npm - @opexa/portal-components - Versions diffs - 0.0.308 → 0.0.309 - Mend

@opexa/portal-components 0.0.308 → 0.0.309

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (266) hide show

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

@@ -1,46 +1,46 @@
 export declare const dialogRecipe: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
-            body?: import("tailwind-variants").ClassValue;
-            content?: 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;
             trigger?: import("tailwind-variants").ClassValue;
             backdrop?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
             closeTrigger?: import("tailwind-variants").ClassValue;
-            header?: import("tailwind-variants").ClassValue;
-            footer?: import("tailwind-variants").ClassValue;
         };
     };
 } | {
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
-            body?: import("tailwind-variants").ClassValue;
-            content?: 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;
             trigger?: import("tailwind-variants").ClassValue;
             backdrop?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
             closeTrigger?: import("tailwind-variants").ClassValue;
-            header?: import("tailwind-variants").ClassValue;
-            footer?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"body" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", 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 | {
-            body?: import("tailwind-variants").ClassValue;
-            content?: 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;
             trigger?: import("tailwind-variants").ClassValue;
             backdrop?: import("tailwind-variants").ClassValue;
             positioner?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
             closeTrigger?: import("tailwind-variants").ClassValue;
-            header?: import("tailwind-variants").ClassValue;
-            footer?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"body" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"body" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", 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 CHANGED Viewed

@@ -4,9 +4,9 @@ import { anatomyToRecipeSlots } from '../../utils/anatomyToRecipeSlots.js';
 const anatomy = dialogAnatomy.extendWith('header', 'body', 'footer');
 export const dialogRecipe = tv({
     slots: anatomyToRecipeSlots(anatomy, {
-        backdrop: 'z-backdrop ui-open:animate-backdrop-in ui-closed:animate-backdrop-out bg-bg-overlay/70 fixed inset-0 backdrop-blur-sm',
-        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 lg:rounded-xl',
-        closeTrigger: 'icon:size-6 text-text-quinary absolute right-2.5 top-2.5 flex size-11 items-center justify-center',
+        backdrop: 'fixed inset-0 z-backdrop ui-closed:animate-backdrop-out ui-open:animate-backdrop-in bg-bg-overlay/70 backdrop-blur-sm',
+        positioner: 'fixed inset-0 z-dialog overflow-y-auto lg:py-16',
+        content: 'relative ui-closed:animate-dialog-out ui-open:animate-dialog-in bg-bg-primary shadow-xl lg:rounded-xl',
+        closeTrigger: 'absolute top-2.5 right-2.5 flex icon:size-6 size-11 items-center justify-center text-text-quinary',
     }),
 });

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

@@ -8,7 +8,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
             content: string;
         };
     };
-}, Record<"body" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", 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" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", 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" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", 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" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", 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" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", 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" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", 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" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", 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" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", 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" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", 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" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", 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" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", 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" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", 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" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", 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" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", 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" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", 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" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", 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" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", 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" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", 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" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", 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" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", 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" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", 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" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", 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" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", 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" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", 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" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", 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" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", 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" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", 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" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", 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" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", 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" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", 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" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", 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" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", 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" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", 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 CHANGED Viewed

@@ -7,7 +7,7 @@ export declare const drawerRecipe: import("tailwind-variants").TVReturnType<{
             content: string;
         };
     };
-}, Record<"body" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", 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" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", 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" | "content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "footer", 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 CHANGED Viewed

@@ -4,17 +4,17 @@ import { anatomyToRecipeSlots } from '../../utils/anatomyToRecipeSlots.js';
 const anatomy = dialogAnatomy.extendWith('header', 'body', 'footer');
 export const drawerRecipe = tv({
     slots: anatomyToRecipeSlots(anatomy, {
-        backdrop: 'z-backdrop ui-open:animate-backdrop-in ui-closed:animate-backdrop-out bg-bg-overlay/70 fixed inset-0 backdrop-blur-sm',
-        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]',
+        backdrop: 'fixed inset-0 z-backdrop ui-closed:animate-backdrop-out ui-open:animate-backdrop-in bg-bg-overlay/70 backdrop-blur-sm',
+        positioner: 'fixed inset-0 z-drawer overflow-hidden overflow-y-auto lg:py-16',
+        content: 'absolute top-0 h-full w-full bg-bg-primary lg:w-[400px]',
     }),
     variants: {
         placement: {
             left: {
-                content: 'ui-open:animate-drawer-in-left ui-closed:animate-drawer-out-left left-0',
+                content: 'left-0 ui-closed:animate-drawer-out-left ui-open:animate-drawer-in-left',
             },
             right: {
-                content: 'ui-open:animate-drawer-in-right ui-closed:animate-drawer-out-right right-0',
+                content: 'right-0 ui-closed:animate-drawer-out-right ui-open:animate-drawer-in-right',
             },
         },
     },