@codefast/ui 0.3.9 → 0.3.11-canary.0

package/dist/components/textarea.cjs

@@ -1 +1,44 @@
-"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,r)=>{for(var _ in r)__webpack_require__.o(r,_)&&!__webpack_require__.o(e,_)&&Object.defineProperty(e,_,{enumerable:!0,get:r[_]})},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__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__,{Textarea:()=>Textarea});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants");function Textarea({className:e,...r}){return(0,jsx_runtime_namespaceObject.jsx)("textarea",{className:(0,tailwind_variants_namespaceObject.cn)("border-input hover:not-disabled:not-focus-visible:border-ring/60 focus-visible:border-ring focus-visible:ring-ring/50 placeholder:text-muted-foreground aria-invalid:border-destructive hover:not-disabled:not-focus-within:aria-invalid:border-destructive/60 focus-within:aria-invalid:ring-destructive/20 dark:focus-within:aria-invalid:ring-destructive/40 dark:bg-input/30 flex min-h-16 w-full grow rounded-lg border px-3 py-2 text-base shadow-xs outline-hidden transition focus-visible:ring-3 disabled:opacity-50 md:text-sm",e),"data-slot":"textarea",...r})}for(var __webpack_i__ in exports.Textarea=__webpack_exports__.Textarea,__webpack_exports__)-1===["Textarea"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";
+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__, {
+    Textarea: ()=>Textarea
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+function Textarea({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("textarea", {
+        className: (0, tailwind_variants_namespaceObject.cn)("flex min-h-16 w-full grow rounded-lg border border-input px-3 py-2 text-base shadow-xs outline-hidden transition placeholder:text-muted-foreground hover:not-disabled:not-focus-visible:border-ring/60 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:opacity-50 aria-invalid:border-destructive focus-within:aria-invalid:ring-destructive/20 hover:not-disabled:not-focus-within:aria-invalid:border-destructive/60 md:text-sm dark:bg-input/30 dark:focus-within:aria-invalid:ring-destructive/40", className),
+        "data-slot": "textarea",
+        ...props
+    });
+}
+exports.Textarea = __webpack_exports__.Textarea;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Textarea"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/textarea.js

@@ -1 +1,10 @@
-import{jsx as i}from"react/jsx-runtime";import{cn as r}from"@codefast/tailwind-variants";function e({className:e,...t}){return i("textarea",{className:r("border-input hover:not-disabled:not-focus-visible:border-ring/60 focus-visible:border-ring focus-visible:ring-ring/50 placeholder:text-muted-foreground aria-invalid:border-destructive hover:not-disabled:not-focus-within:aria-invalid:border-destructive/60 focus-within:aria-invalid:ring-destructive/20 dark:focus-within:aria-invalid:ring-destructive/40 dark:bg-input/30 flex min-h-16 w-full grow rounded-lg border px-3 py-2 text-base shadow-xs outline-hidden transition focus-visible:ring-3 disabled:opacity-50 md:text-sm",e),"data-slot":"textarea",...t})}export{e as Textarea};
+import { jsx } from "react/jsx-runtime";
+import { cn } from "@codefast/tailwind-variants";
+function Textarea({ className, ...props }) {
+    return /*#__PURE__*/ jsx("textarea", {
+        className: cn("flex min-h-16 w-full grow rounded-lg border border-input px-3 py-2 text-base shadow-xs outline-hidden transition placeholder:text-muted-foreground hover:not-disabled:not-focus-visible:border-ring/60 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:opacity-50 aria-invalid:border-destructive focus-within:aria-invalid:ring-destructive/20 hover:not-disabled:not-focus-within:aria-invalid:border-destructive/60 md:text-sm dark:bg-input/30 dark:focus-within:aria-invalid:ring-destructive/40", className),
+        "data-slot": "textarea",
+        ...props
+    });
+}
+export { Textarea };

package/dist/components/toggle-group.cjs

@@ -1,2 +1,91 @@
+"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,r)=>{for(var _ in r)__webpack_require__.o(r,_)&&!__webpack_require__.o(e,_)&&Object.defineProperty(e,_,{enumerable:!0,get:r[_]})},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__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__,{ToggleGroup:()=>ToggleGroup,ToggleGroupItem:()=>ToggleGroupItem});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_toggle_cjs_namespaceObject=require("./toggle.cjs"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),react_context_namespaceObject=require("@radix-ui/react-context"),react_toggle_group_namespaceObject=require("@radix-ui/react-toggle-group"),TOGGLE_GROUP_NAME="ToggleGroup",[createToggleGroupContext]=(0,react_context_namespaceObject.createContextScope)(TOGGLE_GROUP_NAME,[react_toggle_group_namespaceObject.createToggleGroupScope]),useToggleGroupScope=(0,react_toggle_group_namespaceObject.createToggleGroupScope)(),[ToggleGroupProvider,useToggleGroupContext]=createToggleGroupContext(TOGGLE_GROUP_NAME);function ToggleGroup({__scopeToggleGroup:e,children:r,className:_,size:t,variant:o,...a}){let c=useToggleGroupScope(e);return(0,jsx_runtime_namespaceObject.jsx)(ToggleGroupProvider,{scope:e,size:t,variant:o,children:(0,jsx_runtime_namespaceObject.jsx)(react_toggle_group_namespaceObject.Root,{className:(0,tailwind_variants_namespaceObject.cn)("group/toggle-group flex w-fit items-center -space-x-px rounded-md",_),"data-size":t,"data-slot":"toggle-group","data-variant":o,...c,...a,children:r})})}const TOGGLE_GROUP_ITEM_NAME="ToggleGroupItem";function ToggleGroupItem({__scopeToggleGroup:e,children:r,className:_,prefix:t,suffix:o,...a}){let{size:c,variant:p}=useToggleGroupContext("ToggleGroupItem",e),g=useToggleGroupScope(e);return(0,jsx_runtime_namespaceObject.jsxs)(react_toggle_group_namespaceObject.Item,{className:(0,external_toggle_cjs_namespaceObject.toggleVariants)({className:["min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10",_],size:c,variant:p}),"data-slot":"toggle-group-item","data-variant":p,...g,...a,children:[t,r,o]})}for(var __webpack_i__ in exports.ToggleGroup=__webpack_exports__.ToggleGroup,exports.ToggleGroupItem=__webpack_exports__.ToggleGroupItem,__webpack_exports__)-1===["ToggleGroup","ToggleGroupItem"].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__, {
+    ToggleGroup: ()=>ToggleGroup,
+    ToggleGroupItem: ()=>ToggleGroupItem
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const react_context_namespaceObject = require("@radix-ui/react-context");
+const react_toggle_group_namespaceObject = require("@radix-ui/react-toggle-group");
+const external_toggle_cjs_namespaceObject = require("./toggle.cjs");
+const TOGGLE_GROUP_NAME = "ToggleGroup";
+const [createToggleGroupContext] = (0, react_context_namespaceObject.createContextScope)(TOGGLE_GROUP_NAME, [
+    react_toggle_group_namespaceObject.createToggleGroupScope
+]);
+const useToggleGroupScope = (0, react_toggle_group_namespaceObject.createToggleGroupScope)();
+const [ToggleGroupProvider, useToggleGroupContext] = createToggleGroupContext(TOGGLE_GROUP_NAME);
+function ToggleGroup({ __scopeToggleGroup, children, className, size, spacing = 0, variant, ...props }) {
+    const toggleGroupScope = useToggleGroupScope(__scopeToggleGroup);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ToggleGroupProvider, {
+        scope: __scopeToggleGroup,
+        size: size,
+        spacing: spacing,
+        variant: variant,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_toggle_group_namespaceObject.Root, {
+            className: (0, tailwind_variants_namespaceObject.cn)("group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-lg data-[spacing=default]:data-[variant=outline]:shadow-xs", className),
+            "data-size": size,
+            "data-slot": "toggle-group",
+            "data-spacing": spacing,
+            "data-variant": variant,
+            style: {
+                "--gap": spacing
+            },
+            ...toggleGroupScope,
+            ...props,
+            children: children
+        })
+    });
+}
+const TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem";
+function ToggleGroupItem({ __scopeToggleGroup, children, className, ...props }) {
+    const { size, spacing, variant } = useToggleGroupContext(TOGGLE_GROUP_ITEM_NAME, __scopeToggleGroup);
+    const toggleGroupScope = useToggleGroupScope(__scopeToggleGroup);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_toggle_group_namespaceObject.Item, {
+        className: (0, tailwind_variants_namespaceObject.cn)((0, external_toggle_cjs_namespaceObject.toggleVariants)({
+            className,
+            size,
+            variant
+        }), "w-auto min-w-0 shrink-0 px-3 focus:z-10 focus-visible:z-10", "data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:first:rounded-l-lg data-[spacing=0]:last:rounded-r-lg data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:data-[variant=outline]:first:border-l"),
+        "data-size": size,
+        "data-slot": "toggle-group-item",
+        "data-spacing": spacing,
+        "data-variant": variant,
+        ...toggleGroupScope,
+        ...props,
+        children: children
+    });
+}
+exports.ToggleGroup = __webpack_exports__.ToggleGroup;
+exports.ToggleGroupItem = __webpack_exports__.ToggleGroupItem;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "ToggleGroup",
+    "ToggleGroupItem"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/toggle-group.d.ts

