@opexa/portal-components 0.0.17 → 0.0.19

package/dist/ui/AlertDialog/alertDialog.recipe.d.ts

@@ -1,11 +1,11 @@
 export declare const alertDialogRecipe: 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 alertDialogRecipe: 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 alertDialogRecipe: 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 alertDialogRecipe: 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/AlertDialog/alertDialog.recipe.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@ark-ui/react"),t=require("tailwind-variants"),i=require("../../utils/anatomyToRecipeSlots.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");const o=e.dialogAnatomy.extendWith("header","body","footer"),r=t.tv({slots:i.anatomyToRecipeSlots(o,{backdrop:"z-backdrop ui-open:animate-backdrop-in ui-closed:animate-backdrop-out fixed inset-0 bg-black/50",positioner:"z-dialog fixed inset-0 flex items-center justify-center",content:"ui-open:animate-alertdialog-in ui-closed:animate-alertdialog-out relative w-[400px] max-w-[90vw] rounded-xl bg-white p-3xl shadow-xl",header:"flex items-start justify-between",body:"mt-xl",title:"text-lg font-semibold",description:"text-gray-600 mt-xs text-sm",closeTrigger:"text-gray-400 icon:size-6",footer:"mt-4xl flex items-center justify-center gap-lg"})});exports.alertDialogRecipe=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@ark-ui/react"),t=require("tailwind-variants"),i=require("../../utils/anatomyToRecipeSlots.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");const r=e.dialogAnatomy.extendWith("header","body","footer"),o=t.tv({slots:i.anatomyToRecipeSlots(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-dialog fixed inset-0 flex items-center justify-center",content:"ui-open:animate-alertdialog-in ui-closed:animate-alertdialog-out bg-bg-primary relative w-[400px] max-w-[90vw] rounded-xl p-3xl shadow-xl",header:"flex items-start justify-between",body:"mt-xl",title:"text-lg font-semibold",description:"text-text-secondary-700 mt-xs text-sm",closeTrigger:"text-text-quinary icon:size-6",footer:"mt-4xl flex items-center justify-center gap-lg"})});exports.alertDialogRecipe=o;

package/dist/ui/AlertDialog/alertDialog.recipe.mjs

@@ -7,19 +7,19 @@ import "../../constants/index.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
-const i = t.extendWith("header", "body", "footer"), x = e({
+const i = t.extendWith("header", "body", "footer"), c = e({
   slots: o(i, {
-    backdrop: "z-backdrop ui-open:animate-backdrop-in ui-closed:animate-backdrop-out fixed inset-0 bg-black/50",
+    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 flex items-center justify-center",
-    content: "ui-open:animate-alertdialog-in ui-closed:animate-alertdialog-out relative w-[400px] max-w-[90vw] rounded-xl bg-white p-3xl shadow-xl",
+    content: "ui-open:animate-alertdialog-in ui-closed:animate-alertdialog-out bg-bg-primary relative w-[400px] max-w-[90vw] rounded-xl p-3xl shadow-xl",
     header: "flex items-start justify-between",
     body: "mt-xl",
     title: "text-lg font-semibold",
-    description: "text-gray-600 mt-xs text-sm",
-    closeTrigger: "text-gray-400 icon:size-6",
+    description: "text-text-secondary-700 mt-xs text-sm",
+    closeTrigger: "text-text-quinary icon:size-6",
     footer: "mt-4xl flex items-center justify-center gap-lg"
   })
 });
 export {
-  x as alertDialogRecipe
+  c as alertDialogRecipe
 };

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

@@ -7,53 +7,101 @@ export declare const Root: import('react').ComponentType<import('@ark-ui/react')
         md: {
             root: string;
             label: string;
+            icon: string;
+            indicator: string;
+        };
+        lg: {
+            root: string;
+            label: string;
+            icon: string;
+            indicator: string;
         };
     };
     variant: {
         subtle: {};
     };
     colorScheme: {
-        gray: {};
+        brand: {};
         danger: {};
         success: {};
         warning: {};
-        info: {};
+        blue: {};
     };
-}, Record<"label" | "root" | "indicator", string | string[]>, undefined, {
+    round: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
             label: string;
+            icon: string;
+            indicator: string;
+        };
+        lg: {
+            root: string;
+            label: string;
+            icon: string;
+            indicator: string;
         };
     };
     variant: {
         subtle: {};
     };
     colorScheme: {
-        gray: {};
+        brand: {};
         danger: {};
         success: {};
         warning: {};
-        info: {};
+        blue: {};
     };
-}, Record<"label" | "root" | "indicator", string | string[]>, import('tailwind-variants').TVReturnType<{
+    round: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, import('tailwind-variants').TVReturnType<{
     size: {
         md: {
             root: string;
             label: string;
+            icon: string;
+            indicator: string;
+        };
+        lg: {
+            root: string;
+            label: string;
+            icon: string;
+            indicator: string;
         };
     };
     variant: {
         subtle: {};
     };
     colorScheme: {
-        gray: {};
+        brand: {};
         danger: {};
         success: {};
         warning: {};
-        info: {};
+        blue: {};
     };
-}, Record<"label" | "root" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+    round: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 interface BadgeLabelProps extends ComponentPropsWithRef<'span'> {
     asChild?: boolean;
 }
@@ -62,53 +110,101 @@ export declare const Label: import('react').ComponentType<import('@ark-ui/react'
         md: {
             root: string;
             label: string;
+            icon: string;
+            indicator: string;
+        };
+        lg: {
+            root: string;
+            label: string;
+            icon: string;
+            indicator: string;
         };
     };
     variant: {
         subtle: {};
     };
     colorScheme: {
-        gray: {};
+        brand: {};
         danger: {};
         success: {};
         warning: {};
-        info: {};
+        blue: {};
     };
-}, Record<"label" | "root" | "indicator", string | string[]>, undefined, {
+    round: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
             label: string;
+            icon: string;
+            indicator: string;
+        };
+        lg: {
+            root: string;
+            label: string;
+            icon: string;
+            indicator: string;
         };
     };
     variant: {
         subtle: {};
     };
     colorScheme: {
-        gray: {};
+        brand: {};
         danger: {};
         success: {};
         warning: {};
-        info: {};
+        blue: {};
     };
