@codefast/ui 0.0.2 → 0.0.4

package/dist/toggle.d.mts

@@ -0,0 +1,66 @@
+import * as React from 'react';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import { VariantProps } from 'cva';
+
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | undefined;
+    size?: "default" | "lg" | "sm" | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: undefined;
+} | {
+    class?: undefined;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
+type ToggleVariantsProps = VariantProps<typeof toggleVariants>;
+declare const Toggle: React.ForwardRefExoticComponent<TogglePrimitive.ToggleProps & ToggleVariantsProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { Toggle, type ToggleVariantsProps, toggleVariants };

package/dist/toggle.d.ts

@@ -0,0 +1,66 @@
+import * as React from 'react';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import { VariantProps } from 'cva';
+
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | undefined;
+    size?: "default" | "lg" | "sm" | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: undefined;
+} | {
+    class?: undefined;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
+type ToggleVariantsProps = VariantProps<typeof toggleVariants>;
+declare const Toggle: React.ForwardRefExoticComponent<TogglePrimitive.ToggleProps & ToggleVariantsProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { Toggle, type ToggleVariantsProps, toggleVariants };

package/dist/toggle.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunk4ZL55G6Cjs = require('./chunk-4ZL55G6C.js');require('./chunk-QZCQ42BP.js');exports.Toggle = _chunk4ZL55G6Cjs.b; exports.toggleVariants = _chunk4ZL55G6Cjs.a;
+//# sourceMappingURL=toggle.js.map

package/dist/toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/toggle.mjs

@@ -0,0 +1,2 @@
+"use client";import{a,b}from"./chunk-WZ4XIF6U.mjs";import"./chunk-JTI7KCLO.mjs";export{b as Toggle,a as toggleVariants};
+//# sourceMappingURL=toggle.mjs.map

package/dist/toggle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/tooltip.d.mts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipPortal: React.FC<TooltipPrimitive.TooltipPortalProps>;
+declare const TooltipArrow: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipArrowProps & React.RefAttributes<SVGSVGElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger };

package/dist/tooltip.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipPortal: React.FC<TooltipPrimitive.TooltipPortalProps>;
+declare const TooltipArrow: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipArrowProps & React.RefAttributes<SVGSVGElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger };

package/dist/tooltip.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var _chunkQZCQ42BPjs = require('./chunk-QZCQ42BP.js');var _react = require('react'); var i = _interopRequireWildcard(_react);var _reacttooltip = require('@radix-ui/react-tooltip'); var t = _interopRequireWildcard(_reacttooltip);var _jsxruntime = require('react/jsx-runtime');var n=t.Provider,f= exports.Tooltip =t.Root,T= exports.TooltipTrigger =t.Trigger,c= exports.TooltipPortal =t.Portal,s= exports.TooltipArrow =i.forwardRef((o,e)=>_jsxruntime.jsx.call(void 0, t.Arrow,{ref:e,className:"fill-primary",...o}));s.displayName=t.Arrow.displayName;var p=i.forwardRef(({className:o,sideOffset:e=4,...r},l)=>_jsxruntime.jsx.call(void 0, t.Content,{ref:l,sideOffset:e,className:_chunkQZCQ42BPjs.b.call(void 0, "bg-primary text-primary-foreground z-50 overflow-hidden rounded-md px-3 py-1.5 text-xs","data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95","data-[state=delayed-open]:data-[side=top]:slide-in-from-bottom-2","data-[state=delayed-open]:data-[side=right]:slide-in-from-left-2","data-[state=delayed-open]:data-[side=bottom]:slide-in-from-top-2","data-[state=delayed-open]:data-[side=left]:slide-in-from-right-2","data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95","data-[state=closed]:data-[side=top]:slide-out-to-bottom-2","data-[state=closed]:data-[side=right]:slide-out-to-left-2","data-[state=closed]:data-[side=bottom]:slide-out-to-top-2","data-[state=closed]:data-[side=left]:slide-out-to-right-2",o),...r}));p.displayName=t.Content.displayName;exports.Tooltip = f; exports.TooltipArrow = s; exports.TooltipContent = p; exports.TooltipPortal = c; exports.TooltipProvider = n; exports.TooltipTrigger = T;
+//# sourceMappingURL=tooltip.js.map

