@arolariu/components 0.5.0 → 1.0.0

package/dist/motion/presets.js

@@ -0,0 +1,117 @@
+import { durations, easings } from "./tokens.js";
+const fadeIn = {
+    initial: {
+        opacity: 0
+    },
+    animate: {
+        opacity: 1
+    },
+    exit: {
+        opacity: 0
+    },
+    transition: {
+        duration: durations.normal,
+        ease: easings.ease
+    }
+};
+const fadeInUp = {
+    initial: {
+        opacity: 0,
+        y: 8
+    },
+    animate: {
+        opacity: 1,
+        y: 0
+    },
+    exit: {
+        opacity: 0,
+        y: 8
+    },
+    transition: {
+        duration: durations.normal,
+        ease: easings.easeOut
+    }
+};
+const fadeInDown = {
+    initial: {
+        opacity: 0,
+        y: -8
+    },
+    animate: {
+        opacity: 1,
+        y: 0
+    },
+    exit: {
+        opacity: 0,
+        y: -8
+    },
+    transition: {
+        duration: durations.normal,
+        ease: easings.easeOut
+    }
+};
+const scaleIn = {
+    initial: {
+        opacity: 0,
+        scale: 0.95
+    },
+    animate: {
+        opacity: 1,
+        scale: 1
+    },
+    exit: {
+        opacity: 0,
+        scale: 0.95
+    },
+    transition: {
+        duration: durations.fast,
+        ease: easings.easeOut
+    }
+};
+const slideInFromLeft = {
+    initial: {
+        opacity: 0,
+        x: -16
+    },
+    animate: {
+        opacity: 1,
+        x: 0
+    },
+    exit: {
+        opacity: 0,
+        x: -16
+    },
+    transition: {
+        duration: durations.slow,
+        ease: easings.easeOut
+    }
+};
+const slideInFromRight = {
+    initial: {
+        opacity: 0,
+        x: 16
+    },
+    animate: {
+        opacity: 1,
+        x: 0
+    },
+    exit: {
+        opacity: 0,
+        x: 16
+    },
+    transition: {
+        duration: durations.slow,
+        ease: easings.easeOut
+    }
+};
+const reducedMotion = {
+    initial: {},
+    animate: {},
+    exit: {},
+    transition: {
+        duration: 0
+    }
+};
+export { fadeIn, fadeInDown, fadeInUp, reducedMotion, scaleIn, slideInFromLeft, slideInFromRight };
+
+//# sourceMappingURL=presets.js.map

package/dist/motion/presets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion/presets.js","sources":["../../src/motion/presets.ts"],"sourcesContent":["import {durations, easings} from \"./tokens\";\r\n\r\n/**\r\n * Reusable animation variant presets for common transitions.\r\n * Each preset includes `initial`, `animate`, and `exit` states.\r\n * All presets respect reduced-motion preferences when used with `useReducedMotion`.\r\n */\r\n\r\n/**\r\n * Fades content in and out without positional movement.\r\n */\r\nexport const fadeIn = {\r\n  initial: {opacity: 0},\r\n  animate: {opacity: 1},\r\n  exit: {opacity: 0},\r\n  transition: {duration: durations.normal, ease: easings.ease},\r\n} as const;\r\n\r\n/**\r\n * Fades content upward into view.\r\n */\r\nexport const fadeInUp = {\r\n  initial: {opacity: 0, y: 8},\r\n  animate: {opacity: 1, y: 0},\r\n  exit: {opacity: 0, y: 8},\r\n  transition: {duration: durations.normal, ease: easings.easeOut},\r\n} as const;\r\n\r\n/**\r\n * Fades content downward into view.\r\n */\r\nexport const fadeInDown = {\r\n  initial: {opacity: 0, y: -8},\r\n  animate: {opacity: 1, y: 0},\r\n  exit: {opacity: 0, y: -8},\r\n  transition: {duration: durations.normal, ease: easings.easeOut},\r\n} as const;\r\n\r\n/**\r\n * Fades and scales content into view.\r\n */\r\nexport const scaleIn = {\r\n  initial: {opacity: 0, scale: 0.95},\r\n  animate: {opacity: 1, scale: 1},\r\n  exit: {opacity: 0, scale: 0.95},\r\n  transition: {duration: durations.fast, ease: easings.easeOut},\r\n} as const;\r\n\r\n/**\r\n * Slides content in from the left.\r\n */\r\nexport const slideInFromLeft = {\r\n  initial: {opacity: 0, x: -16},\r\n  animate: {opacity: 1, x: 0},\r\n  exit: {opacity: 0, x: -16},\r\n  transition: {duration: durations.slow, ease: easings.easeOut},\r\n} as const;\r\n\r\n/**\r\n * Slides content in from the right.\r\n */\r\nexport const slideInFromRight = {\r\n  initial: {opacity: 0, x: 16},\r\n  animate: {opacity: 1, x: 0},\r\n  exit: {opacity: 0, x: 16},\r\n  transition: {duration: durations.slow, ease: easings.easeOut},\r\n} as const;\r\n\r\n/**\r\n * No-op preset for reduced motion — instant state change, no animation.\r\n */\r\nexport const reducedMotion = {\r\n  initial: {},\r\n  animate: {},\r\n  exit: {},\r\n  transition: {duration: 0},\r\n} as const;\r\n"],"names":["fadeIn","durations","easings","fadeInUp","fadeInDown","scaleIn","slideInFromLeft","slideInFromRight","reducedMotion"],"mappings":";AAWO,MAAMA,SAAS;IACpB,SAAS;QAAC,SAAS;IAAC;IACpB,SAAS;QAAC,SAAS;IAAC;IACpB,MAAM;QAAC,SAAS;IAAC;IACjB,YAAY;QAAC,UAAUC,UAAU,MAAM;QAAE,MAAMC,QAAQ,IAAI;IAAA;AAC7D;AAKO,MAAMC,WAAW;IACtB,SAAS;QAAC,SAAS;QAAG,GAAG;IAAC;IAC1B,SAAS;QAAC,SAAS;QAAG,GAAG;IAAC;IAC1B,MAAM;QAAC,SAAS;QAAG,GAAG;IAAC;IACvB,YAAY;QAAC,UAAUF,UAAU,MAAM;QAAE,MAAMC,QAAQ,OAAO;IAAA;AAChE;AAKO,MAAME,aAAa;IACxB,SAAS;QAAC,SAAS;QAAG,GAAG;IAAE;IAC3B,SAAS;QAAC,SAAS;QAAG,GAAG;IAAC;IAC1B,MAAM;QAAC,SAAS;QAAG,GAAG;IAAE;IACxB,YAAY;QAAC,UAAUH,UAAU,MAAM;QAAE,MAAMC,QAAQ,OAAO;IAAA;AAChE;AAKO,MAAMG,UAAU;IACrB,SAAS;QAAC,SAAS;QAAG,OAAO;IAAI;IACjC,SAAS;QAAC,SAAS;QAAG,OAAO;IAAC;IAC9B,MAAM;QAAC,SAAS;QAAG,OAAO;IAAI;IAC9B,YAAY;QAAC,UAAUJ,UAAU,IAAI;QAAE,MAAMC,QAAQ,OAAO;IAAA;AAC9D;AAKO,MAAMI,kBAAkB;IAC7B,SAAS;QAAC,SAAS;QAAG,GAAG;IAAG;IAC5B,SAAS;QAAC,SAAS;QAAG,GAAG;IAAC;IAC1B,MAAM;QAAC,SAAS;QAAG,GAAG;IAAG;IACzB,YAAY;QAAC,UAAUL,UAAU,IAAI;QAAE,MAAMC,QAAQ,OAAO;IAAA;AAC9D;AAKO,MAAMK,mBAAmB;IAC9B,SAAS;QAAC,SAAS;QAAG,GAAG;IAAE;IAC3B,SAAS;QAAC,SAAS;QAAG,GAAG;IAAC;IAC1B,MAAM;QAAC,SAAS;QAAG,GAAG;IAAE;IACxB,YAAY;QAAC,UAAUN,UAAU,IAAI;QAAE,MAAMC,QAAQ,OAAO;IAAA;AAC9D;AAKO,MAAMM,gBAAgB;IAC3B,SAAS,CAAC;IACV,SAAS,CAAC;IACV,MAAM,CAAC;IACP,YAAY;QAAC,UAAU;IAAC;AAC1B"}

