@opexa/portal-components 0.0.16 → 0.0.18

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

@@ -1,7 +1,7 @@
 import { fieldAnatomy as t } from "@ark-ui/react";
 import { twMerge as o } from "tailwind-merge";
 import { tv as r } from "tailwind-variants";
-import { anatomyToRecipeSlots as i } from "../../utils/anatomyToRecipeSlots.mjs";
+import { anatomyToRecipeSlots as a } from "../../utils/anatomyToRecipeSlots.mjs";
 import "../../utils/capitalize.mjs";
 import "../../utils/parseDecimal.mjs";
 import "../../constants/index.mjs";
@@ -10,24 +10,22 @@ import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
 const e = o(
   "border",
-  "bg-white",
+  "bg-bg-primary",
+  "border-border-primary",
   "shadow-xs",
-  "border-gray-200",
-  "placeholder:text-gray-400",
-  "ui-invalid:border-red-400",
-  "disabled:opacity-50",
+  "placeholder:text-text-placeholder",
+  "disabled:opacity-60",
   "disabled:shadow-none",
-  "read-only:opacity-50",
+  "read-only:opacity-60",
   "read-only:shadow-none"
 ), y = r({
-  slots: i(t, {
+  slots: a(t, {
     input: "block w-full rounded-md outline-none",
     select: "block w-full rounded-md outline-none",
     textarea: "block w-full rounded-md outline-none",
-    label: "text-gray-600 mb-sm inline-block text-sm font-medium",
-    errorText: "text-red-600 mt-sm inline-block text-sm",
-    helperText: "text-gray-500",
-    requiredIndicator: "text-red-500 text-sm"
+    label: "text-text-secondary-700 mb-sm inline-block text-sm font-medium",
+    errorText: "text-error-400 mt-sm inline-block text-sm",
+    helperText: "text-text-secondary-700 text-sm"
   }),
   variants: {
     size: {

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

@@ -40,7 +40,7 @@ export declare const iconButtonRecipe: import('tailwind-variants').TVReturnType<
     fullWidth: {
         true: string;
     };
-}, undefined, "shadow-xs inline-flex items-center justify-center rounded-md font-semibold disabled:shadow-none", {
+}, undefined, "shadow-xs inline-flex items-center justify-center rounded-md font-semibold disabled:opacity-60 disabled:shadow-none", {
     size: {
         xs: string;
         sm: string;
@@ -76,5 +76,5 @@ export declare const iconButtonRecipe: import('tailwind-variants').TVReturnType<
     fullWidth: {
         true: string;
     };
-}, undefined, "shadow-xs inline-flex items-center justify-center rounded-md font-semibold disabled:shadow-none", unknown, unknown, undefined>>>;
+}, undefined, "shadow-xs inline-flex items-center justify-center rounded-md font-semibold disabled:opacity-60 disabled:shadow-none", unknown, unknown, undefined>>>;
 export type IconButtonRecipeProps = VariantProps<typeof iconButtonRecipe>;

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

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

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@ark-ui/react"),r=require("tailwind-variants"),i=require("../../utils/anatomyToRecipeSlots.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");const t=r.tv({slots:i.anatomyToRecipeSlots(e.numberInputAnatomy,{control:"border-gray-200 ui-invalid:border-red-400 grid grid-cols-[1fr_32px] grid-rows-[1fr_1fr] overflow-hidden rounded-lg border bg-white ui-disabled:opacity-50 ui-readonly:cursor-default ui-readonly:opacity-50",input:"placeholder:text-gray-400 row-[span_2/span_2] w-full border-0 bg-transparent outline-none disabled:cursor-not-allowed",label:"text-gray-600 mb-sm inline-block text-sm font-medium",decrementTrigger:"border-gray-200 icon:text-gray-600 inline-flex cursor-pointer items-center justify-center border-l border-t ui-disabled:cursor-not-allowed ui-disabled:opacity-50",incrementTrigger:"border-gray-200 icon:text-gray-600 inline-flex cursor-pointer items-center justify-center border-l ui-disabled:cursor-not-allowed ui-disabled:opacity-50"}),variants:{size:{md:{control:"h-11 pl-3.5 text-base",incrementTrigger:"icon:size-5",decrementTrigger:"icon:size-5"}}},defaultVariants:{size:"md"}});exports.numberInputRecipe=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@ark-ui/react"),r=require("tailwind-variants"),i=require("../../utils/anatomyToRecipeSlots.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");const t=r.tv({slots:i.anatomyToRecipeSlots(e.numberInputAnatomy,{control:"border-border-primary bg-bg-primary grid grid-cols-[1fr_32px] grid-rows-[1fr_1fr] overflow-hidden rounded-lg border ui-disabled:opacity-60 ui-readonly:cursor-default ui-readonly:opacity-50",input:"placeholder:text-text-placeholder row-[span_2/span_2] w-full border-0 bg-transparent outline-none disabled:cursor-not-allowed",label:"text-gray-600 mb-sm inline-block text-sm font-medium",decrementTrigger:"border-border-primary icon:text-gray-600 inline-flex cursor-pointer items-center justify-center border-l border-t ui-disabled:cursor-not-allowed ui-disabled:opacity-60",incrementTrigger:"border-border-primary icon:text-gray-600 inline-flex cursor-pointer items-center justify-center border-l ui-disabled:cursor-not-allowed ui-disabled:opacity-60"}),variants:{size:{md:{control:"h-11 pl-3.5 text-base",incrementTrigger:"icon:size-5",decrementTrigger:"icon:size-5"}}},defaultVariants:{size:"md"}});exports.numberInputRecipe=t;

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

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

package/dist/ui/PasswordInput/PasswordInput.d.ts

@@ -1 +1,242 @@
-export declare const Root: () => null;
+import { PasswordInput } from '@ark-ui/react';
+export declare const Root: import('react').ComponentType<import('@ark-ui/react').Assign<PasswordInput.RootProps & import('react').RefAttributes<HTMLDivElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+    size: {
+        md: {
+            input: string;
+            visibilityTrigger: string;
+        };
+    };
+    variant: {
+        outline: {};
+    };
+    colorScheme: {
+        gray: {};
+    };
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, undefined, {
+    size: {
+        md: {
+            input: string;
+            visibilityTrigger: string;
+        };
+    };
+    variant: {
+        outline: {};
+    };
+    colorScheme: {
+        gray: {};
+    };
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, import('tailwind-variants').TVReturnType<{
+    size: {
+        md: {
+            input: string;
+            visibilityTrigger: string;
+        };
+    };
+    variant: {
+        outline: {};
+    };
+    colorScheme: {
+        gray: {};
+    };
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+export declare const Control: import('react').ComponentType<import('@ark-ui/react').Assign<PasswordInput.ControlProps & import('react').RefAttributes<HTMLDivElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+    size: {
+        md: {
+            input: string;
+            visibilityTrigger: string;
+        };
+    };
+    variant: {
+        outline: {};
+    };
+    colorScheme: {
+        gray: {};
+    };
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, undefined, {
+    size: {
+        md: {
+            input: string;
+            visibilityTrigger: string;
+        };
+    };
+    variant: {
+        outline: {};
+    };
+    colorScheme: {
+        gray: {};
+    };
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, import('tailwind-variants').TVReturnType<{
+    size: {
+        md: {
+            input: string;
+            visibilityTrigger: string;
+        };
+    };
+    variant: {
+        outline: {};
+    };
+    colorScheme: {
+        gray: {};
+    };
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+export declare const Indicator: import('react').ComponentType<import('@ark-ui/react').Assign<PasswordInput.IndicatorProps & import('react').RefAttributes<HTMLSpanElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+    size: {
+        md: {
+            input: string;
+            visibilityTrigger: string;
+        };
+    };
+    variant: {
+        outline: {};
+    };
+    colorScheme: {
+        gray: {};
+    };
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, undefined, {
+    size: {
+        md: {
+            input: string;
+            visibilityTrigger: string;
+        };
+    };
+    variant: {
+        outline: {};
+    };
+    colorScheme: {
+        gray: {};
+    };
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, import('tailwind-variants').TVReturnType<{
+    size: {
+        md: {
+            input: string;
+            visibilityTrigger: string;
+        };
+    };
+    variant: {
+        outline: {};
+    };
+    colorScheme: {
+        gray: {};
+    };
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+export declare const Input: import('react').ComponentType<import('@ark-ui/react').Assign<PasswordInput.InputProps & import('react').RefAttributes<HTMLInputElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+    size: {
+        md: {
+            input: string;
+            visibilityTrigger: string;
+        };
+    };
+    variant: {
+        outline: {};
+    };
+    colorScheme: {
+        gray: {};
+    };
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, undefined, {
+    size: {
+        md: {
+            input: string;
+            visibilityTrigger: string;
+        };
+    };
+    variant: {
+        outline: {};
+    };
+    colorScheme: {
+        gray: {};
+    };
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, import('tailwind-variants').TVReturnType<{
+    size: {
+        md: {
+            input: string;
+            visibilityTrigger: string;
+        };
+    };
+    variant: {
+        outline: {};
+    };
+    colorScheme: {
+        gray: {};
+    };
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+export declare const Label: import('react').ComponentType<import('@ark-ui/react').Assign<PasswordInput.LabelProps & import('react').RefAttributes<HTMLLabelElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+    size: {
+        md: {
+            input: string;
+            visibilityTrigger: string;
+        };
+    };
+    variant: {
+        outline: {};
+    };
+    colorScheme: {
+        gray: {};
+    };
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, undefined, {
+    size: {
+        md: {
+            input: string;
+            visibilityTrigger: string;
+        };
+    };
+    variant: {
+        outline: {};
+    };
+    colorScheme: {
+        gray: {};
+    };
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, import('tailwind-variants').TVReturnType<{
+    size: {
+        md: {
+            input: string;
+            visibilityTrigger: string;
+        };
+    };
+    variant: {
+        outline: {};
+    };
+    colorScheme: {
+        gray: {};
+    };
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+export declare const VisibilityTrigger: import('react').ComponentType<import('@ark-ui/react').Assign<PasswordInput.VisibilityTriggerProps & import('react').RefAttributes<HTMLButtonElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+    size: {
+        md: {
+            input: string;
+            visibilityTrigger: string;
+        };
+    };
+    variant: {
+        outline: {};
+    };
+    colorScheme: {
+        gray: {};
+    };
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, undefined, {
+    size: {
+        md: {
+            input: string;
+            visibilityTrigger: string;
+        };
+    };
+    variant: {
+        outline: {};
+    };
+    colorScheme: {
+        gray: {};
+    };
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, import('tailwind-variants').TVReturnType<{
+    size: {
+        md: {
+            input: string;
+            visibilityTrigger: string;
+        };
+    };
+    variant: {
+        outline: {};
+    };
+    colorScheme: {
+        gray: {};
+    };
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+export declare const Context: (props: PasswordInput.ContextProps) => import('react').ReactNode;

package/dist/ui/PasswordInput/PasswordInput.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@ark-ui/react"),e=require("../../client/utils/createRecipeContext.js");require("../../client/utils/toaster.js");const r=require("./passwordInput.recipe.js"),{withContext:o,withProvider:i}=e.createRecipeContext(r.passwordInputRecipe),n=i(t.PasswordInput.Root,"root"),s=o(t.PasswordInput.Control,"control"),c=o(t.PasswordInput.Indicator,"indicator"),a=o(t.PasswordInput.Input,"input"),u=o(t.PasswordInput.Label,"label"),p=o(t.PasswordInput.VisibilityTrigger,"visibilityTrigger"),l=t.PasswordInput.Context;exports.Context=l;exports.Control=s;exports.Indicator=c;exports.Input=a;exports.Label=u;exports.Root=n;exports.VisibilityTrigger=p;

package/dist/ui/PasswordInput/PasswordInput.mjs

@@ -0,0 +1,18 @@
+"use client";
+import { PasswordInput as t } from "@ark-ui/react";
+import { createRecipeContext as i } from "../../client/utils/createRecipeContext.mjs";
+import "../../client/utils/toaster.mjs";
+import { passwordInputRecipe as r } from "./passwordInput.recipe.mjs";
+const { withContext: o, withProvider: n } = i(r), l = n(t.Root, "root"), a = o(t.Control, "control"), m = o(t.Indicator, "indicator"), b = o(t.Input, "input"), d = o(t.Label, "label"), g = o(
+  t.VisibilityTrigger,
+  "visibilityTrigger"
+), u = t.Context;
+export {
+  u as Context,
+  a as Control,
+  m as Indicator,
+  b as Input,
+  d as Label,
+  l as Root,
+  g as VisibilityTrigger
+};

package/dist/ui/PasswordInput/passwordInput.recipe.d.ts

@@ -2,6 +2,7 @@ export declare const passwordInputRecipe: import('tailwind-variants').TVReturnTy
     size: {
         md: {
             input: string;
+            visibilityTrigger: string;
         };
     };
     variant: {
@@ -10,15 +11,11 @@ export declare const passwordInputRecipe: import('tailwind-variants').TVReturnTy
     colorScheme: {
         gray: {};
     };
-}, {
-    input: string;
-    control: string;
-    label: string;
-    visibilityTrigger: string;
-}, undefined, {
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, undefined, {
     size: {
         md: {
             input: string;
+            visibilityTrigger: string;
         };
     };
     variant: {
@@ -27,15 +24,11 @@ export declare const passwordInputRecipe: import('tailwind-variants').TVReturnTy
     colorScheme: {
         gray: {};
     };
-}, {
-    input: string;
-    control: string;
-    label: string;
-    visibilityTrigger: string;
-}, import('tailwind-variants').TVReturnType<{
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, import('tailwind-variants').TVReturnType<{
     size: {
         md: {
             input: string;
+            visibilityTrigger: string;
         };
     };
     variant: {
@@ -44,9 +37,4 @@ export declare const passwordInputRecipe: import('tailwind-variants').TVReturnTy
     colorScheme: {
         gray: {};
     };
-}, {
-    input: string;
-    control: string;
-    label: string;
-    visibilityTrigger: string;
-}, undefined, unknown, unknown, undefined>>;
+}, Record<"input" | "label" | "root" | "indicator" | "control" | "visibilityTrigger", string | string[]>, undefined, unknown, unknown, undefined>>;

package/dist/ui/PasswordInput/passwordInput.recipe.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@ark-ui/react"),r=require("tailwind-variants"),i=require("../../utils/anatomyToRecipeSlots.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");const t=r.tv({slots:i.anatomyToRecipeSlots(e.passwordInputAnatomy,{input:"placeholder:text-text-placeholder w-full grow outline-none",control:"flex rounded-md border ui-disabled:opacity-60 ui-readonly:opacity-60",label:"text-text-secondary-700 mb-sm inline-block text-sm font-medium",visibilityTrigger:"flex shrink-0 items-center justify-center"}),variants:{size:{md:{input:"h-11 px-3.5",visibilityTrigger:"icon:size-5 size-11"}},variant:{outline:{}},colorScheme:{gray:{}}},compoundVariants:[{variant:"outline",colorScheme:"gray",className:{control:"bg-bg-primary border-border-primary ui-disabled:shadow-none ui-readonly:shadow-none"}}],defaultVariants:{size:"md",variant:"outline",colorScheme:"gray"}});exports.passwordInputRecipe=t;

package/dist/ui/PasswordInput/passwordInput.recipe.mjs

@@ -0,0 +1,48 @@
+import { passwordInputAnatomy as o } from "@ark-ui/react";
+import { tv as e } from "tailwind-variants";
+import { anatomyToRecipeSlots as i } from "../../utils/anatomyToRecipeSlots.mjs";
+import "../../utils/capitalize.mjs";
+import "../../utils/parseDecimal.mjs";
+import "../../constants/index.mjs";
+import "../../utils/getLocaleInfo.mjs";
+import "../../utils/getQueryClient.mjs";
+import "../../utils/isMobile.mjs";
+const c = e({
+  slots: i(o, {
+    input: "placeholder:text-text-placeholder w-full grow outline-none",
+    control: "flex rounded-md border ui-disabled:opacity-60 ui-readonly:opacity-60",
+    label: "text-text-secondary-700 mb-sm inline-block text-sm font-medium",
+    visibilityTrigger: "flex shrink-0 items-center justify-center"
+  }),
+  variants: {
+    size: {
+      md: {
+        input: "h-11 px-3.5",
+        visibilityTrigger: "icon:size-5 size-11"
+      }
+    },
+    variant: {
+      outline: {}
+    },
+    colorScheme: {
+      gray: {}
+    }
+  },
+  compoundVariants: [
+    {
+      variant: "outline",
+      colorScheme: "gray",
+      className: {
+        control: "bg-bg-primary border-border-primary ui-disabled:shadow-none ui-readonly:shadow-none"
+      }
+    }
+  ],
+  defaultVariants: {
+    size: "md",
+    variant: "outline",
+    colorScheme: "gray"
+  }
+});
+export {
+  c as passwordInputRecipe
+};

package/dist/ui/PinInput/pinInput.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=t.tv({slots:r.anatomyToRecipeSlots(e.pinInputAnatomy,{control:"grid grid-cols-6",input:"aspect-[10/11] w-full rounded-md outline-none",label:"text-input-label-fg mb-sm inline-block text-sm font-medium"}),variants:{size:{md:{input:"text-center text-2xl font-medium",control:"gap-2"}},variant:{outline:{}},colorScheme:{gray:{}}},compoundVariants:[{variant:"outline",colorScheme:"gray",className:{input:"shadow-xs border-gray-200 placeholder:text-gray-400 ui-invalid:border-red-400 border bg-white read-only:opacity-50 read-only:shadow-none disabled:opacity-50 disabled:shadow-none"}}],defaultVariants:{size:"md",variant:"outline",colorScheme:"gray"}});exports.pinInputRecipe=i;
+"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 o=t.tv({slots:r.anatomyToRecipeSlots(e.pinInputAnatomy,{control:"grid",input:"aspect-[48/52] w-full rounded-md outline-none",label:"text-input-label-fg mb-sm inline-block text-sm font-medium"}),variants:{size:{md:{input:"text-center text-2xl font-medium",control:"gap-2"}},variant:{outline:{}},colorScheme:{gray:{}}},compoundVariants:[{variant:"outline",colorScheme:"gray",className:{input:"shadow-xs border-border-primary placeholder:text-text-placeholder-subtle bg-bg-primary border read-only:opacity-60 read-only:shadow-none disabled:opacity-50 disabled:shadow-none"}}],defaultVariants:{size:"md",variant:"outline",colorScheme:"gray"}});exports.pinInputRecipe=o;

package/dist/ui/PinInput/pinInput.recipe.mjs

@@ -9,8 +9,8 @@ import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
 const c = t({
   slots: e(o, {
-    control: "grid grid-cols-6",
-    input: "aspect-[10/11] w-full rounded-md outline-none",
+    control: "grid",
+    input: "aspect-[48/52] w-full rounded-md outline-none",
     label: "text-input-label-fg mb-sm inline-block text-sm font-medium"
   }),
   variants: {
@@ -32,7 +32,7 @@ const c = t({
       variant: "outline",
       colorScheme: "gray",
       className: {
-        input: "shadow-xs border-gray-200 placeholder:text-gray-400 ui-invalid:border-red-400 border bg-white read-only:opacity-50 read-only:shadow-none disabled:opacity-50 disabled:shadow-none"
+        input: "shadow-xs border-border-primary placeholder:text-text-placeholder-subtle bg-bg-primary border read-only:opacity-60 read-only:shadow-none disabled:opacity-50 disabled:shadow-none"
       }
     }
   ],

package/dist/ui/Popover/popover.recipe.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@ark-ui/react"),t=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 i=t.tv({slots:o.anatomyToRecipeSlots(e.popoverAnatomy,{content:"ui-placement-top:ui-open:animate-popover-in-top ui-placement-top-end:ui-open:animate-popover-in-top ui-placement-top-start:ui-open:animate-popover-in-top ui-placement-top:ui-closed:animate-popover-out-top ui-placement-top-end:ui-closed:animate-popover-out-top ui-placement-top-start:ui-closed:animate-popover-out-top ui-placement-bottom:ui-open:animate-popover-in-bottom ui-placement-bottom-start:ui-open:animate-popover-in-bottom ui-placement-bottom-end:ui-open:animate-popover-in-bottom ui-placement-bottom:ui-closed:animate-popover-out-bottom ui-placement-bottom-start:ui-closed:animate-popover-out-bottom ui-placement-bottom-end:ui-closed:animate-popover-out-bottom ui-placement-left:ui-open:animate-popover-in-left ui-placement-left-start:ui-open:animate-popover-in-left ui-placement-left-end:ui-open:animate-popover-in-left ui-placement-left:ui-closed:animate-popover-out-left ui-placement-left-start:ui-closed:animate-popover-out-left ui-placement-left-end:ui-closed:animate-popover-out-left ui-placement-right:ui-open:animate-popover-in-right ui-placement-right-start:ui-open:animate-popover-in-right ui-placement-right-end:ui-open:animate-popover-in-right ui-placement-right:ui-closed:animate-popover-out-right ui-placement-right-start:ui-closed:animate-popover-out-right ui-placement-right-end:ui-closed:animate-popover-out-right z-popover bg-white",positioner:"z-popover"})});exports.popoverRecipe=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@ark-ui/react"),t=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 i=t.tv({slots:o.anatomyToRecipeSlots(e.popoverAnatomy,{content:"ui-placement-top:ui-open:animate-popover-in-top ui-placement-top-end:ui-open:animate-popover-in-top ui-placement-top-start:ui-open:animate-popover-in-top ui-placement-top:ui-closed:animate-popover-out-top ui-placement-top-end:ui-closed:animate-popover-out-top ui-placement-top-start:ui-closed:animate-popover-out-top ui-placement-bottom:ui-open:animate-popover-in-bottom ui-placement-bottom-start:ui-open:animate-popover-in-bottom ui-placement-bottom-end:ui-open:animate-popover-in-bottom ui-placement-bottom:ui-closed:animate-popover-out-bottom ui-placement-bottom-start:ui-closed:animate-popover-out-bottom ui-placement-bottom-end:ui-closed:animate-popover-out-bottom ui-placement-left:ui-open:animate-popover-in-left ui-placement-left-start:ui-open:animate-popover-in-left ui-placement-left-end:ui-open:animate-popover-in-left ui-placement-left:ui-closed:animate-popover-out-left ui-placement-left-start:ui-closed:animate-popover-out-left ui-placement-left-end:ui-closed:animate-popover-out-left ui-placement-right:ui-open:animate-popover-in-right ui-placement-right-start:ui-open:animate-popover-in-right ui-placement-right-end:ui-open:animate-popover-in-right ui-placement-right:ui-closed:animate-popover-out-right ui-placement-right-start:ui-closed:animate-popover-out-right ui-placement-right-end:ui-closed:animate-popover-out-right bg-bg-primary z-popover",positioner:"z-popover"})});exports.popoverRecipe=i;

package/dist/ui/Popover/popover.recipe.mjs

@@ -9,7 +9,7 @@ import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
 const v = e({
   slots: o(t, {
-    content: "ui-placement-top:ui-open:animate-popover-in-top ui-placement-top-end:ui-open:animate-popover-in-top ui-placement-top-start:ui-open:animate-popover-in-top ui-placement-top:ui-closed:animate-popover-out-top ui-placement-top-end:ui-closed:animate-popover-out-top ui-placement-top-start:ui-closed:animate-popover-out-top ui-placement-bottom:ui-open:animate-popover-in-bottom ui-placement-bottom-start:ui-open:animate-popover-in-bottom ui-placement-bottom-end:ui-open:animate-popover-in-bottom ui-placement-bottom:ui-closed:animate-popover-out-bottom ui-placement-bottom-start:ui-closed:animate-popover-out-bottom ui-placement-bottom-end:ui-closed:animate-popover-out-bottom ui-placement-left:ui-open:animate-popover-in-left ui-placement-left-start:ui-open:animate-popover-in-left ui-placement-left-end:ui-open:animate-popover-in-left ui-placement-left:ui-closed:animate-popover-out-left ui-placement-left-start:ui-closed:animate-popover-out-left ui-placement-left-end:ui-closed:animate-popover-out-left ui-placement-right:ui-open:animate-popover-in-right ui-placement-right-start:ui-open:animate-popover-in-right ui-placement-right-end:ui-open:animate-popover-in-right ui-placement-right:ui-closed:animate-popover-out-right ui-placement-right-start:ui-closed:animate-popover-out-right ui-placement-right-end:ui-closed:animate-popover-out-right z-popover bg-white",
+    content: "ui-placement-top:ui-open:animate-popover-in-top ui-placement-top-end:ui-open:animate-popover-in-top ui-placement-top-start:ui-open:animate-popover-in-top ui-placement-top:ui-closed:animate-popover-out-top ui-placement-top-end:ui-closed:animate-popover-out-top ui-placement-top-start:ui-closed:animate-popover-out-top ui-placement-bottom:ui-open:animate-popover-in-bottom ui-placement-bottom-start:ui-open:animate-popover-in-bottom ui-placement-bottom-end:ui-open:animate-popover-in-bottom ui-placement-bottom:ui-closed:animate-popover-out-bottom ui-placement-bottom-start:ui-closed:animate-popover-out-bottom ui-placement-bottom-end:ui-closed:animate-popover-out-bottom ui-placement-left:ui-open:animate-popover-in-left ui-placement-left-start:ui-open:animate-popover-in-left ui-placement-left-end:ui-open:animate-popover-in-left ui-placement-left:ui-closed:animate-popover-out-left ui-placement-left-start:ui-closed:animate-popover-out-left ui-placement-left-end:ui-closed:animate-popover-out-left ui-placement-right:ui-open:animate-popover-in-right ui-placement-right-start:ui-open:animate-popover-in-right ui-placement-right-end:ui-open:animate-popover-in-right ui-placement-right:ui-closed:animate-popover-out-right ui-placement-right-start:ui-closed:animate-popover-out-right ui-placement-right-end:ui-closed:animate-popover-out-right bg-bg-primary z-popover",
     positioner: "z-popover"
   })
 });