@opexa/portal-components 0.0.17 → 0.0.18

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 {

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

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

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

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