package/dist/motion/tokens.js

@@ -0,0 +1,41 @@
+const durations = {
+    fast: 0.1,
+    normal: 0.15,
+    slow: 0.2,
+    slower: 0.3,
+    slowest: 0.5
+};
+const easings = {
+    ease: [
+        0.25,
+        0.1,
+        0.25,
+        1.0
+    ],
+    easeIn: [
+        0.42,
+        0,
+        1.0,
+        1.0
+    ],
+    easeOut: [
+        0,
+        0,
+        0.58,
+        1.0
+    ],
+    easeInOut: [
+        0.42,
+        0,
+        0.58,
+        1.0
+    ],
+    spring: {
+        type: "spring",
+        stiffness: 300,
+        damping: 24
+    }
+};
+export { durations, easings };
+
+//# sourceMappingURL=tokens.js.map

package/dist/motion/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion/tokens.js","sources":["../../src/motion/tokens.ts"],"sourcesContent":["/**\r\n * Standard motion duration constants in seconds.\r\n * Aligned with `--ac-transition-*` CSS custom properties in `index.css`.\r\n *\r\n * @example\r\n * ```tsx\r\n * <motion.div animate={{opacity: 1}} transition={{duration: durations.normal}} />\r\n * ```\r\n */\r\nexport const durations = {\r\n  fast: 0.1,\r\n  normal: 0.15,\r\n  slow: 0.2,\r\n  slower: 0.3,\r\n  slowest: 0.5,\r\n} as const;\r\n\r\n/**\r\n * Standard easing curves for consistent motion across the library.\r\n */\r\nexport const easings = {\r\n  ease: [0.25, 0.1, 0.25, 1.0],\r\n  easeIn: [0.42, 0, 1.0, 1.0],\r\n  easeOut: [0, 0, 0.58, 1.0],\r\n  easeInOut: [0.42, 0, 0.58, 1.0],\r\n  spring: {type: \"spring\" as const, stiffness: 300, damping: 24},\r\n} as const;\r\n\r\n/**\r\n * Represents a named motion duration token.\r\n */\r\nexport type Duration = keyof typeof durations;\r\n\r\n/**\r\n * Represents a named motion easing token.\r\n */\r\nexport type Easing = keyof typeof easings;\r\n"],"names":["durations","easings"],"mappings":"AASO,MAAMA,YAAY;IACvB,MAAM;IACN,QAAQ;IACR,MAAM;IACN,QAAQ;IACR,SAAS;AACX;AAKO,MAAMC,UAAU;IACrB,MAAM;QAAC;QAAM;QAAK;QAAM;KAAI;IAC5B,QAAQ;QAAC;QAAM;QAAG;QAAK;KAAI;IAC3B,SAAS;QAAC;QAAG;QAAG;QAAM;KAAI;IAC1B,WAAW;QAAC;QAAM;QAAG;QAAM;KAAI;IAC/B,QAAQ;QAAC,MAAM;QAAmB,WAAW;QAAK,SAAS;IAAE;AAC/D"}

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@arolariu/components",
   "displayName": "@arolariu/components",
-  "version": "0.5.0",
-  "description": "🎨 70+ beautiful, accessible React components built on Radix UI. TypeScript-first, tree-shakeable, SSR-ready. Perfect for modern web apps, design systems & rapid prototyping. Zero config, maximum flexibility! ⚡",
+  "version": "1.0.0",
+  "description": "🎨 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! ⚡",
   "homepage": "https://arolariu.ro",
   "repository": {
     "type": "git",
@@ -16,7 +16,9 @@
   },
   "license": "MIT",
   "type": "module",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css"