package/dist/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tooltip.tsx"],"names":["React","TooltipPrimitive","jsx","TooltipProvider","Tooltip","TooltipTrigger","TooltipPortal","TooltipArrow","props","ref","TooltipContent","className","sideOffset","cn"],"mappings":"qDAEA,UAAYA,MAAW,QACvB,UAAYC,MAAsB,0BAmChC,cAAAC,MAAA,oBA5BF,IAAMC,EAAmC,WAMnCC,EAA2B,OAM3BC,EAAkC,UAMlCC,EAAiC,SAMjCC,EAAqB,aAGzB,CAACC,EAAOC,IACRP,EAAkB,QAAjB,CAAuB,IAAKO,EAAK,UAAU,eAAgB,GAAGD,EAAO,CACvE,EACDD,EAAa,YAA+B,QAAM,YAMlD,IAAMG,EAAuB,aAG3B,CAAC,CAAE,UAAAC,EAAW,WAAAC,EAAa,EAAG,GAAGJ,CAAM,EAAGC,IAC1CP,EAAkB,UAAjB,CACC,IAAKO,EACL,WAAYG,EACZ,UAAWC,EACT,yFACA,gHACA,mEACA,mEACA,mEACA,mEACA,iGACA,4DACA,4DACA,4DACA,4DACAF,CACF,EACC,GAAGH,EACN,CACD,EACDE,EAAe,YAA+B,UAAQ","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipProvider\n * -------------------------------------------------------------------------- */\n\nconst TooltipProvider = TooltipPrimitive.Provider;\n\n/* -----------------------------------------------------------------------------\n * Component: Tooltip\n * -------------------------------------------------------------------------- */\n\nconst Tooltip = TooltipPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipTrigger\n * -------------------------------------------------------------------------- */\n\nconst TooltipTrigger = TooltipPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipPortal\n * -------------------------------------------------------------------------- */\n\nconst TooltipPortal = TooltipPrimitive.Portal;\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipArrow\n * -------------------------------------------------------------------------- */\n\nconst TooltipArrow = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Arrow>,\n  TooltipPrimitive.TooltipArrowProps\n>((props, ref) => (\n  <TooltipPrimitive.Arrow ref={ref} className=\"fill-primary\" {...props} />\n));\nTooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipContent\n * -------------------------------------------------------------------------- */\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  TooltipPrimitive.TooltipContentProps\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <TooltipPrimitive.Content\n    ref={ref}\n    sideOffset={sideOffset}\n    className={cn(\n      \"bg-primary text-primary-foreground z-50 overflow-hidden rounded-md px-3 py-1.5 text-xs\",\n      \"data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95\",\n      \"data-[state=delayed-open]:data-[side=top]:slide-in-from-bottom-2\",\n      \"data-[state=delayed-open]:data-[side=right]:slide-in-from-left-2\",\n      \"data-[state=delayed-open]:data-[side=bottom]:slide-in-from-top-2\",\n      \"data-[state=delayed-open]:data-[side=left]:slide-in-from-right-2\",\n      \"data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95\",\n      \"data-[state=closed]:data-[side=top]:slide-out-to-bottom-2\",\n      \"data-[state=closed]:data-[side=right]:slide-out-to-left-2\",\n      \"data-[state=closed]:data-[side=bottom]:slide-out-to-top-2\",\n      \"data-[state=closed]:data-[side=left]:slide-out-to-right-2\",\n      className,\n    )}\n    {...props}\n  />\n));\nTooltipContent.displayName = TooltipPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Tooltip,\n  TooltipPortal,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipProvider,\n  TooltipArrow,\n};\n"]}

package/dist/tooltip.mjs