@@ -1,17 +1,15 @@
-import type { ComponentProps, JSX, ReactNode } from "react";
-import type { VariantProps } from "@codefast/tailwind-variants";
 import type { Scope } from "@radix-ui/react-context";
-import { toggleVariants } from "./toggle";
+import type { ComponentProps, JSX } from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+import type { ToggleVariants } from "./toggle";
 type ScopedProps<P> = P & {
     __scopeToggleGroup?: Scope;
 };
-type ToggleGroupProps = ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>;
-declare function ToggleGroup({ __scopeToggleGroup, children, className, size, variant, ...props }: ScopedProps<ToggleGroupProps>): JSX.Element;
-type ToggleGroupItemProps = ScopedProps<Omit<ComponentProps<typeof ToggleGroupPrimitive.Item>, "prefix"> & {
-    prefix?: ReactNode;
-    suffix?: ReactNode;
-}>;
-declare function ToggleGroupItem({ __scopeToggleGroup, children, className, prefix, suffix, ...props }: ToggleGroupItemProps): JSX.Element;
+type ToggleGroupProps = ComponentProps<typeof ToggleGroupPrimitive.Root> & ToggleVariants & {
+    spacing?: number;
+};
+declare function ToggleGroup({ __scopeToggleGroup, children, className, size, spacing, variant, ...props }: ScopedProps<ToggleGroupProps>): JSX.Element;
+type ToggleGroupItemProps = ScopedProps<ComponentProps<typeof ToggleGroupPrimitive.Item>>;
+declare function ToggleGroupItem({ __scopeToggleGroup, children, className, ...props }: ToggleGroupItemProps): JSX.Element;
 export { ToggleGroup, ToggleGroupItem };
 export type { ToggleGroupItemProps, ToggleGroupProps };