-}, Record<"label" | "root" | "indicator", string | string[]>, import('tailwind-variants').TVReturnType<{
+    round: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, import('tailwind-variants').TVReturnType<{
     size: {
         md: {
             root: string;
             label: string;
+            icon: string;
+            indicator: string;
+        };
+        lg: {
+            root: string;
+            label: string;
+            icon: string;
+            indicator: string;
         };
     };
     variant: {
         subtle: {};
     };
     colorScheme: {
-        gray: {};
+        brand: {};
         danger: {};
         success: {};
         warning: {};
-        info: {};
+        blue: {};
+    };
+    round: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
     };
-}, Record<"label" | "root" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 interface BadgeIndicatorProps extends ComponentPropsWithRef<'svg'> {
     asChild?: boolean;
 }
@@ -117,51 +213,202 @@ export declare const Indicator: import('react').ComponentType<import('@ark-ui/re
         md: {
             root: string;
             label: string;
+            icon: string;
+            indicator: string;
+        };
+        lg: {
+            root: string;
+            label: string;
+            icon: string;
+            indicator: string;
+        };
+    };
+    variant: {
+        subtle: {};
+    };
+    colorScheme: {
+        brand: {};
+        danger: {};
+        success: {};
+        warning: {};
+        blue: {};
+    };
+    round: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, {
+    size: {
+        md: {
+            root: string;
+            label: string;
+            icon: string;
+            indicator: string;
+        };
+        lg: {
+            root: string;
+            label: string;
+            icon: string;
+            indicator: string;
+        };
+    };
+    variant: {
+        subtle: {};
+    };
+    colorScheme: {
+        brand: {};
+        danger: {};
+        success: {};
+        warning: {};
+        blue: {};
+    };
+    round: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, import('tailwind-variants').TVReturnType<{
+    size: {
+        md: {
+            root: string;
+            label: string;
+            icon: string;
+            indicator: string;
+        };
+        lg: {
+            root: string;
+            label: string;
+            icon: string;
+            indicator: string;
+        };
+    };
+    variant: {
+        subtle: {};
+    };
+    colorScheme: {
+        brand: {};
+        danger: {};
+        success: {};
+        warning: {};
+        blue: {};
+    };
+    round: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+interface BadgeIconProps extends ComponentPropsWithRef<'svg'> {
+    asChild?: boolean;
+}
+export declare const Icon: import('react').ComponentType<import('@ark-ui/react').Assign<BadgeIconProps, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+    size: {
+        md: {
+            root: string;
+            label: string;
+            icon: string;
+            indicator: string;
+        };
+        lg: {
+            root: string;
+            label: string;
+            icon: string;
+            indicator: string;
         };
     };
     variant: {
         subtle: {};
     };
     colorScheme: {
-        gray: {};
+        brand: {};
         danger: {};
         success: {};
         warning: {};
-        info: {};
+        blue: {};
     };
-}, Record<"label" | "root" | "indicator", string | string[]>, undefined, {
+    round: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
             label: string;
+            icon: string;
+            indicator: string;
+        };
+        lg: {
+            root: string;
+            label: string;
+            icon: string;
+            indicator: string;
         };
     };
     variant: {
         subtle: {};
     };
     colorScheme: {
-        gray: {};
+        brand: {};
         danger: {};
         success: {};
         warning: {};
-        info: {};
+        blue: {};
+    };
+    round: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
     };
