@opexa/portal-components 0.0.18 → 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"),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;
+"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 backdrop-blur-xs fixed inset-0 bg-white/20",
+    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"
   })
 });
 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 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;
+"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

@@ -9,7 +9,7 @@ import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
 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",
+    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]"
   }),

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;
     };

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

@@ -1 +1 @@
-"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:{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;
+"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,9 +1,10 @@
 import { tv as i } from "tailwind-variants";
 import { buttonRecipe as e } from "../Button/button.recipe.mjs";
-const r = i({
+const s = i({
   extend: e,
   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"
     }
@@ -16,5 +17,5 @@ const r = i({
   }
 });
 export {
-  r as iconButtonRecipe
+  s as iconButtonRecipe
 };