@@ -0,0 +1,2 @@
+"use client";import{b as a}from"./chunk-JTI7KCLO.mjs";import*as i from"react";import*as t from"@radix-ui/react-tooltip";import{jsx as d}from"react/jsx-runtime";var n=t.Provider,f=t.Root,T=t.Trigger,c=t.Portal,s=i.forwardRef((o,e)=>d(t.Arrow,{ref:e,className:"fill-primary",...o}));s.displayName=t.Arrow.displayName;var p=i.forwardRef(({className:o,sideOffset:e=4,...r},l)=>d(t.Content,{ref:l,sideOffset:e,className:a("bg-primary text-primary-foreground z-50 overflow-hidden rounded-md px-3 py-1.5 text-xs","data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95","data-[state=delayed-open]:data-[side=top]:slide-in-from-bottom-2","data-[state=delayed-open]:data-[side=right]:slide-in-from-left-2","data-[state=delayed-open]:data-[side=bottom]:slide-in-from-top-2","data-[state=delayed-open]:data-[side=left]:slide-in-from-right-2","data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95","data-[state=closed]:data-[side=top]:slide-out-to-bottom-2","data-[state=closed]:data-[side=right]:slide-out-to-left-2","data-[state=closed]:data-[side=bottom]:slide-out-to-top-2","data-[state=closed]:data-[side=left]:slide-out-to-right-2",o),...r}));p.displayName=t.Content.displayName;export{f as Tooltip,s as TooltipArrow,p as TooltipContent,c as TooltipPortal,n as TooltipProvider,T as TooltipTrigger};
+//# sourceMappingURL=tooltip.mjs.map

package/dist/tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipProvider\n * -------------------------------------------------------------------------- */\n\nconst TooltipProvider = TooltipPrimitive.Provider;\n\n/* -----------------------------------------------------------------------------\n * Component: Tooltip\n * -------------------------------------------------------------------------- */\n\nconst Tooltip = TooltipPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipTrigger\n * -------------------------------------------------------------------------- */\n\nconst TooltipTrigger = TooltipPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipPortal\n * -------------------------------------------------------------------------- */\n\nconst TooltipPortal = TooltipPrimitive.Portal;\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipArrow\n * -------------------------------------------------------------------------- */\n\nconst TooltipArrow = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Arrow>,\n  TooltipPrimitive.TooltipArrowProps\n>((props, ref) => (\n  <TooltipPrimitive.Arrow ref={ref} className=\"fill-primary\" {...props} />\n));\nTooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipContent\n * -------------------------------------------------------------------------- */\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  TooltipPrimitive.TooltipContentProps\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <TooltipPrimitive.Content\n    ref={ref}\n    sideOffset={sideOffset}\n    className={cn(\n      \"bg-primary text-primary-foreground z-50 overflow-hidden rounded-md px-3 py-1.5 text-xs\",\n      \"data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95\",\n      \"data-[state=delayed-open]:data-[side=top]:slide-in-from-bottom-2\",\n      \"data-[state=delayed-open]:data-[side=right]:slide-in-from-left-2\",\n      \"data-[state=delayed-open]:data-[side=bottom]:slide-in-from-top-2\",\n      \"data-[state=delayed-open]:data-[side=left]:slide-in-from-right-2\",\n      \"data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95\",\n      \"data-[state=closed]:data-[side=top]:slide-out-to-bottom-2\",\n      \"data-[state=closed]:data-[side=right]:slide-out-to-left-2\",\n      \"data-[state=closed]:data-[side=bottom]:slide-out-to-top-2\",\n      \"data-[state=closed]:data-[side=left]:slide-out-to-right-2\",\n      className,\n    )}\n    {...props}\n  />\n));\nTooltipContent.displayName = TooltipPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Tooltip,\n  TooltipPortal,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipProvider,\n  TooltipArrow,\n};\n"],"mappings":"sDAEA,UAAYA,MAAW,QACvB,UAAYC,MAAsB,0BAmChC,cAAAC,MAAA,oBA5BF,IAAMC,EAAmC,WAMnCC,EAA2B,OAM3BC,EAAkC,UAMlCC,EAAiC,SAMjCC,EAAqB,aAGzB,CAACC,EAAOC,IACRP,EAAkB,QAAjB,CAAuB,IAAKO,EAAK,UAAU,eAAgB,GAAGD,EAAO,CACvE,EACDD,EAAa,YAA+B,QAAM,YAMlD,IAAMG,EAAuB,aAG3B,CAAC,CAAE,UAAAC,EAAW,WAAAC,EAAa,EAAG,GAAGJ,CAAM,EAAGC,IAC1CP,EAAkB,UAAjB,CACC,IAAKO,EACL,WAAYG,EACZ,UAAWC,EACT,yFACA,gHACA,mEACA,mEACA,mEACA,mEACA,iGACA,4DACA,4DACA,4DACA,4DACAF,CACF,EACC,GAAGH,EACN,CACD,EACDE,EAAe,YAA+B,UAAQ","names":["React","TooltipPrimitive","jsx","TooltipProvider","Tooltip","TooltipTrigger","TooltipPortal","TooltipArrow","props","ref","TooltipContent","className","sideOffset","cn"]}

