@arolariu/components 0.1.2 → 0.3.0

package/LICENSE.md

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2025 Alexandru-Razvan Olariu
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2025 Alexandru-Razvan Olariu
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/changelog.md

@@ -1,118 +1,120 @@
-# 📋 Release History
-
-> **Stay updated with the latest improvements, features, and fixes!**
-
-All notable changes to **@arolariu/components** are documented here following [Keep a Changelog](https://keepachangelog.com/en/1.1.0/) format and [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
-
----
-
-## 🎉 Latest Releases
-
-### [0.1.1](https://www.npmjs.com/package/@arolariu/components/v/0.1.1) - 2025-08-25
-
-**🔧 Dependencies & Infrastructure**
-
-- ⬆️ **Upgraded Radix UI** packages to latest versions for better performance
-- ⬆️ **Updated rslib/rsbuild** core packages to latest versions
-- 🆕 **Typewriter Component** Added new component from Aceternity UI.
-- ⬆️ **Recharts V3** Upgraded chart.tsx to use Rechars v3.
-
-### [0.1.0](https://www.npmjs.com/package/@arolariu/components/v/0.1.0) - 2025-08-12
-
-**🔧 Dependencies & Infrastructure**
-
-- 💥 **Breaking Change: Only export ESM format** starting from this version
-- ⬆️ **Upgraded Radix UI** packages to latest versions for better performance
-- ⬆️ **Updated rslib/rsbuild** core packages to latest versions
-
-### [0.0.40](https://www.npmjs.com/package/@arolariu/components/v/0.0.40) - 2025-07-25
-
-**🔧 Dependencies & Infrastructure**
-
-- ⬆️ **Upgraded Radix UI** packages to latest versions for better performance
-- ⬆️ **Updated rslib/rsbuild** core packages to latest versions
-
-### [0.0.39](https://www.npmjs.com/package/@arolariu/components/v/0.0.39) - 2025-06-25
-
-**🔧 Dependencies & Infrastructure**
-
-- ⬆️ **Upgraded Radix UI** packages to latest versions for better performance
-- ⬆️ **Updated rslib/rsbuild** core packages to latest versions
-- ⬆️ **Bumped Storybook** to v8 with enhanced documentation features
-- 🔗 **Fixed broken anchor links** in readme.md file
-
-### [0.0.38](https://www.npmjs.com/package/@arolariu/components/v/0.0.38) - 2025-05-16
-
-**✨ Features & Documentation**
-
-- ⬆️ **Radix UI updates** - Latest component primitives
-- ⬆️ **Build tool updates** - Enhanced rslib/rsbuild packages
-- 📚 **Complete Storybook coverage** - Interactive stories for all major components
-- 🆕 **New Component**: `DropDrawer` - Advanced drawer with drop zones
-  - Thanks to [Jia Wei Ng](https://github.com/jiaweing/DropDrawer) for the contribution! 🙏
-
-### [0.0.37](https://www.npmjs.com/package/@arolariu/components/v/0.0.37) - 2025-04-20
-
-**🎨 Component Library Expansion**
-
-- ⬆️ **Radix UI updates** - Latest component primitives
-- 📖 **Enhanced README** - Better documentation for new components
-- ✨ **9 new Animate-UI components** - Beautiful animations out of the box
-- 🪄 **2 new Magic-UI components** - Enhanced utility components
-- 🎭 **1 new Aceternity-UI component** - Creative design patterns
-
-### [0.0.36](https://www.npmjs.com/package/@arolariu/components/v/0.0.36) - 2025-04-17
-
-**🔄 Package Manager Migration**
-
-- 📦 **Migrated from npm to Yarn** - Better dependency management and performance
-- ⬆️ **Updated ShadCN packages** - Latest component definitions and patterns
-
-### [0.0.35](https://www.npmjs.com/package/@arolariu/components/v/0.0.35) - 2025-04-08
-
-**🛠️ Build System Overhaul**
-
-- 🔧 **Vite → Rslib migration** - Faster builds and better tree-shaking
-- 📅 **Calendar component upgrade** - Updated from v8 to v9 with new features
-
-### [0.0.34](https://www.npmjs.com/package/@arolariu/components/v/0.0.34) - 2025-03-27
-
-**🧹 Dependency Cleanup**
-
-- ⬆️ **Package version updates** - Latest stable versions
-- ❌ **Removed daisyUI dependency** - Cleaner build without unused CSS framework
-- 🧽 **De-duplicated yarn.lock** - Optimized dependency tree
-
-### [0.0.33](https://www.npmjs.com/package/@arolariu/components/v/0.0.33) - 2025-03-13
-
-**🎯 Developer Experience**
-
-- ✨ **Added `toast` function** - Programmatic toast notifications with the `Toast` components
-
-### [0.0.32](https://www.npmjs.com/package/@arolariu/components/v/0.0.32) - 2025-03-05
-
-**🔧 Maintenance & Improvements**
-
----
-
-## 📊 Release Statistics
-
-- **📈 Total Releases**: 39 versions and counting
-- **🎯 Major Milestones**: Build system migration, Storybook integration, 60+ components
-- **🚀 Latest Features**: DropDrawer, enhanced animations, improved documentation
-- **⚡ Performance**: Tree-shaking optimization, source map support
-
----
-
-## 🔮 What's Next?
-
-Stay tuned for upcoming features:
-
-- 🌙 **Dark mode enhancements** - Better theme support
-- 📱 **Mobile-first components** - Touch-optimized interactions
-- 🎨 **Custom theme system** - Easy brand integration
-- 📖 **Interactive documentation** - Enhanced Storybook experience
-
----
-
-**[📦 View on npm](https://www.npmjs.com/package/@arolariu/components)** • **[⭐ Star on GitHub](https://github.com/arolariu/arolariu.ro)**
+# 📋 Release History
+
+> **Stay updated with the latest improvements, features, and fixes!**
+
+All notable changes to **@arolariu/components** are documented here following [Keep a Changelog](https://keepachangelog.com/en/1.1.0/) format and [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+---
+
+## 🎉 Latest Releases
+
+### [0.3.0](https://www.npmjs.com/package/@arolariu/components/v/0.3.0) - 2025-11-10
+
+**✨ New Features & Improvements**
+- 🆕 **New Component: `ButtonGroup`** - A group of buttons that behave as a single unit.
+- 🆕 **New Component: `EmptyState`** - A component to display an empty state with a message and illustration.
+- 🆕 **New Component: `Field`** - A component for form fields.
+- 🆕 **New Component: `InputGroup`** - A component for grouping input elements.
+- 🆕 **New Component: `Item`** - A component for displaying a single item in a list.
+- 🆕 **New Component: `Kbd`** - A component for displaying keyboard shortcuts.
+- 🆕 **New Component: `Spinner`** - A component for displaying a loading spinner.
+
+### [0.2.0](https://www.npmjs.com/package/@arolariu/components/v/0.2.0) - 2025-10-01
+
+**✨ New Features & Improvements**
+- ⚙️ **Migrated tooling to monorepo-based NPM+NX** for better package management and development experience.
+- ⬆️ **Updated rslib/rsbuild** core packages to latest versions.
+
+### [0.1.2](https://www.npmjs.com/package/@arolariu/components/v/0.1.2) - 2025-09-08
+
+**🔧 Dependencies & Infrastructure**
+
+- ⬆️ **Updated rslib/rsbuild** core packages to latest versions.
+- 🆕 **useWindowSize Hook** Added new hook to get window dimensions.
+
+### [0.1.1](https://www.npmjs.com/package/@arolariu/components/v/0.1.1) - 2025-08-25
+
+**🔧 Dependencies & Infrastructure**
+
+- ⬆️ **Upgraded Radix UI** packages to latest versions for better performance.
+- ⬆️ **Updated rslib/rsbuild** core packages to latest versions.
+- 🆕 **Typewriter Component** Added new component from Aceternity UI.
+- ⬆️ **Recharts V3** Upgraded chart.tsx to use Rechars v3.
+
+### [0.1.0](https://www.npmjs.com/package/@arolariu/components/v/0.1.0) - 2025-08-12
+
+**🔧 Dependencies & Infrastructure**
+
+- 💥 **Breaking Change: Only export ESM format** starting from this version.
+- ⬆️ **Upgraded Radix UI** packages to latest versions for better performance.
+- ⬆️ **Updated rslib/rsbuild** core packages to latest versions.
+
+### [0.0.40](https://www.npmjs.com/package/@arolariu/components/v/0.0.40) - 2025-07-25
+
+**🔧 Dependencies & Infrastructure**
+
+- ⬆️ **Upgraded Radix UI** packages to latest versions for better performance.
+- ⬆️ **Updated rslib/rsbuild** core packages to latest versions.
+
+### [0.0.39](https://www.npmjs.com/package/@arolariu/components/v/0.0.39) - 2025-06-25
+
+**🔧 Dependencies & Infrastructure**
+
+- ⬆️ **Upgraded Radix UI** packages to latest versions for better performance.
+- ⬆️ **Updated rslib/rsbuild** core packages to latest versions.
+- ⬆️ **Bumped Storybook** to v8 with enhanced documentation features.
+- 🔗 **Fixed broken anchor links** in readme.md file.
+
+### [0.0.38](https://www.npmjs.com/package/@arolariu/components/v/0.0.38) - 2025-05-16
+
+**✨ Features & Documentation**
+
+- ⬆️ **Radix UI updates** - Latest component primitives.
+- ⬆️ **Build tool updates** - Enhanced rslib/rsbuild packages.
+- 📚 **Complete Storybook coverage** - Interactive stories for all major components.
+- 🆕 **New Component**: `DropDrawer` - Advanced drawer with drop zones.
+  - Thanks to [Jia Wei Ng](https://github.com/jiaweing/DropDrawer) for the contribution! 🙏
+
+### [0.0.37](https://www.npmjs.com/package/@arolariu/components/v/0.0.37) - 2025-04-20
+
+**🎨 Component Library Expansion**
+
+- ⬆️ **Radix UI updates** - Latest component primitives.
+- 📖 **Enhanced README** - Better documentation for new components.
+- ✨ **9 new Animate-UI components** - Beautiful animations out of the box.
+- 🪄 **2 new Magic-UI components** - Enhanced utility components.
+- 🎭 **1 new Aceternity-UI component** - Creative design patterns.
+
+### [0.0.36](https://www.npmjs.com/package/@arolariu/components/v/0.0.36) - 2025-04-17
+
+**🔄 Package Manager Migration**
+
+- 📦 **Migrated from npm to Yarn** - Better dependency management and performance.
+- ⬆️ **Updated ShadCN packages** - Latest component definitions and patterns.
+
+### [0.0.35](https://www.npmjs.com/package/@arolariu/components/v/0.0.35) - 2025-04-08
+
+**🛠️ Build System Overhaul**
+
+- 🔧 **Vite → Rslib migration** - Faster builds and better tree-shaking.
+- 📅 **Calendar component upgrade** - Updated from v8 to v9 with new features.
+
+### [0.0.34](https://www.npmjs.com/package/@arolariu/components/v/0.0.34) - 2025-03-27
+
+**🧹 Dependency Cleanup**
+
+- ⬆️ **Package version updates** - Latest stable versions.
+- ❌ **Removed daisyUI dependency** - Cleaner build without unused CSS framework.
+- 🧽 **De-duplicated yarn.lock** - Optimized dependency tree.
+
+### [0.0.33](https://www.npmjs.com/package/@arolariu/components/v/0.0.33) - 2025-03-13
+
+**🎯 Developer Experience**
+
+- ✨ **Added `toast` function** - Programmatic toast notifications with the `Toast` components.
+
+### [0.0.32](https://www.npmjs.com/package/@arolariu/components/v/0.0.32) - 2025-03-05
+
+---
+
+**[📦 View on npm](https://www.npmjs.com/package/@arolariu/components)** • **[⭐ Star on GitHub](https://github.com/arolariu/arolariu.ro)**

package/dist/components/ui/accordion.d.ts

@@ -1,8 +1,8 @@
-import * as React from "react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
-declare function Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
-declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
+import * as React from "react";
+declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
 //# sourceMappingURL=accordion.d.ts.map

package/dist/components/ui/accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/ui/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAKhE,iBAAS,SAAS,CAAC,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAEtD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAQtD;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAgBzD;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAUzD;AAED,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/ui/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAEhE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,SAAS,8JAA0B,CAAC;AAE1C,QAAA,MAAM,aAAa,iKASjB,CAAC;AAGH,QAAA,MAAM,gBAAgB,0KAgBpB,CAAC;AAGH,QAAA,MAAM,gBAAgB,oKAUpB,CAAC;AAGH,OAAO,EAAC,SAAS,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAC,CAAC"}

package/dist/components/ui/accordion.js

@@ -1,49 +1,41 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
 import { Content, Header, Item, Root, Trigger } from "@radix-ui/react-accordion";
-import { ChevronDownIcon } from "lucide-react";
-import { cn } from "../../lib/utils.js";
-function Accordion({ ...props }) {
-    return /*#__PURE__*/ jsx(Root, {
-        "data-slot": "accordion",
+import { ChevronDown } from "lucide-react";
+import { forwardRef } from "react";
+import { cn } from "../../lib/utilities.js";
+const Accordion = Root;
+const AccordionItem = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Item, {
+        ref: ref,
+        className: cn("border-b", className),
         ...props
-    });
-}
-function AccordionItem({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Item, {
-        "data-slot": "accordion-item",
-        className: cn("border-b last:border-b-0", className),
-        ...props
-    });
-}
-function AccordionTrigger({ className, children, ...props }) {
-    return /*#__PURE__*/ jsx(Header, {
+    }));
+AccordionItem.displayName = "AccordionItem";
+const AccordionTrigger = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsx(Header, {
         className: "flex",
         children: /*#__PURE__*/ jsxs(Trigger, {
-            "data-slot": "accordion-trigger",
-            className: cn("focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50", className),
+            ref: ref,
+            className: cn("flex flex-1 items-center justify-between py-4 text-left text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180", className),
             ...props,
             children: [
                 children,
-                /*#__PURE__*/ jsx(ChevronDownIcon, {
-                    className: "text-neutral-500 pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200 dark:text-neutral-400"
+                /*#__PURE__*/ jsx(ChevronDown, {
+                    className: "h-4 w-4 shrink-0 text-neutral-500 transition-transform duration-200 dark:text-neutral-400"
                 })
             ]
         })
-    });
-}
-function AccordionContent({ className, children, ...props }) {
-    return /*#__PURE__*/ jsx(Content, {
-        "data-slot": "accordion-content",
+    }));
+AccordionTrigger.displayName = Trigger.displayName;
+const AccordionContent = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsx(Content, {
+        ref: ref,
         className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
         ...props,
         children: /*#__PURE__*/ jsx("div", {
             className: cn("pt-0 pb-4", className),
             children: children
         })
-    });
-}
+    }));
+AccordionContent.displayName = Content.displayName;
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
 
 //# sourceMappingURL=accordion.js.map

package/dist/components/ui/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\accordion.js","sources":["webpack://@arolariu/components/./src/components/ui/accordion.tsx"],"sourcesContent":["\n\nimport * as React from \"react\";\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\";\nimport { ChevronDownIcon } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Accordion({\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Root>) {\n  return <AccordionPrimitive.Root data-slot=\"accordion\" {...props} />;\n}\n\nfunction AccordionItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Item>) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(\"border-b last:border-b-0\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          \"focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon className=\"text-neutral-500 pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200 dark:text-neutral-400\" />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  );\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Content>) {\n  return (\n    <AccordionPrimitive.Content\n      data-slot=\"accordion-content\"\n      className=\"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm\"\n      {...props}\n    >\n      <div className={cn(\"pt-0 pb-4\", className)}>{children}</div>\n    </AccordionPrimitive.Content>\n  );\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\n"],"names":["Accordion","props","AccordionPrimitive","AccordionItem","className","cn","AccordionTrigger","children","ChevronDownIcon","AccordionContent"],"mappings":";;;;;;AAQA,SAASA,UAAU,EACjB,GAAGC,OACkD;IACrD,OAAO,WAAP,GAAO,IAACC,MAAuB;QAAC,aAAU;QAAa,GAAGD,KAAK;;AACjE;AAEA,SAASE,cAAc,EACrBC,SAAS,EACT,GAAGH,OACkD;IACrD,OAAO,WAAP,GACE,IAACC,MAAuB;QACtB,aAAU;QACV,WAAWG,GAAG,4BAA4BD;QACzC,GAAGH,KAAK;;AAGf;AAEA,SAASK,iBAAiB,EACxBF,SAAS,EACTG,QAAQ,EACR,GAAGN,OACqD;IACxD,OAAO,WAAP,GACE,IAACC,QAAyB;QAAC,WAAU;kBACnC,mBAACA,SAA0B;YACzB,aAAU;YACV,WAAWG,GACT,yYACAD;YAED,GAAGH,KAAK;;gBAERM;8BACD,IAACC,iBAAeA;oBAAC,WAAU;;;;;AAInC;AAEA,SAASC,iBAAiB,EACxBL,SAAS,EACTG,QAAQ,EACR,GAAGN,OACqD;IACxD,OAAO,WAAP,GACE,IAACC,SAA0B;QACzB,aAAU;QACV,WAAU;QACT,GAAGD,KAAK;kBAET,kBAAC;YAAI,WAAWI,GAAG,aAAaD;sBAAaG;;;AAGnD"}
+{"version":3,"file":"components\\ui\\accordion.js","sources":["webpack://@arolariu/components/./src/components/ui/accordion.tsx"],"sourcesContent":["\r\n\r\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\";\r\nimport {ChevronDown} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Accordion = AccordionPrimitive.Root;\r\n\r\nconst AccordionItem = React.forwardRef<\r\n  React.ElementRef<typeof AccordionPrimitive.Item>,\r\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\r\n>(({className, ...props}, ref) => (\r\n  <AccordionPrimitive.Item\r\n    ref={ref}\r\n    className={cn(\"border-b\", className)}\r\n    {...props}\r\n  />\r\n));\r\nAccordionItem.displayName = \"AccordionItem\";\r\n\r\nconst AccordionTrigger = React.forwardRef<\r\n  React.ElementRef<typeof AccordionPrimitive.Trigger>,\r\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>\r\n>(({className, children, ...props}, ref) => (\r\n  <AccordionPrimitive.Header className='flex'>\r\n    <AccordionPrimitive.Trigger\r\n      ref={ref}\r\n      className={cn(\r\n        \"flex flex-1 items-center justify-between py-4 text-left text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180\",\r\n        className,\r\n      )}\r\n      {...props}>\r\n      {children}\r\n      <ChevronDown className='h-4 w-4 shrink-0 text-neutral-500 transition-transform duration-200 dark:text-neutral-400' />\r\n    </AccordionPrimitive.Trigger>\r\n  </AccordionPrimitive.Header>\r\n));\r\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;\r\n\r\nconst AccordionContent = React.forwardRef<\r\n  React.ElementRef<typeof AccordionPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\r\n>(({className, children, ...props}, ref) => (\r\n  <AccordionPrimitive.Content\r\n    ref={ref}\r\n    className='data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm'\r\n    {...props}>\r\n    <div className={cn(\"pt-0 pb-4\", className)}>{children}</div>\r\n  </AccordionPrimitive.Content>\r\n));\r\nAccordionContent.displayName = AccordionPrimitive.Content.displayName;\r\n\r\nexport {Accordion, AccordionContent, AccordionItem, AccordionTrigger};\r\n"],"names":["Accordion","AccordionPrimitive","AccordionItem","React","className","props","ref","cn","AccordionTrigger","children","ChevronDown","AccordionContent"],"mappings":";;;;;;AAQA,MAAMA,YAAYC;AAElB,MAAMC,gBAAgB,WAAhBA,GAAgBC,WAGpB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACL,MAAuB;QACtB,KAAKK;QACL,WAAWC,GAAG,YAAYH;QACzB,GAAGC,KAAK;;AAGbH,cAAc,WAAW,GAAG;AAE5B,MAAMM,mBAAmB,WAAnBA,GAAmBL,WAGvB,CAAC,EAACC,SAAS,EAAEK,QAAQ,EAAE,GAAGJ,OAAM,EAAEC,MAAAA,WAAAA,GAClC,IAACL,QAAyB;QAAC,WAAU;kBACnC,mBAACA,SAA0B;YACzB,KAAKK;YACL,WAAWC,GACT,kJACAH;YAED,GAAGC,KAAK;;gBACRI;8BACD,IAACC,aAAWA;oBAAC,WAAU;;;;;AAI7BF,iBAAiB,WAAW,GAAGP,QAAAA,WAAsC;AAErE,MAAMU,mBAAmB,WAAnBA,GAAmBR,WAGvB,CAAC,EAACC,SAAS,EAAEK,QAAQ,EAAE,GAAGJ,OAAM,EAAEC,MAAAA,WAAAA,GAClC,IAACL,SAA0B;QACzB,KAAKK;QACL,WAAU;QACT,GAAGD,KAAK;kBACT,kBAAC;YAAI,WAAWE,GAAG,aAAaH;sBAAaK;;;AAGjDE,iBAAiB,WAAW,GAAGV,QAAAA,WAAsC"}

package/dist/components/ui/alert-dialog.d.ts

@@ -1,15 +1,21 @@
-import * as React from "react";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): import("react/jsx-runtime").JSX.Element;
-export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
+import * as React from "react";
+declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
+declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
+declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };
 //# sourceMappingURL=alert-dialog.d.ts.map

package/dist/components/ui/alert-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/ui/alert-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAKrE,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,2CAExD;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAI3D;AAED,iBAAS,iBAAiB,CAAC,EACzB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,2CAI1D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAW3D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAc3D;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ7B;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAW7B;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC,2CAQzD;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,WAAW,CAAC,2CAW/D;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,2CAO1D;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,2CAO1D;AAED,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,GAClB,CAAC"}
+{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/ui/alert-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,QAAA,MAAM,WAAW,iDAA4B,CAAC;AAE9C,QAAA,MAAM,kBAAkB,wHAA+B,CAAC;AAExD,QAAA,MAAM,iBAAiB,uDAA8B,CAAC;AAEtD,QAAA,MAAM,kBAAkB,wKAYtB,CAAC;AAGH,QAAA,MAAM,kBAAkB,wKAetB,CAAC;AAGH,QAAA,MAAM,iBAAiB;8BAA2B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAKrF,CAAC;AAGF,QAAA,MAAM,iBAAiB;8BAA2B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAKrF,CAAC;AAGF,QAAA,MAAM,gBAAgB,8KASpB,CAAC;AAGH,QAAA,MAAM,sBAAsB,wLAS1B,CAAC;AAGH,QAAA,MAAM,iBAAiB,6KASrB,CAAC;AAGH,QAAA,MAAM,iBAAiB,6KASrB,CAAC;AAGH,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,GACnB,CAAC"}

package/dist/components/ui/alert-dialog.js

@@ -1,88 +1,65 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
 import { Action, Cancel, Content, Description, Overlay, Portal, Root, Title, Trigger } from "@radix-ui/react-alert-dialog";
-import { cn } from "../../lib/utils.js";
+import { forwardRef } from "react";
 import { buttonVariants } from "./button.js";
-function AlertDialog({ ...props }) {
-    return /*#__PURE__*/ jsx(Root, {
-        "data-slot": "alert-dialog",
-        ...props
-    });
-}
-function AlertDialogTrigger({ ...props }) {
-    return /*#__PURE__*/ jsx(Trigger, {
-        "data-slot": "alert-dialog-trigger",
-        ...props
-    });
-}
-function AlertDialogPortal({ ...props }) {
-    return /*#__PURE__*/ jsx(Portal, {
-        "data-slot": "alert-dialog-portal",
-        ...props
-    });
-}
-function AlertDialogOverlay({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Overlay, {
-        "data-slot": "alert-dialog-overlay",
-        className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className),
-        ...props
-    });
-}
-function AlertDialogContent({ className, ...props }) {
-    return /*#__PURE__*/ jsxs(AlertDialogPortal, {
+import { cn } from "../../lib/utilities.js";
+const AlertDialog = Root;
+const AlertDialogTrigger = Trigger;
+const AlertDialogPortal = Portal;
+const AlertDialogOverlay = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Overlay, {
+        className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80", className),
+        ...props,
+        ref: ref
+    }));
+AlertDialogOverlay.displayName = Overlay.displayName;
+const AlertDialogContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsxs(AlertDialogPortal, {
         children: [
             /*#__PURE__*/ jsx(AlertDialogOverlay, {}),
             /*#__PURE__*/ jsx(Content, {
-                "data-slot": "alert-dialog-content",
-                className: cn("bg-white data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-neutral-200 p-6 shadow-lg duration-200 sm:max-w-lg dark:bg-neutral-950 dark:border-neutral-800", className),
+                ref: ref,
+                className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-neutral-200 bg-white p-6 shadow-lg duration-200 sm:rounded-lg dark:border-neutral-800 dark:bg-neutral-950", className),
                 ...props
             })
         ]
-    });
-}
-function AlertDialogHeader({ className, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
-        "data-slot": "alert-dialog-header",
-        className: cn("flex flex-col gap-2 text-center sm:text-left", className),
+    }));
+AlertDialogContent.displayName = Content.displayName;
+const AlertDialogHeader = ({ className, ...props })=>/*#__PURE__*/ jsx("div", {
+        className: cn("flex flex-col space-y-2 text-center sm:text-left", className),
         ...props
     });
-}
-function AlertDialogFooter({ className, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
-        "data-slot": "alert-dialog-footer",
-        className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+AlertDialogHeader.displayName = "AlertDialogHeader";
+const AlertDialogFooter = ({ className, ...props })=>/*#__PURE__*/ jsx("div", {
+        className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
         ...props
     });
-}
-function AlertDialogTitle({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Title, {
-        "data-slot": "alert-dialog-title",
+AlertDialogFooter.displayName = "AlertDialogFooter";
+const AlertDialogTitle = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Title, {
+        ref: ref,
         className: cn("text-lg font-semibold", className),
         ...props
-    });
-}
-function AlertDialogDescription({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Description, {
-        "data-slot": "alert-dialog-description",
-        className: cn("text-neutral-500 text-sm dark:text-neutral-400", className),
+    }));
+AlertDialogTitle.displayName = Title.displayName;
+const AlertDialogDescription = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Description, {
+        ref: ref,
+        className: cn("text-sm text-neutral-500 dark:text-neutral-400", className),
         ...props
-    });
-}
-function AlertDialogAction({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Action, {
+    }));
+AlertDialogDescription.displayName = Description.displayName;
+const AlertDialogAction = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Action, {
+        ref: ref,
         className: cn(buttonVariants(), className),
         ...props
-    });
-}
-function AlertDialogCancel({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Cancel, {
+    }));
+AlertDialogAction.displayName = Action.displayName;
+const AlertDialogCancel = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Cancel, {
+        ref: ref,
         className: cn(buttonVariants({
             variant: "outline"
-        }), className),
+        }), "mt-2 sm:mt-0", className),
         ...props
-    });
-}
+    }));
+AlertDialogCancel.displayName = Cancel.displayName;
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
 
 //# sourceMappingURL=alert-dialog.js.map