@opexa/portal-components 0.0.17 → 0.0.19

package/dist/ui/Dialog/dialog.recipe.d.ts

@@ -1,11 +1,11 @@
 export declare const dialogRecipe: import('tailwind-variants').TVReturnType<{
     [key: string]: {
         [key: string]: import('tailwind-variants').ClassValue | {
+            title?: import('tailwind-variants').ClassValue;
+            content?: import('tailwind-variants').ClassValue;
             body?: import('tailwind-variants').ClassValue;
             footer?: import('tailwind-variants').ClassValue;
             header?: import('tailwind-variants').ClassValue;
-            title?: import('tailwind-variants').ClassValue;
-            content?: import('tailwind-variants').ClassValue;
             trigger?: import('tailwind-variants').ClassValue;
             backdrop?: import('tailwind-variants').ClassValue;
             positioner?: import('tailwind-variants').ClassValue;
@@ -16,11 +16,11 @@ export declare const dialogRecipe: import('tailwind-variants').TVReturnType<{
 } | {
     [x: string]: {
         [x: string]: import('tailwind-variants').ClassValue | {
+            title?: import('tailwind-variants').ClassValue;
+            content?: import('tailwind-variants').ClassValue;
             body?: import('tailwind-variants').ClassValue;
             footer?: import('tailwind-variants').ClassValue;
             header?: import('tailwind-variants').ClassValue;
-            title?: import('tailwind-variants').ClassValue;
-            content?: import('tailwind-variants').ClassValue;
             trigger?: import('tailwind-variants').ClassValue;
             backdrop?: import('tailwind-variants').ClassValue;
             positioner?: import('tailwind-variants').ClassValue;
@@ -28,14 +28,14 @@ export declare const dialogRecipe: import('tailwind-variants').TVReturnType<{
             closeTrigger?: import('tailwind-variants').ClassValue;
         };
     };
-} | {}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
+} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import('tailwind-variants').ClassValue | {
+            title?: import('tailwind-variants').ClassValue;
+            content?: import('tailwind-variants').ClassValue;
             body?: import('tailwind-variants').ClassValue;
             footer?: import('tailwind-variants').ClassValue;
             header?: import('tailwind-variants').ClassValue;
-            title?: import('tailwind-variants').ClassValue;
-            content?: import('tailwind-variants').ClassValue;
             trigger?: import('tailwind-variants').ClassValue;
             backdrop?: import('tailwind-variants').ClassValue;
             positioner?: import('tailwind-variants').ClassValue;
@@ -43,4 +43,4 @@ export declare const dialogRecipe: import('tailwind-variants').TVReturnType<{
             closeTrigger?: import('tailwind-variants').ClassValue;
         };
     };
-} | {}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import('tailwind-variants').TVReturnType<unknown, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>;
+} | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import('tailwind-variants').TVReturnType<unknown, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>;

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"),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 backdrop-blur-xs fixed inset-0 bg-black/75",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

@@ -7,14 +7,14 @@ import "../../constants/index.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
-const e = o.extendWith("header", "body", "footer"), g = t({
+const e = o.extendWith("header", "body", "footer"), b = 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-black/75",
     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 {
-  g as dialogRecipe
+  b as dialogRecipe
 };

package/dist/ui/Drawer/Drawer.d.ts

@@ -8,7 +8,7 @@ export declare const Root: import('react').ComponentType<import('@ark-ui/react')
             content: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
+}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
     placement: {
         left: {
             content: string;
@@ -17,7 +17,7 @@ export declare const Root: import('react').ComponentType<import('@ark-ui/react')
             content: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import('tailwind-variants').TVReturnType<{
     placement: {
         left: {
             content: string;
@@ -26,7 +26,7 @@ export declare const Root: import('react').ComponentType<import('@ark-ui/react')
             content: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Backdrop: import('react').ComponentType<import('@ark-ui/react').Assign<Dialog.BackdropProps & import('react').RefAttributes<HTMLDivElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
     placement: {
         left: {
@@ -36,7 +36,7 @@ export declare const Backdrop: import('react').ComponentType<import('@ark-ui/rea
             content: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
+}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
     placement: {
         left: {
             content: string;
@@ -45,7 +45,7 @@ export declare const Backdrop: import('react').ComponentType<import('@ark-ui/rea
             content: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import('tailwind-variants').TVReturnType<{
     placement: {
         left: {
             content: string;
@@ -54,7 +54,7 @@ export declare const Backdrop: import('react').ComponentType<import('@ark-ui/rea
             content: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const CloseTrigger: import('react').ComponentType<import('@ark-ui/react').Assign<Dialog.CloseTriggerProps & import('react').RefAttributes<HTMLButtonElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
     placement: {
         left: {
@@ -64,7 +64,7 @@ export declare const CloseTrigger: import('react').ComponentType<import('@ark-ui
             content: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
+}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
     placement: {
         left: {
             content: string;
@@ -73,7 +73,7 @@ export declare const CloseTrigger: import('react').ComponentType<import('@ark-ui
             content: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import('tailwind-variants').TVReturnType<{
     placement: {
         left: {
             content: string;
@@ -82,7 +82,7 @@ export declare const CloseTrigger: import('react').ComponentType<import('@ark-ui
             content: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Content: import('react').ComponentType<import('@ark-ui/react').Assign<Dialog.ContentProps & import('react').RefAttributes<HTMLDivElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
     placement: {
         left: {
@@ -92,7 +92,7 @@ export declare const Content: import('react').ComponentType<import('@ark-ui/reac
             content: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
+}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
     placement: {
         left: {
             content: string;
@@ -101,7 +101,7 @@ export declare const Content: import('react').ComponentType<import('@ark-ui/reac
             content: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import('tailwind-variants').TVReturnType<{
     placement: {
         left: {
             content: string;
@@ -110,7 +110,7 @@ export declare const Content: import('react').ComponentType<import('@ark-ui/reac
             content: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Description: import('react').ComponentType<import('@ark-ui/react').Assign<Dialog.DescriptionProps & import('react').RefAttributes<HTMLDivElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
     placement: {
         left: {
@@ -120,7 +120,7 @@ export declare const Description: import('react').ComponentType<import('@ark-ui/
             content: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
+}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
     placement: {
         left: {
             content: string;
@@ -129,7 +129,7 @@ export declare const Description: import('react').ComponentType<import('@ark-ui/
             content: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import('tailwind-variants').TVReturnType<{
     placement: {
         left: {
             content: string;
@@ -138,7 +138,7 @@ export declare const Description: import('react').ComponentType<import('@ark-ui/
             content: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Positioner: import('react').ComponentType<import('@ark-ui/react').Assign<Dialog.PositionerProps & import('react').RefAttributes<HTMLDivElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
     placement: {
         left: {
@@ -148,7 +148,7 @@ export declare const Positioner: import('react').ComponentType<import('@ark-ui/r
             content: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
+}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
     placement: {
         left: {
             content: string;
@@ -157,7 +157,7 @@ export declare const Positioner: import('react').ComponentType<import('@ark-ui/r
             content: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import('tailwind-variants').TVReturnType<{
     placement: {
         left: {
             content: string;
@@ -166,7 +166,7 @@ export declare const Positioner: import('react').ComponentType<import('@ark-ui/r
             content: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Title: import('react').ComponentType<import('@ark-ui/react').Assign<Dialog.TitleProps & import('react').RefAttributes<HTMLHeadingElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
     placement: {
         left: {
@@ -176,7 +176,7 @@ export declare const Title: import('react').ComponentType<import('@ark-ui/react'
             content: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
+}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
     placement: {
         left: {
             content: string;
@@ -185,7 +185,7 @@ export declare const Title: import('react').ComponentType<import('@ark-ui/react'
             content: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import('tailwind-variants').TVReturnType<{
     placement: {
         left: {
             content: string;
@@ -194,7 +194,7 @@ export declare const Title: import('react').ComponentType<import('@ark-ui/react'
             content: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Trigger: import('react').ComponentType<import('@ark-ui/react').Assign<Dialog.TriggerProps & import('react').RefAttributes<HTMLButtonElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
     placement: {
         left: {
@@ -204,7 +204,7 @@ export declare const Trigger: import('react').ComponentType<import('@ark-ui/reac
             content: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
+}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
     placement: {
         left: {
             content: string;
@@ -213,7 +213,7 @@ export declare const Trigger: import('react').ComponentType<import('@ark-ui/reac
             content: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import('tailwind-variants').TVReturnType<{
     placement: {
         left: {
             content: string;
@@ -222,7 +222,7 @@ export declare const Trigger: import('react').ComponentType<import('@ark-ui/reac
             content: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Header: import('react').ComponentType<import('@ark-ui/react').Assign<import('react').ClassAttributes<HTMLElement> & import('react').HTMLAttributes<HTMLElement> & import('@ark-ui/react').PolymorphicProps, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
     placement: {
         left: {
@@ -232,7 +232,7 @@ export declare const Header: import('react').ComponentType<import('@ark-ui/react
             content: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
+}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
     placement: {
         left: {
             content: string;
@@ -241,7 +241,7 @@ export declare const Header: import('react').ComponentType<import('@ark-ui/react
             content: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import('tailwind-variants').TVReturnType<{
     placement: {
         left: {
             content: string;
@@ -250,7 +250,7 @@ export declare const Header: import('react').ComponentType<import('@ark-ui/react
             content: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Body: import('react').ComponentType<import('@ark-ui/react').Assign<import('react').ClassAttributes<HTMLElement> & import('react').HTMLAttributes<HTMLElement> & import('@ark-ui/react').PolymorphicProps, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
     placement: {
         left: {
@@ -260,7 +260,7 @@ export declare const Body: import('react').ComponentType<import('@ark-ui/react')
             content: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
+}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
     placement: {
         left: {
             content: string;
@@ -269,7 +269,7 @@ export declare const Body: import('react').ComponentType<import('@ark-ui/react')
             content: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import('tailwind-variants').TVReturnType<{
     placement: {
         left: {
             content: string;
@@ -278,7 +278,7 @@ export declare const Body: import('react').ComponentType<import('@ark-ui/react')
             content: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Footer: import('react').ComponentType<import('@ark-ui/react').Assign<import('react').ClassAttributes<HTMLElement> & import('react').HTMLAttributes<HTMLElement> & import('@ark-ui/react').PolymorphicProps, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
     placement: {
         left: {
@@ -288,7 +288,7 @@ export declare const Footer: import('react').ComponentType<import('@ark-ui/react
             content: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
+}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
     placement: {
         left: {
             content: string;
@@ -297,7 +297,7 @@ export declare const Footer: import('react').ComponentType<import('@ark-ui/react
             content: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import('tailwind-variants').TVReturnType<{
     placement: {
         left: {
             content: string;
@@ -306,5 +306,5 @@ export declare const Footer: import('react').ComponentType<import('@ark-ui/react
             content: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Context: (props: Dialog.ContextProps) => import('react').ReactNode;

package/dist/ui/Drawer/drawer.recipe.d.ts

@@ -7,7 +7,7 @@ export declare const drawerRecipe: import('tailwind-variants').TVReturnType<{
             content: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
+}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
     placement: {
         left: {
             content: string;
@@ -16,7 +16,7 @@ export declare const drawerRecipe: import('tailwind-variants').TVReturnType<{
             content: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import('tailwind-variants').TVReturnType<{
     placement: {
         left: {
             content: string;
@@ -25,4 +25,4 @@ export declare const drawerRecipe: import('tailwind-variants').TVReturnType<{
             content: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>;
+}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>;

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-black/75",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-black/75",
     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;

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

@@ -1,7 +1,7 @@
 import { fieldAnatomy as t } from "@ark-ui/react";
 import { twMerge as o } from "tailwind-merge";
 import { tv as r } from "tailwind-variants";
-import { anatomyToRecipeSlots as i } from "../../utils/anatomyToRecipeSlots.mjs";
+import { anatomyToRecipeSlots as a } from "../../utils/anatomyToRecipeSlots.mjs";
 import "../../utils/capitalize.mjs";
 import "../../utils/parseDecimal.mjs";
 import "../../constants/index.mjs";
@@ -10,24 +10,22 @@ import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
 const e = o(
   "border",
-  "bg-white",
+  "bg-bg-primary",
+  "border-border-primary",
   "shadow-xs",
-  "border-gray-200",
-  "placeholder:text-gray-400",
-  "ui-invalid:border-red-400",
-  "disabled:opacity-50",
+  "placeholder:text-text-placeholder",
+  "disabled:opacity-60",
   "disabled:shadow-none",
-  "read-only:opacity-50",
+  "read-only:opacity-60",
   "read-only:shadow-none"
 ), y = r({
-  slots: i(t, {
+  slots: a(t, {
     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"
+    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: {

package/dist/ui/IconButton/iconButton.recipe.d.ts

@@ -1,6 +1,7 @@
 import { VariantProps } from 'tailwind-variants';
 export declare const iconButtonRecipe: import('tailwind-variants').TVReturnType<{
     size: {
+        xs: string;
         sm: string;
         md: string;
     };
@@ -40,7 +41,7 @@ export declare const iconButtonRecipe: 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;
@@ -76,5 +77,5 @@ export declare const iconButtonRecipe: 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 IconButtonRecipeProps = VariantProps<typeof iconButtonRecipe>;

package/dist/ui/IconButton/iconButton.recipe.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),t=require("../Button/button.recipe.js"),i=e.tv({extend:t.buttonRecipe,variants:{size:{sm:"h-10 min-w-10 px-0",md:"h-11 min-w-11 px-0"}},defaultVariants:{size:"md",variant:"solid",colorScheme:"primary",fullWidth:!1}});exports.iconButtonRecipe=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),i=require("../Button/button.recipe.js"),t=e.tv({extend:i.buttonRecipe,variants:{size:{xs:"icon:size-5 h-9 w-9 px-0",sm:"icon:size-5 h-10 w-10 px-0",md:"icon:size-5 h-11 w-11 px-0"}},defaultVariants:{size:"md",variant:"solid",colorScheme:"primary",fullWidth:!1}});exports.iconButtonRecipe=t;

package/dist/ui/IconButton/iconButton.recipe.mjs

@@ -1,11 +1,12 @@
 import { tv as i } from "tailwind-variants";
-import { buttonRecipe as t } from "../Button/button.recipe.mjs";
-const m = i({
-  extend: t,
+import { buttonRecipe as e } from "../Button/button.recipe.mjs";
+const s = i({
+  extend: e,
   variants: {
     size: {
-      sm: "h-10 min-w-10 px-0",
-      md: "h-11 min-w-11 px-0"
+      xs: "icon:size-5 h-9 w-9 px-0",
+      sm: "icon:size-5 h-10 w-10 px-0",
+      md: "icon:size-5 h-11 w-11 px-0"
     }
   },
   defaultVariants: {
@@ -16,5 +17,5 @@ const m = i({
   }
 });
 export {
-  m as iconButtonRecipe
+  s as iconButtonRecipe
 };

package/dist/ui/NumberInput/numberInput.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.numberInputAnatomy,{control:"border-gray-200 ui-invalid:border-red-400 grid grid-cols-[1fr_32px] grid-rows-[1fr_1fr] overflow-hidden rounded-lg border bg-white ui-disabled:opacity-50 ui-readonly:cursor-default ui-readonly:opacity-50",input:"placeholder:text-gray-400 row-[span_2/span_2] w-full border-0 bg-transparent outline-none disabled:cursor-not-allowed",label:"text-gray-600 mb-sm inline-block text-sm font-medium",decrementTrigger:"border-gray-200 icon:text-gray-600 inline-flex cursor-pointer items-center justify-center border-l border-t ui-disabled:cursor-not-allowed ui-disabled:opacity-50",incrementTrigger:"border-gray-200 icon:text-gray-600 inline-flex cursor-pointer items-center justify-center border-l ui-disabled:cursor-not-allowed ui-disabled:opacity-50"}),variants:{size:{md:{control:"h-11 pl-3.5 text-base",incrementTrigger:"icon:size-5",decrementTrigger:"icon:size-5"}}},defaultVariants:{size:"md"}});exports.numberInputRecipe=t;
+"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.numberInputAnatomy,{control:"border-border-primary bg-bg-primary grid grid-cols-[1fr_32px] grid-rows-[1fr_1fr] overflow-hidden rounded-lg border ui-disabled:opacity-60 ui-readonly:cursor-default ui-readonly:opacity-50",input:"placeholder:text-text-placeholder row-[span_2/span_2] w-full border-0 bg-transparent outline-none disabled:cursor-not-allowed",label:"text-gray-600 mb-sm inline-block text-sm font-medium",decrementTrigger:"border-border-primary icon:text-gray-600 inline-flex cursor-pointer items-center justify-center border-l border-t ui-disabled:cursor-not-allowed ui-disabled:opacity-60",incrementTrigger:"border-border-primary icon:text-gray-600 inline-flex cursor-pointer items-center justify-center border-l ui-disabled:cursor-not-allowed ui-disabled:opacity-60"}),variants:{size:{md:{control:"h-11 pl-3.5 text-base",incrementTrigger:"icon:size-5",decrementTrigger:"icon:size-5"}}},defaultVariants:{size:"md"}});exports.numberInputRecipe=t;

package/dist/ui/NumberInput/numberInput.recipe.mjs

@@ -1,19 +1,19 @@
 import { numberInputAnatomy as r } from "@ark-ui/react";
 import { tv as e } from "tailwind-variants";
-import { anatomyToRecipeSlots as i } from "../../utils/anatomyToRecipeSlots.mjs";
+import { anatomyToRecipeSlots as o } 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 = e({
-  slots: i(r, {
-    control: "border-gray-200 ui-invalid:border-red-400 grid grid-cols-[1fr_32px] grid-rows-[1fr_1fr] overflow-hidden rounded-lg border bg-white ui-disabled:opacity-50 ui-readonly:cursor-default ui-readonly:opacity-50",
-    input: "placeholder:text-gray-400 row-[span_2/span_2] w-full border-0 bg-transparent outline-none disabled:cursor-not-allowed",
+const c = e({
+  slots: o(r, {
+    control: "border-border-primary bg-bg-primary grid grid-cols-[1fr_32px] grid-rows-[1fr_1fr] overflow-hidden rounded-lg border ui-disabled:opacity-60 ui-readonly:cursor-default ui-readonly:opacity-50",
+    input: "placeholder:text-text-placeholder row-[span_2/span_2] w-full border-0 bg-transparent outline-none disabled:cursor-not-allowed",
     label: "text-gray-600 mb-sm inline-block text-sm font-medium",
-    decrementTrigger: "border-gray-200 icon:text-gray-600 inline-flex cursor-pointer items-center justify-center border-l border-t ui-disabled:cursor-not-allowed ui-disabled:opacity-50",
-    incrementTrigger: "border-gray-200 icon:text-gray-600 inline-flex cursor-pointer items-center justify-center border-l ui-disabled:cursor-not-allowed ui-disabled:opacity-50"
+    decrementTrigger: "border-border-primary icon:text-gray-600 inline-flex cursor-pointer items-center justify-center border-l border-t ui-disabled:cursor-not-allowed ui-disabled:opacity-60",
+    incrementTrigger: "border-border-primary icon:text-gray-600 inline-flex cursor-pointer items-center justify-center border-l ui-disabled:cursor-not-allowed ui-disabled:opacity-60"
   }),
   variants: {
     size: {
@@ -29,5 +29,5 @@ const p = e({
   }
 });
 export {
-  p as numberInputRecipe
+  c as numberInputRecipe
 };