@arolariu/components/dist/motion/Collapse_module.css.map

🎨 70+ beautiful, accessible React components built on Base UI. TypeScript-first, CSS Modules styling, tree-shakeable, SSR-ready. Perfect for modern web apps, design systems & rapid prototyping. Zero config, maximum flexibility! ⚡

{"version":3,"sources":["webpack://./src/motion/Collapse.module.css"],"names":[],"mappings":"AAAA;EACE,UAAU;EACV,8FAA8F;EAC9F,uBAAuB;EACvB,aAAa;EACb,gBAAgB;AAClB;;AAEA;EACE,UAAU;EACV,uBAAuB;AACzB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE;IACE,gBAAgB;EAClB;AACF","sourcesContent":[".collapse {\r\n  display: grid;\r\n  grid-template-rows: 0fr;\r\n  overflow: hidden;\r\n  transition: grid-template-rows var(--ac-transition-normal), opacity var(--ac-transition-normal);\r\n  opacity: 0;\r\n}\r\n\r\n.collapse[data-state=\"open\"] {\r\n  grid-template-rows: 1fr;\r\n  opacity: 1;\r\n}\r\n\r\n.inner {\r\n  min-height: 0;\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .collapse {\r\n    transition: none;\r\n  }\r\n}\r\n"],"sourceRoot":""}