package/dist/utils.d.mts

@@ -1,5 +1,7 @@
-import { ClassValue } from 'clsx';
+import * as _cva from 'cva';
 
-declare function cn(...inputs: ClassValue[]): string;
+declare const cva: _cva.CVA;
+declare const cn: _cva.CX;
+declare const compose: _cva.Compose;
 
-export { cn };
+export { cn, compose, cva };

package/dist/utils.d.ts

@@ -1,5 +1,7 @@
-import { ClassValue } from 'clsx';
+import * as _cva from 'cva';
 
-declare function cn(...inputs: ClassValue[]): string;
+declare const cva: _cva.CVA;
+declare const cn: _cva.CX;
+declare const compose: _cva.Compose;
 
-export { cn };
+export { cn, compose, cva };

package/dist/utils.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkLZ5T3FQ5js = require('./chunk-LZ5T3FQ5.js');exports.cn = _chunkLZ5T3FQ5js.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkQZCQ42BPjs = require('./chunk-QZCQ42BP.js');exports.cn = _chunkQZCQ42BPjs.b; exports.compose = _chunkQZCQ42BPjs.c; exports.cva = _chunkQZCQ42BPjs.a;
 //# sourceMappingURL=utils.js.map

package/dist/utils.mjs

@@ -1,2 +1,2 @@
-import{a}from"./chunk-ULRAQPD3.mjs";export{a as cn};
+import{a,b,c}from"./chunk-JTI7KCLO.mjs";export{b as cn,c as compose,a as cva};
 //# sourceMappingURL=utils.mjs.map

package/package.json