+  ],
   "source": "src/index.ts",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -36,6 +38,9 @@
   "files": [
     "dist",
     "src",
+    "!src/**/*.test.*",
+    "!src/**/*.spec.*",
+    "!src/**/*.stories.*",
     "LICENSE.md",
     "README.md",
     "CHANGELOG.md",
@@ -55,9 +60,8 @@
     "component-library",
     "design-system",
     "typescript",
-    "tailwindcss",
-    "radix-ui",
-    "shadcn-ui",
+    "base-ui",
+    "css-modules",
     "accessible",
     "tree-shakeable",
     "modern-ui",
@@ -86,74 +90,37 @@
     "test:unit": "vitest run"
   },
   "dependencies": {
-    "@hookform/resolvers": "*",
-    "@radix-ui/react-accordion": "*",
-    "@radix-ui/react-alert-dialog": "*",
-    "@radix-ui/react-aspect-ratio": "*",
-    "@radix-ui/react-avatar": "*",
-    "@radix-ui/react-checkbox": "*",
-    "@radix-ui/react-collapsible": "*",
-    "@radix-ui/react-context-menu": "*",
-    "@radix-ui/react-dialog": "*",
-    "@radix-ui/react-dropdown-menu": "*",
-    "@radix-ui/react-hover-card": "*",
-    "@radix-ui/react-label": "*",
-    "@radix-ui/react-menubar": "*",
-    "@radix-ui/react-navigation-menu": "*",
-    "@radix-ui/react-popover": "*",
-    "@radix-ui/react-progress": "*",
-    "@radix-ui/react-radio-group": "*",
-    "@radix-ui/react-scroll-area": "*",
-    "@radix-ui/react-select": "*",
-    "@radix-ui/react-separator": "*",
-    "@radix-ui/react-slider": "*",
-    "@radix-ui/react-slot": "*",
-    "@radix-ui/react-switch": "*",
-    "@radix-ui/react-tabs": "*",
-    "@radix-ui/react-toggle": "*",
-    "@radix-ui/react-toggle-group": "*",
-    "@radix-ui/react-tooltip": "*",
-    "class-variance-authority": "*",
     "clsx": "*",
-    "cmdk": "*",
     "embla-carousel-react": "*",
     "input-otp": "*",
     "lucide-react": "*",
-    "motion": "*",
-    "next-themes": "*",
     "react-day-picker": "*",
-    "react-hook-form": "*",
-    "react-resizable-panels": "*",
-    "recharts": "*",
-    "shiki": "*",
-    "sonner": "*",
-    "tailwind-merge": "*",
-    "tailwindcss-animate": "*",
-    "vaul": "*",
-    "zod": "*"
+    "react-resizable-panels": "*"
   },
   "peerDependencies": {
+    "@base-ui/react": "^1",
     "motion": "^12",
     "react": "^18.2 || ^19",
     "react-dom": "^18.2 || ^19",
-    "tailwindcss": "^4"
+    "react-hook-form": "^7",
+    "recharts": "^3.8"
   },
   "devDependencies": {
-    "@microsoft/api-extractor": "*",
+    "@base-ui/react": "*",
     "@rsbuild/core": "*",
     "@rsbuild/plugin-react": "*",
     "@rslib/core": "*",
-    "@tailwindcss/postcss": "*",
     "@types/node": "*",
     "@types/react": "*",
     "@types/react-dom": "*",
-    "cssnano": "*",
-    "playwright": "*",
+    "motion": "*",
     "postcss": "*",
+    "playwright": "*",
     "react": "*",
     "react-dom": "*",
+    "react-hook-form": "*",
+    "recharts": "*",
     "rimraf": "*",
-    "tailwindcss": "*",
     "typescript": "*"
   },
   "publishConfig": {
@@ -194,6 +161,11 @@
       "import": "./dist/components/ui/aspect-ratio.js",
       "default": "./dist/components/ui/aspect-ratio.js"
     },