package/dist/components/toggle-group.js

@@ -1,2 +1,54 @@
 "use client";
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{toggleVariants as r}from"./toggle.js";import{cn as t}from"@codefast/tailwind-variants";import{createContextScope as a}from"@radix-ui/react-context";import{Item as i,Root as n,createToggleGroupScope as l}from"@radix-ui/react-toggle-group";let d="ToggleGroup",[s]=a(d,[l]),g=l(),[m,u]=s(d);function c({__scopeToggleGroup:o,children:r,className:a,size:i,variant:l,...d}){let s=g(o);return e(m,{scope:o,size:i,variant:l,children:e(n,{className:t("group/toggle-group flex w-fit items-center -space-x-px rounded-md",a),"data-size":i,"data-slot":"toggle-group","data-variant":l,...s,...d,children:r})})}function p({__scopeToggleGroup:e,children:t,className:a,prefix:n,suffix:l,...d}){let{size:s,variant:m}=u("ToggleGroupItem",e),c=g(e);return o(i,{className:r({className:["min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10",a],size:s,variant:m}),"data-slot":"toggle-group-item","data-variant":m,...c,...d,children:[n,t,l]})}export{c as ToggleGroup,p as ToggleGroupItem};
+import { jsx } from "react/jsx-runtime";
+import { cn } from "@codefast/tailwind-variants";
+import { createContextScope } from "@radix-ui/react-context";
+import { Item, Root, createToggleGroupScope } from "@radix-ui/react-toggle-group";
+import { toggleVariants } from "./toggle.js";
+const TOGGLE_GROUP_NAME = "ToggleGroup";
+const [createToggleGroupContext] = createContextScope(TOGGLE_GROUP_NAME, [
+    createToggleGroupScope
+]);
+const useToggleGroupScope = createToggleGroupScope();
+const [ToggleGroupProvider, useToggleGroupContext] = createToggleGroupContext(TOGGLE_GROUP_NAME);
+function ToggleGroup({ __scopeToggleGroup, children, className, size, spacing = 0, variant, ...props }) {
+    const toggleGroupScope = useToggleGroupScope(__scopeToggleGroup);
+    return /*#__PURE__*/ jsx(ToggleGroupProvider, {
+        scope: __scopeToggleGroup,
+        size: size,
+        spacing: spacing,
+        variant: variant,
+        children: /*#__PURE__*/ jsx(Root, {
+            className: cn("group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-lg data-[spacing=default]:data-[variant=outline]:shadow-xs", className),
+            "data-size": size,
+            "data-slot": "toggle-group",
+            "data-spacing": spacing,
+            "data-variant": variant,
+            style: {
+                "--gap": spacing
+            },
+            ...toggleGroupScope,
+            ...props,
+            children: children
+        })
+    });
+}
+const TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem";
+function ToggleGroupItem({ __scopeToggleGroup, children, className, ...props }) {
+    const { size, spacing, variant } = useToggleGroupContext(TOGGLE_GROUP_ITEM_NAME, __scopeToggleGroup);
+    const toggleGroupScope = useToggleGroupScope(__scopeToggleGroup);
+    return /*#__PURE__*/ jsx(Item, {
+        className: cn(toggleVariants({
+            className,
+            size,
+            variant
+        }), "w-auto min-w-0 shrink-0 px-3 focus:z-10 focus-visible:z-10", "data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:first:rounded-l-lg data-[spacing=0]:last:rounded-r-lg data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:data-[variant=outline]:first:border-l"),
+        "data-size": size,
+        "data-slot": "toggle-group-item",
+        "data-spacing": spacing,
+        "data-variant": variant,
+        ...toggleGroupScope,
+        ...props,
+        children: children
+    });
+}
+export { ToggleGroup, ToggleGroupItem };