@@ -1,25 +1,230 @@
 {
   "name": "@codefast/ui",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "license": "MIT",
   "sideEffects": [
     "**/*.css"
   ],
   "exports": {
-    "./button": {
-      "types": "./src/button.tsx",
-      "import": "./dist/button.mjs",
-      "require": "./dist/button.js"
+    "./form": {
+      "types": "./src/form.tsx",
+      "import": "./dist/form.mjs",
+      "require": "./dist/form.js"
+    },
+    "./tooltip": {
+      "types": "./src/tooltip.tsx",
+      "import": "./dist/tooltip.mjs",
+      "require": "./dist/tooltip.js"
+    },
+    "./toggle-group": {
+      "types": "./src/toggle-group.tsx",
+      "import": "./dist/toggle-group.mjs",
+      "require": "./dist/toggle-group.js"
+    },
+    "./toggle": {
+      "types": "./src/toggle.tsx",
+      "import": "./dist/toggle.mjs",
+      "require": "./dist/toggle.js"
+    },
+    "./textarea": {
+      "types": "./src/textarea.tsx",
+      "import": "./dist/textarea.mjs",
+      "require": "./dist/textarea.js"
+    },
+    "./tabs": {
+      "types": "./src/tabs.tsx",
+      "import": "./dist/tabs.mjs",
+      "require": "./dist/tabs.js"
+    },
+    "./table": {
+      "types": "./src/table.tsx",
+      "import": "./dist/table.mjs",
+      "require": "./dist/table.js"
+    },
+    "./switch": {
+      "types": "./src/switch.tsx",
+      "import": "./dist/switch.mjs",
+      "require": "./dist/switch.js"
+    },
+    "./sonner": {
+      "types": "./src/sonner.tsx",
+      "import": "./dist/sonner.mjs",
+      "require": "./dist/sonner.js"
+    },
+    "./slider": {
+      "types": "./src/slider.tsx",
+      "import": "./dist/slider.mjs",
+      "require": "./dist/slider.js"
+    },
+    "./skeleton": {
+      "types": "./src/skeleton.tsx",
+      "import": "./dist/skeleton.mjs",
+      "require": "./dist/skeleton.js"
+    },
+    "./sheet": {
+      "types": "./src/sheet.tsx",
+      "import": "./dist/sheet.mjs",
+      "require": "./dist/sheet.js"
+    },
+    "./separator": {
+      "types": "./src/separator.tsx",
+      "import": "./dist/separator.mjs",
+      "require": "./dist/separator.js"
+    },
+    "./select": {
+      "types": "./src/select.tsx",
+      "import": "./dist/select.mjs",
+      "require": "./dist/select.js"
+    },
+    "./scroll-area": {
+      "types": "./src/scroll-area.tsx",
+      "import": "./dist/scroll-area.mjs",
+      "require": "./dist/scroll-area.js"
+    },
+    "./resizable": {
+      "types": "./src/resizable.tsx",
+      "import": "./dist/resizable.mjs",
+      "require": "./dist/resizable.js"
+    },
+    "./radio-group": {
+      "types": "./src/radio-group.tsx",
+      "import": "./dist/radio-group.mjs",
+      "require": "./dist/radio-group.js"
+    },
+    "./progress": {
+      "types": "./src/progress.tsx",
+      "import": "./dist/progress.mjs",
+      "require": "./dist/progress.js"
+    },
+    "./popover": {
+      "types": "./src/popover.tsx",
+      "import": "./dist/popover.mjs",
+      "require": "./dist/popover.js"
+    },
+    "./pagination": {
+      "types": "./src/pagination.tsx",
+      "import": "./dist/pagination.mjs",
+      "require": "./dist/pagination.js"
+    },
+    "./navigation-menu": {
+      "types": "./src/navigation-menu.tsx",
+      "import": "./dist/navigation-menu.mjs",
+      "require": "./dist/navigation-menu.js"
+    },
+    "./menubar": {
+      "types": "./src/menubar.tsx",
+      "import": "./dist/menubar.mjs",
+      "require": "./dist/menubar.js"
+    },
+    "./label": {
+      "types": "./src/label.tsx",
+      "import": "./dist/label.mjs",
+      "require": "./dist/label.js"
+    },
+    "./input-otp": {
+      "types": "./src/input-otp.tsx",
+      "import": "./dist/input-otp.mjs",
+      "require": "./dist/input-otp.js"
+    },
+    "./input": {
+      "types": "./src/input.tsx",
+      "import": "./dist/input.mjs",
+      "require": "./dist/input.js"
+    },
+    "./hover-card": {
+      "types": "./src/hover-card.tsx",
+      "import": "./dist/hover-card.mjs",
+      "require": "./dist/hover-card.js"
+    },
+    "./drawer": {
+      "types": "./src/drawer.tsx",
+      "import": "./dist/drawer.mjs",
+      "require": "./dist/drawer.js"
+    },
+    "./context-menu": {
+      "types": "./src/context-menu.tsx",
+      "import": "./dist/context-menu.mjs",
+      "require": "./dist/context-menu.js"
+    },
+    "./dialog": {
+      "types": "./src/dialog.tsx",
+      "import": "./dist/dialog.mjs",
+      "require": "./dist/dialog.js"
+    },
+    "./command": {
+      "types": "./src/command.tsx",
+      "import": "./dist/command.mjs",
+      "require": "./dist/command.js"
+    },
+    "./collapsible": {
+      "types": "./src/collapsible.tsx",
+      "import": "./dist/collapsible.mjs",
+      "require": "./dist/collapsible.js"
+    },
+    "./checkbox": {
+      "types": "./src/checkbox.tsx",
+      "import": "./dist/checkbox.mjs",
+      "require": "./dist/checkbox.js"
+    },
+    "./carousel": {
+      "types": "./src/carousel.tsx",
+      "import": "./dist/carousel.mjs",
+      "require": "./dist/carousel.js"
     },
     "./card": {
       "types": "./src/card.tsx",
       "import": "./dist/card.mjs",
       "require": "./dist/card.js"
     },
-    "./code": {
-      "types": "./src/code.tsx",
-      "import": "./dist/code.mjs",
-      "require": "./dist/code.js"
+    "./calendar": {
+      "types": "./src/calendar.tsx",
+      "import": "./dist/calendar.mjs",
+      "require": "./dist/calendar.js"
+    },
+    "./accordion": {
+      "types": "./src/accordion.tsx",
+      "import": "./dist/accordion.mjs",
+      "require": "./dist/accordion.js"
+    },
+    "./avatar": {
+      "types": "./src/avatar.tsx",
+      "import": "./dist/avatar.mjs",
+      "require": "./dist/avatar.js"
+    },
+    "./aspect-ratio": {
+      "types": "./src/aspect-ratio.tsx",
+      "import": "./dist/aspect-ratio.mjs",
+      "require": "./dist/aspect-ratio.js"
+    },
+    "./alert-dialog": {
+      "types": "./src/alert-dialog.tsx",
+      "import": "./dist/alert-dialog.mjs",
+      "require": "./dist/alert-dialog.js"
+    },
+    "./dropdown-menu": {
+      "types": "./src/dropdown-menu.tsx",
+      "import": "./dist/dropdown-menu.mjs",
+      "require": "./dist/dropdown-menu.js"
+    },
+    "./breadcrumb": {
+      "types": "./src/breadcrumb.tsx",
+      "import": "./dist/breadcrumb.mjs",
+      "require": "./dist/breadcrumb.js"
+    },
+    "./badge": {
+      "types": "./src/badge.tsx",
+      "import": "./dist/badge.mjs",
+      "require": "./dist/badge.js"
+    },
+    "./alert": {
+      "types": "./src/alert.tsx",
+      "import": "./dist/alert.mjs",
+      "require": "./dist/alert.js"
+    },
+    "./button": {
+      "types": "./src/button.tsx",
+      "import": "./dist/button.mjs",
+      "require": "./dist/button.js"
     },
     "./utils": {
       "types": "./src/utils.ts",
@@ -35,22 +240,59 @@
     "tailwind.config.ts"
   ],
   "dependencies": {
-    "clsx": "^2.1.0",
-    "tailwind-merge": "^2.2.2"
+    "@radix-ui/react-accordion": "^1.1.2",
+    "@radix-ui/react-alert-dialog": "^1.0.5",
+    "@radix-ui/react-aspect-ratio": "^1.0.3",
+    "@radix-ui/react-avatar": "^1.0.4",
+    "@radix-ui/react-checkbox": "^1.0.4",
+    "@radix-ui/react-collapsible": "^1.0.3",
+    "@radix-ui/react-context-menu": "^2.1.5",
+    "@radix-ui/react-dialog": "^1.0.5",
+    "@radix-ui/react-dropdown-menu": "^2.0.6",
+    "@radix-ui/react-hover-card": "^1.0.7",
+    "@radix-ui/react-icons": "^1.3.0",
+    "@radix-ui/react-label": "^2.0.2",
+    "@radix-ui/react-menubar": "^1.0.4",
+    "@radix-ui/react-navigation-menu": "^1.1.4",
+    "@radix-ui/react-popover": "^1.0.7",
+    "@radix-ui/react-progress": "^1.0.3",
+    "@radix-ui/react-radio-group": "^1.1.3",
+    "@radix-ui/react-scroll-area": "^1.0.5",
+    "@radix-ui/react-select": "^2.0.0",
+    "@radix-ui/react-separator": "^1.0.3",
+    "@radix-ui/react-slider": "^1.1.2",
+    "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-switch": "^1.0.3",
+    "@radix-ui/react-tabs": "^1.0.4",
+    "@radix-ui/react-toggle": "^1.0.3",
+    "@radix-ui/react-toggle-group": "^1.0.4",
+    "@radix-ui/react-tooltip": "^1.0.7",
+    "cmdk": "^1.0.0",
+    "cva": "1.0.0-beta.1",
+    "embla-carousel-react": "^8.0.0",
+    "input-otp": "^1.2.2",
+    "next-themes": "^0.3.0",
+    "react-day-picker": "^8.10.0",
+    "react-hook-form": "^7.51.1",
+    "react-resizable-panels": "^2.0.13",
+    "sonner": "^1.4.41",
+    "tailwind-merge": "^2.2.2",
+    "vaul": "^0.9.0"
   },
   "devDependencies": {
-    "@turbo/gen": "^1.12.5",
-    "@types/eslint": "^8.56.5",
-    "@types/node": "^20.11.28",
-    "@types/react": "^18.2.66",
-    "autoprefixer": "^10.0.1",
+    "@turbo/gen": "^1.13.0",
+    "@types/eslint": "^8.56.6",
+    "@types/node": "^20.11.30",
+    "@types/react": "^18.2.69",
+    "autoprefixer": "^10.4.19",
     "eslint": "^8.57.0",
-    "postcss": "^8.4.35",
+    "postcss": "^8.4.38",
     "react": "^18.2.0",
     "tailwindcss": "^3.3.0",
+    "tailwindcss-animate": "^1.0.7",
     "tsup": "^8.0.2",
-    "typescript": "^5.4.2",
-    "@codefast/eslint-config": "0.0.1",
+    "typescript": "^5.4.3",
+    "@codefast/eslint-config": "0.0.4",
     "@codefast/typescript-config": "0.0.1"
   },
   "peerDependencies": {

package/src/accordion.tsx

@@ -0,0 +1,80 @@
+"use client";
+
+import * as React from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { ChevronDownIcon } from "@radix-ui/react-icons";
+import { cn } from "./utils";
+
+/* -----------------------------------------------------------------------------
+ * Component: Accordion
+ * -------------------------------------------------------------------------- */
+
+const Accordion = AccordionPrimitive.Root;
+
+/* -----------------------------------------------------------------------------
+ * Component: AccordionItem
+ * -------------------------------------------------------------------------- */
+
+const AccordionItem = React.forwardRef<
+  React.ElementRef<typeof AccordionPrimitive.Item>,
+  AccordionPrimitive.AccordionItemProps
+>(({ className, ...props }, ref) => (
+  <AccordionPrimitive.Item
+    ref={ref}
+    className={cn("border-b", className)}
+    {...props}
+  />
+));
+AccordionItem.displayName = AccordionPrimitive.Item.displayName;
+
+/* -----------------------------------------------------------------------------
+ * Component: AccordionTrigger
+ * -------------------------------------------------------------------------- */
+
+const AccordionTrigger = React.forwardRef<
+  React.ElementRef<typeof AccordionPrimitive.Trigger>,
+  AccordionPrimitive.AccordionTriggerProps
+>(({ className, children, ...props }, ref) => (
+  <AccordionPrimitive.Header className="flex">
+    <AccordionPrimitive.Trigger
+      ref={ref}
+      className={cn(
+        "flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline",
+        "[&[data-state=open]>svg]:rotate-180",
+        className,
+      )}
+      {...props}
+    >
+      {children}
+      <ChevronDownIcon className="text-muted-foreground size-4 shrink-0 transition-transform duration-200" />
+    </AccordionPrimitive.Trigger>
+  </AccordionPrimitive.Header>
+));
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+
+/* -----------------------------------------------------------------------------
+ * Component: AccordionContent
+ * -------------------------------------------------------------------------- */
+
+const AccordionContent = React.forwardRef<
+  React.ElementRef<typeof AccordionPrimitive.Content>,
+  AccordionPrimitive.AccordionContentProps
+>(({ className, children, ...props }, ref) => (
+  <AccordionPrimitive.Content
+    ref={ref}
+    className={cn(
+      "overflow-hidden text-sm",
+      "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+    )}
+    {...props}
+  >
+    <div className={cn("pb-4 pt-0", className)}>{children}</div>
+  </AccordionPrimitive.Content>
+));
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };