@opexa/portal-components 0.0.16 → 0.0.18

package/dist/ui/Badge/badge.recipe.mjs

@@ -1,74 +1,110 @@
-import { tv as e } from "tailwind-variants";
-import { anatomyToRecipeSlots as r } from "../../utils/anatomyToRecipeSlots.mjs";
+import { tv as t } from "tailwind-variants";
+import { anatomyToRecipeSlots as i } from "../../utils/anatomyToRecipeSlots.mjs";
 import "../../utils/capitalize.mjs";
 import "../../utils/parseDecimal.mjs";
 import "../../constants/index.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
-import { badgeAnatomy as o } from "./badge.anatomy.mjs";
-const d = e({
-  slots: r(o, {
+import { badgeAnatomy as r } from "./badge.anatomy.mjs";
+const d = t({
+  slots: i(r, {
     root: "inline-flex items-center",
-    label: "",
-    indicator: ""
+    icon: "shrink-0",
+    label: "font-medium leading-tight",
+    indicator: "shrink-0 rounded-full"
   }),
   variants: {
     size: {
       md: {
-        root: "gap-1 rounded-full px-2 py-0.5",
-        label: "text-xs font-medium leading-tight"
+        root: "gap-1 px-2 py-0.5",
+        label: "text-xs",
+        icon: "size-3",
+        indicator: "size-2"
+      },
+      lg: {
+        root: "gap-1 px-2 py-1",
+        label: "text-sm",
+        icon: "size-3",
+        indicator: "size-2"
       }
     },
     variant: {
       subtle: {}
     },
     colorScheme: {
-      gray: {},
+      brand: {},
       danger: {},
       success: {},
       warning: {},
-      info: {}
+      blue: {}
+    },
+    round: {
+      true: {
+        root: "rounded-full"
+      },
+      false: {
+        root: "rounded-md"
+      }
     }
   },
   compoundVariants: [
     {
       variant: "subtle",
-      colorScheme: "gray",
+      colorScheme: "brand",
       className: {
-        root: "bg-gray-50 border-gray-200 border",
-        label: "text-gray-700"
+        root: "bg-utility-brand-50 border-utility-brand-200 border",
+        label: "text-utility-brand-700",
+        indicator: "bg-utility-brand-500",
+        icon: "text-utility-brand-600"
       }
     },
     {
       variant: "subtle",
       colorScheme: "success",
       className: {
-        root: "bg-green-50 border-green-200 border",
-        label: "text-green-700"
+        root: "bg-utility-success-50 border-utility-success-200 border",
+        label: "text-utility-success-700",
+        indicator: "bg-utility-success-500",
+        icon: "text-utility-success-700"
       }
     },
     {
       variant: "subtle",
       colorScheme: "warning",
       className: {
-        root: "bg-amber-50 border-amber-200 border",
-        label: "text-amber-700"
+        root: "bg-utility-warning-50 border-utility-warning-200 border",
+        label: "text-utility-warning-700",
+        indicator: "bg-utility-warning-500",
+        icon: "text-utility-warning-700"
       }
     },
     {
       variant: "subtle",
       colorScheme: "danger",
       className: {
-        root: "bg-red-50 border-red-200 border",
-        label: "text-red-700"
+        root: "bg-utility-error-50 border-utility-error-200 border",
+        label: "text-utility-error-700",
+        indicator: "bg-utility-error-500",
+        icon: "text-utility-error-700"
+      }
+    },
+    {
+      variant: "subtle",
+      colorScheme: "blue",
+      className: {
+        root: "bg-utility-blue-50 border-utility-blue-200 border",
+        label: "text-utility-blue-700",
+        indicator: "bg-utility-blue-500",
+        icon: "text-utility-blue-700"
       }
     }
   ],
   defaultVariants: {
     size: "md",
     variant: "subtle",
-    colorScheme: "success"
+    colorScheme: "success",
+    round: !0
   }
 });
 export {

package/dist/ui/Button/button.recipe.d.ts

@@ -17,7 +17,7 @@ export declare const buttonRecipe: import('tailwind-variants').TVReturnType<{
     fullWidth: {
         true: string;
     };
-}, undefined, "shadow-xs inline-flex items-center justify-center rounded-md font-semibold disabled:shadow-none", {
+}, undefined, "shadow-xs inline-flex items-center justify-center rounded-md font-semibold disabled:opacity-60 disabled:shadow-none", {
     size: {
         xs: string;
         sm: string;
@@ -53,5 +53,5 @@ export declare const buttonRecipe: import('tailwind-variants').TVReturnType<{
     fullWidth: {
         true: string;
     };
-}, undefined, "shadow-xs inline-flex items-center justify-center rounded-md font-semibold disabled:shadow-none", unknown, unknown, undefined>>;
+}, undefined, "shadow-xs inline-flex items-center justify-center rounded-md font-semibold disabled:opacity-60 disabled:shadow-none", unknown, unknown, undefined>>;
 export type ButtonRecipeProps = VariantProps<typeof buttonRecipe>;

package/dist/ui/Button/button.recipe.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),a=e.tv({base:"shadow-xs inline-flex items-center justify-center rounded-md font-semibold disabled:shadow-none",variants:{size:{xs:"h-9 gap-sm px-3 text-sm",sm:"h-10 gap-md px-3",md:"h-11 gap-lg px-3.5"},variant:{solid:"",outline:""},colorScheme:{primary:"",danger:"",gray:""},fullWidth:{true:"flex w-full"}},compoundVariants:[{variant:"solid",colorScheme:"primary",class:"bg-gray-900 text-white disabled:opacity-50"},{variant:"solid",colorScheme:"danger",class:"bg-red-500 text-white disabled:opacity-50"},{variant:"outline",colorScheme:"gray",class:"border-gray-200 border bg-white disabled:opacity-50"}],defaultVariants:{size:"md",variant:"solid",colorScheme:"primary",fullWidth:!0}});exports.buttonRecipe=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),r=e.tv({base:"shadow-xs inline-flex items-center justify-center rounded-md font-semibold disabled:opacity-60 disabled:shadow-none",variants:{size:{xs:"h-9 gap-sm px-3 text-sm",sm:"h-10 gap-md px-3",md:"h-11 gap-lg px-3.5"},variant:{solid:"",outline:""},colorScheme:{primary:"",danger:"",gray:""},fullWidth:{true:"flex w-full"}},compoundVariants:[{variant:"solid",colorScheme:"primary",class:"bg-button-primary-bg text-button-primary-fg"},{variant:"solid",colorScheme:"gray",class:"bg-bg-tertiary"},{variant:"solid",colorScheme:"danger",class:"bg-error-600 text-white"},{variant:"outline",colorScheme:"primary",class:"bg-button-secondary-bg border-button-secondary-border text-button-secondary-fg border"},{variant:"outline",colorScheme:"gray",class:"border-border-secondary bg-bg-primary-alt text-text-secondary-700 border"}],defaultVariants:{size:"md",variant:"solid",colorScheme:"primary",fullWidth:!0}});exports.buttonRecipe=r;

package/dist/ui/Button/button.recipe.mjs

@@ -1,6 +1,6 @@
-import { tv as e } from "tailwind-variants";
-const i = e({
-  base: "shadow-xs inline-flex items-center justify-center rounded-md font-semibold disabled:shadow-none",
+import { tv as r } from "tailwind-variants";
+const t = r({
+  base: "shadow-xs inline-flex items-center justify-center rounded-md font-semibold disabled:opacity-60 disabled:shadow-none",
   variants: {
     size: {
       xs: "h-9 gap-sm px-3 text-sm",
@@ -24,17 +24,27 @@ const i = e({
     {
       variant: "solid",
       colorScheme: "primary",
-      class: "bg-gray-900 text-white disabled:opacity-50"
+      class: "bg-button-primary-bg text-button-primary-fg"
+    },
+    {
+      variant: "solid",
+      colorScheme: "gray",
+      class: "bg-bg-tertiary"
     },
     {
       variant: "solid",
       colorScheme: "danger",
-      class: "bg-red-500 text-white disabled:opacity-50"
+      class: "bg-error-600 text-white"
+    },
+    {
+      variant: "outline",
+      colorScheme: "primary",
+      class: "bg-button-secondary-bg border-button-secondary-border text-button-secondary-fg border"
     },
     {
       variant: "outline",
       colorScheme: "gray",
-      class: "border-gray-200 border bg-white disabled:opacity-50"
+      class: "border-border-secondary bg-bg-primary-alt text-text-secondary-700 border"
     }
   ],
   defaultVariants: {
@@ -45,5 +55,5 @@ const i = e({
   }
 });
 export {
-  i as buttonRecipe
+  t as buttonRecipe
 };

package/dist/ui/Checkbox/checkbox.recipe.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@ark-ui/react"),r=require("tailwind-variants"),i=require("../../utils/anatomyToRecipeSlots.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");const t=r.tv({slots:i.anatomyToRecipeSlots(e.checkboxAnatomy,{root:"flex items-start gap-2",control:"flex shrink-0 items-center justify-center rounded-md",label:"text-checkbox-label-fg"}),variants:{size:{md:{control:"size-4 rounded-[0.25rem]",indicator:"size-3"}},variant:{outline:{}},colorScheme:{gray:{}}},compoundVariants:[{variant:"outline",colorScheme:"gray",className:{control:"shadow-xs border-gray-200 ui-invalid:border-red-400 ui-checked:bg-gray-900 ui-checked:border-gray-900 border bg-white ui-disabled:opacity-50 ui-disabled:shadow-none ui-readonly:opacity-50 ui-readonly:shadow-none",indicator:"text-white",label:"text-gray-600 text-xs leading-tight"}}],defaultVariants:{size:"md",variant:"outline",colorScheme:"gray"}});exports.checkboxRecipe=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@ark-ui/react"),r=require("tailwind-variants"),t=require("../../utils/anatomyToRecipeSlots.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");const o=r.tv({slots:t.anatomyToRecipeSlots(e.checkboxAnatomy,{root:"flex items-start gap-2",control:"flex shrink-0 items-center justify-center rounded-md",label:"text-text-secondary-700"}),variants:{size:{md:{control:"size-4 rounded-[0.25rem]",indicator:"size-3"}},variant:{outline:{}},colorScheme:{gray:{}}},compoundVariants:[{variant:"outline",colorScheme:"gray",className:{control:"shadow-xs border-border-primary bg-bg-primary ui-checked:bg-gray-900 ui-checked:border-gray-900 border ui-disabled:opacity-60 ui-disabled:shadow-none ui-readonly:opacity-50 ui-readonly:shadow-none",indicator:"text-white",label:"text-gray-600 text-xs leading-tight"}}],defaultVariants:{size:"md",variant:"outline",colorScheme:"gray"}});exports.checkboxRecipe=o;

package/dist/ui/Checkbox/checkbox.recipe.mjs

@@ -1,5 +1,5 @@
-import { checkboxAnatomy as e } from "@ark-ui/react";
-import { tv as o } from "tailwind-variants";
+import { checkboxAnatomy as o } from "@ark-ui/react";
+import { tv as e } from "tailwind-variants";
 import { anatomyToRecipeSlots as r } from "../../utils/anatomyToRecipeSlots.mjs";
 import "../../utils/capitalize.mjs";
 import "../../utils/parseDecimal.mjs";
@@ -7,11 +7,11 @@ import "../../constants/index.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
-const p = o({
-  slots: r(e, {
+const p = e({
+  slots: r(o, {
     root: "flex items-start gap-2",
     control: "flex shrink-0 items-center justify-center rounded-md",
-    label: "text-checkbox-label-fg"
+    label: "text-text-secondary-700"
   }),
   variants: {
     size: {
@@ -32,7 +32,7 @@ const p = o({
       variant: "outline",
       colorScheme: "gray",
       className: {
-        control: "shadow-xs border-gray-200 ui-invalid:border-red-400 ui-checked:bg-gray-900 ui-checked:border-gray-900 border bg-white ui-disabled:opacity-50 ui-disabled:shadow-none ui-readonly:opacity-50 ui-readonly:shadow-none",
+        control: "shadow-xs border-border-primary bg-bg-primary ui-checked:bg-gray-900 ui-checked:border-gray-900 border ui-disabled:opacity-60 ui-disabled:shadow-none ui-readonly:opacity-50 ui-readonly:shadow-none",
         indicator: "text-white",
         label: "text-gray-600 text-xs leading-tight"
       }

package/dist/ui/Collapsible/Collapsible.d.ts

@@ -0,0 +1,114 @@
+import { Collapsible } from '@ark-ui/react';
+export declare const Root: import('react').ComponentType<import('@ark-ui/react').Assign<Collapsible.RootProps & import('react').RefAttributes<HTMLDivElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            content?: import('tailwind-variants').ClassValue;
+            trigger?: import('tailwind-variants').ClassValue;
+            root?: import('tailwind-variants').ClassValue;
+            indicator?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-variants').ClassValue | {
+            content?: import('tailwind-variants').ClassValue;
+            trigger?: import('tailwind-variants').ClassValue;
+            root?: import('tailwind-variants').ClassValue;
+            indicator?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}, Record<"content" | "trigger" | "root" | "indicator", string | string[]>, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            content?: import('tailwind-variants').ClassValue;
+            trigger?: import('tailwind-variants').ClassValue;
+            root?: import('tailwind-variants').ClassValue;
+            indicator?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}, Record<"content" | "trigger" | "root" | "indicator", string | string[]>, import('tailwind-variants').TVReturnType<unknown, Record<"content" | "trigger" | "root" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+export declare const Content: import('react').ComponentType<import('@ark-ui/react').Assign<Collapsible.ContentProps & import('react').RefAttributes<HTMLDivElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            content?: import('tailwind-variants').ClassValue;
+            trigger?: import('tailwind-variants').ClassValue;
+            root?: import('tailwind-variants').ClassValue;
+            indicator?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-variants').ClassValue | {
+            content?: import('tailwind-variants').ClassValue;
+            trigger?: import('tailwind-variants').ClassValue;
+            root?: import('tailwind-variants').ClassValue;
+            indicator?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}, Record<"content" | "trigger" | "root" | "indicator", string | string[]>, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            content?: import('tailwind-variants').ClassValue;
+            trigger?: import('tailwind-variants').ClassValue;
+            root?: import('tailwind-variants').ClassValue;
+            indicator?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}, Record<"content" | "trigger" | "root" | "indicator", string | string[]>, import('tailwind-variants').TVReturnType<unknown, Record<"content" | "trigger" | "root" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+export declare const Indicator: import('react').ComponentType<import('@ark-ui/react').Assign<Collapsible.IndicatorProps & import('react').RefAttributes<HTMLDivElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            content?: import('tailwind-variants').ClassValue;
+            trigger?: import('tailwind-variants').ClassValue;
+            root?: import('tailwind-variants').ClassValue;
+            indicator?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-variants').ClassValue | {
+            content?: import('tailwind-variants').ClassValue;
+            trigger?: import('tailwind-variants').ClassValue;
+            root?: import('tailwind-variants').ClassValue;
+            indicator?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}, Record<"content" | "trigger" | "root" | "indicator", string | string[]>, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            content?: import('tailwind-variants').ClassValue;
+            trigger?: import('tailwind-variants').ClassValue;
+            root?: import('tailwind-variants').ClassValue;
+            indicator?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}, Record<"content" | "trigger" | "root" | "indicator", string | string[]>, import('tailwind-variants').TVReturnType<unknown, Record<"content" | "trigger" | "root" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+export declare const Trigger: import('react').ComponentType<import('@ark-ui/react').Assign<Collapsible.TriggerProps & import('react').RefAttributes<HTMLButtonElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            content?: import('tailwind-variants').ClassValue;
+            trigger?: import('tailwind-variants').ClassValue;
+            root?: import('tailwind-variants').ClassValue;
+            indicator?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-variants').ClassValue | {
+            content?: import('tailwind-variants').ClassValue;
+            trigger?: import('tailwind-variants').ClassValue;
+            root?: import('tailwind-variants').ClassValue;
+            indicator?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}, Record<"content" | "trigger" | "root" | "indicator", string | string[]>, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            content?: import('tailwind-variants').ClassValue;
+            trigger?: import('tailwind-variants').ClassValue;
+            root?: import('tailwind-variants').ClassValue;
+            indicator?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}, Record<"content" | "trigger" | "root" | "indicator", string | string[]>, import('tailwind-variants').TVReturnType<unknown, Record<"content" | "trigger" | "root" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+export declare const Context: (props: Collapsible.ContextProps) => import('react').ReactNode;

package/dist/ui/Collapsible/Collapsible.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@ark-ui/react"),o=require("../../client/utils/createRecipeContext.js");require("../../client/utils/toaster.js");const i=require("./collapsible.recipe.js"),{withContext:t,withProvider:r}=o.createRecipeContext(i.collapsibleRecipe),n=r(e.Collapsible.Root,"root"),c=t(e.Collapsible.Content,"content"),l=t(e.Collapsible.Indicator,"indicator"),s=t(e.Collapsible.Trigger,"trigger"),a=e.Collapsible.Context;exports.Content=c;exports.Context=a;exports.Indicator=l;exports.Root=n;exports.Trigger=s;

package/dist/ui/Collapsible/Collapsible.mjs

@@ -0,0 +1,13 @@
+"use client";
+import { Collapsible as t } from "@ark-ui/react";
+import { createRecipeContext as e } from "../../client/utils/createRecipeContext.mjs";
+import "../../client/utils/toaster.mjs";
+import { collapsibleRecipe as r } from "./collapsible.recipe.mjs";
+const { withContext: o, withProvider: n } = e(r), l = n(t.Root, "root"), m = o(t.Content, "content"), C = o(t.Indicator, "indicator"), a = o(t.Trigger, "trigger"), g = t.Context;
+export {
+  m as Content,
+  g as Context,
+  C as Indicator,
+  l as Root,
+  a as Trigger
+};

package/dist/ui/Collapsible/collapsible.recipe.d.ts

@@ -0,0 +1,28 @@
+export declare const collapsibleRecipe: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            content?: import('tailwind-variants').ClassValue;
+            trigger?: import('tailwind-variants').ClassValue;
+            root?: import('tailwind-variants').ClassValue;
+            indicator?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-variants').ClassValue | {
+            content?: import('tailwind-variants').ClassValue;
+            trigger?: import('tailwind-variants').ClassValue;
+            root?: import('tailwind-variants').ClassValue;
+            indicator?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}, Record<"content" | "trigger" | "root" | "indicator", string | string[]>, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            content?: import('tailwind-variants').ClassValue;
+            trigger?: import('tailwind-variants').ClassValue;
+            root?: import('tailwind-variants').ClassValue;
+            indicator?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}, Record<"content" | "trigger" | "root" | "indicator", string | string[]>, import('tailwind-variants').TVReturnType<unknown, Record<"content" | "trigger" | "root" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>;

package/dist/ui/Collapsible/collapsible.recipe.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@ark-ui/react"),i=require("tailwind-variants"),o=require("../../utils/anatomyToRecipeSlots.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");const t=i.tv({slots:o.anatomyToRecipeSlots(e.collapsibleAnatomy,{indicator:"transition-transform duration-200 ease-in-out ui-open:rotate-90",content:"ui-open:animate-collapse-in ui-closed:animate-collapse-out overflow-hidden"})});exports.collapsibleRecipe=t;

package/dist/ui/Collapsible/collapsible.recipe.mjs

@@ -0,0 +1,18 @@
+import { collapsibleAnatomy as o } from "@ark-ui/react";
+import { tv as t } from "tailwind-variants";
+import { anatomyToRecipeSlots as i } from "../../utils/anatomyToRecipeSlots.mjs";
+import "../../utils/capitalize.mjs";
+import "../../utils/parseDecimal.mjs";
+import "../../constants/index.mjs";
+import "../../utils/getLocaleInfo.mjs";
+import "../../utils/getQueryClient.mjs";
+import "../../utils/isMobile.mjs";
+const u = t({
+  slots: i(o, {
+    indicator: "transition-transform duration-200 ease-in-out ui-open:rotate-90",
+    content: "ui-open:animate-collapse-in ui-closed:animate-collapse-out overflow-hidden"
+  })
+});
+export {
+  u as collapsibleRecipe
+};

package/dist/ui/Collapsible/index.d.ts

@@ -0,0 +1 @@
+export * as Collapsible from './Collapsible';

package/dist/ui/DatePicker/datePicker.recipe.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@ark-ui/react"),t=require("tailwind-variants"),i=require("../../utils/anatomyToRecipeSlots.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");const o=t.tv({slots:i.anatomyToRecipeSlots(e.datePickerAnatomy,{content:"border-gray-200 text-gray-600 ui-placement-top:ui-open:animate-popover-in-top ui-placement-top-end:ui-open:animate-popover-in-top ui-placement-top-start:ui-open:animate-popover-in-top ui-placement-top:ui-closed:animate-popover-out-top ui-placement-top-end:ui-closed:animate-popover-out-top ui-placement-top-start:ui-closed:animate-popover-out-top ui-placement-bottom:ui-open:animate-popover-in-bottom ui-placement-bottom-start:ui-open:animate-popover-in-bottom ui-placement-bottom-end:ui-open:animate-popover-in-bottom ui-placement-bottom:ui-closed:animate-popover-out-bottom ui-placement-bottom-start:ui-closed:animate-popover-out-bottom ui-placement-bottom-end:ui-closed:animate-popover-out-bottom ui-placement-left:ui-open:animate-popover-in-left ui-placement-left-start:ui-open:animate-popover-in-left ui-placement-left-end:ui-open:animate-popover-in-left ui-placement-left:ui-closed:animate-popover-out-left ui-placement-left-start:ui-closed:animate-popover-out-left ui-placement-left-end:ui-closed:animate-popover-out-left ui-placement-right:ui-open:animate-popover-in-right ui-placement-right-start:ui-open:animate-popover-in-right ui-placement-right-end:ui-open:animate-popover-in-right ui-placement-right:ui-closed:animate-popover-out-right ui-placement-right-start:ui-closed:animate-popover-out-right ui-placement-right-end:ui-closed:animate-popover-out-right z-dropdown rounded-xl border bg-white p-4",table:"mt-3 border-separate border-spacing-0.5",tableCellTrigger:"text-gray-600 ui-disabled:text-gray-400 ui-selected:ui-not-disabled:bg-gray-900 ui-today:after:bg-gray-600 ui-in-range:ui-not-disabled:bg-gray-100 ui-in-range:ui-not-disabled:text-gray-900 ui-range-start:ui-not-disabled:bg-gray-900 ui-range-end:ui-not-disabled:bg-gray-900 relative flex size-10 cursor-pointer items-center justify-center text-sm ui-disabled:cursor-not-allowed ui-selected:ui-not-disabled:rounded-full ui-selected:ui-not-disabled:font-medium ui-selected:ui-not-disabled:text-white ui-today:after:absolute ui-today:after:bottom-0 ui-today:after:left-1/2 ui-today:after:mb-1 ui-today:after:size-1 ui-today:after:-translate-x-1/2 ui-today:after:rounded-full ui-in-range:ui-not-disabled:rounded-full ui-in-range:ui-not-disabled:font-medium ui-range-start:ui-not-disabled:rounded-full ui-range-start:ui-not-disabled:font-medium ui-range-start:ui-not-disabled:text-white ui-range-end:ui-not-disabled:rounded-full ui-range-end:ui-not-disabled:font-medium ui-range-end:ui-not-disabled:text-white",tableHeader:"py-3 text-sm font-medium",viewControl:"flex items-center justify-between",prevTrigger:"bg-gray-50 icon:size-5 flex size-9 items-center justify-center rounded-full",nextTrigger:"bg-gray-50 icon:size-5 flex size-9 items-center justify-center rounded-full",rangeText:"text-gray-600 text-base font-semibold"})});exports.datePickerRecipe=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@ark-ui/react"),t=require("tailwind-variants"),i=require("../../utils/anatomyToRecipeSlots.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");const o=t.tv({slots:i.anatomyToRecipeSlots(e.datePickerAnatomy,{content:"border-border-secondary ui-placement-top:ui-open:animate-popover-in-top ui-placement-top-end:ui-open:animate-popover-in-top ui-placement-top-start:ui-open:animate-popover-in-top ui-placement-top:ui-closed:animate-popover-out-top ui-placement-top-end:ui-closed:animate-popover-out-top ui-placement-top-start:ui-closed:animate-popover-out-top ui-placement-bottom:ui-open:animate-popover-in-bottom ui-placement-bottom-start:ui-open:animate-popover-in-bottom ui-placement-bottom-end:ui-open:animate-popover-in-bottom ui-placement-bottom:ui-closed:animate-popover-out-bottom ui-placement-bottom-start:ui-closed:animate-popover-out-bottom ui-placement-bottom-end:ui-closed:animate-popover-out-bottom ui-placement-left:ui-open:animate-popover-in-left ui-placement-left-start:ui-open:animate-popover-in-left ui-placement-left-end:ui-open:animate-popover-in-left ui-placement-left:ui-closed:animate-popover-out-left ui-placement-left-start:ui-closed:animate-popover-out-left ui-placement-left-end:ui-closed:animate-popover-out-left ui-placement-right:ui-open:animate-popover-in-right ui-placement-right-start:ui-open:animate-popover-in-right ui-placement-right-end:ui-open:animate-popover-in-right ui-placement-right:ui-closed:animate-popover-out-right ui-placement-right-start:ui-closed:animate-popover-out-right ui-placement-right-end:ui-closed:animate-popover-out-right bg-bg-primary z-dropdown rounded-xl border p-4",table:"mt-3 border-separate border-spacing-0.5",tableCellTrigger:["relative","flex","size-10","cursor-pointer","items-center","justify-center","text-sm","text-text-secondary-700","ui-disabled:text-text-disabled","ui-disabled:cursor-not-allowed","ui-selected:ui-not-disabled:rounded-full","ui-selected:ui-not-disabled:font-medium","ui-selected:ui-not-disabled:bg-brand-400","ui-selected:ui-not-disabled:text-brand-950","ui-today:ui-not-disabled:rounded-full","ui-today:ui-not-disabled:font-medium","ui-today:ui-not-disabled:bg-bg-active","ui-today:ui-not-disabled:text-text-secondary-700","ui-in-range:ui-not-disabled:bg-bg-active","ui-in-range:ui-not-disabled:text-text-secondary-700","ui-in-range:ui-not-disabled:rounded-full","ui-in-range:ui-not-disabled:font-medium","ui-range-start:ui-not-disabled:rounded-full","ui-range-start:ui-not-disabled:font-medium","ui-range-start:ui-not-disabled:bg-brand-400","ui-range-start:ui-not-disabled:text-brand-950","ui-range-end:ui-not-disabled:rounded-full","ui-range-end:ui-not-disabled:font-medium","ui-range-end:ui-not-disabled:bg-brand-400","ui-range-end:ui-not-disabled:text-brand-950"],tableHeader:"text-text-secondary-700 py-2.5 text-sm font-medium",viewControl:"flex items-center justify-between",prevTrigger:"bg-gray-50 icon:size-5 text-button-secondary-fg flex size-9 items-center justify-center rounded-full",nextTrigger:"bg-gray-50 icon:size-5 text-button-secondary-fg flex size-9 items-center justify-center rounded-full",rangeText:"text-gray-600 text-text-secondary-700 text-base font-semibold"})});exports.datePickerRecipe=o;

package/dist/ui/DatePicker/datePicker.recipe.mjs

@@ -9,14 +9,45 @@ import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
 const s = t({
   slots: i(e, {
-    content: "border-gray-200 text-gray-600 ui-placement-top:ui-open:animate-popover-in-top ui-placement-top-end:ui-open:animate-popover-in-top ui-placement-top-start:ui-open:animate-popover-in-top ui-placement-top:ui-closed:animate-popover-out-top ui-placement-top-end:ui-closed:animate-popover-out-top ui-placement-top-start:ui-closed:animate-popover-out-top ui-placement-bottom:ui-open:animate-popover-in-bottom ui-placement-bottom-start:ui-open:animate-popover-in-bottom ui-placement-bottom-end:ui-open:animate-popover-in-bottom ui-placement-bottom:ui-closed:animate-popover-out-bottom ui-placement-bottom-start:ui-closed:animate-popover-out-bottom ui-placement-bottom-end:ui-closed:animate-popover-out-bottom ui-placement-left:ui-open:animate-popover-in-left ui-placement-left-start:ui-open:animate-popover-in-left ui-placement-left-end:ui-open:animate-popover-in-left ui-placement-left:ui-closed:animate-popover-out-left ui-placement-left-start:ui-closed:animate-popover-out-left ui-placement-left-end:ui-closed:animate-popover-out-left ui-placement-right:ui-open:animate-popover-in-right ui-placement-right-start:ui-open:animate-popover-in-right ui-placement-right-end:ui-open:animate-popover-in-right ui-placement-right:ui-closed:animate-popover-out-right ui-placement-right-start:ui-closed:animate-popover-out-right ui-placement-right-end:ui-closed:animate-popover-out-right z-dropdown rounded-xl border bg-white p-4",
+    content: "border-border-secondary ui-placement-top:ui-open:animate-popover-in-top ui-placement-top-end:ui-open:animate-popover-in-top ui-placement-top-start:ui-open:animate-popover-in-top ui-placement-top:ui-closed:animate-popover-out-top ui-placement-top-end:ui-closed:animate-popover-out-top ui-placement-top-start:ui-closed:animate-popover-out-top ui-placement-bottom:ui-open:animate-popover-in-bottom ui-placement-bottom-start:ui-open:animate-popover-in-bottom ui-placement-bottom-end:ui-open:animate-popover-in-bottom ui-placement-bottom:ui-closed:animate-popover-out-bottom ui-placement-bottom-start:ui-closed:animate-popover-out-bottom ui-placement-bottom-end:ui-closed:animate-popover-out-bottom ui-placement-left:ui-open:animate-popover-in-left ui-placement-left-start:ui-open:animate-popover-in-left ui-placement-left-end:ui-open:animate-popover-in-left ui-placement-left:ui-closed:animate-popover-out-left ui-placement-left-start:ui-closed:animate-popover-out-left ui-placement-left-end:ui-closed:animate-popover-out-left ui-placement-right:ui-open:animate-popover-in-right ui-placement-right-start:ui-open:animate-popover-in-right ui-placement-right-end:ui-open:animate-popover-in-right ui-placement-right:ui-closed:animate-popover-out-right ui-placement-right-start:ui-closed:animate-popover-out-right ui-placement-right-end:ui-closed:animate-popover-out-right bg-bg-primary z-dropdown rounded-xl border p-4",
     table: "mt-3 border-separate border-spacing-0.5",
-    tableCellTrigger: "text-gray-600 ui-disabled:text-gray-400 ui-selected:ui-not-disabled:bg-gray-900 ui-today:after:bg-gray-600 ui-in-range:ui-not-disabled:bg-gray-100 ui-in-range:ui-not-disabled:text-gray-900 ui-range-start:ui-not-disabled:bg-gray-900 ui-range-end:ui-not-disabled:bg-gray-900 relative flex size-10 cursor-pointer items-center justify-center text-sm ui-disabled:cursor-not-allowed ui-selected:ui-not-disabled:rounded-full ui-selected:ui-not-disabled:font-medium ui-selected:ui-not-disabled:text-white ui-today:after:absolute ui-today:after:bottom-0 ui-today:after:left-1/2 ui-today:after:mb-1 ui-today:after:size-1 ui-today:after:-translate-x-1/2 ui-today:after:rounded-full ui-in-range:ui-not-disabled:rounded-full ui-in-range:ui-not-disabled:font-medium ui-range-start:ui-not-disabled:rounded-full ui-range-start:ui-not-disabled:font-medium ui-range-start:ui-not-disabled:text-white ui-range-end:ui-not-disabled:rounded-full ui-range-end:ui-not-disabled:font-medium ui-range-end:ui-not-disabled:text-white",
-    tableHeader: "py-3 text-sm font-medium",
+    tableCellTrigger: [
+      "relative",
+      "flex",
+      "size-10",
+      "cursor-pointer",
+      "items-center",
+      "justify-center",
+      "text-sm",
+      "text-text-secondary-700",
+      "ui-disabled:text-text-disabled",
+      "ui-disabled:cursor-not-allowed",
+      "ui-selected:ui-not-disabled:rounded-full",
+      "ui-selected:ui-not-disabled:font-medium",
+      "ui-selected:ui-not-disabled:bg-brand-400",
+      "ui-selected:ui-not-disabled:text-brand-950",
+      "ui-today:ui-not-disabled:rounded-full",
+      "ui-today:ui-not-disabled:font-medium",
+      "ui-today:ui-not-disabled:bg-bg-active",
+      "ui-today:ui-not-disabled:text-text-secondary-700",
+      "ui-in-range:ui-not-disabled:bg-bg-active",
+      "ui-in-range:ui-not-disabled:text-text-secondary-700",
+      "ui-in-range:ui-not-disabled:rounded-full",
+      "ui-in-range:ui-not-disabled:font-medium",
+      "ui-range-start:ui-not-disabled:rounded-full",
+      "ui-range-start:ui-not-disabled:font-medium",
+      "ui-range-start:ui-not-disabled:bg-brand-400",
+      "ui-range-start:ui-not-disabled:text-brand-950",
+      "ui-range-end:ui-not-disabled:rounded-full",
+      "ui-range-end:ui-not-disabled:font-medium",
+      "ui-range-end:ui-not-disabled:bg-brand-400",
+      "ui-range-end:ui-not-disabled:text-brand-950"
+    ],
+    tableHeader: "text-text-secondary-700 py-2.5 text-sm font-medium",
     viewControl: "flex items-center justify-between",
-    prevTrigger: "bg-gray-50 icon:size-5 flex size-9 items-center justify-center rounded-full",
-    nextTrigger: "bg-gray-50 icon:size-5 flex size-9 items-center justify-center rounded-full",
-    rangeText: "text-gray-600 text-base font-semibold"
+    prevTrigger: "bg-gray-50 icon:size-5 text-button-secondary-fg flex size-9 items-center justify-center rounded-full",
+    nextTrigger: "bg-gray-50 icon:size-5 text-button-secondary-fg flex size-9 items-center justify-center rounded-full",
+    rangeText: "text-gray-600 text-text-secondary-700 text-base font-semibold"
   })
 });
 export {

package/dist/ui/Dialog/dialog.recipe.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@ark-ui/react"),i=require("tailwind-variants"),o=require("../../utils/anatomyToRecipeSlots.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");const t=e.dialogAnatomy.extendWith("header","body","footer"),r=i.tv({slots:o.anatomyToRecipeSlots(t,{backdrop:"z-backdrop ui-open:animate-backdrop-in ui-closed:animate-backdrop-out fixed inset-0 bg-black/60",positioner:"z-dialog fixed inset-0 overflow-y-auto lg:py-16",content:"ui-open:animate-dialog-in ui-closed:animate-dialog-out relative",closeTrigger:"icon:size-6 text-gray-400 absolute right-2.5 top-2.5 flex size-11 items-center justify-center"})});exports.dialogRecipe=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@ark-ui/react"),i=require("tailwind-variants"),t=require("../../utils/anatomyToRecipeSlots.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");const o=e.dialogAnatomy.extendWith("header","body","footer"),r=i.tv({slots:t.anatomyToRecipeSlots(o,{backdrop:"z-backdrop ui-open:animate-backdrop-in ui-closed:animate-backdrop-out backdrop-blur-xs fixed inset-0 bg-white/20",positioner:"z-dialog fixed inset-0 overflow-y-auto lg:py-16",content:"ui-open:animate-dialog-in ui-closed:animate-dialog-out bg-bg-primary relative shadow-xl",closeTrigger:"icon:size-6 text-text-quinary absolute right-2.5 top-2.5 flex size-11 items-center justify-center"})});exports.dialogRecipe=r;

package/dist/ui/Dialog/dialog.recipe.mjs

@@ -9,10 +9,10 @@ import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
 const e = o.extendWith("header", "body", "footer"), g = t({
   slots: i(e, {
-    backdrop: "z-backdrop ui-open:animate-backdrop-in ui-closed:animate-backdrop-out fixed inset-0 bg-black/60",
+    backdrop: "z-backdrop ui-open:animate-backdrop-in ui-closed:animate-backdrop-out backdrop-blur-xs fixed inset-0 bg-white/20",
     positioner: "z-dialog fixed inset-0 overflow-y-auto lg:py-16",
-    content: "ui-open:animate-dialog-in ui-closed:animate-dialog-out relative",
-    closeTrigger: "icon:size-6 text-gray-400 absolute right-2.5 top-2.5 flex size-11 items-center justify-center"
+    content: "ui-open:animate-dialog-in ui-closed:animate-dialog-out bg-bg-primary relative shadow-xl",
+    closeTrigger: "icon:size-6 text-text-quinary absolute right-2.5 top-2.5 flex size-11 items-center justify-center"
   })
 });
 export {

package/dist/ui/Drawer/drawer.recipe.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@ark-ui/react"),t=require("tailwind-variants"),r=require("../../utils/anatomyToRecipeSlots.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");const i=e.dialogAnatomy.extendWith("header","body","footer"),a=t.tv({slots:r.anatomyToRecipeSlots(i,{backdrop:"z-backdrop ui-open:animate-backdrop-in ui-closed:animate-backdrop-out fixed inset-0 bg-black/60",positioner:"z-drawer fixed inset-0 overflow-hidden overflow-y-auto lg:py-16",content:"absolute top-0 h-full w-full bg-white lg:w-[400px]"}),variants:{placement:{left:{content:"ui-open:animate-drawer-in-left ui-closed:animate-drawer-out-left left-0"},right:{content:"ui-open:animate-drawer-in-right ui-closed:animate-drawer-out-right right-0"}}},defaultVariants:{placement:"right"}});exports.drawerRecipe=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@ark-ui/react"),t=require("tailwind-variants"),r=require("../../utils/anatomyToRecipeSlots.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");const i=e.dialogAnatomy.extendWith("header","body","footer"),a=t.tv({slots:r.anatomyToRecipeSlots(i,{backdrop:"z-backdrop ui-open:animate-backdrop-in ui-closed:animate-backdrop-out backdrop-blur-xs fixed inset-0 bg-white/10",positioner:"z-drawer fixed inset-0 overflow-hidden overflow-y-auto lg:py-16",content:"bg-bg-primary absolute top-0 h-full w-full lg:w-[400px]"}),variants:{placement:{left:{content:"ui-open:animate-drawer-in-left ui-closed:animate-drawer-out-left left-0"},right:{content:"ui-open:animate-drawer-in-right ui-closed:animate-drawer-out-right right-0"}}},defaultVariants:{placement:"right"}});exports.drawerRecipe=a;

package/dist/ui/Drawer/drawer.recipe.mjs

@@ -1,17 +1,17 @@
 import { dialogAnatomy as t } from "@ark-ui/react";
-import { tv as e } from "tailwind-variants";
-import { anatomyToRecipeSlots as o } from "../../utils/anatomyToRecipeSlots.mjs";
+import { tv as o } from "tailwind-variants";
+import { anatomyToRecipeSlots as e } from "../../utils/anatomyToRecipeSlots.mjs";
 import "../../utils/capitalize.mjs";
 import "../../utils/parseDecimal.mjs";
 import "../../constants/index.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
-const i = t.extendWith("header", "body", "footer"), s = e({
-  slots: o(i, {
-    backdrop: "z-backdrop ui-open:animate-backdrop-in ui-closed:animate-backdrop-out fixed inset-0 bg-black/60",
+const r = t.extendWith("header", "body", "footer"), s = o({
+  slots: e(r, {
+    backdrop: "z-backdrop ui-open:animate-backdrop-in ui-closed:animate-backdrop-out backdrop-blur-xs fixed inset-0 bg-white/10",
     positioner: "z-drawer fixed inset-0 overflow-hidden overflow-y-auto lg:py-16",
-    content: "absolute top-0 h-full w-full bg-white lg:w-[400px]"
+    content: "bg-bg-primary absolute top-0 h-full w-full lg:w-[400px]"
   }),
   variants: {
     placement: {

package/dist/ui/Field/field.recipe.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@ark-ui/react"),r=require("tailwind-merge"),o=require("tailwind-variants"),i=require("../../utils/anatomyToRecipeSlots.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");const e=r.twMerge("border","bg-white","shadow-xs","border-gray-200","placeholder:text-gray-400","ui-invalid:border-red-400","disabled:opacity-50","disabled:shadow-none","read-only:opacity-50","read-only:shadow-none"),a=o.tv({slots:i.anatomyToRecipeSlots(t.fieldAnatomy,{input:"block w-full rounded-md outline-none",select:"block w-full rounded-md outline-none",textarea:"block w-full rounded-md outline-none",label:"text-gray-600 mb-sm inline-block text-sm font-medium",errorText:"text-red-600 mt-sm inline-block text-sm",helperText:"text-gray-500",requiredIndicator:"text-red-500 text-sm"}),variants:{size:{md:{input:"h-11 px-3.5",select:"h-11 px-3.5",textarea:"px-3.5 py-2.5"}},variant:{outline:{}},colorScheme:{gray:{}}},compoundVariants:[{variant:"outline",colorScheme:"gray",className:{input:e,select:e,textarea:e}}],defaultVariants:{size:"md",variant:"outline",colorScheme:"gray"}});exports.fieldRecipe=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@ark-ui/react"),r=require("tailwind-merge"),o=require("tailwind-variants"),i=require("../../utils/anatomyToRecipeSlots.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");const e=r.twMerge("border","bg-bg-primary","border-border-primary","shadow-xs","placeholder:text-text-placeholder","disabled:opacity-60","disabled:shadow-none","read-only:opacity-60","read-only:shadow-none"),n=o.tv({slots:i.anatomyToRecipeSlots(t.fieldAnatomy,{input:"block w-full rounded-md outline-none",select:"block w-full rounded-md outline-none",textarea:"block w-full rounded-md outline-none",label:"text-text-secondary-700 mb-sm inline-block text-sm font-medium",errorText:"text-error-400 mt-sm inline-block text-sm",helperText:"text-text-secondary-700 text-sm"}),variants:{size:{md:{input:"h-11 px-3.5",select:"h-11 px-3.5",textarea:"px-3.5 py-2.5"}},variant:{outline:{}},colorScheme:{gray:{}}},compoundVariants:[{variant:"outline",colorScheme:"gray",className:{input:e,select:e,textarea:e}}],defaultVariants:{size:"md",variant:"outline",colorScheme:"gray"}});exports.fieldRecipe=n;