package/dist/components/toggle.cjs

@@ -1,2 +1,72 @@
+"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 r in t)__webpack_require__.o(t,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},__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__,{Toggle:()=>Toggle,toggleVariants:()=>toggleVariants});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),react_toggle_namespaceObject=require("@radix-ui/react-toggle"),toggleVariants=(0,tailwind_variants_namespaceObject.tv)({base:"focus-visible:ring-ring/50 focus-visible:ring-3 outline-hidden hover:not-disabled:not-data-[state=on]:bg-secondary data-[state=on]:bg-secondary data-[state=on]:text-secondary-foreground inline-flex shrink-0 select-none items-center justify-center gap-2 whitespace-nowrap rounded-lg px-4 text-sm font-medium transition disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",defaultVariants:{size:"md",variant:"default"},variants:{size:{sm:"h-8 min-w-8 px-1.5",md:"h-9 min-w-9 px-2",lg:"h-10 min-w-10 px-2.5"},variant:{default:"hover:not-disabled:not-data-[state=on]:text-muted-foreground bg-transparent",outline:"border-input shadow-xs focus-visible:border-ring hover:not-disabled:not-data-[state=on]:text-secondary-foreground border"}}});function Toggle({children:e,className:t,prefix:r,size:a,suffix:_,variant:n,...o}){return(0,jsx_runtime_namespaceObject.jsxs)(react_toggle_namespaceObject.Root,{className:toggleVariants({className:t,size:a,variant:n}),"data-slot":"toggle",...o,children:[r,e,_]})}for(var __webpack_i__ in exports.Toggle=__webpack_exports__.Toggle,exports.toggleVariants=__webpack_exports__.toggleVariants,__webpack_exports__)-1===["Toggle","toggleVariants"].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__, {
+    Toggle: ()=>Toggle,
+    toggleVariants: ()=>toggleVariants
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const react_toggle_namespaceObject = require("@radix-ui/react-toggle");
+const toggleVariants = (0, tailwind_variants_namespaceObject.tv)({
+    base: "inline-flex items-center justify-center gap-2 rounded-lg text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-muted hover:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+    variants: {
+        size: {
+            default: "h-9 min-w-9 px-2",
+            lg: "h-10 min-w-10 px-2.5",
+            sm: "h-8 min-w-8 px-1.5"
+        },
+        variant: {
+            default: "bg-transparent",
+            outline: "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground"
+        }
+    },
+    defaultVariants: {
+        size: "default",
+        variant: "default"
+    }
+});
+function Toggle({ children, className, size, variant, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_toggle_namespaceObject.Root, {
+        className: toggleVariants({
+            className,
+            size,
+            variant
+        }),
+        "data-slot": "toggle",
+        ...props,
+        children: children
+    });
+}
+exports.Toggle = __webpack_exports__.Toggle;
+exports.toggleVariants = __webpack_exports__.toggleVariants;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Toggle",
+    "toggleVariants"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/toggle.d.ts