+    "./async-boundary": {
+      "types": "./dist/components/ui/async-boundary.d.ts",
+      "import": "./dist/components/ui/async-boundary.js",
+      "default": "./dist/components/ui/async-boundary.js"
+    },
     "./avatar": {
       "types": "./dist/components/ui/avatar.d.ts",
       "import": "./dist/components/ui/avatar.js",
@@ -234,6 +206,11 @@
       "import": "./dist/components/ui/calendar.js",
       "default": "./dist/components/ui/calendar.js"
     },
+    "./card-skeleton": {
+      "types": "./dist/components/ui/card-skeleton.d.ts",
+      "import": "./dist/components/ui/card-skeleton.js",
+      "default": "./dist/components/ui/card-skeleton.js"
+    },
     "./card": {
       "types": "./dist/components/ui/card.d.ts",
       "import": "./dist/components/ui/card.js",
@@ -249,6 +226,11 @@
       "import": "./dist/components/ui/chart.js",
       "default": "./dist/components/ui/chart.js"
     },
+    "./checkbox-group": {
+      "types": "./dist/components/ui/checkbox-group.d.ts",
+      "import": "./dist/components/ui/checkbox-group.js",
+      "default": "./dist/components/ui/checkbox-group.js"
+    },
     "./checkbox": {
       "types": "./dist/components/ui/checkbox.d.ts",
       "import": "./dist/components/ui/checkbox.js",
@@ -269,6 +251,11 @@
       "import": "./dist/components/ui/context-menu.js",
       "default": "./dist/components/ui/context-menu.js"
     },
+    "./copy-button": {
+      "types": "./dist/components/ui/copy-button.d.ts",
+      "import": "./dist/components/ui/copy-button.js",
+      "default": "./dist/components/ui/copy-button.js"
+    },
     "./counting-number": {
       "types": "./dist/components/ui/counting-number.d.ts",
       "import": "./dist/components/ui/counting-number.js",
@@ -304,6 +291,11 @@
       "import": "./dist/components/ui/empty.js",
       "default": "./dist/components/ui/empty.js"
     },
+    "./error-boundary": {
+      "types": "./dist/components/ui/error-boundary.d.ts",
+      "import": "./dist/components/ui/error-boundary.js",
+      "default": "./dist/components/ui/error-boundary.js"
+    },
     "./field": {
       "types": "./dist/components/ui/field.d.ts",
       "import": "./dist/components/ui/field.js",
@@ -319,6 +311,16 @@
       "import": "./dist/components/ui/flip-button.js",
       "default": "./dist/components/ui/flip-button.js"
     },
+    "./focus-scope": {
+      "types": "./dist/components/ui/focus-scope.d.ts",
+      "import": "./dist/components/ui/focus-scope.js",
+      "default": "./dist/components/ui/focus-scope.js"
+    },
+    "./form-skeleton": {
+      "types": "./dist/components/ui/form-skeleton.d.ts",
+      "import": "./dist/components/ui/form-skeleton.js",
+      "default": "./dist/components/ui/form-skeleton.js"
+    },
     "./form": {
       "types": "./dist/components/ui/form.d.ts",
       "import": "./dist/components/ui/form.js",
@@ -379,16 +381,36 @@
       "import": "./dist/components/ui/label.js",
       "default": "./dist/components/ui/label.js"
     },
+    "./list-skeleton": {
+      "types": "./dist/components/ui/list-skeleton.d.ts",
+      "import": "./dist/components/ui/list-skeleton.js",
+      "default": "./dist/components/ui/list-skeleton.js"
+    },
+    "./loading-overlay": {
+      "types": "./dist/components/ui/loading-overlay.d.ts",
+      "import": "./dist/components/ui/loading-overlay.js",
+      "default": "./dist/components/ui/loading-overlay.js"
+    },
     "./menubar": {
       "types": "./dist/components/ui/menubar.d.ts",
       "import": "./dist/components/ui/menubar.js",
       "default": "./dist/components/ui/menubar.js"
     },
+    "./meter": {
+      "types": "./dist/components/ui/meter.d.ts",
+      "import": "./dist/components/ui/meter.js",
+      "default": "./dist/components/ui/meter.js"
+    },
     "./navigation-menu": {
       "types": "./dist/components/ui/navigation-menu.d.ts",
       "import": "./dist/components/ui/navigation-menu.js",
       "default": "./dist/components/ui/navigation-menu.js"
     },