-}, Record<"label" | "root" | "indicator", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, import('tailwind-variants').TVReturnType<{
     size: {
         md: {
             root: string;
             label: string;
+            icon: string;
+            indicator: string;
+        };
+        lg: {
+            root: string;
+            label: string;
+            icon: string;
+            indicator: string;
         };
     };
     variant: {
         subtle: {};
     };
     colorScheme: {
-        gray: {};
+        brand: {};
         danger: {};
         success: {};
         warning: {};
-        info: {};
+        blue: {};
+    };
+    round: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
     };
-}, Record<"label" | "root" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export {};

package/dist/ui/Badge/Badge.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("@ark-ui/react"),i=require("../../client/utils/createRecipeContext.js");require("../../client/utils/toaster.js");const c=require("./badge.anatomy.js"),n=require("./badge.recipe.js"),{withProvider:s,withContext:a}=i.createRecipeContext(n.badgeRecipe),o=c.badgeAnatomy.build(),d=s(e=>t.jsx(r.ark.div,{...o.root.attrs,...e}),"root"),u=a(e=>t.jsx(r.ark.span,{...o.label.attrs,...e}),"label"),l=a(e=>t.jsx(r.ark.svg,{...o.indicator.attrs,asChild:!0,...e}),"indicator");exports.Indicator=l;exports.Label=u;exports.Root=d;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@ark-ui/react"),c=require("../../client/utils/createRecipeContext.js");require("../../client/utils/toaster.js");const i=require("./badge.anatomy.js"),n=require("./badge.recipe.js"),{withProvider:s,withContext:a}=c.createRecipeContext(n.badgeRecipe),o=i.badgeAnatomy.build(),d=s(t=>e.jsx(r.ark.div,{...o.root.attrs,...t}),"root"),u=a(t=>e.jsx(r.ark.span,{...o.label.attrs,...t}),"label"),l=a(t=>e.jsx(r.ark.svg,{...o.indicator.attrs,...t}),"indicator"),b=a(t=>e.jsx(r.ark.svg,{...o.icon.attrs,asChild:!0,...t}),"icon");exports.Icon=b;exports.Indicator=l;exports.Label=u;exports.Root=d;

package/dist/ui/Badge/Badge.mjs

@@ -1,22 +1,26 @@
 "use client";
 import { jsx as o } from "react/jsx-runtime";
 import { ark as r } from "@ark-ui/react";
-import { createRecipeContext as a } from "../../client/utils/createRecipeContext.mjs";
+import { createRecipeContext as e } from "../../client/utils/createRecipeContext.mjs";
 import "../../client/utils/toaster.mjs";
-import { badgeAnatomy as s } from "./badge.anatomy.mjs";
-import { badgeRecipe as n } from "./badge.recipe.mjs";
-const { withProvider: c, withContext: e } = a(n), i = s.build(), x = c(
+import { badgeAnatomy as n } from "./badge.anatomy.mjs";
+import { badgeRecipe as s } from "./badge.recipe.mjs";
+const { withProvider: c, withContext: a } = e(s), i = n.build(), g = c(
   (t) => /* @__PURE__ */ o(r.div, { ...i.root.attrs, ...t }),
   "root"
-), g = e(
+), v = a(
   (t) => /* @__PURE__ */ o(r.span, { ...i.label.attrs, ...t }),
   "label"
-), h = e(
-  (t) => /* @__PURE__ */ o(r.svg, { ...i.indicator.attrs, asChild: !0, ...t }),
+), x = a(
+  (t) => /* @__PURE__ */ o(r.svg, { ...i.indicator.attrs, ...t }),
   "indicator"
+), h = a(
+  (t) => /* @__PURE__ */ o(r.svg, { ...i.icon.attrs, asChild: !0, ...t }),
+  "icon"
 );
 export {
-  h as Indicator,
-  g as Label,
-  x as Root
+  h as Icon,
+  x as Indicator,
+  v as Label,
+  g as Root
 };

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

@@ -1 +1 @@
-export declare const badgeAnatomy: import('@ark-ui/anatomy').AnatomyInstance<"label" | "root" | "indicator">;
+export declare const badgeAnatomy: import('@ark-ui/anatomy').AnatomyInstance<"label" | "root" | "icon" | "indicator">;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@ark-ui/anatomy"),e=t.createAnatomy("badge").parts("root","label","indicator");exports.badgeAnatomy=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@ark-ui/anatomy"),e=t.createAnatomy("badge").parts("root","label","icon","indicator");exports.badgeAnatomy=e;

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

@@ -2,6 +2,7 @@ import { createAnatomy as o } from "@ark-ui/anatomy";
 const a = o("badge").parts(
   "root",
   "label",
+  "icon",
   "indicator"
 );
 export {