@@ -1,22 +1,20 @@
-import type { ComponentProps, JSX, ReactNode } from "react";
 import type { VariantProps } from "@codefast/tailwind-variants";
+import type { ComponentProps, JSX } from "react";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 declare const toggleVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
     size: {
-        sm: string;
-        md: string;
+        default: string;
         lg: string;
+        sm: string;
     };
     variant: {
         default: string;
         outline: string;
     };
 }, Record<string, never>>;
-interface ToggleProps extends Omit<ComponentProps<typeof TogglePrimitive.Root>, "prefix">, VariantProps<typeof toggleVariants> {
-    prefix?: ReactNode;
-    suffix?: ReactNode;
+type ToggleVariants = VariantProps<typeof toggleVariants>;
+interface ToggleProps extends ComponentProps<typeof TogglePrimitive.Root>, ToggleVariants {
 }
-declare function Toggle({ children, className, prefix, size, suffix, variant, ...props }: ToggleProps): JSX.Element;
-export { toggleVariants };
-export { Toggle };
-export type { ToggleProps };
+declare function Toggle({ children, className, size, variant, ...props }: ToggleProps): JSX.Element;
+export { Toggle, toggleVariants };
+export type { ToggleProps, ToggleVariants };

package/dist/components/toggle.js

@@ -1,2 +1,35 @@
 "use client";
-import{jsxs as t}from"react/jsx-runtime";import{tv as e}from"@codefast/tailwind-variants";import{Root as a}from"@radix-ui/react-toggle";let n=e({base:"focus-visible:ring-ring/50 focus-visible:ring-3 outline-hidden hover:not-disabled:not-data-[state=on]:bg-secondary data-[state=on]:bg-secondary data-[state=on]:text-secondary-foreground inline-flex shrink-0 select-none items-center justify-center gap-2 whitespace-nowrap rounded-lg px-4 text-sm font-medium transition disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",defaultVariants:{size:"md",variant:"default"},variants:{size:{sm:"h-8 min-w-8 px-1.5",md:"h-9 min-w-9 px-2",lg:"h-10 min-w-10 px-2.5"},variant:{default:"hover:not-disabled:not-data-[state=on]:text-muted-foreground bg-transparent",outline:"border-input shadow-xs focus-visible:border-ring hover:not-disabled:not-data-[state=on]:text-secondary-foreground border"}}});function o({children:e,className:o,prefix:i,size:r,suffix:s,variant:d,...l}){return t(a,{className:n({className:o,size:r,variant:d}),"data-slot":"toggle",...l,children:[i,e,s]})}export{o as Toggle,n as toggleVariants};
+import { jsx } from "react/jsx-runtime";
+import { tv } from "@codefast/tailwind-variants";
+import { Root } from "@radix-ui/react-toggle";
+const toggleVariants = tv({
+    base: "inline-flex items-center justify-center gap-2 rounded-lg text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-muted hover:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+    variants: {
+        size: {
+            default: "h-9 min-w-9 px-2",
+            lg: "h-10 min-w-10 px-2.5",
+            sm: "h-8 min-w-8 px-1.5"
+        },
+        variant: {
+            default: "bg-transparent",
+            outline: "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground"
+        }
+    },
+    defaultVariants: {
+        size: "default",
+        variant: "default"
+    }
+});
+function Toggle({ children, className, size, variant, ...props }) {
+    return /*#__PURE__*/ jsx(Root, {
+        className: toggleVariants({
+            className,
+            size,
+            variant
+        }),
+        "data-slot": "toggle",
+        ...props,
+        children: children
+    });
+}
+export { Toggle, toggleVariants };

package/dist/components/tooltip.cjs