+    "./number-field": {
+      "types": "./dist/components/ui/number-field.d.ts",
+      "import": "./dist/components/ui/number-field.js",
+      "default": "./dist/components/ui/number-field.js"
+    },
     "./pagination": {
       "types": "./dist/components/ui/pagination.d.ts",
       "import": "./dist/components/ui/pagination.js",
@@ -469,11 +491,21 @@
       "import": "./dist/components/ui/spinner.js",
       "default": "./dist/components/ui/spinner.js"
     },
+    "./stepper": {
+      "types": "./dist/components/ui/stepper.d.ts",
+      "import": "./dist/components/ui/stepper.js",
+      "default": "./dist/components/ui/stepper.js"
+    },
     "./switch": {
       "types": "./dist/components/ui/switch.d.ts",
       "import": "./dist/components/ui/switch.js",
       "default": "./dist/components/ui/switch.js"
     },
+    "./table-skeleton": {
+      "types": "./dist/components/ui/table-skeleton.d.ts",
+      "import": "./dist/components/ui/table-skeleton.js",
+      "default": "./dist/components/ui/table-skeleton.js"
+    },
     "./table": {
       "types": "./dist/components/ui/table.d.ts",
       "import": "./dist/components/ui/table.js",
@@ -489,6 +521,11 @@
       "import": "./dist/components/ui/textarea.js",
       "default": "./dist/components/ui/textarea.js"
     },
+    "./timeline": {
+      "types": "./dist/components/ui/timeline.d.ts",
+      "import": "./dist/components/ui/timeline.js",
+      "default": "./dist/components/ui/timeline.js"
+    },
     "./toggle-group": {
       "types": "./dist/components/ui/toggle-group.d.ts",
       "import": "./dist/components/ui/toggle-group.js",
@@ -499,6 +536,11 @@
       "import": "./dist/components/ui/toggle.js",
       "default": "./dist/components/ui/toggle.js"
     },
+    "./toolbar": {
+      "types": "./dist/components/ui/toolbar.d.ts",
+      "import": "./dist/components/ui/toolbar.js",
+      "default": "./dist/components/ui/toolbar.js"
+    },
     "./tooltip": {
       "types": "./dist/components/ui/tooltip.d.ts",
       "import": "./dist/components/ui/tooltip.js",
@@ -509,25 +551,70 @@
       "import": "./dist/components/ui/typewriter.js",
       "default": "./dist/components/ui/typewriter.js"
     },
