@opexa/portal-components 0.0.17 → 0.0.19

package/dist/ui/Badge/badge.recipe.d.ts

@@ -3,50 +3,98 @@ export declare const badgeRecipe: import('tailwind-variants').TVReturnType<{
         md: {
             root: string;
             label: string;
+            icon: string;
+            indicator: string;
+        };
+        lg: {
+            root: string;
+            label: string;
+            icon: string;
+            indicator: string;
         };
     };
     variant: {
         subtle: {};
     };
     colorScheme: {
-        gray: {};
+        brand: {};
         danger: {};
         success: {};
         warning: {};
-        info: {};
+        blue: {};
+    };
+    round: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
     };
-}, Record<"label" | "root" | "indicator", string | string[]>, undefined, {
+}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
             label: string;
+            icon: string;
+            indicator: string;
+        };
+        lg: {
+            root: string;
+            label: string;
+            icon: string;
+            indicator: string;
         };
     };
     variant: {
         subtle: {};
     };
     colorScheme: {
-        gray: {};
+        brand: {};
         danger: {};
         success: {};
         warning: {};
-        info: {};
+        blue: {};
+    };
+    round: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
     };
-}, Record<"label" | "root" | "indicator", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, import('tailwind-variants').TVReturnType<{
     size: {
         md: {
             root: string;
             label: string;
+            icon: string;
+            indicator: string;
+        };
+        lg: {
+            root: string;
+            label: string;
+            icon: string;
+            indicator: string;
         };
     };
     variant: {
         subtle: {};
     };
     colorScheme: {
-        gray: {};
+        brand: {};
         danger: {};
         success: {};
         warning: {};
-        info: {};
+        blue: {};
+    };
+    round: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
     };
-}, Record<"label" | "root" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>;
+}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=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 a=require("./badge.anatomy.js"),t=e.tv({slots:r.anatomyToRecipeSlots(a.badgeAnatomy,{root:"inline-flex items-center",label:"",indicator:""}),variants:{size:{md:{root:"gap-1 rounded-full px-2 py-0.5",label:"text-xs font-medium leading-tight"}},variant:{subtle:{}},colorScheme:{gray:{},danger:{},success:{},warning:{},info:{}}},compoundVariants:[{variant:"subtle",colorScheme:"gray",className:{root:"bg-gray-50 border-gray-200 border",label:"text-gray-700"}},{variant:"subtle",colorScheme:"success",className:{root:"bg-green-50 border-green-200 border",label:"text-green-700"}},{variant:"subtle",colorScheme:"warning",className:{root:"bg-amber-50 border-amber-200 border",label:"text-amber-700"}},{variant:"subtle",colorScheme:"danger",className:{root:"bg-red-50 border-red-200 border",label:"text-red-700"}}],defaultVariants:{size:"md",variant:"subtle",colorScheme:"success"}});exports.badgeRecipe=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("tailwind-variants"),e=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=require("./badge.anatomy.js"),r=t.tv({slots:e.anatomyToRecipeSlots(i.badgeAnatomy,{root:"inline-flex items-center",icon:"shrink-0",label:"font-medium leading-tight",indicator:"shrink-0 rounded-full"}),variants:{size:{md:{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:{brand:{},danger:{},success:{},warning:{},blue:{}},round:{true:{root:"rounded-full"},false:{root:"rounded-md"}}},compoundVariants:[{variant:"subtle",colorScheme:"brand",className:{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-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-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-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",round:!0}});exports.badgeRecipe=r;

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-button-primary-bg ui-checked:border-button-primary-bg border ui-disabled:opacity-60 ui-disabled:shadow-none ui-readonly:opacity-50 ui-readonly:shadow-none",indicator:"text-button-primary-fg",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,17 +1,17 @@
-import { checkboxAnatomy as e } from "@ark-ui/react";
-import { tv as o } from "tailwind-variants";
-import { anatomyToRecipeSlots as r } from "../../utils/anatomyToRecipeSlots.mjs";
+import { checkboxAnatomy as o } from "@ark-ui/react";
+import { tv as r } from "tailwind-variants";
+import { anatomyToRecipeSlots as t } 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 p = o({
-  slots: r(e, {
+const p = r({
+  slots: t(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,8 +32,8 @@ 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",
-        indicator: "text-white",
+        control: "shadow-xs border-border-primary bg-bg-primary ui-checked:bg-button-primary-bg ui-checked:border-button-primary-bg border ui-disabled:opacity-60 ui-disabled:shadow-none ui-readonly:opacity-50 ui-readonly:shadow-none",
+        indicator: "text-button-primary-fg",
         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';