@@ -1,2 +1,91 @@
+"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 o in t)__webpack_require__.o(t,o)&&!__webpack_require__.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},__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__,{Tooltip:()=>Tooltip,TooltipProvider:()=>TooltipProvider,TooltipTrigger:()=>TooltipTrigger,TooltipContent:()=>TooltipContent,TooltipArrow:()=>TooltipArrow});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),react_tooltip_namespaceObject=require("@radix-ui/react-tooltip");function TooltipProvider({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_tooltip_namespaceObject.Provider,{"data-slot":"tooltip-provider",...e})}function Tooltip({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_tooltip_namespaceObject.Root,{"data-slot":"tooltip",...e})}function TooltipTrigger({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_tooltip_namespaceObject.Trigger,{"data-slot":"tooltip-trigger",...e})}function TooltipContent({children:e,className:t,sideOffset:o=4,...a}){return(0,jsx_runtime_namespaceObject.jsx)(react_tooltip_namespaceObject.Portal,{children:(0,jsx_runtime_namespaceObject.jsxs)(react_tooltip_namespaceObject.Content,{className:(0,tailwind_variants_namespaceObject.cn)("bg-primary text-primary-foreground 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 ease-ui z-50 rounded-md px-3 py-1.5 text-xs","max-w-(--radix-tooltip-content-available-width)",t),collisionPadding:8,"data-slot":"tooltip-content",sideOffset:o,...a,children:[e,(0,jsx_runtime_namespaceObject.jsx)(TooltipArrow,{})]})})}function TooltipArrow({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)(react_tooltip_namespaceObject.Arrow,{className:(0,tailwind_variants_namespaceObject.cn)("fill-primary",e),"data-slot":"tooltip-arrow",...t})}for(var __webpack_i__ in exports.Tooltip=__webpack_exports__.Tooltip,exports.TooltipArrow=__webpack_exports__.TooltipArrow,exports.TooltipContent=__webpack_exports__.TooltipContent,exports.TooltipProvider=__webpack_exports__.TooltipProvider,exports.TooltipTrigger=__webpack_exports__.TooltipTrigger,__webpack_exports__)-1===["Tooltip","TooltipArrow","TooltipContent","TooltipProvider","TooltipTrigger"].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__, {
+    Tooltip: ()=>Tooltip,
+    TooltipProvider: ()=>TooltipProvider,
+    TooltipTrigger: ()=>TooltipTrigger,
+    TooltipContent: ()=>TooltipContent,
+    TooltipArrow: ()=>TooltipArrow
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const react_tooltip_namespaceObject = require("@radix-ui/react-tooltip");
+function TooltipProvider({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tooltip_namespaceObject.Provider, {
+        "data-slot": "tooltip-provider",
+        ...props
+    });
+}
+function Tooltip({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tooltip_namespaceObject.Root, {
+        "data-slot": "tooltip",
+        ...props
+    });
+}
+function TooltipTrigger({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tooltip_namespaceObject.Trigger, {
+        "data-slot": "tooltip-trigger",
+        ...props
+    });
+}
+function TooltipContent({ children, className, sideOffset = 4, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tooltip_namespaceObject.Portal, {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_tooltip_namespaceObject.Content, {
+            className: (0, tailwind_variants_namespaceObject.cn)("z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md bg-primary px-3 py-1.5 text-xs text-balance text-primary-foreground ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 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=bottom]:slide-in-from-top-2 data-[state=delayed-open]:data-[side=left]:slide-in-from-right-2 data-[state=delayed-open]:data-[side=right]:slide-in-from-left-2 data-[state=delayed-open]:data-[side=top]:slide-in-from-bottom-2", "max-w-(--radix-tooltip-content-available-width)", className),
+            collisionPadding: 8,
+            "data-slot": "tooltip-content",
+            sideOffset: sideOffset,
+            ...props,
+            children: [
+                children,
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TooltipArrow, {})
+            ]
+        })
+    });
+}
+function TooltipArrow({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tooltip_namespaceObject.Arrow, {
+        className: (0, tailwind_variants_namespaceObject.cn)("fill-primary", className),
+        "data-slot": "tooltip-arrow",
+        ...props
+    });
+}
+exports.Tooltip = __webpack_exports__.Tooltip;
+exports.TooltipArrow = __webpack_exports__.TooltipArrow;
+exports.TooltipContent = __webpack_exports__.TooltipContent;
+exports.TooltipProvider = __webpack_exports__.TooltipProvider;
+exports.TooltipTrigger = __webpack_exports__.TooltipTrigger;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Tooltip",
+    "TooltipArrow",
+    "TooltipContent",
+    "TooltipProvider",
+    "TooltipTrigger"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/tooltip.js

@@ -1,2 +1,45 @@
 "use client";
-import{jsx as t,jsxs as a}from"react/jsx-runtime";import{cn as o}from"@codefast/tailwind-variants";import{Arrow as e,Content as d,Portal as i,Provider as l,Root as r,Trigger as s}from"@radix-ui/react-tooltip";function n({...a}){return t(l,{"data-slot":"tooltip-provider",...a})}function p({...a}){return t(r,{"data-slot":"tooltip",...a})}function m({...a}){return t(s,{"data-slot":"tooltip-trigger",...a})}function f({children:e,className:l,sideOffset:r=4,...s}){return t(i,{children:a(d,{className:o("bg-primary text-primary-foreground 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 ease-ui z-50 rounded-md px-3 py-1.5 text-xs","max-w-(--radix-tooltip-content-available-width)",l),collisionPadding:8,"data-slot":"tooltip-content",sideOffset:r,...s,children:[e,t(c,{})]})})}function c({className:a,...d}){return t(e,{className:o("fill-primary",a),"data-slot":"tooltip-arrow",...d})}export{p as Tooltip,c as TooltipArrow,f as TooltipContent,n as TooltipProvider,m as TooltipTrigger};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@codefast/tailwind-variants";
+import { Arrow, Content, Portal, Provider, Root, Trigger } from "@radix-ui/react-tooltip";
+function TooltipProvider({ ...props }) {
+    return /*#__PURE__*/ jsx(Provider, {
+        "data-slot": "tooltip-provider",
+        ...props
+    });
+}
+function Tooltip({ ...props }) {
+    return /*#__PURE__*/ jsx(Root, {
+        "data-slot": "tooltip",
+        ...props
+    });
+}
+function TooltipTrigger({ ...props }) {
+    return /*#__PURE__*/ jsx(Trigger, {
+        "data-slot": "tooltip-trigger",
+        ...props
+    });
+}
+function TooltipContent({ children, className, sideOffset = 4, ...props }) {
+    return /*#__PURE__*/ jsx(Portal, {
+        children: /*#__PURE__*/ jsxs(Content, {
+            className: cn("z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md bg-primary px-3 py-1.5 text-xs text-balance text-primary-foreground ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 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=bottom]:slide-in-from-top-2 data-[state=delayed-open]:data-[side=left]:slide-in-from-right-2 data-[state=delayed-open]:data-[side=right]:slide-in-from-left-2 data-[state=delayed-open]:data-[side=top]:slide-in-from-bottom-2", "max-w-(--radix-tooltip-content-available-width)", className),
+            collisionPadding: 8,
+            "data-slot": "tooltip-content",
+            sideOffset: sideOffset,
+            ...props,
+            children: [
+                children,
+                /*#__PURE__*/ jsx(TooltipArrow, {})
+            ]
+        })
+    });
+}
+function TooltipArrow({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Arrow, {
+        className: cn("fill-primary", className),
+        "data-slot": "tooltip-arrow",
+        ...props
+    });
+}
+export { Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/css/amber.css

@@ -1 +1,95 @@
-:root{--input:oklch(92% .004 286.32);--border:oklch(92% .004 286.32);--ring:oklch(84% .16 84);--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--primary:oklch(67% .16 58);--primary-foreground:oklch(99% .02 95);--secondary:oklch(96.7% .001 286.375);--secondary-foreground:oklch(21% .006 285.885);--destructive:oklch(57.7% .245 27.325);--accent:oklch(96.7% .001 286.375);--accent-foreground:oklch(21% .006 285.885);--muted:oklch(96.7% .001 286.375);--muted-foreground:oklch(55.2% .016 285.938);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.1% .005 285.823);--card:oklch(100% 0 0);--card-foreground:oklch(14.1% .005 285.823);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.1% .005 285.823);--sidebar-primary:oklch(67% .16 58);--sidebar-primary-foreground:oklch(99% .02 95);--sidebar-accent:oklch(96.7% .001 286.375);--sidebar-accent-foreground:oklch(21% .006 285.885);--sidebar-border:oklch(92% .004 286.32);--sidebar-ring:oklch(84% .16 84);--chart-1:oklch(88% .15 92);--chart-2:oklch(77% .16 70);--chart-3:oklch(67% .16 58);--chart-4:oklch(56% .15 49);--chart-5:oklch(47% .12 46)}.dark{--input:oklch(100% 0 0/.15);--border:oklch(100% 0 0/.1);--ring:oklch(41% .11 46);--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--primary:oklch(77% .16 70);--primary-foreground:oklch(99% .02 95);--secondary:oklch(27.4% .006 286.033);--secondary-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--accent:oklch(27.4% .006 286.033);--accent-foreground:oklch(98.5% 0 0);--muted:oklch(27.4% .006 286.033);--muted-foreground:oklch(70.5% .015 286.067);--popover:oklch(21% .006 285.885);--popover-foreground:oklch(98.5% 0 0);--card:oklch(21% .006 285.885);--card-foreground:oklch(98.5% 0 0);--sidebar:oklch(21% .006 285.885);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(77% .16 70);--sidebar-primary-foreground:oklch(99% .02 95);--sidebar-accent:oklch(27.4% .006 286.033);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(41% .11 46);--chart-1:oklch(88% .15 92);--chart-2:oklch(77% .16 70);--chart-3:oklch(67% .16 58);--chart-4:oklch(56% .15 49);--chart-5:oklch(47% .12 46)}
+:root {
+  --input: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+  --border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+
+  --ring: oklch(0.84 0.16 84); /* --color-amber-400 */
+
+  --background: oklch(1 0 0); /* --color-zinc-50 */
+  --foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --primary: oklch(0.67 0.16 58); /* --color-amber-600 */
+  --primary-foreground: oklch(0.99 0.02 95); /* --color-amber-50 */
+
+  --secondary: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --secondary-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --destructive: oklch(0.577 0.245 27.325); /* --color-red-600 */
+
+  --accent: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --accent-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --muted: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --muted-foreground: oklch(0.552 0.016 285.938); /* --color-zinc-500 */
+
+  --popover: oklch(1 0 0); /* --color-zinc-50 */
+  --popover-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --card: oklch(1 0 0); /* --color-zinc-50 */
+  --card-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --sidebar: oklch(0.985 0 0); /* --color-zinc-50 */
+  --sidebar-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --sidebar-primary: oklch(0.67 0.16 58); /* --color-amber-600 */
+  --sidebar-primary-foreground: oklch(0.99 0.02 95); /* --color-amber-50 */
+
+  --sidebar-accent: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --sidebar-accent-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --sidebar-border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+  --sidebar-ring: oklch(0.84 0.16 84); /* --color-amber-400 */
+
+  --chart-1: oklch(0.88 0.15 92); /* --color-amber-300 */
+  --chart-2: oklch(0.77 0.16 70); /* --color-amber-500 */
+  --chart-3: oklch(0.67 0.16 58); /* --color-amber-600 */
+  --chart-4: oklch(0.56 0.15 49); /* --color-amber-700 */
+  --chart-5: oklch(0.47 0.12 46); /* --color-amber-800 */
+}
+
+.dark {
+  --input: oklch(1 0 0 / 15%); /* --color-white */
+  --border: oklch(1 0 0 / 10%); /* --color-white */
+
+  --ring: oklch(0.41 0.11 46); /* --color-amber-900 */
+
+  --background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+  --foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --primary: oklch(0.77 0.16 70); /* --color-amber-500 */
+  --primary-foreground: oklch(0.99 0.02 95); /* --color-amber-50 */
+
+  --secondary: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --secondary-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --destructive: oklch(0.704 0.191 22.216); /* --color-red-400 */
+
+  --accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --muted: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --muted-foreground: oklch(0.705 0.015 286.067); /* --color-zinc-400 */
+
+  --popover: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+  --popover-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --card: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+  --card-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --sidebar: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+  --sidebar-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --sidebar-primary: oklch(0.77 0.16 70); /* --color-amber-500 */
+  --sidebar-primary-foreground: oklch(0.99 0.02 95); /* --color-amber-50 */
+
+  --sidebar-accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --sidebar-accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --sidebar-border: oklch(1 0 0 / 10%); /* --color-white */
+  --sidebar-ring: oklch(0.41 0.11 46); /* --color-amber-900 */
+
+  --chart-1: oklch(0.88 0.15 92); /* --color-amber-300 */
+  --chart-2: oklch(0.77 0.16 70); /* --color-amber-500 */
+  --chart-3: oklch(0.67 0.16 58); /* --color-amber-600 */
+  --chart-4: oklch(0.56 0.15 49); /* --color-amber-700 */
+  --chart-5: oklch(0.47 0.12 46); /* --color-amber-800 */
+}