@arolariu/components 0.4.2 → 1.0.0

package/dist/motion/Collapse.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../lib/utilities.js";
+import Collapse_module from "./Collapse.module.js";
+const Collapse = /*#__PURE__*/ forwardRef(({ open, children, className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
+        "data-state": open ? "open" : "closed",
+        className: cn(Collapse_module.collapse, className),
+        ...props,
+        children: /*#__PURE__*/ jsx("div", {
+            className: Collapse_module.inner,
+            children: children
+        })
+    }));
+Collapse.displayName = "Collapse";
+export { Collapse };
+
+//# sourceMappingURL=Collapse.js.map

package/dist/motion/Collapse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion/Collapse.js","sources":["../../src/motion/Collapse.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./Collapse.module.css\";\r\n\r\n/**\r\n * Represents the configurable props for the {@link Collapse} component.\r\n *\r\n * @remarks\r\n * Extends native `<div>` attributes so consumers can provide ARIA metadata,\r\n * testing hooks, and custom classes while keeping the animated container typed.\r\n */\r\ninterface CollapseProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /**\r\n   * Whether the content is expanded.\r\n   */\r\n  open: boolean;\r\n  /**\r\n   * Content to show or hide with animation.\r\n   */\r\n  children: React.ReactNode;\r\n}\r\n\r\n/**\r\n * Animated height collapse and expand using CSS grid-template-rows.\r\n *\r\n * @remarks\r\n * Supports reduced motion through a CSS `prefers-reduced-motion` media query and keeps\r\n * content mounted so assistive technologies and measurement logic remain stable.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Collapse open={isExpanded}>\r\n *   <p>Collapsible content</p>\r\n * </Collapse>\r\n * ```\r\n */\r\nconst Collapse = React.forwardRef<HTMLDivElement, CollapseProps>(({open, children, className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    data-state={open ? \"open\" : \"closed\"}\r\n    className={cn(styles.collapse, className)}\r\n    {...props}>\r\n    <div className={styles.inner}>{children}</div>\r\n  </div>\r\n));\r\nCollapse.displayName = \"Collapse\";\r\n\r\nexport {Collapse};\r\nexport type {CollapseProps};\r\n"],"names":["Collapse","React","open","children","className","props","ref","cn","styles"],"mappings":";;;;;AAuCA,MAAMA,WAAW,WAAHA,GAAGC,WAAgD,CAAC,EAACC,IAAI,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACvG,IAAC;QACC,KAAKA;QACL,cAAYJ,OAAO,SAAS;QAC5B,WAAWK,GAAGC,gBAAAA,QAAe,EAAEJ;QAC9B,GAAGC,KAAK;kBACT,kBAAC;YAAI,WAAWG,gBAAAA,KAAY;sBAAGL;;;AAGnCH,SAAS,WAAW,GAAG"}

package/dist/motion/Collapse.module.js

@@ -0,0 +1,8 @@
+import "./Collapse_module.css";
+const Collapse_module = {
+    collapse: "collapse-_UWjTr",
+    inner: "inner-lQXjeb"
+};
+export default Collapse_module;
+
+//# sourceMappingURL=Collapse.module.js.map

package/dist/motion/Collapse.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion/Collapse.module.js","sources":["../../src/motion/Collapse.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./Collapse_module.css\"\nexport default {\"collapse\":\"collapse-_UWjTr\",\"inner\":\"inner-lQXjeb\"};"],"names":[],"mappings":";AAEA,wBAAe;IAAC,UAAW;IAAkB,OAAQ;AAAc"}

package/dist/motion/Collapse_module.css

@@ -0,0 +1,25 @@
+.collapse-_UWjTr {
+  opacity: 0;
+  transition: grid-template-rows var(--ac-transition-normal),opacity var(--ac-transition-normal);
+  grid-template-rows: 0fr;
+  display: grid;
+  overflow: hidden;
+}
+
+.collapse-_UWjTr[data-state="open"] {
+  opacity: 1;
+  grid-template-rows: 1fr;
+}
+
+.inner-lQXjeb {
+  min-height: 0;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .collapse-_UWjTr {
+    transition: none;
+  }
+}
+
+
+/*# sourceMappingURL=Collapse_module.css.map */

