@codefast/ui 0.3.9-canary.3 → 0.3.10

package/CHANGELOG.md

@@ -1,5 +1,59 @@
 # @codefast/ui
 
+## 0.3.10
+
+### Patch Changes
+
+- [`6737b93`](https://github.com/codefastlabs/codefast/commit/6737b932ed045e2ab1b6da54e3d4c857f77eb436) Thanks [@thevuong](https://github.com/thevuong)! - chore(release): bump package versions
+
+- [`b8aef8a`](https://github.com/codefastlabs/codefast/commit/b8aef8a14a885f146de99be5496fc179c6fb49b3) Thanks [@thevuong](https://github.com/thevuong)! - chore: remove deployment workflows and related scripts
+
+- Updated dependencies [[`6737b93`](https://github.com/codefastlabs/codefast/commit/6737b932ed045e2ab1b6da54e3d4c857f77eb436), [`b8aef8a`](https://github.com/codefastlabs/codefast/commit/b8aef8a14a885f146de99be5496fc179c6fb49b3)]:
+  - @codefast/tailwind-variants@0.3.10
+
+## 0.3.9
+
+### Patch Changes
+
+- [`cbc4092`](https://github.com/codefastlabs/codefast/commit/cbc4092c53c8a8c67685eaec87be95f580b24b88) Thanks [@thevuong](https://github.com/thevuong)! - refactor(eslint-config): rename presets for consistency
+
+- [`dab8f27`](https://github.com/codefastlabs/codefast/commit/dab8f27d3d9bafcc547c310d33dbaeb364246b25) Thanks [@thevuong](https://github.com/thevuong)! - refactor(ui): remove `inputVariants` from `Input` and `InputNumber` components
+
+- [`261c54b`](https://github.com/codefastlabs/codefast/commit/261c54be4eb37bd23868e058951b11c25f4e0072) Thanks [@thevuong](https://github.com/thevuong)! - refactor(ui): add `KbdGroup` component and enhance `Kbd` functionality
+
+- [`c0e717f`](https://github.com/codefastlabs/codefast/commit/c0e717f15f1bfbb316174dc3ef050757a4b54041) Thanks [@thevuong](https://github.com/thevuong)! - refactor(ui, docs): add `Empty` component and integrate in registry components
+
+- [`c2d5bc1`](https://github.com/codefastlabs/codefast/commit/c2d5bc11cc28069c8d6a5120f19a033cb31d3c3a) Thanks [@thevuong](https://github.com/thevuong)! - refactor(ui, docs): replace `InputSearch` implementation with `InputGroup`
+
+- [`c8a296c`](https://github.com/codefastlabs/codefast/commit/c8a296c72a7d427ab0596e5ac124bbc4f6dedbaa) Thanks [@thevuong](https://github.com/thevuong)! - refactor(ui): add oklch-based CSS files for color themes
+
+- [`035b71a`](https://github.com/codefastlabs/codefast/commit/035b71a1a589a67ac668f1320a6985bd9271b248) Thanks [@thevuong](https://github.com/thevuong)! - refactor(ui): add new size variants `icon-sm` and `icon-lg` to Button component
+
+- [`4899386`](https://github.com/codefastlabs/codefast/commit/489938610509f94e9bafc09b46ecfc7318655261) Thanks [@thevuong](https://github.com/thevuong)! - refactor(ui): remove unused components and exports from `ui` package
+
+- [`436e1d9`](https://github.com/codefastlabs/codefast/commit/436e1d941654beec192a9da9c6daefef6c4f6666) Thanks [@thevuong](https://github.com/thevuong)! - refactor(ui, docs): add `InputGroup` and `Field` components and integrate into registry
+
+- [`970a122`](https://github.com/codefastlabs/codefast/commit/970a1220fc37908bc19138770f195461652e59f7) Thanks [@thevuong](https://github.com/thevuong)! - refactor(ui, docs): add `ButtonGroup` component and integrate into docs
+
+- [`237b576`](https://github.com/codefastlabs/codefast/commit/237b576f8e12c528cfec40aefe2d0a68c0b01ac4) Thanks [@thevuong](https://github.com/thevuong)! - chore(deps): bump package versions across workspaces
+
+- [`888a904`](https://github.com/codefastlabs/codefast/commit/888a9047e4ad2e79e5945fad09d5ffa8baef0a45) Thanks [@thevuong](https://github.com/thevuong)! - refactor(eslint-config): reorganize presets and imports
+
+- [`1751374`](https://github.com/codefastlabs/codefast/commit/175137498b3a5144909a2f80e003d070ca5bf937) Thanks [@thevuong](https://github.com/thevuong)! - refactor(ui): update Button component to support asChild prop and simplify props structure
+
+- [`4de46d0`](https://github.com/codefastlabs/codefast/commit/4de46d090cce30b3f65ed6203e566378c08d253c) Thanks [@thevuong](https://github.com/thevuong)! - refactor(ui): replace `bg-popover-overlay` with `bg-black/50` and remove unused CSS variables
+
+- [`f88b73d`](https://github.com/codefastlabs/codefast/commit/f88b73dfc6f9d817ae83c26f20ef8f1d5b11a8c7) Thanks [@thevuong](https://github.com/thevuong)! - refactor(ui, docs): add `Item` component and integrate into docs
+
+- [`bc4be51`](https://github.com/codefastlabs/codefast/commit/bc4be514f3df7de51ea49c5bd08a8b5bb92b0049) Thanks [@thevuong](https://github.com/thevuong)! - refactor(ui): replace CSS custom properties with oklch color values in neutral.css
+
+- [`135b519`](https://github.com/codefastlabs/codefast/commit/135b5198dc0c26a1b885b2d2a84dfa078f2683f7) Thanks [@thevuong](https://github.com/thevuong)! - refactor(ui, docs): replace `InputPassword` implementation with `InputGroup`
+
+- [`308eb18`](https://github.com/codefastlabs/codefast/commit/308eb18cc58934e2c0dfc92657e4bad9cac5699d) Thanks [@thevuong](https://github.com/thevuong)! - refactor(ui, docs): add `NativeSelect` component and integrate into docs
+
+- Updated dependencies [[`237b576`](https://github.com/codefastlabs/codefast/commit/237b576f8e12c528cfec40aefe2d0a68c0b01ac4), [`888a904`](https://github.com/codefastlabs/codefast/commit/888a9047e4ad2e79e5945fad09d5ffa8baef0a45), [`1751374`](https://github.com/codefastlabs/codefast/commit/175137498b3a5144909a2f80e003d070ca5bf937)]:
+  - @codefast/tailwind-variants@0.3.9
+
 ## 0.3.9-canary.3
 
 ### Patch Changes

package/dist/components/accordion.cjs

@@ -1,2 +1,98 @@
+"use strict";
 "use client";
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,c)=>{for(var r in c)__webpack_require__.o(c,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:c[r]})},__webpack_require__.o=(e,c)=>Object.prototype.hasOwnProperty.call(e,c),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AccordionIcon:()=>AccordionIcon,AccordionItem:()=>AccordionItem,Accordion:()=>Accordion,AccordionContent:()=>AccordionContent,AccordionTrigger:()=>AccordionTrigger});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_lucide_react_namespaceObject=require("lucide-react"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),react_accordion_namespaceObject=require("@radix-ui/react-accordion"),react_slot_namespaceObject=require("@radix-ui/react-slot");function Accordion({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_accordion_namespaceObject.Root,{"data-slot":"accordion",...e})}function AccordionItem({className:e,...c}){return(0,jsx_runtime_namespaceObject.jsx)(react_accordion_namespaceObject.Item,{className:(0,tailwind_variants_namespaceObject.cn)("border-b last:border-b-0",e),"data-slot":"accordion-item",...c})}function AccordionIcon({asChild:e,className:c,...r}){let t=e?react_slot_namespaceObject.Slot:external_lucide_react_namespaceObject.ChevronDownIcon;return(0,jsx_runtime_namespaceObject.jsx)(t,{"aria-hidden":!0,className:(0,tailwind_variants_namespaceObject.cn)("text-muted-foreground size-4 shrink-0 translate-y-0.5 transition-transform duration-200",c),"data-slot":"accordion-icon",...r})}function AccordionTrigger({children:e,className:c,...r}){return(0,jsx_runtime_namespaceObject.jsx)(react_accordion_namespaceObject.Header,{className:"flex","data-slot":"accordion-trigger-wrapper",children:(0,jsx_runtime_namespaceObject.jsx)(react_accordion_namespaceObject.Trigger,{className:(0,tailwind_variants_namespaceObject.cn)("focus-visible:ring-ring/50 group/accordion-trigger flex grow items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium outline-hidden hover:not-disabled:underline focus-visible:ring-3 disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",c),"data-slot":"accordion-trigger",...r,children:e})})}function AccordionContent({children:e,className:c,...r}){return(0,jsx_runtime_namespaceObject.jsx)(react_accordion_namespaceObject.Content,{className:"data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up overflow-hidden","data-slot":"accordion-content",...r,children:(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("pt-0 pb-4 text-sm",c),children:e})})}for(var __webpack_i__ in exports.Accordion=__webpack_exports__.Accordion,exports.AccordionContent=__webpack_exports__.AccordionContent,exports.AccordionIcon=__webpack_exports__.AccordionIcon,exports.AccordionItem=__webpack_exports__.AccordionItem,exports.AccordionTrigger=__webpack_exports__.AccordionTrigger,__webpack_exports__)-1===["Accordion","AccordionContent","AccordionIcon","AccordionItem","AccordionTrigger"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    AccordionIcon: ()=>AccordionIcon,
+    AccordionItem: ()=>AccordionItem,
+    Accordion: ()=>Accordion,
+    AccordionContent: ()=>AccordionContent,
+    AccordionTrigger: ()=>AccordionTrigger
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const react_accordion_namespaceObject = require("@radix-ui/react-accordion");
+const react_slot_namespaceObject = require("@radix-ui/react-slot");
+const external_lucide_react_namespaceObject = require("lucide-react");
+function Accordion({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_accordion_namespaceObject.Root, {
+        "data-slot": "accordion",
+        ...props
+    });
+}
+function AccordionItem({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_accordion_namespaceObject.Item, {
+        className: (0, tailwind_variants_namespaceObject.cn)('border-b last:border-b-0', className),
+        "data-slot": "accordion-item",
+        ...props
+    });
+}
+function AccordionIcon({ asChild, className, ...props }) {
+    const Component = asChild ? react_slot_namespaceObject.Slot : external_lucide_react_namespaceObject.ChevronDownIcon;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Component, {
+        "aria-hidden": true,
+        className: (0, tailwind_variants_namespaceObject.cn)('text-muted-foreground size-4 shrink-0 translate-y-0.5 transition-transform duration-200', className),
+        "data-slot": "accordion-icon",
+        ...props
+    });
+}
+function AccordionTrigger({ children, className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_accordion_namespaceObject.Header, {
+        className: "flex",
+        "data-slot": "accordion-trigger-wrapper",
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_accordion_namespaceObject.Trigger, {
+            className: (0, tailwind_variants_namespaceObject.cn)('focus-visible:ring-ring/50 group/accordion-trigger flex grow items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium outline-hidden hover:not-disabled:underline focus-visible:ring-3 disabled:opacity-50 [&[data-state=open]>svg]:rotate-180', className),
+            "data-slot": "accordion-trigger",
+            ...props,
+            children: children
+        })
+    });
+}
+function AccordionContent({ children, className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_accordion_namespaceObject.Content, {
+        className: "data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up overflow-hidden",
+        "data-slot": "accordion-content",
+        ...props,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: (0, tailwind_variants_namespaceObject.cn)('pt-0 pb-4 text-sm', className),
+            children: children
+        })
+    });
+}
+exports.Accordion = __webpack_exports__.Accordion;
+exports.AccordionContent = __webpack_exports__.AccordionContent;
+exports.AccordionIcon = __webpack_exports__.AccordionIcon;
+exports.AccordionItem = __webpack_exports__.AccordionItem;
+exports.AccordionTrigger = __webpack_exports__.AccordionTrigger;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Accordion",
+    "AccordionContent",
+    "AccordionIcon",
+    "AccordionItem",
+    "AccordionTrigger"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/accordion.d.ts

@@ -1,6 +1,6 @@
-import type { ComponentProps, JSX } from "react";
-import * as AccordionPrimitive from "@radix-ui/react-accordion";
-import { Slot } from "@radix-ui/react-slot";
+import type { ComponentProps, JSX } from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import { Slot } from '@radix-ui/react-slot';
 type AccordionProps = ComponentProps<typeof AccordionPrimitive.Root>;
 declare function Accordion({ ...props }: AccordionProps): JSX.Element;
 type AccordionItemProps = ComponentProps<typeof AccordionPrimitive.Item>;
@@ -15,4 +15,4 @@ declare function AccordionTrigger({ children, className, ...props }: AccordionTr
 type AccordionContentProps = ComponentProps<typeof AccordionPrimitive.Content>;
 declare function AccordionContent({ children, className, ...props }: AccordionContentProps): JSX.Element;
 export { Accordion, AccordionContent, AccordionIcon, AccordionItem, AccordionTrigger };
-export type { AccordionContentProps, AccordionIconProps, AccordionItemProps, AccordionProps, AccordionTriggerProps, };
+export type { AccordionContentProps, AccordionIconProps, AccordionItemProps, AccordionProps, AccordionTriggerProps };

package/dist/components/accordion.js

@@ -1,2 +1,52 @@
 "use client";
-import{jsx as t}from"react/jsx-runtime";import{ChevronDownIcon as o}from"lucide-react";import{cn as r}from"@codefast/tailwind-variants";import{Content as e,Header as a,Item as i,Root as n,Trigger as c}from"@radix-ui/react-accordion";import{Slot as d}from"@radix-ui/react-slot";function s({...o}){return t(n,{"data-slot":"accordion",...o})}function l({className:o,...e}){return t(i,{className:r("border-b last:border-b-0",o),"data-slot":"accordion-item",...e})}function m({asChild:e,className:a,...i}){return t(e?d:o,{"aria-hidden":!0,className:r("text-muted-foreground size-4 shrink-0 translate-y-0.5 transition-transform duration-200",a),"data-slot":"accordion-icon",...i})}function u({children:o,className:e,...i}){return t(a,{className:"flex","data-slot":"accordion-trigger-wrapper",children:t(c,{className:r("focus-visible:ring-ring/50 group/accordion-trigger flex grow items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium outline-hidden hover:not-disabled:underline focus-visible:ring-3 disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",e),"data-slot":"accordion-trigger",...i,children:o})})}function f({children:o,className:a,...i}){return t(e,{className:"data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up overflow-hidden","data-slot":"accordion-content",...i,children:t("div",{className:r("pt-0 pb-4 text-sm",a),children:o})})}export{s as Accordion,f as AccordionContent,m as AccordionIcon,l as AccordionItem,u as AccordionTrigger};
+import { jsx } from "react/jsx-runtime";
+import { cn } from "@codefast/tailwind-variants";
+import { Content, Header, Item, Root, Trigger } from "@radix-ui/react-accordion";
+import { Slot } from "@radix-ui/react-slot";
+import { ChevronDownIcon } from "lucide-react";
+function Accordion({ ...props }) {
+    return /*#__PURE__*/ jsx(Root, {
+        "data-slot": "accordion",
+        ...props
+    });
+}
+function AccordionItem({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Item, {
+        className: cn('border-b last:border-b-0', className),
+        "data-slot": "accordion-item",
+        ...props
+    });
+}
+function AccordionIcon({ asChild, className, ...props }) {
+    const Component = asChild ? Slot : ChevronDownIcon;
+    return /*#__PURE__*/ jsx(Component, {
+        "aria-hidden": true,
+        className: cn('text-muted-foreground size-4 shrink-0 translate-y-0.5 transition-transform duration-200', className),
+        "data-slot": "accordion-icon",
+        ...props
+    });
+}
+function AccordionTrigger({ children, className, ...props }) {
+    return /*#__PURE__*/ jsx(Header, {
+        className: "flex",
+        "data-slot": "accordion-trigger-wrapper",
+        children: /*#__PURE__*/ jsx(Trigger, {
+            className: cn('focus-visible:ring-ring/50 group/accordion-trigger flex grow items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium outline-hidden hover:not-disabled:underline focus-visible:ring-3 disabled:opacity-50 [&[data-state=open]>svg]:rotate-180', className),
+            "data-slot": "accordion-trigger",
+            ...props,
+            children: children
+        })
+    });
+}
+function AccordionContent({ children, className, ...props }) {
+    return /*#__PURE__*/ jsx(Content, {
+        className: "data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up overflow-hidden",
+        "data-slot": "accordion-content",
+        ...props,
+        children: /*#__PURE__*/ jsx("div", {
+            className: cn('pt-0 pb-4 text-sm', className),
+            children: children
+        })
+    });
+}
+export { Accordion, AccordionContent, AccordionIcon, AccordionItem, AccordionTrigger };

package/dist/components/alert-dialog.cjs

@@ -1,2 +1,156 @@
+"use strict";
 "use client";
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,t)=>{for(var a in t)__webpack_require__.o(t,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AlertDialogCancel:()=>AlertDialogCancel,AlertDialogBody:()=>AlertDialogBody,AlertDialogContent:()=>AlertDialogContent,AlertDialogHeader:()=>AlertDialogHeader,AlertDialogFooter:()=>AlertDialogFooter,AlertDialogTrigger:()=>AlertDialogTrigger,AlertDialogDescription:()=>AlertDialogDescription,AlertDialogTitle:()=>AlertDialogTitle,AlertDialog:()=>AlertDialog,AlertDialogAction:()=>AlertDialogAction});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_button_cjs_namespaceObject=require("./button.cjs"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),react_alert_dialog_namespaceObject=require("@radix-ui/react-alert-dialog");function AlertDialog({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Root,{"data-slot":"alert-dialog",...e})}function AlertDialogTrigger({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Trigger,{"data-slot":"alert-dialog-trigger",...e})}function AlertDialogContent({children:e,className:t,classNames:a,...r}){return(0,jsx_runtime_namespaceObject.jsxs)(react_alert_dialog_namespaceObject.Portal,{children:[(0,jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Overlay,{className:(0,tailwind_variants_namespaceObject.cn)("data-[state=open]:fade-in-0 data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=closed]:animate-out ease-ui fixed inset-0 z-50 bg-black/50",a?.overlay),"data-slot":"alert-dialog-overlay"}),(0,jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Content,{className:(0,tailwind_variants_namespaceObject.cn)("data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 ease-ui fixed inset-0 z-50 grid grid-rows-[1fr_auto_1fr] justify-items-center overflow-auto p-8 sm:grid-rows-[1fr_auto_3fr] sm:p-4",a?.wrapper),"data-slot":"alert-dialog-content-wrapper",...r,children:(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("bg-popover text-popover-foreground relative row-start-2 flex w-full max-w-lg flex-col rounded-2xl border shadow-lg",a?.content,t),"data-slot":"alert-dialog-content",children:e})})]})}function AlertDialogHeader({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("flex shrink-0 flex-col gap-1.5 px-6 pt-6 pb-4 text-center sm:text-left",e),"data-slot":"alert-dialog-header",...t})}function AlertDialogBody({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)("main",{className:(0,tailwind_variants_namespaceObject.cn)("overflow-auto px-6 py-2",e),"data-slot":"alert-dialog-body",...t})}function AlertDialogFooter({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("flex shrink-0 flex-col-reverse gap-2 px-6 pt-4 pb-6 sm:flex-row sm:justify-end",e),"data-slot":"alert-dialog-footer",...t})}function AlertDialogTitle({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Title,{className:(0,tailwind_variants_namespaceObject.cn)("text-lg leading-none font-semibold tracking-tight",e),"data-slot":"alert-dialog-title",...t})}function AlertDialogDescription({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Description,{className:(0,tailwind_variants_namespaceObject.cn)("text-muted-foreground text-sm",e),"data-slot":"alert-dialog-description",...t})}function AlertDialogAction({className:e,size:t,variant:a,...r}){return(0,jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Action,{className:(0,external_button_cjs_namespaceObject.buttonVariants)({className:e,size:t,variant:a}),"data-slot":"alert-dialog-action",...r})}function AlertDialogCancel({className:e,size:t,variant:a="outline",...r}){return(0,jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Cancel,{className:(0,external_button_cjs_namespaceObject.buttonVariants)({className:e,size:t,variant:a}),"data-slot":"alert-dialog-cancel",...r})}for(var __webpack_i__ in exports.AlertDialog=__webpack_exports__.AlertDialog,exports.AlertDialogAction=__webpack_exports__.AlertDialogAction,exports.AlertDialogBody=__webpack_exports__.AlertDialogBody,exports.AlertDialogCancel=__webpack_exports__.AlertDialogCancel,exports.AlertDialogContent=__webpack_exports__.AlertDialogContent,exports.AlertDialogDescription=__webpack_exports__.AlertDialogDescription,exports.AlertDialogFooter=__webpack_exports__.AlertDialogFooter,exports.AlertDialogHeader=__webpack_exports__.AlertDialogHeader,exports.AlertDialogTitle=__webpack_exports__.AlertDialogTitle,exports.AlertDialogTrigger=__webpack_exports__.AlertDialogTrigger,__webpack_exports__)-1===["AlertDialog","AlertDialogAction","AlertDialogBody","AlertDialogCancel","AlertDialogContent","AlertDialogDescription","AlertDialogFooter","AlertDialogHeader","AlertDialogTitle","AlertDialogTrigger"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    AlertDialogCancel: ()=>AlertDialogCancel,
+    AlertDialogBody: ()=>AlertDialogBody,
+    AlertDialogContent: ()=>AlertDialogContent,
+    AlertDialogHeader: ()=>AlertDialogHeader,
+    AlertDialogFooter: ()=>AlertDialogFooter,
+    AlertDialogTrigger: ()=>AlertDialogTrigger,
+    AlertDialogDescription: ()=>AlertDialogDescription,
+    AlertDialogTitle: ()=>AlertDialogTitle,
+    AlertDialog: ()=>AlertDialog,
+    AlertDialogAction: ()=>AlertDialogAction
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const react_alert_dialog_namespaceObject = require("@radix-ui/react-alert-dialog");
+const external_button_cjs_namespaceObject = require("./button.cjs");
+function AlertDialog({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Root, {
+        "data-slot": "alert-dialog",
+        ...props
+    });
+}
+function AlertDialogTrigger({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Trigger, {
+        "data-slot": "alert-dialog-trigger",
+        ...props
+    });
+}
+function AlertDialogContent({ children, className, classNames, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_alert_dialog_namespaceObject.Portal, {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Overlay, {
+                className: (0, tailwind_variants_namespaceObject.cn)('data-[state=open]:fade-in-0 data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=closed]:animate-out ease-ui fixed inset-0 z-50 bg-black/50', classNames?.overlay),
+                "data-slot": "alert-dialog-overlay"
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Content, {
+                className: (0, tailwind_variants_namespaceObject.cn)('data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 ease-ui fixed inset-0 z-50 grid grid-rows-[1fr_auto_1fr] justify-items-center overflow-auto p-8 sm:grid-rows-[1fr_auto_3fr] sm:p-4', classNames?.wrapper),
+                "data-slot": "alert-dialog-content-wrapper",
+                ...props,
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                    className: (0, tailwind_variants_namespaceObject.cn)('bg-popover text-popover-foreground relative row-start-2 flex w-full max-w-lg flex-col rounded-2xl border shadow-lg', classNames?.content, className),
+                    "data-slot": "alert-dialog-content",
+                    children: children
+                })
+            })
+        ]
+    });
+}
+function AlertDialogHeader({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, tailwind_variants_namespaceObject.cn)('flex shrink-0 flex-col gap-1.5 px-6 pt-6 pb-4 text-center sm:text-left', className),
+        "data-slot": "alert-dialog-header",
+        ...props
+    });
+}
+function AlertDialogBody({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("main", {
+        className: (0, tailwind_variants_namespaceObject.cn)('overflow-auto px-6 py-2', className),
+        "data-slot": "alert-dialog-body",
+        ...props
+    });
+}
+function AlertDialogFooter({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, tailwind_variants_namespaceObject.cn)('flex shrink-0 flex-col-reverse gap-2 px-6 pt-4 pb-6 sm:flex-row sm:justify-end', className),
+        "data-slot": "alert-dialog-footer",
+        ...props
+    });
+}
+function AlertDialogTitle({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Title, {
+        className: (0, tailwind_variants_namespaceObject.cn)('text-lg leading-none font-semibold tracking-tight', className),
+        "data-slot": "alert-dialog-title",
+        ...props
+    });
+}
+function AlertDialogDescription({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Description, {
+        className: (0, tailwind_variants_namespaceObject.cn)('text-muted-foreground text-sm', className),
+        "data-slot": "alert-dialog-description",
+        ...props
+    });
+}
+function AlertDialogAction({ className, size, variant, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Action, {
+        className: (0, external_button_cjs_namespaceObject.buttonVariants)({
+            className,
+            size,
+            variant
+        }),
+        "data-slot": "alert-dialog-action",
+        ...props
+    });
+}
+function AlertDialogCancel({ className, size, variant = 'outline', ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Cancel, {
+        className: (0, external_button_cjs_namespaceObject.buttonVariants)({
+            className,
+            size,
+            variant
+        }),
+        "data-slot": "alert-dialog-cancel",
+        ...props
+    });
+}
+exports.AlertDialog = __webpack_exports__.AlertDialog;
+exports.AlertDialogAction = __webpack_exports__.AlertDialogAction;
+exports.AlertDialogBody = __webpack_exports__.AlertDialogBody;
+exports.AlertDialogCancel = __webpack_exports__.AlertDialogCancel;
+exports.AlertDialogContent = __webpack_exports__.AlertDialogContent;
+exports.AlertDialogDescription = __webpack_exports__.AlertDialogDescription;
+exports.AlertDialogFooter = __webpack_exports__.AlertDialogFooter;
+exports.AlertDialogHeader = __webpack_exports__.AlertDialogHeader;
+exports.AlertDialogTitle = __webpack_exports__.AlertDialogTitle;
+exports.AlertDialogTrigger = __webpack_exports__.AlertDialogTrigger;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "AlertDialog",
+    "AlertDialogAction",
+    "AlertDialogBody",
+    "AlertDialogCancel",
+    "AlertDialogContent",
+    "AlertDialogDescription",
+    "AlertDialogFooter",
+    "AlertDialogHeader",
+    "AlertDialogTitle",
+    "AlertDialogTrigger"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -1,7 +1,7 @@
-import type { ComponentProps, JSX } from "react";
-import type { VariantProps } from "@codefast/tailwind-variants";
-import { buttonVariants } from "./button";
-import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import type { VariantProps } from '@codefast/tailwind-variants';
+import type { ComponentProps, JSX } from 'react';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import { buttonVariants } from './button';
 type AlertDialogProps = ComponentProps<typeof AlertDialogPrimitive.Root>;
 declare function AlertDialog({ ...props }: AlertDialogProps): JSX.Element;
 type AlertDialogTriggerProps = ComponentProps<typeof AlertDialogPrimitive.Trigger>;
@@ -14,24 +14,24 @@ interface AlertDialogContentProps extends ComponentProps<typeof AlertDialogPrimi
     };
 }
 declare function AlertDialogContent({ children, className, classNames, ...props }: AlertDialogContentProps): JSX.Element;
-type AlertDialogHeaderProps = ComponentProps<"div">;
+type AlertDialogHeaderProps = ComponentProps<'div'>;
 declare function AlertDialogHeader({ className, ...props }: AlertDialogHeaderProps): JSX.Element;
-type AlertDialogBodyProps = ComponentProps<"div">;
+type AlertDialogBodyProps = ComponentProps<'div'>;
 declare function AlertDialogBody({ className, ...props }: AlertDialogBodyProps): JSX.Element;
-type AlertDialogFooterProps = ComponentProps<"div">;
+type AlertDialogFooterProps = ComponentProps<'div'>;
 declare function AlertDialogFooter({ className, ...props }: AlertDialogFooterProps): JSX.Element;
 type AlertDialogTitleProps = ComponentProps<typeof AlertDialogPrimitive.Title>;
 declare function AlertDialogTitle({ className, ...props }: AlertDialogTitleProps): JSX.Element;
 type AlertDialogDescriptionProps = ComponentProps<typeof AlertDialogPrimitive.Description>;
 declare function AlertDialogDescription({ className, ...props }: AlertDialogDescriptionProps): JSX.Element;
 interface AlertDialogActionProps extends ComponentProps<typeof AlertDialogPrimitive.Action> {
-    size?: VariantProps<typeof buttonVariants>["size"];
-    variant?: VariantProps<typeof buttonVariants>["variant"];
+    size?: VariantProps<typeof buttonVariants>['size'];
+    variant?: VariantProps<typeof buttonVariants>['variant'];
 }
 declare function AlertDialogAction({ className, size, variant, ...props }: AlertDialogActionProps): JSX.Element;
 interface AlertDialogCancelProps extends ComponentProps<typeof AlertDialogPrimitive.Cancel> {
-    size?: VariantProps<typeof buttonVariants>["size"];
-    variant?: VariantProps<typeof buttonVariants>["variant"];
+    size?: VariantProps<typeof buttonVariants>['size'];
+    variant?: VariantProps<typeof buttonVariants>['variant'];
 }
 declare function AlertDialogCancel({ className, size, variant, ...props }: AlertDialogCancelProps): JSX.Element;
 export { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, };

package/dist/components/alert-dialog.js

@@ -1,2 +1,95 @@
 "use client";
-import{jsx as t,jsxs as a}from"react/jsx-runtime";import{buttonVariants as e}from"./button.js";import{cn as o}from"@codefast/tailwind-variants";import{Action as l,Cancel as r,Content as i,Description as n,Overlay as s,Portal as d,Root as c,Title as f,Trigger as g}from"@radix-ui/react-alert-dialog";function u({...a}){return t(c,{"data-slot":"alert-dialog",...a})}function m({...a}){return t(g,{"data-slot":"alert-dialog-trigger",...a})}function p({children:e,className:l,classNames:r,...n}){return a(d,{children:[t(s,{className:o("data-[state=open]:fade-in-0 data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=closed]:animate-out ease-ui fixed inset-0 z-50 bg-black/50",r?.overlay),"data-slot":"alert-dialog-overlay"}),t(i,{className:o("data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 ease-ui fixed inset-0 z-50 grid grid-rows-[1fr_auto_1fr] justify-items-center overflow-auto p-8 sm:grid-rows-[1fr_auto_3fr] sm:p-4",r?.wrapper),"data-slot":"alert-dialog-content-wrapper",...n,children:t("div",{className:o("bg-popover text-popover-foreground relative row-start-2 flex w-full max-w-lg flex-col rounded-2xl border shadow-lg",r?.content,l),"data-slot":"alert-dialog-content",children:e})})]})}function x({className:a,...e}){return t("div",{className:o("flex shrink-0 flex-col gap-1.5 px-6 pt-6 pb-4 text-center sm:text-left",a),"data-slot":"alert-dialog-header",...e})}function v({className:a,...e}){return t("main",{className:o("overflow-auto px-6 py-2",a),"data-slot":"alert-dialog-body",...e})}function w({className:a,...e}){return t("div",{className:o("flex shrink-0 flex-col-reverse gap-2 px-6 pt-4 pb-6 sm:flex-row sm:justify-end",a),"data-slot":"alert-dialog-footer",...e})}function A({className:a,...e}){return t(f,{className:o("text-lg leading-none font-semibold tracking-tight",a),"data-slot":"alert-dialog-title",...e})}function D({className:a,...e}){return t(n,{className:o("text-muted-foreground text-sm",a),"data-slot":"alert-dialog-description",...e})}function N({className:a,size:o,variant:r,...i}){return t(l,{className:e({className:a,size:o,variant:r}),"data-slot":"alert-dialog-action",...i})}function b({className:a,size:o,variant:l="outline",...i}){return t(r,{className:e({className:a,size:o,variant:l}),"data-slot":"alert-dialog-cancel",...i})}export{u as AlertDialog,N as AlertDialogAction,v as AlertDialogBody,b as AlertDialogCancel,p as AlertDialogContent,D as AlertDialogDescription,w as AlertDialogFooter,x as AlertDialogHeader,A as AlertDialogTitle,m as AlertDialogTrigger};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@codefast/tailwind-variants";
+import { Action, Cancel, Content, Description, Overlay, Portal, Root, Title, Trigger } from "@radix-ui/react-alert-dialog";
+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 AlertDialogContent({ children, className, classNames, ...props }) {
+    return /*#__PURE__*/ jsxs(Portal, {
+        children: [
+            /*#__PURE__*/ jsx(Overlay, {
+                className: cn('data-[state=open]:fade-in-0 data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=closed]:animate-out ease-ui fixed inset-0 z-50 bg-black/50', classNames?.overlay),
+                "data-slot": "alert-dialog-overlay"
+            }),
+            /*#__PURE__*/ jsx(Content, {
+                className: cn('data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 ease-ui fixed inset-0 z-50 grid grid-rows-[1fr_auto_1fr] justify-items-center overflow-auto p-8 sm:grid-rows-[1fr_auto_3fr] sm:p-4', classNames?.wrapper),
+                "data-slot": "alert-dialog-content-wrapper",
+                ...props,
+                children: /*#__PURE__*/ jsx("div", {
+                    className: cn('bg-popover text-popover-foreground relative row-start-2 flex w-full max-w-lg flex-col rounded-2xl border shadow-lg', classNames?.content, className),
+                    "data-slot": "alert-dialog-content",
+                    children: children
+                })
+            })
+        ]
+    });
+}
+function AlertDialogHeader({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn('flex shrink-0 flex-col gap-1.5 px-6 pt-6 pb-4 text-center sm:text-left', className),
+        "data-slot": "alert-dialog-header",
+        ...props
+    });
+}
+function AlertDialogBody({ className, ...props }) {
+    return /*#__PURE__*/ jsx("main", {
+        className: cn('overflow-auto px-6 py-2', className),
+        "data-slot": "alert-dialog-body",
+        ...props
+    });
+}
+function AlertDialogFooter({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn('flex shrink-0 flex-col-reverse gap-2 px-6 pt-4 pb-6 sm:flex-row sm:justify-end', className),
+        "data-slot": "alert-dialog-footer",
+        ...props
+    });
+}
+function AlertDialogTitle({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Title, {
+        className: cn('text-lg leading-none font-semibold tracking-tight', className),
+        "data-slot": "alert-dialog-title",
+        ...props
+    });
+}
+function AlertDialogDescription({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Description, {
+        className: cn('text-muted-foreground text-sm', className),
+        "data-slot": "alert-dialog-description",
+        ...props
+    });
+}
+function AlertDialogAction({ className, size, variant, ...props }) {
+    return /*#__PURE__*/ jsx(Action, {
+        className: buttonVariants({
+            className,
+            size,
+            variant
+        }),
+        "data-slot": "alert-dialog-action",
+        ...props
+    });
+}
+function AlertDialogCancel({ className, size, variant = 'outline', ...props }) {
+    return /*#__PURE__*/ jsx(Cancel, {
+        className: buttonVariants({
+            className,
+            size,
+            variant
+        }),
+        "data-slot": "alert-dialog-cancel",
+        ...props
+    });
+}
+export { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger };