@opexa/portal-components 0.0.17 → 0.0.19

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"
       }
     }
   ],