package/dist/motion/Collapse_module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/motion/Collapse.module.css","webpack://./src/motion/Collapse.module.css"],"names":[],"mappings":"AADA;ECEE,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{display:grid;grid-template-rows:0fr;opacity:0;overflow:hidden;transition:grid-template-rows var(--ac-transition-normal),opacity var(--ac-transition-normal)}.collapse[data-state=open]{grid-template-rows:1fr;opacity:1}.inner{min-height:0}@media (prefers-reduced-motion:reduce){.collapse{transition:none}}",".collapse {\n  opacity: 0;\n  transition: grid-template-rows var(--ac-transition-normal),opacity var(--ac-transition-normal);\n  grid-template-rows: 0fr;\n  display: grid;\n  overflow: hidden;\n}\n\n.collapse[data-state=\"open\"] {\n  opacity: 1;\n  grid-template-rows: 1fr;\n}\n\n.inner {\n  min-height: 0;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .collapse {\n    transition: none;\n  }\n}\n"],"sourceRoot":""}

package/dist/motion/Presence.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { AnimatePresence } from "motion/react";
+import "react";
+function Presence({ present, children, mode = "sync" }) {
+    return /*#__PURE__*/ jsx(AnimatePresence, {
+        mode: mode,
+        children: present ? children : null
+    });
+}
+Presence.displayName = "Presence";
+export { Presence };
+
+//# sourceMappingURL=Presence.js.map

package/dist/motion/Presence.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion/Presence.js","sources":["../../src/motion/Presence.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {AnimatePresence} from \"motion/react\";\r\nimport * as React from \"react\";\r\n\r\n/**\r\n * Represents the configurable props for the {@link Presence} component.\r\n */\r\ninterface PresenceProps {\r\n  /**\r\n   * Whether the child should be mounted and visible.\r\n   */\r\n  present: boolean;\r\n  /**\r\n   * The animated child element.\r\n   */\r\n  children: React.ReactNode;\r\n  /**\r\n   * AnimatePresence mode.\r\n   * @default \"sync\"\r\n   */\r\n  mode?: \"wait\" | \"sync\" | \"popLayout\";\r\n}\r\n\r\n/**\r\n * Simplified mount/unmount animation wrapper built on `AnimatePresence`.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Presence present={isOpen}>\r\n *   <motion.div {...fadeIn}>Content</motion.div>\r\n * </Presence>\r\n * ```\r\n *\r\n * @see {@link https://motion.dev/docs/react-animate-presence | motion AnimatePresence}\r\n */\r\nfunction Presence({present, children, mode = \"sync\"}: Readonly<PresenceProps>): React.JSX.Element {\r\n  return <AnimatePresence mode={mode}>{present ? children : null}</AnimatePresence>;\r\n}\r\n\r\nPresence.displayName = \"Presence\";\r\n\r\nexport {Presence};\r\nexport type {PresenceProps};\r\n"],"names":["Presence","present","children","mode","AnimatePresence"],"mappings":";;;;AAoCA,SAASA,SAAS,EAACC,OAAO,EAAEC,QAAQ,EAAEC,OAAO,MAAM,EAA0B;IAC3E,OAAO,WAAP,GAAO,IAACC,iBAAeA;QAAC,MAAMD;kBAAOF,UAAUC,WAAW;;AAC5D;AAEAF,SAAS,WAAW,GAAG"}

package/dist/motion/index.js

@@ -0,0 +1,5 @@
+export { durations, easings } from "./tokens.js";
+export { fadeIn, fadeInDown, fadeInUp, reducedMotion, scaleIn, slideInFromLeft, slideInFromRight } from "./presets.js";
+export { Collapse } from "./Collapse.js";
+export { Presence } from "./Presence.js";
+export { AnimatePresence, motion, stagger, useAnimate, useAnimation, useInView, useMotionValue, useSpring } from "motion/react";

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.4.2",
-  "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",
@@ -81,77 +85,42 @@
     "build:before": "node scripts/beforeBuild.ts",
     "build:after": "node scripts/afterBuild.ts",
     "build:clean": "rimraf dist",
-    "build:exports": "node scripts/generate-exports.ts"
+    "build:exports": "node scripts/generate-exports.ts",
+    "test": "npm run test:unit",
+    "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": {
@@ -192,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",
@@ -232,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",
@@ -247,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",
@@ -267,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",
@@ -302,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",
@@ -317,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",
@@ -377,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",
@@ -467,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",
@@ -487,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",
@@ -497,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",
@@ -507,20 +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/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"
     }
   }
 }