-    "./useismobile": {
-      "types": "./dist/components/ui/useismobile.d.ts",
-      "import": "./dist/components/ui/useismobile.js",
-      "default": "./dist/components/ui/useismobile.js"
-    },
-    "./usewindowsize": {
-      "types": "./dist/components/ui/usewindowsize.d.ts",
-      "import": "./dist/components/ui/usewindowsize.js",
-      "default": "./dist/components/ui/usewindowsize.js"
+    "./visually-hidden": {
+      "types": "./dist/components/ui/visually-hidden.d.ts",
+      "import": "./dist/components/ui/visually-hidden.js",
+      "default": "./dist/components/ui/visually-hidden.js"
+    },
+    "./useAnnounce": {
+      "types": "./dist/hooks/useAnnounce.d.ts",
+      "import": "./dist/hooks/useAnnounce.js",
+      "default": "./dist/hooks/useAnnounce.js"
+    },
+    "./useBreakpoint": {
+      "types": "./dist/hooks/useBreakpoint.d.ts",
+      "import": "./dist/hooks/useBreakpoint.js",
+      "default": "./dist/hooks/useBreakpoint.js"
+    },
+    "./useColorScheme": {
+      "types": "./dist/hooks/useColorScheme.d.ts",
+      "import": "./dist/hooks/useColorScheme.js",
+      "default": "./dist/hooks/useColorScheme.js"
+    },
+    "./useFocusManager": {
+      "types": "./dist/hooks/useFocusManager.d.ts",
+      "import": "./dist/hooks/useFocusManager.js",
+      "default": "./dist/hooks/useFocusManager.js"
+    },
+    "./useFocusVisible": {
+      "types": "./dist/hooks/useFocusVisible.d.ts",
+      "import": "./dist/hooks/useFocusVisible.js",
+      "default": "./dist/hooks/useFocusVisible.js"
+    },
+    "./useIsMobile": {
+      "types": "./dist/hooks/useIsMobile.d.ts",
+      "import": "./dist/hooks/useIsMobile.js",
+      "default": "./dist/hooks/useIsMobile.js"
+    },
+    "./useMediaQuery": {
+      "types": "./dist/hooks/useMediaQuery.d.ts",
+      "import": "./dist/hooks/useMediaQuery.js",
+      "default": "./dist/hooks/useMediaQuery.js"
+    },
+    "./usePrefersContrast": {
+      "types": "./dist/hooks/usePrefersContrast.d.ts",
+      "import": "./dist/hooks/usePrefersContrast.js",
+      "default": "./dist/hooks/usePrefersContrast.js"
+    },
+    "./useReducedMotion": {
+      "types": "./dist/hooks/useReducedMotion.d.ts",
+      "import": "./dist/hooks/useReducedMotion.js",
+      "default": "./dist/hooks/useReducedMotion.js"
+    },
+    "./useWindowSize": {
+      "types": "./dist/hooks/useWindowSize.d.ts",
+      "import": "./dist/hooks/useWindowSize.js",
+      "default": "./dist/hooks/useWindowSize.js"
     },
     "./color-conversion-utilities": {
-      "types": "./dist/components/ui/color-conversion-utilities.d.ts",
-      "import": "./dist/components/ui/color-conversion-utilities.js",
-      "default": "./dist/components/ui/color-conversion-utilities.js"
+      "types": "./dist/lib/color-conversion-utilities.d.ts",
+      "import": "./dist/lib/color-conversion-utilities.js",
+      "default": "./dist/lib/color-conversion-utilities.js"
     },
     "./utilities": {
-      "types": "./dist/components/ui/utilities.d.ts",
-      "import": "./dist/components/ui/utilities.js",
-      "default": "./dist/components/ui/utilities.js"
+      "types": "./dist/lib/utilities.d.ts",
+      "import": "./dist/lib/utilities.js",
+      "default": "./dist/lib/utilities.js"
     }
   }
 }

package/src/components/ui/accordion.module.css

@@ -0,0 +1,70 @@
+.item {
+  border-bottom: 1px solid var(--ac-border);
+}
+
+.header {
+  display: flex;
+}
+
+.trigger {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--ac-space-3);
+  padding: var(--ac-space-3) 0;
+  border: none;
+  background: transparent;
+  color: var(--ac-foreground);
+  font-size: var(--ac-text-sm);
+  font-weight: 500;
+  text-align: left;
+  cursor: pointer;
+  outline: none;
+  transition: color var(--ac-transition-fast);
+
+  @media (hover: hover) {
+    &:hover {
+      color: var(--ac-primary);
+    }
+  }
+
+  &:focus-visible {
+    border-radius: var(--ac-radius-sm);
+    outline: 2px solid var(--ac-ring);
+    outline-offset: 2px;
+  }
+
+  &[data-disabled] {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+
+  &[data-panel-open] .icon {
+    transform: rotate(180deg);
+  }
+}
+
+.icon {
+  width: 1rem;
+  height: 1rem;
+  flex-shrink: 0;
+  color: var(--ac-muted-foreground);
+  transition: transform var(--ac-transition-normal);
+}
+
+.panel {
+  overflow: hidden;
+  color: var(--ac-muted-foreground);
+  font-size: var(--ac-text-sm);
+  transition: grid-template-rows var(--ac-transition-normal), opacity var(--ac-transition-normal);
+
+  &[data-starting-style],
+  &[data-ending-style] {
+    opacity: 0;
+  }
+}
+
+.panelInner {
+  padding: 0 0 var(--ac-space-3);
+}