@kanzo-tech/ui 0.12.0 → 0.13.1

package/dist/simples/number-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"number-input.d.ts","sourceRoot":"","sources":["../../src/simples/number-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,IAAI,cAAc,EAE9B,MAAM,4BAA4B,CAAC;AAEpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAI1D,eAAO,MAAM,cAAc,qDAAwB,CAAC;AAIpD,QAAA,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;qDAsB9B,CAAC;AAgBH,eAAO,MAAM,WAAW,GACtB,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,sBAWxD,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,sBAWzD,CAAC;AAEF,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,EACvE,YAAY,CAAC,OAAO,0BAA0B,CAAC;CAAG;AAEtD,eAAO,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,sBAUhE,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,sBAqBzD,CAAC;AAEF,eAAO,MAAM,2BAA2B,GACtC,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,gBAAgB,CAAC,sBAiBpE,CAAC;AAEF,eAAO,MAAM,2BAA2B,GACtC,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,gBAAgB,CAAC,sBAapE,CAAC;AAIF,eAAO,MAAM,mBAAmB,GAC9B,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,QAAQ,CAAC,sBAW5D,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC/B,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,SAAS,CAAC,sBAW7D,CAAC"}
+{"version":3,"file":"number-input.d.ts","sourceRoot":"","sources":["../../src/simples/number-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,IAAI,cAAc,EAE9B,MAAM,4BAA4B,CAAC;AAEpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAK1D,eAAO,MAAM,cAAc,qDAAwB,CAAC;AAIpD,QAAA,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;qDAqB9B,CAAC;AAgBH,eAAO,MAAM,WAAW,GACtB,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,sBAWxD,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,sBAWzD,CAAC;AAEF,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,EACvE,YAAY,CAAC,OAAO,0BAA0B,CAAC;CAAG;AAEtD,eAAO,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,sBAUhE,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,sBAqBzD,CAAC;AAEF,eAAO,MAAM,2BAA2B,GACtC,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,gBAAgB,CAAC,sBAiBpE,CAAC;AAEF,eAAO,MAAM,2BAA2B,GACtC,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,gBAAgB,CAAC,sBAapE,CAAC;AAIF,eAAO,MAAM,mBAAmB,GAC9B,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,QAAQ,CAAC,sBAW5D,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC/B,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,SAAS,CAAC,sBAW7D,CAAC"}

package/dist/simples/number-input.js

@@ -1,12 +1,14 @@
 import { jsx as s } from "react/jsx-runtime";
 import { useNumberInputContext as c, NumberInput as o } from "@ark-ui/react/number-input";
-import { ChevronDownIcon as d, ChevronUpIcon as m } from "lucide-react";
+import { ChevronDownIcon as m, ChevronUpIcon as d } from "lucide-react";
 import { tv as u } from "tailwind-variants";
 import { cn as a } from "../lib/cn.js";
-import { FieldLabel as b } from "./field.js";
-const v = c, p = u({
+import { controlSizes as b, controlHeight as p } from "../lib/control-size.js";
+import { FieldLabel as g } from "./field.js";
+const T = c, N = u({
   base: [
     "group/number-input",
+    p,
     "relative flex w-full min-w-0 items-stretch",
     "bg-field",
     "rounded-field border border-input shadow-xs/5",
@@ -18,9 +20,7 @@ const v = c, p = u({
   ],
   variants: {
     size: {
-      sm: "h-7",
-      md: "h-8",
-      lg: "h-9"
+      ...b
     }
   },
   defaultVariants: {
@@ -38,7 +38,7 @@ const v = c, p = u({
     "[&_svg]:size-3.5 [&_svg]:shrink-0",
     "motion-reduce:transition-none!"
   ]
-}), w = (e) => {
+}), z = (e) => {
   const { className: t, slot: r, ...n } = e;
   return /* @__PURE__ */ s(
     o.Root,
@@ -48,20 +48,20 @@ const v = c, p = u({
       "data-slot": r ?? "number-input"
     }
   );
-}, C = (e) => {
+}, V = (e) => {
   const { children: t, slot: r, ...n } = e;
-  return /* @__PURE__ */ s(b, { asChild: !0, children: /* @__PURE__ */ s(o.Label, { ...n, "data-slot": r ?? "number-input-label", children: t }) });
-}, T = (e) => {
+  return /* @__PURE__ */ s(g, { asChild: !0, children: /* @__PURE__ */ s(o.Label, { ...n, "data-slot": r ?? "number-input-label", children: t }) });
+}, y = (e) => {
   const { size: t = "md", className: r, slot: n, ...i } = e;
   return /* @__PURE__ */ s(
     o.Control,
     {
-      className: a(p({ size: t }), r),
+      className: a(N({ size: t }), r),
       ...i,
       "data-slot": n ?? "number-input-control"
     }
   );
-}, z = (e) => {
+}, D = (e) => {
   const { className: t, slot: r, ...n } = e;
   return /* @__PURE__ */ s(
     o.Input,
@@ -81,7 +81,7 @@ const v = c, p = u({
       "data-slot": r ?? "number-input-input"
     }
   );
-}, V = (e) => {
+}, L = (e) => {
   const { className: t, children: r, slot: n, ...i } = e;
   return /* @__PURE__ */ s(
     o.IncrementTrigger,
@@ -93,10 +93,10 @@ const v = c, p = u({
       ),
       ...i,
       "data-slot": n ?? "number-input-increment-trigger",
-      children: r ?? /* @__PURE__ */ s(m, {})
+      children: r ?? /* @__PURE__ */ s(d, {})
     }
   );
-}, y = (e) => {
+}, S = (e) => {
   const { className: t, children: r, slot: n, ...i } = e;
   return /* @__PURE__ */ s(
     o.DecrementTrigger,
@@ -104,10 +104,10 @@ const v = c, p = u({
       className: a(l(), "bottom-0 rounded-ee-lg", t),
       ...i,
       "data-slot": n ?? "number-input-decrement-trigger",
-      children: r ?? /* @__PURE__ */ s(d, {})
+      children: r ?? /* @__PURE__ */ s(m, {})
     }
   );
-}, D = (e) => {
+}, j = (e) => {
   const { className: t, slot: r, ...n } = e;
   return /* @__PURE__ */ s(
     o.Scrubber,
@@ -117,7 +117,7 @@ const v = c, p = u({
       "data-slot": r ?? "number-input-scrubber"
     }
   );
-}, L = (e) => {
+}, _ = (e) => {
   const { className: t, slot: r, ...n } = e;
   return /* @__PURE__ */ s(
     o.ValueText,
@@ -129,14 +129,14 @@ const v = c, p = u({
   );
 };
 export {
-  w as NumberInput,
-  T as NumberInputControl,
-  y as NumberInputDecrementTrigger,
-  V as NumberInputIncrementTrigger,
-  z as NumberInputInput,
-  C as NumberInputLabel,
-  D as NumberInputScrubber,
-  L as NumberInputValueText,
-  v as useNumberInput
+  z as NumberInput,
+  y as NumberInputControl,
+  S as NumberInputDecrementTrigger,
+  L as NumberInputIncrementTrigger,
+  D as NumberInputInput,
+  V as NumberInputLabel,
+  j as NumberInputScrubber,
+  _ as NumberInputValueText,
+  T as useNumberInput
 };
 //# sourceMappingURL=number-input.js.map

package/dist/simples/number-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"number-input.js","sources":["../../src/simples/number-input.tsx"],"sourcesContent":["import {\n  NumberInput as ArkNumberInput,\n  useNumberInputContext,\n} from \"@ark-ui/react/number-input\";\nimport { ChevronDownIcon, ChevronUpIcon } from \"lucide-react\";\nimport type React from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../lib/cn\";\nimport { FieldLabel } from \"./field\";\n\nexport const useNumberInput = useNumberInputContext;\n\n// The Control is the input shell (border, focus ring, invalid, disabled) — Ark ships no `Group`\n// part, so the shell lives here and the stepper triggers float at the inline-end edge.\nconst numberInputControlVariants = tv({\n  base: [\n    \"group/number-input\",\n    \"relative flex w-full min-w-0 items-stretch\",\n    \"bg-field\",\n    \"rounded-field border border-input shadow-xs/5\",\n    \"transition-[color,box-shadow]\",\n    \"outline-none focus-within:border-primary focus-within:ring-[3px] focus-within:ring-ring\",\n    \"data-invalid:border-destructive data-invalid:ring-[3px] data-invalid:ring-destructive/24\",\n    \"data-disabled:pointer-events-none data-disabled:opacity-64\",\n    \"motion-reduce:transition-none!\",\n  ],\n  variants: {\n    size: {\n      sm: \"h-7\",\n      md: \"h-8\",\n      lg: \"h-9\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nconst numberInputTriggerVariants = tv({\n  base: [\n    \"absolute end-0\",\n    \"flex h-1/2 w-6 items-center justify-center\",\n    \"border-input border-s\",\n    \"text-muted-foreground\",\n    \"transition-colors\",\n    \"hover:bg-accent hover:text-accent-foreground\",\n    \"data-disabled:pointer-events-none data-disabled:opacity-64\",\n    \"[&_svg]:size-3.5 [&_svg]:shrink-0\",\n    \"motion-reduce:transition-none!\",\n  ],\n});\n\nexport const NumberInput = (\n  props: React.ComponentProps<typeof ArkNumberInput.Root>\n) => {\n  const { className, slot, ...rest } = props;\n\n  return (\n    <ArkNumberInput.Root\n      className={cn(\"flex w-full flex-col items-start gap-2\", className)}\n      {...rest}\n      data-slot={slot ?? \"number-input\"}\n    />\n  );\n};\n\nexport const NumberInputLabel = (\n  props: React.ComponentProps<typeof ArkNumberInput.Label>\n) => {\n  const { children, slot, ...rest } = props;\n\n  return (\n    <FieldLabel asChild>\n      <ArkNumberInput.Label {...rest} data-slot={slot ?? \"number-input-label\"}>\n        {children}\n      </ArkNumberInput.Label>\n    </FieldLabel>\n  );\n};\n\nexport interface NumberInputControlProps\n  extends Omit<React.ComponentProps<typeof ArkNumberInput.Control>, \"size\">,\n    VariantProps<typeof numberInputControlVariants> {}\n\nexport const NumberInputControl = (props: NumberInputControlProps) => {\n  const { size = \"md\", className, slot, ...rest } = props;\n\n  return (\n    <ArkNumberInput.Control\n      className={cn(numberInputControlVariants({ size }), className)}\n      {...rest}\n      data-slot={slot ?? \"number-input-control\"}\n    />\n  );\n};\n\nexport const NumberInputInput = (\n  props: React.ComponentProps<typeof ArkNumberInput.Input>\n) => {\n  const { className, slot, ...rest } = props;\n\n  return (\n    <ArkNumberInput.Input\n      className={cn(\n        \"w-full min-w-0\",\n        \"ps-3 pe-8\",\n        \"bg-transparent\",\n        \"text-base tabular-nums md:text-sm\",\n        \"rounded-[inherit]\",\n        \"placeholder:text-faint\",\n        \"outline-none\",\n        \"disabled:pointer-events-none disabled:cursor-not-allowed\",\n        className\n      )}\n      {...rest}\n      data-slot={slot ?? \"number-input-input\"}\n    />\n  );\n};\n\nexport const NumberInputIncrementTrigger = (\n  props: React.ComponentProps<typeof ArkNumberInput.IncrementTrigger>\n) => {\n  const { className, children, slot, ...rest } = props;\n\n  return (\n    <ArkNumberInput.IncrementTrigger\n      className={cn(\n        numberInputTriggerVariants(),\n        \"top-0 rounded-se-lg border-b\",\n        className\n      )}\n      {...rest}\n      data-slot={slot ?? \"number-input-increment-trigger\"}\n    >\n      {children ?? <ChevronUpIcon />}\n    </ArkNumberInput.IncrementTrigger>\n  );\n};\n\nexport const NumberInputDecrementTrigger = (\n  props: React.ComponentProps<typeof ArkNumberInput.DecrementTrigger>\n) => {\n  const { className, children, slot, ...rest } = props;\n\n  return (\n    <ArkNumberInput.DecrementTrigger\n      className={cn(numberInputTriggerVariants(), \"bottom-0 rounded-ee-lg\", className)}\n      {...rest}\n      data-slot={slot ?? \"number-input-decrement-trigger\"}\n    >\n      {children ?? <ChevronDownIcon />}\n    </ArkNumberInput.DecrementTrigger>\n  );\n};\n\n// A drag-to-change surface — wrap it around the label (or an icon) and the pointer scrubs the\n// value. `cursor-ew-resize` is the only affordance it carries.\nexport const NumberInputScrubber = (\n  props: React.ComponentProps<typeof ArkNumberInput.Scrubber>\n) => {\n  const { className, slot, ...rest } = props;\n\n  return (\n    <ArkNumberInput.Scrubber\n      className={cn(\"cursor-ew-resize select-none\", className)}\n      {...rest}\n      data-slot={slot ?? \"number-input-scrubber\"}\n    />\n  );\n};\n\nexport const NumberInputValueText = (\n  props: React.ComponentProps<typeof ArkNumberInput.ValueText>\n) => {\n  const { className, slot, ...rest } = props;\n\n  return (\n    <ArkNumberInput.ValueText\n      className={cn(\"tabular-nums\", className)}\n      {...rest}\n      data-slot={slot ?? \"number-input-value-text\"}\n    />\n  );\n};\n"],"names":["useNumberInput","useNumberInputContext","numberInputControlVariants","tv","numberInputTriggerVariants","NumberInput","props","className","slot","rest","jsx","ArkNumberInput","cn","NumberInputLabel","children","FieldLabel","NumberInputControl","size","NumberInputInput","NumberInputIncrementTrigger","ChevronUpIcon","NumberInputDecrementTrigger","ChevronDownIcon","NumberInputScrubber","NumberInputValueText"],"mappings":"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"}
+{"version":3,"file":"number-input.js","sources":["../../src/simples/number-input.tsx"],"sourcesContent":["import {\n  NumberInput as ArkNumberInput,\n  useNumberInputContext,\n} from \"@ark-ui/react/number-input\";\nimport { ChevronDownIcon, ChevronUpIcon } from \"lucide-react\";\nimport type React from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../lib/cn\";\nimport { controlHeight, controlSizes } from \"../lib/control-size\";\nimport { FieldLabel } from \"./field\";\n\nexport const useNumberInput = useNumberInputContext;\n\n// The Control is the input shell (border, focus ring, invalid, disabled) — Ark ships no `Group`\n// part, so the shell lives here and the stepper triggers float at the inline-end edge.\nconst numberInputControlVariants = tv({\n  base: [\n    \"group/number-input\",\n    controlHeight,\n    \"relative flex w-full min-w-0 items-stretch\",\n    \"bg-field\",\n    \"rounded-field border border-input shadow-xs/5\",\n    \"transition-[color,box-shadow]\",\n    \"outline-none focus-within:border-primary focus-within:ring-[3px] focus-within:ring-ring\",\n    \"data-invalid:border-destructive data-invalid:ring-[3px] data-invalid:ring-destructive/24\",\n    \"data-disabled:pointer-events-none data-disabled:opacity-64\",\n    \"motion-reduce:transition-none!\",\n  ],\n  variants: {\n    size: {\n      ...controlSizes,\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nconst numberInputTriggerVariants = tv({\n  base: [\n    \"absolute end-0\",\n    \"flex h-1/2 w-6 items-center justify-center\",\n    \"border-input border-s\",\n    \"text-muted-foreground\",\n    \"transition-colors\",\n    \"hover:bg-accent hover:text-accent-foreground\",\n    \"data-disabled:pointer-events-none data-disabled:opacity-64\",\n    \"[&_svg]:size-3.5 [&_svg]:shrink-0\",\n    \"motion-reduce:transition-none!\",\n  ],\n});\n\nexport const NumberInput = (\n  props: React.ComponentProps<typeof ArkNumberInput.Root>\n) => {\n  const { className, slot, ...rest } = props;\n\n  return (\n    <ArkNumberInput.Root\n      className={cn(\"flex w-full flex-col items-start gap-2\", className)}\n      {...rest}\n      data-slot={slot ?? \"number-input\"}\n    />\n  );\n};\n\nexport const NumberInputLabel = (\n  props: React.ComponentProps<typeof ArkNumberInput.Label>\n) => {\n  const { children, slot, ...rest } = props;\n\n  return (\n    <FieldLabel asChild>\n      <ArkNumberInput.Label {...rest} data-slot={slot ?? \"number-input-label\"}>\n        {children}\n      </ArkNumberInput.Label>\n    </FieldLabel>\n  );\n};\n\nexport interface NumberInputControlProps\n  extends Omit<React.ComponentProps<typeof ArkNumberInput.Control>, \"size\">,\n    VariantProps<typeof numberInputControlVariants> {}\n\nexport const NumberInputControl = (props: NumberInputControlProps) => {\n  const { size = \"md\", className, slot, ...rest } = props;\n\n  return (\n    <ArkNumberInput.Control\n      className={cn(numberInputControlVariants({ size }), className)}\n      {...rest}\n      data-slot={slot ?? \"number-input-control\"}\n    />\n  );\n};\n\nexport const NumberInputInput = (\n  props: React.ComponentProps<typeof ArkNumberInput.Input>\n) => {\n  const { className, slot, ...rest } = props;\n\n  return (\n    <ArkNumberInput.Input\n      className={cn(\n        \"w-full min-w-0\",\n        \"ps-3 pe-8\",\n        \"bg-transparent\",\n        \"text-base tabular-nums md:text-sm\",\n        \"rounded-[inherit]\",\n        \"placeholder:text-faint\",\n        \"outline-none\",\n        \"disabled:pointer-events-none disabled:cursor-not-allowed\",\n        className\n      )}\n      {...rest}\n      data-slot={slot ?? \"number-input-input\"}\n    />\n  );\n};\n\nexport const NumberInputIncrementTrigger = (\n  props: React.ComponentProps<typeof ArkNumberInput.IncrementTrigger>\n) => {\n  const { className, children, slot, ...rest } = props;\n\n  return (\n    <ArkNumberInput.IncrementTrigger\n      className={cn(\n        numberInputTriggerVariants(),\n        \"top-0 rounded-se-lg border-b\",\n        className\n      )}\n      {...rest}\n      data-slot={slot ?? \"number-input-increment-trigger\"}\n    >\n      {children ?? <ChevronUpIcon />}\n    </ArkNumberInput.IncrementTrigger>\n  );\n};\n\nexport const NumberInputDecrementTrigger = (\n  props: React.ComponentProps<typeof ArkNumberInput.DecrementTrigger>\n) => {\n  const { className, children, slot, ...rest } = props;\n\n  return (\n    <ArkNumberInput.DecrementTrigger\n      className={cn(numberInputTriggerVariants(), \"bottom-0 rounded-ee-lg\", className)}\n      {...rest}\n      data-slot={slot ?? \"number-input-decrement-trigger\"}\n    >\n      {children ?? <ChevronDownIcon />}\n    </ArkNumberInput.DecrementTrigger>\n  );\n};\n\n// A drag-to-change surface — wrap it around the label (or an icon) and the pointer scrubs the\n// value. `cursor-ew-resize` is the only affordance it carries.\nexport const NumberInputScrubber = (\n  props: React.ComponentProps<typeof ArkNumberInput.Scrubber>\n) => {\n  const { className, slot, ...rest } = props;\n\n  return (\n    <ArkNumberInput.Scrubber\n      className={cn(\"cursor-ew-resize select-none\", className)}\n      {...rest}\n      data-slot={slot ?? \"number-input-scrubber\"}\n    />\n  );\n};\n\nexport const NumberInputValueText = (\n  props: React.ComponentProps<typeof ArkNumberInput.ValueText>\n) => {\n  const { className, slot, ...rest } = props;\n\n  return (\n    <ArkNumberInput.ValueText\n      className={cn(\"tabular-nums\", className)}\n      {...rest}\n      data-slot={slot ?? \"number-input-value-text\"}\n    />\n  );\n};\n"],"names":["useNumberInput","useNumberInputContext","numberInputControlVariants","tv","controlHeight","controlSizes","numberInputTriggerVariants","NumberInput","props","className","slot","rest","jsx","ArkNumberInput","cn","NumberInputLabel","children","FieldLabel","NumberInputControl","size","NumberInputInput","NumberInputIncrementTrigger","ChevronUpIcon","NumberInputDecrementTrigger","ChevronDownIcon","NumberInputScrubber","NumberInputValueText"],"mappings":";;;;;;;AAWO,MAAMA,IAAiBC,GAIxBC,IAA6BC,EAAG;AAAA,EACpC,MAAM;AAAA,IACJ;AAAA,IACAC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,GAAGC;AAAA,IAAA;AAAA,EACL;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC,GAEKC,IAA6BH,EAAG;AAAA,EACpC,MAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ,CAAC,GAEYI,IAAc,CACzBC,MACG;AACH,QAAM,EAAE,WAAAC,GAAW,MAAAC,GAAM,GAAGC,MAASH;AAErC,SACE,gBAAAI;AAAA,IAACC,EAAe;AAAA,IAAf;AAAA,MACC,WAAWC,EAAG,0CAA0CL,CAAS;AAAA,MAChE,GAAGE;AAAA,MACJ,aAAWD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGzB,GAEaK,IAAmB,CAC9BP,MACG;AACH,QAAM,EAAE,UAAAQ,GAAU,MAAAN,GAAM,GAAGC,MAASH;AAEpC,SACE,gBAAAI,EAACK,GAAA,EAAW,SAAO,IACjB,4BAACJ,EAAe,OAAf,EAAsB,GAAGF,GAAM,aAAWD,KAAQ,sBAChD,UAAAM,GACH,GACF;AAEJ,GAMaE,IAAqB,CAACV,MAAmC;AACpE,QAAM,EAAE,MAAAW,IAAO,MAAM,WAAAV,GAAW,MAAAC,GAAM,GAAGC,MAASH;AAElD,SACE,gBAAAI;AAAA,IAACC,EAAe;AAAA,IAAf;AAAA,MACC,WAAWC,EAAGZ,EAA2B,EAAE,MAAAiB,EAAA,CAAM,GAAGV,CAAS;AAAA,MAC5D,GAAGE;AAAA,MACJ,aAAWD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGzB,GAEaU,IAAmB,CAC9BZ,MACG;AACH,QAAM,EAAE,WAAAC,GAAW,MAAAC,GAAM,GAAGC,MAASH;AAErC,SACE,gBAAAI;AAAA,IAACC,EAAe;AAAA,IAAf;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,MACJ,aAAWD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGzB,GAEaW,IAA8B,CACzCb,MACG;AACH,QAAM,EAAE,WAAAC,GAAW,UAAAO,GAAU,MAAAN,GAAM,GAAGC,MAASH;AAE/C,SACE,gBAAAI;AAAA,IAACC,EAAe;AAAA,IAAf;AAAA,MACC,WAAWC;AAAA,QACTR,EAAA;AAAA,QACA;AAAA,QACAG;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,MACJ,aAAWD,KAAQ;AAAA,MAElB,UAAAM,uBAAaM,GAAA,CAAA,CAAc;AAAA,IAAA;AAAA,EAAA;AAGlC,GAEaC,IAA8B,CACzCf,MACG;AACH,QAAM,EAAE,WAAAC,GAAW,UAAAO,GAAU,MAAAN,GAAM,GAAGC,MAASH;AAE/C,SACE,gBAAAI;AAAA,IAACC,EAAe;AAAA,IAAf;AAAA,MACC,WAAWC,EAAGR,KAA8B,0BAA0BG,CAAS;AAAA,MAC9E,GAAGE;AAAA,MACJ,aAAWD,KAAQ;AAAA,MAElB,UAAAM,uBAAaQ,GAAA,CAAA,CAAgB;AAAA,IAAA;AAAA,EAAA;AAGpC,GAIaC,IAAsB,CACjCjB,MACG;AACH,QAAM,EAAE,WAAAC,GAAW,MAAAC,GAAM,GAAGC,MAASH;AAErC,SACE,gBAAAI;AAAA,IAACC,EAAe;AAAA,IAAf;AAAA,MACC,WAAWC,EAAG,gCAAgCL,CAAS;AAAA,MACtD,GAAGE;AAAA,MACJ,aAAWD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGzB,GAEagB,IAAuB,CAClClB,MACG;AACH,QAAM,EAAE,WAAAC,GAAW,MAAAC,GAAM,GAAGC,MAASH;AAErC,SACE,gBAAAI;AAAA,IAACC,EAAe;AAAA,IAAf;AAAA,MACC,WAAWC,EAAG,gBAAgBL,CAAS;AAAA,MACtC,GAAGE;AAAA,MACJ,aAAWD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGzB;"}

package/dist/simples/password-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"password-input.d.ts","sourceRoot":"","sources":["../../src/simples/password-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,IAAI,gBAAgB,EAElC,MAAM,8BAA8B,CAAC;AAEtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAKL,KAAK,eAAe,EACrB,MAAM,eAAe,CAAC;AAEvB,eAAO,MAAM,gBAAgB,uDAA0B,CAAC;AAExD,UAAU,kBACR,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,EACxD,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC;CAAG;AAEpC,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,sBAgBtD,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,sBAiB7D,CAAC;AAEF,MAAM,WAAW,uBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC;IAC3D;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,sBA4BhE,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC/B,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,iBAAiB,CAAC,sBAkBvE,CAAC;AAEF,eAAO,MAAM,sBAAsB,GACjC,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,SAAS,CAAC,sBAa/D,CAAC"}
+{"version":3,"file":"password-input.d.ts","sourceRoot":"","sources":["../../src/simples/password-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,IAAI,gBAAgB,EAElC,MAAM,8BAA8B,CAAC;AAEtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAKL,KAAK,eAAe,EACrB,MAAM,eAAe,CAAC;AAEvB,eAAO,MAAM,gBAAgB,uDAA0B,CAAC;AAExD,UAAU,kBACR,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,EACxD,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC;CAAG;AAEpC,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,sBAiBtD,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,sBAmB7D,CAAC;AAEF,MAAM,WAAW,uBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC;IAC3D;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,sBA4BhE,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC/B,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,iBAAiB,CAAC,sBAkBvE,CAAC;AAEF,eAAO,MAAM,sBAAsB,GACjC,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,SAAS,CAAC,sBAa/D,CAAC"}

package/dist/simples/password-input.js

@@ -1,9 +1,10 @@
 import { jsx as t } from "react/jsx-runtime";
 import { usePasswordInputContext as c, PasswordInput as e } from "@ark-ui/react/password-input";
-import { EyeIcon as h, EyeOffIcon as I } from "lucide-react";
+import { EyeIcon as h, EyeOffIcon as m } from "lucide-react";
 import { cn as d } from "../lib/cn.js";
-import { InputGroup as m, InputGroupInput as w, InputGroupAddon as f, InputGroupButton as g } from "./input-group.js";
-const G = c, N = (o) => {
+import { controlSizes as I } from "../lib/control-size.js";
+import { InputGroup as w, InputGroupInput as f, InputGroupAddon as g, InputGroupButton as P } from "./input-group.js";
+const V = c, k = (o) => {
   const { size: s = "md", className: r, slot: n, ...a } = o;
   return /* @__PURE__ */ t(
     e.Root,
@@ -12,6 +13,7 @@ const G = c, N = (o) => {
         "group/password-input",
         "w-full",
         "flex flex-col items-start gap-2",
+        I[s],
         r
       ),
       "data-size": s,
@@ -19,13 +21,15 @@ const G = c, N = (o) => {
       "data-slot": n ?? "password-input"
     }
   );
-}, V = (o) => {
+}, E = (o) => {
   const { className: s, slot: r, ...n } = o;
   return /* @__PURE__ */ t(e.Control, { asChild: !0, children: /* @__PURE__ */ t(
-    m,
+    w,
     {
       className: d(
-        "in-data-[size=lg]:h-9 in-data-[size=sm]:h-7",
+        // The size is the root's, read through the custom property: a group would otherwise
+        // assign its own default and the root's `size` would move nothing.
+        "[--size:inherit]",
         "data-disabled:pointer-events-none data-disabled:opacity-64",
         s
       ),
@@ -33,7 +37,7 @@ const G = c, N = (o) => {
       slot: r ?? "password-input-control"
     }
   ) });
-}, k = (o) => {
+}, S = (o) => {
   const {
     hasStoredValue: s = !1,
     storedPlaceholder: r = "Leave empty to keep current",
@@ -52,27 +56,27 @@ const G = c, N = (o) => {
       placeholder: p,
       value: a,
       ...u,
-      children: /* @__PURE__ */ t(w, { slot: l ?? "password-input-input" })
+      children: /* @__PURE__ */ t(f, { slot: l ?? "password-input-input" })
     }
   );
-}, E = (o) => {
+}, T = (o) => {
   const { children: s, slot: r, ...n } = o;
-  return /* @__PURE__ */ t(f, { align: "inline-end", children: /* @__PURE__ */ t(e.VisibilityTrigger, { asChild: !0, children: /* @__PURE__ */ t(
-    g,
+  return /* @__PURE__ */ t(g, { align: "inline-end", children: /* @__PURE__ */ t(e.VisibilityTrigger, { asChild: !0, children: /* @__PURE__ */ t(
+    P,
     {
       size: "icon-sm",
       variant: "ghost",
       ...n,
       slot: r ?? "password-input-visibility-trigger",
-      children: s ?? /* @__PURE__ */ t(P, {})
+      children: s ?? /* @__PURE__ */ t(v, {})
     }
   ) }) });
-}, P = (o) => {
+}, v = (o) => {
   const { children: s, slot: r, ...n } = o;
   return /* @__PURE__ */ t(
     e.Indicator,
     {
-      fallback: /* @__PURE__ */ t(I, {}),
+      fallback: /* @__PURE__ */ t(m, {}),
       ...n,
       "data-slot": r ?? "password-input-indicator",
       children: s ?? /* @__PURE__ */ t(h, {})
@@ -80,11 +84,11 @@ const G = c, N = (o) => {
   );
 };
 export {
-  N as PasswordInput,
-  V as PasswordInputGroup,
-  P as PasswordInputIndicator,
-  k as PasswordInputInput,
-  E as PasswordInputTrigger,
-  G as usePasswordInput
+  k as PasswordInput,
+  E as PasswordInputGroup,
+  v as PasswordInputIndicator,
+  S as PasswordInputInput,
+  T as PasswordInputTrigger,
+  V as usePasswordInput
 };
 //# sourceMappingURL=password-input.js.map

package/dist/simples/password-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"password-input.js","sources":["../../src/simples/password-input.tsx"],"sourcesContent":["import {\n  PasswordInput as ArkPasswordInput,\n  usePasswordInputContext,\n} from \"@ark-ui/react/password-input\";\nimport { EyeIcon, EyeOffIcon } from \"lucide-react\";\nimport type React from \"react\";\nimport { cn } from \"../lib/cn\";\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupInput,\n  type InputGroupProps,\n} from \"./input-group\";\n\nexport const usePasswordInput = usePasswordInputContext;\n\ninterface PasswordInputProps\n  extends React.ComponentProps<typeof ArkPasswordInput.Root>,\n    Pick<InputGroupProps, \"size\"> {}\n\nexport const PasswordInput = (props: PasswordInputProps) => {\n  const { size = \"md\", className, slot, ...rest } = props;\n\n  return (\n    <ArkPasswordInput.Root\n      className={cn(\n        \"group/password-input\",\n        \"w-full\",\n        \"flex flex-col items-start gap-2\",\n        className\n      )}\n      data-size={size}\n      {...rest}\n      data-slot={slot ?? \"password-input\"}\n    />\n  );\n};\n\nexport const PasswordInputGroup = (\n  props: React.ComponentProps<typeof ArkPasswordInput.Control>\n) => {\n  const { className, slot, ...rest } = props;\n\n  return (\n    <ArkPasswordInput.Control asChild>\n      <InputGroup\n        className={cn(\n          \"in-data-[size=lg]:h-9 in-data-[size=sm]:h-7\",\n          \"data-disabled:pointer-events-none data-disabled:opacity-64\",\n          className\n        )}\n        {...rest}\n        slot={slot ?? \"password-input-control\"}\n      />\n    </ArkPasswordInput.Control>\n  );\n};\n\nexport interface PasswordInputInputProps\n  extends React.ComponentProps<typeof ArkPasswordInput.Input> {\n  /**\n   * A secret already exists on the server. The field still renders EMPTY — submitting it empty\n   * means \"keep the stored value\". This is the canonical credential-editing shape: the secret\n   * is never sent to the client, so there is nothing to prefill. Opt-in.\n   */\n  hasStoredValue?: boolean;\n  /** Placeholder shown while a stored secret is untouched. */\n  storedPlaceholder?: string;\n}\n\nexport const PasswordInputInput = (props: PasswordInputInputProps) => {\n  const {\n    hasStoredValue = false,\n    storedPlaceholder = \"Leave empty to keep current\",\n    placeholder,\n    value,\n    defaultValue,\n    slot,\n    ...rest\n  } = props;\n\n  // The stored-value hint only makes sense while the field is untouched; once the user types,\n  // the submitted value replaces the secret and the hint would be a lie.\n  const untouched = !value && !defaultValue;\n  const shown = hasStoredValue && untouched ? storedPlaceholder : placeholder;\n\n  return (\n    <ArkPasswordInput.Input\n      asChild\n      data-has-stored-value={hasStoredValue || undefined}\n      defaultValue={defaultValue}\n      placeholder={shown}\n      value={value}\n      {...rest}\n    >\n      <InputGroupInput slot={slot ?? \"password-input-input\"} />\n    </ArkPasswordInput.Input>\n  );\n};\n\nexport const PasswordInputTrigger = (\n  props: React.ComponentProps<typeof ArkPasswordInput.VisibilityTrigger>\n) => {\n  const { children, slot, ...rest } = props;\n\n  return (\n    <InputGroupAddon align=\"inline-end\">\n      <ArkPasswordInput.VisibilityTrigger asChild>\n        <InputGroupButton\n          size=\"icon-sm\"\n          variant=\"ghost\"\n          {...rest}\n          slot={slot ?? \"password-input-visibility-trigger\"}\n        >\n          {children ?? <PasswordInputIndicator />}\n        </InputGroupButton>\n      </ArkPasswordInput.VisibilityTrigger>\n    </InputGroupAddon>\n  );\n};\n\nexport const PasswordInputIndicator = (\n  props: React.ComponentProps<typeof ArkPasswordInput.Indicator>\n) => {\n  const { children, slot, ...rest } = props;\n\n  return (\n    <ArkPasswordInput.Indicator\n      fallback={<EyeOffIcon />}\n      {...rest}\n      data-slot={slot ?? \"password-input-indicator\"}\n    >\n      {children ?? <EyeIcon />}\n    </ArkPasswordInput.Indicator>\n  );\n};\n"],"names":["usePasswordInput","usePasswordInputContext","PasswordInput","props","size","className","slot","rest","jsx","ArkPasswordInput","cn","PasswordInputGroup","InputGroup","PasswordInputInput","hasStoredValue","storedPlaceholder","placeholder","value","defaultValue","shown","InputGroupInput","PasswordInputTrigger","children","InputGroupAddon","InputGroupButton","PasswordInputIndicator","EyeOffIcon","EyeIcon"],"mappings":";;;;;AAeO,MAAMA,IAAmBC,GAMnBC,IAAgB,CAACC,MAA8B;AAC1D,QAAM,EAAE,MAAAC,IAAO,MAAM,WAAAC,GAAW,MAAAC,GAAM,GAAGC,MAASJ;AAElD,SACE,gBAAAK;AAAA,IAACC,EAAiB;AAAA,IAAjB;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACAL;AAAA,MAAA;AAAA,MAEF,aAAWD;AAAA,MACV,GAAGG;AAAA,MACJ,aAAWD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGzB,GAEaK,IAAqB,CAChCR,MACG;AACH,QAAM,EAAE,WAAAE,GAAW,MAAAC,GAAM,GAAGC,MAASJ;AAErC,SACE,gBAAAK,EAACC,EAAiB,SAAjB,EAAyB,SAAO,IAC/B,UAAA,gBAAAD;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,WAAWF;AAAA,QACT;AAAA,QACA;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,MACJ,MAAMD,KAAQ;AAAA,IAAA;AAAA,EAAA,GAElB;AAEJ,GAcaO,IAAqB,CAACV,MAAmC;AACpE,QAAM;AAAA,IACJ,gBAAAW,IAAiB;AAAA,IACjB,mBAAAC,IAAoB;AAAA,IACpB,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,MAAAZ;AAAA,IACA,GAAGC;AAAA,EAAA,IACDJ,GAKEgB,IAAQL,MADI,CAACG,KAAS,CAACC,KACeH,IAAoBC;AAEhE,SACE,gBAAAR;AAAA,IAACC,EAAiB;AAAA,IAAjB;AAAA,MACC,SAAO;AAAA,MACP,yBAAuBK,KAAkB;AAAA,MACzC,cAAAI;AAAA,MACA,aAAaC;AAAA,MACb,OAAAF;AAAA,MACC,GAAGV;AAAA,MAEJ,UAAA,gBAAAC,EAACY,GAAA,EAAgB,MAAMd,KAAQ,uBAAA,CAAwB;AAAA,IAAA;AAAA,EAAA;AAG7D,GAEae,IAAuB,CAClClB,MACG;AACH,QAAM,EAAE,UAAAmB,GAAU,MAAAhB,GAAM,GAAGC,MAASJ;AAEpC,SACE,gBAAAK,EAACe,KAAgB,OAAM,cACrB,4BAACd,EAAiB,mBAAjB,EAAmC,SAAO,IACzC,UAAA,gBAAAD;AAAA,IAACgB;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAQ;AAAA,MACP,GAAGjB;AAAA,MACJ,MAAMD,KAAQ;AAAA,MAEb,UAAAgB,uBAAaG,GAAA,CAAA,CAAuB;AAAA,IAAA;AAAA,EAAA,GAEzC,EAAA,CACF;AAEJ,GAEaA,IAAyB,CACpCtB,MACG;AACH,QAAM,EAAE,UAAAmB,GAAU,MAAAhB,GAAM,GAAGC,MAASJ;AAEpC,SACE,gBAAAK;AAAA,IAACC,EAAiB;AAAA,IAAjB;AAAA,MACC,4BAAWiB,GAAA,EAAW;AAAA,MACrB,GAAGnB;AAAA,MACJ,aAAWD,KAAQ;AAAA,MAElB,UAAAgB,uBAAaK,GAAA,CAAA,CAAQ;AAAA,IAAA;AAAA,EAAA;AAG5B;"}
+{"version":3,"file":"password-input.js","sources":["../../src/simples/password-input.tsx"],"sourcesContent":["import {\n  PasswordInput as ArkPasswordInput,\n  usePasswordInputContext,\n} from \"@ark-ui/react/password-input\";\nimport { EyeIcon, EyeOffIcon } from \"lucide-react\";\nimport type React from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { controlSizes } from \"../lib/control-size\";\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupInput,\n  type InputGroupProps,\n} from \"./input-group\";\n\nexport const usePasswordInput = usePasswordInputContext;\n\ninterface PasswordInputProps\n  extends React.ComponentProps<typeof ArkPasswordInput.Root>,\n    Pick<InputGroupProps, \"size\"> {}\n\nexport const PasswordInput = (props: PasswordInputProps) => {\n  const { size = \"md\", className, slot, ...rest } = props;\n\n  return (\n    <ArkPasswordInput.Root\n      className={cn(\n        \"group/password-input\",\n        \"w-full\",\n        \"flex flex-col items-start gap-2\",\n        controlSizes[size],\n        className\n      )}\n      data-size={size}\n      {...rest}\n      data-slot={slot ?? \"password-input\"}\n    />\n  );\n};\n\nexport const PasswordInputGroup = (\n  props: React.ComponentProps<typeof ArkPasswordInput.Control>\n) => {\n  const { className, slot, ...rest } = props;\n\n  return (\n    <ArkPasswordInput.Control asChild>\n      <InputGroup\n        className={cn(\n          // The size is the root's, read through the custom property: a group would otherwise\n          // assign its own default and the root's `size` would move nothing.\n          \"[--size:inherit]\",\n          \"data-disabled:pointer-events-none data-disabled:opacity-64\",\n          className\n        )}\n        {...rest}\n        slot={slot ?? \"password-input-control\"}\n      />\n    </ArkPasswordInput.Control>\n  );\n};\n\nexport interface PasswordInputInputProps\n  extends React.ComponentProps<typeof ArkPasswordInput.Input> {\n  /**\n   * A secret already exists on the server. The field still renders EMPTY — submitting it empty\n   * means \"keep the stored value\". This is the canonical credential-editing shape: the secret\n   * is never sent to the client, so there is nothing to prefill. Opt-in.\n   */\n  hasStoredValue?: boolean;\n  /** Placeholder shown while a stored secret is untouched. */\n  storedPlaceholder?: string;\n}\n\nexport const PasswordInputInput = (props: PasswordInputInputProps) => {\n  const {\n    hasStoredValue = false,\n    storedPlaceholder = \"Leave empty to keep current\",\n    placeholder,\n    value,\n    defaultValue,\n    slot,\n    ...rest\n  } = props;\n\n  // The stored-value hint only makes sense while the field is untouched; once the user types,\n  // the submitted value replaces the secret and the hint would be a lie.\n  const untouched = !value && !defaultValue;\n  const shown = hasStoredValue && untouched ? storedPlaceholder : placeholder;\n\n  return (\n    <ArkPasswordInput.Input\n      asChild\n      data-has-stored-value={hasStoredValue || undefined}\n      defaultValue={defaultValue}\n      placeholder={shown}\n      value={value}\n      {...rest}\n    >\n      <InputGroupInput slot={slot ?? \"password-input-input\"} />\n    </ArkPasswordInput.Input>\n  );\n};\n\nexport const PasswordInputTrigger = (\n  props: React.ComponentProps<typeof ArkPasswordInput.VisibilityTrigger>\n) => {\n  const { children, slot, ...rest } = props;\n\n  return (\n    <InputGroupAddon align=\"inline-end\">\n      <ArkPasswordInput.VisibilityTrigger asChild>\n        <InputGroupButton\n          size=\"icon-sm\"\n          variant=\"ghost\"\n          {...rest}\n          slot={slot ?? \"password-input-visibility-trigger\"}\n        >\n          {children ?? <PasswordInputIndicator />}\n        </InputGroupButton>\n      </ArkPasswordInput.VisibilityTrigger>\n    </InputGroupAddon>\n  );\n};\n\nexport const PasswordInputIndicator = (\n  props: React.ComponentProps<typeof ArkPasswordInput.Indicator>\n) => {\n  const { children, slot, ...rest } = props;\n\n  return (\n    <ArkPasswordInput.Indicator\n      fallback={<EyeOffIcon />}\n      {...rest}\n      data-slot={slot ?? \"password-input-indicator\"}\n    >\n      {children ?? <EyeIcon />}\n    </ArkPasswordInput.Indicator>\n  );\n};\n"],"names":["usePasswordInput","usePasswordInputContext","PasswordInput","props","size","className","slot","rest","jsx","ArkPasswordInput","cn","controlSizes","PasswordInputGroup","InputGroup","PasswordInputInput","hasStoredValue","storedPlaceholder","placeholder","value","defaultValue","shown","InputGroupInput","PasswordInputTrigger","children","InputGroupAddon","InputGroupButton","PasswordInputIndicator","EyeOffIcon","EyeIcon"],"mappings":";;;;;;AAgBO,MAAMA,IAAmBC,GAMnBC,IAAgB,CAACC,MAA8B;AAC1D,QAAM,EAAE,MAAAC,IAAO,MAAM,WAAAC,GAAW,MAAAC,GAAM,GAAGC,MAASJ;AAElD,SACE,gBAAAK;AAAA,IAACC,EAAiB;AAAA,IAAjB;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACAC,EAAaP,CAAI;AAAA,QACjBC;AAAA,MAAA;AAAA,MAEF,aAAWD;AAAA,MACV,GAAGG;AAAA,MACJ,aAAWD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGzB,GAEaM,IAAqB,CAChCT,MACG;AACH,QAAM,EAAE,WAAAE,GAAW,MAAAC,GAAM,GAAGC,MAASJ;AAErC,SACE,gBAAAK,EAACC,EAAiB,SAAjB,EAAyB,SAAO,IAC/B,UAAA,gBAAAD;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,WAAWH;AAAA;AAAA;AAAA,QAGT;AAAA,QACA;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,MACJ,MAAMD,KAAQ;AAAA,IAAA;AAAA,EAAA,GAElB;AAEJ,GAcaQ,IAAqB,CAACX,MAAmC;AACpE,QAAM;AAAA,IACJ,gBAAAY,IAAiB;AAAA,IACjB,mBAAAC,IAAoB;AAAA,IACpB,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,MAAAb;AAAA,IACA,GAAGC;AAAA,EAAA,IACDJ,GAKEiB,IAAQL,MADI,CAACG,KAAS,CAACC,KACeH,IAAoBC;AAEhE,SACE,gBAAAT;AAAA,IAACC,EAAiB;AAAA,IAAjB;AAAA,MACC,SAAO;AAAA,MACP,yBAAuBM,KAAkB;AAAA,MACzC,cAAAI;AAAA,MACA,aAAaC;AAAA,MACb,OAAAF;AAAA,MACC,GAAGX;AAAA,MAEJ,UAAA,gBAAAC,EAACa,GAAA,EAAgB,MAAMf,KAAQ,uBAAA,CAAwB;AAAA,IAAA;AAAA,EAAA;AAG7D,GAEagB,IAAuB,CAClCnB,MACG;AACH,QAAM,EAAE,UAAAoB,GAAU,MAAAjB,GAAM,GAAGC,MAASJ;AAEpC,SACE,gBAAAK,EAACgB,KAAgB,OAAM,cACrB,4BAACf,EAAiB,mBAAjB,EAAmC,SAAO,IACzC,UAAA,gBAAAD;AAAA,IAACiB;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAQ;AAAA,MACP,GAAGlB;AAAA,MACJ,MAAMD,KAAQ;AAAA,MAEb,UAAAiB,uBAAaG,GAAA,CAAA,CAAuB;AAAA,IAAA;AAAA,EAAA,GAEzC,EAAA,CACF;AAEJ,GAEaA,IAAyB,CACpCvB,MACG;AACH,QAAM,EAAE,UAAAoB,GAAU,MAAAjB,GAAM,GAAGC,MAASJ;AAEpC,SACE,gBAAAK;AAAA,IAACC,EAAiB;AAAA,IAAjB;AAAA,MACC,4BAAWkB,GAAA,EAAW;AAAA,MACrB,GAAGpB;AAAA,MACJ,aAAWD,KAAQ;AAAA,MAElB,UAAAiB,uBAAaK,GAAA,CAAA,CAAQ;AAAA,IAAA;AAAA,EAAA;AAG5B;"}

package/dist/simples/pin-input.d.ts

@@ -3,21 +3,21 @@ import { default as React } from 'react';
 import { VariantProps } from 'tailwind-variants';
 declare const pinInputInputVariants: import('tailwind-variants').TVReturnType<{
     size: {
-        sm: string[];
-        md: string[];
-        lg: string[];
+        sm: "[--size:calc(var(--size-field)*7)]";
+        md: "[--size:calc(var(--size-field)*8)]";
+        lg: "[--size:calc(var(--size-field)*9)]";
     };
 }, undefined, string[], {
     size: {
-        sm: string[];
-        md: string[];
-        lg: string[];
+        sm: "[--size:calc(var(--size-field)*7)]";
+        md: "[--size:calc(var(--size-field)*8)]";
+        lg: "[--size:calc(var(--size-field)*9)]";
     };
 }, undefined, import('tailwind-variants').TVReturnType<{
     size: {
-        sm: string[];
-        md: string[];
-        lg: string[];
+        sm: "[--size:calc(var(--size-field)*7)]";
+        md: "[--size:calc(var(--size-field)*8)]";
+        lg: "[--size:calc(var(--size-field)*9)]";
     };
 }, undefined, string[], unknown, unknown, undefined>>;
 export declare const PinInput: (props: React.ComponentProps<typeof ArkPinInput.Root>) => React.JSX.Element;

package/dist/simples/pin-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pin-input.d.ts","sourceRoot":"","sources":["../../src/simples/pin-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAI1D,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;qDAyBzB,CAAC;AAEH,eAAO,MAAM,QAAQ,GACnB,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,sBAWrD,CAAC;AAEF,eAAO,MAAM,aAAa,GACxB,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,sBAWtD,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC,sBAWxD,CAAC;AAEF,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,EAClE,YAAY,CAAC,OAAO,qBAAqB,CAAC;CAAG;AAEjD,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,sBAUtD,CAAC"}
+{"version":3,"file":"pin-input.d.ts","sourceRoot":"","sources":["../../src/simples/pin-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAK1D,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;qDAyBzB,CAAC;AAEH,eAAO,MAAM,QAAQ,GACnB,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,sBAWrD,CAAC;AAEF,eAAO,MAAM,aAAa,GACxB,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,sBAWtD,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC,sBAWxD,CAAC;AAEF,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,EAClE,YAAY,CAAC,OAAO,qBAAqB,CAAC;CAAG;AAEjD,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,sBAUtD,CAAC"}

package/dist/simples/pin-input.js

@@ -1,11 +1,14 @@
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import { PinInput as r } from "@ark-ui/react/pin-input";
 import { tv as l } from "tailwind-variants";
-import { cn as a } from "../lib/cn.js";
-import { FieldLabel as d } from "./field.js";
-const u = l({
+import { cn as s } from "../lib/cn.js";
+import { controlSizes as d, controlHeight as u } from "../lib/control-size.js";
+import { FieldLabel as c } from "./field.js";
+const p = l({
   base: [
     "shrink-0",
+    u,
+    "w-(--size)",
     "text-center tabular-nums",
     "bg-field",
     "text-base md:text-sm",
@@ -20,52 +23,50 @@ const u = l({
   ],
   variants: {
     size: {
-      sm: ["size-7"],
-      md: ["size-8"],
-      lg: ["size-9"]
+      ...d
     }
   },
   defaultVariants: {
     size: "md"
   }
-}), v = (t) => {
-  const { className: e, slot: n, ...i } = t;
-  return /* @__PURE__ */ s(
+}), I = (t) => {
+  const { className: n, slot: e, ...i } = t;
+  return /* @__PURE__ */ o(
     r.Root,
     {
-      className: a("flex flex-col items-start gap-2", e),
+      className: s("flex flex-col items-start gap-2", n),
       ...i,
-      "data-slot": n ?? "pin-input"
+      "data-slot": e ?? "pin-input"
     }
   );
-}, x = (t) => {
-  const { children: e, slot: n, ...i } = t;
-  return /* @__PURE__ */ s(d, { asChild: !0, children: /* @__PURE__ */ s(r.Label, { ...i, "data-slot": n ?? "pin-input-label", children: e }) });
-}, g = (t) => {
-  const { className: e, slot: n, ...i } = t;
-  return /* @__PURE__ */ s(
+}, h = (t) => {
+  const { children: n, slot: e, ...i } = t;
+  return /* @__PURE__ */ o(c, { asChild: !0, children: /* @__PURE__ */ o(r.Label, { ...i, "data-slot": e ?? "pin-input-label", children: n }) });
+}, N = (t) => {
+  const { className: n, slot: e, ...i } = t;
+  return /* @__PURE__ */ o(
     r.Control,
     {
-      className: a("flex items-center gap-2", e),
+      className: s("flex items-center gap-2", n),
       ...i,
-      "data-slot": n ?? "pin-input-control"
+      "data-slot": e ?? "pin-input-control"
     }
   );
-}, I = (t) => {
-  const { size: e = "md", className: n, slot: i, ...o } = t;
-  return /* @__PURE__ */ s(
+}, P = (t) => {
+  const { size: n = "md", className: e, slot: i, ...a } = t;
+  return /* @__PURE__ */ o(
     r.Input,
     {
-      className: a(u({ size: e }), n),
-      ...o,
+      className: s(p({ size: n }), e),
+      ...a,
       "data-slot": i ?? "pin-input-input"
     }
   );
 };
 export {
-  v as PinInput,
-  g as PinInputControl,
-  I as PinInputInput,
-  x as PinInputLabel
+  I as PinInput,
+  N as PinInputControl,
+  P as PinInputInput,
+  h as PinInputLabel
 };
 //# sourceMappingURL=pin-input.js.map

package/dist/simples/pin-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"pin-input.js","sources":["../../src/simples/pin-input.tsx"],"sourcesContent":["import { PinInput as ArkPinInput } from \"@ark-ui/react/pin-input\";\nimport type React from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../lib/cn\";\nimport { FieldLabel } from \"./field\";\n\nconst pinInputInputVariants = tv({\n  base: [\n    \"shrink-0\",\n    \"text-center tabular-nums\",\n    \"bg-field\",\n    \"text-base md:text-sm\",\n    \"rounded-field border border-input shadow-xs/5\",\n    \"placeholder:text-faint\",\n    \"transition-[color,box-shadow]\",\n    \"outline-none focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-ring\",\n    \"data-invalid:border-destructive data-invalid:text-destructive-foreground data-invalid:ring-[3px] data-invalid:ring-destructive/24\",\n    \"dark:data-invalid:text-destructive-foreground\",\n    \"disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-64\",\n    \"motion-reduce:transition-none!\",\n  ],\n  variants: {\n    size: {\n      sm: [\"size-7\"],\n      md: [\"size-8\"],\n      lg: [\"size-9\"],\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport const PinInput = (\n  props: React.ComponentProps<typeof ArkPinInput.Root>\n) => {\n  const { className, slot, ...rest } = props;\n\n  return (\n    <ArkPinInput.Root\n      className={cn(\"flex flex-col items-start gap-2\", className)}\n      {...rest}\n      data-slot={slot ?? \"pin-input\"}\n    />\n  );\n};\n\nexport const PinInputLabel = (\n  props: React.ComponentProps<typeof ArkPinInput.Label>\n) => {\n  const { children, slot, ...rest } = props;\n\n  return (\n    <FieldLabel asChild>\n      <ArkPinInput.Label {...rest} data-slot={slot ?? \"pin-input-label\"}>\n        {children}\n      </ArkPinInput.Label>\n    </FieldLabel>\n  );\n};\n\nexport const PinInputControl = (\n  props: React.ComponentProps<typeof ArkPinInput.Control>\n) => {\n  const { className, slot, ...rest } = props;\n\n  return (\n    <ArkPinInput.Control\n      className={cn(\"flex items-center gap-2\", className)}\n      {...rest}\n      data-slot={slot ?? \"pin-input-control\"}\n    />\n  );\n};\n\nexport interface PinInputInputProps\n  extends Omit<React.ComponentProps<typeof ArkPinInput.Input>, \"size\">,\n    VariantProps<typeof pinInputInputVariants> {}\n\nexport const PinInputInput = (props: PinInputInputProps) => {\n  const { size = \"md\", className, slot, ...rest } = props;\n\n  return (\n    <ArkPinInput.Input\n      className={cn(pinInputInputVariants({ size }), className)}\n      {...rest}\n      data-slot={slot ?? \"pin-input-input\"}\n    />\n  );\n};\n"],"names":["pinInputInputVariants","tv","PinInput","props","className","slot","rest","jsx","ArkPinInput","cn","PinInputLabel","children","FieldLabel","PinInputControl","PinInputInput","size"],"mappings":";;;;;AAMA,MAAMA,IAAwBC,EAAG;AAAA,EAC/B,MAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI,CAAC,QAAQ;AAAA,MACb,IAAI,CAAC,QAAQ;AAAA,MACb,IAAI,CAAC,QAAQ;AAAA,IAAA;AAAA,EACf;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC,GAEYC,IAAW,CACtBC,MACG;AACH,QAAM,EAAE,WAAAC,GAAW,MAAAC,GAAM,GAAGC,MAASH;AAErC,SACE,gBAAAI;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACC,WAAWC,EAAG,mCAAmCL,CAAS;AAAA,MACzD,GAAGE;AAAA,MACJ,aAAWD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGzB,GAEaK,IAAgB,CAC3BP,MACG;AACH,QAAM,EAAE,UAAAQ,GAAU,MAAAN,GAAM,GAAGC,MAASH;AAEpC,SACE,gBAAAI,EAACK,GAAA,EAAW,SAAO,IACjB,4BAACJ,EAAY,OAAZ,EAAmB,GAAGF,GAAM,aAAWD,KAAQ,mBAC7C,UAAAM,GACH,GACF;AAEJ,GAEaE,IAAkB,CAC7BV,MACG;AACH,QAAM,EAAE,WAAAC,GAAW,MAAAC,GAAM,GAAGC,MAASH;AAErC,SACE,gBAAAI;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACC,WAAWC,EAAG,2BAA2BL,CAAS;AAAA,MACjD,GAAGE;AAAA,MACJ,aAAWD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGzB,GAMaS,IAAgB,CAACX,MAA8B;AAC1D,QAAM,EAAE,MAAAY,IAAO,MAAM,WAAAX,GAAW,MAAAC,GAAM,GAAGC,MAASH;AAElD,SACE,gBAAAI;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACC,WAAWC,EAAGT,EAAsB,EAAE,MAAAe,EAAA,CAAM,GAAGX,CAAS;AAAA,MACvD,GAAGE;AAAA,MACJ,aAAWD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGzB;"}
+{"version":3,"file":"pin-input.js","sources":["../../src/simples/pin-input.tsx"],"sourcesContent":["import { PinInput as ArkPinInput } from \"@ark-ui/react/pin-input\";\nimport type React from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../lib/cn\";\nimport { controlHeight, controlSizes } from \"../lib/control-size\";\nimport { FieldLabel } from \"./field\";\n\nconst pinInputInputVariants = tv({\n  base: [\n    \"shrink-0\",\n    controlHeight,\n    \"w-(--size)\",\n    \"text-center tabular-nums\",\n    \"bg-field\",\n    \"text-base md:text-sm\",\n    \"rounded-field border border-input shadow-xs/5\",\n    \"placeholder:text-faint\",\n    \"transition-[color,box-shadow]\",\n    \"outline-none focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-ring\",\n    \"data-invalid:border-destructive data-invalid:text-destructive-foreground data-invalid:ring-[3px] data-invalid:ring-destructive/24\",\n    \"dark:data-invalid:text-destructive-foreground\",\n    \"disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-64\",\n    \"motion-reduce:transition-none!\",\n  ],\n  variants: {\n    size: {\n      ...controlSizes,\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport const PinInput = (\n  props: React.ComponentProps<typeof ArkPinInput.Root>\n) => {\n  const { className, slot, ...rest } = props;\n\n  return (\n    <ArkPinInput.Root\n      className={cn(\"flex flex-col items-start gap-2\", className)}\n      {...rest}\n      data-slot={slot ?? \"pin-input\"}\n    />\n  );\n};\n\nexport const PinInputLabel = (\n  props: React.ComponentProps<typeof ArkPinInput.Label>\n) => {\n  const { children, slot, ...rest } = props;\n\n  return (\n    <FieldLabel asChild>\n      <ArkPinInput.Label {...rest} data-slot={slot ?? \"pin-input-label\"}>\n        {children}\n      </ArkPinInput.Label>\n    </FieldLabel>\n  );\n};\n\nexport const PinInputControl = (\n  props: React.ComponentProps<typeof ArkPinInput.Control>\n) => {\n  const { className, slot, ...rest } = props;\n\n  return (\n    <ArkPinInput.Control\n      className={cn(\"flex items-center gap-2\", className)}\n      {...rest}\n      data-slot={slot ?? \"pin-input-control\"}\n    />\n  );\n};\n\nexport interface PinInputInputProps\n  extends Omit<React.ComponentProps<typeof ArkPinInput.Input>, \"size\">,\n    VariantProps<typeof pinInputInputVariants> {}\n\nexport const PinInputInput = (props: PinInputInputProps) => {\n  const { size = \"md\", className, slot, ...rest } = props;\n\n  return (\n    <ArkPinInput.Input\n      className={cn(pinInputInputVariants({ size }), className)}\n      {...rest}\n      data-slot={slot ?? \"pin-input-input\"}\n    />\n  );\n};\n"],"names":["pinInputInputVariants","tv","controlHeight","controlSizes","PinInput","props","className","slot","rest","jsx","ArkPinInput","cn","PinInputLabel","children","FieldLabel","PinInputControl","PinInputInput","size"],"mappings":";;;;;;AAOA,MAAMA,IAAwBC,EAAG;AAAA,EAC/B,MAAM;AAAA,IACJ;AAAA,IACAC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,GAAGC;AAAA,IAAA;AAAA,EACL;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC,GAEYC,IAAW,CACtBC,MACG;AACH,QAAM,EAAE,WAAAC,GAAW,MAAAC,GAAM,GAAGC,MAASH;AAErC,SACE,gBAAAI;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACC,WAAWC,EAAG,mCAAmCL,CAAS;AAAA,MACzD,GAAGE;AAAA,MACJ,aAAWD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGzB,GAEaK,IAAgB,CAC3BP,MACG;AACH,QAAM,EAAE,UAAAQ,GAAU,MAAAN,GAAM,GAAGC,MAASH;AAEpC,SACE,gBAAAI,EAACK,GAAA,EAAW,SAAO,IACjB,4BAACJ,EAAY,OAAZ,EAAmB,GAAGF,GAAM,aAAWD,KAAQ,mBAC7C,UAAAM,GACH,GACF;AAEJ,GAEaE,IAAkB,CAC7BV,MACG;AACH,QAAM,EAAE,WAAAC,GAAW,MAAAC,GAAM,GAAGC,MAASH;AAErC,SACE,gBAAAI;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACC,WAAWC,EAAG,2BAA2BL,CAAS;AAAA,MACjD,GAAGE;AAAA,MACJ,aAAWD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGzB,GAMaS,IAAgB,CAACX,MAA8B;AAC1D,QAAM,EAAE,MAAAY,IAAO,MAAM,WAAAX,GAAW,MAAAC,GAAM,GAAGC,MAASH;AAElD,SACE,gBAAAI;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACC,WAAWC,EAAGX,EAAsB,EAAE,MAAAiB,EAAA,CAAM,GAAGX,CAAS;AAAA,MACvD,GAAGE;AAAA,MACJ,aAAWD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGzB;"}

package/dist/simples/radio-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../src/simples/radio-group.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,UAAU,IAAI,aAAa,EAE5B,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,eAAO,MAAM,aAAa,oDAAuB,CAAC;AAElD,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC;IACvD;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC3B;AAgBD,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,sBA8BhD,CAAC;AAEF,eAAO,MAAM,cAAc,GACzB,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,sBAwCvD,CAAC;AAKF,eAAO,MAAM,cAAc,GACzB,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,sBAyCvD,CAAC;AAGF,eAAO,MAAM,mBAAmB,GAC9B,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,WAAW,CAAC,sBAgB9D,CAAC;AAEF,eAAO,MAAM,cAAc,GACzB,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,QAAQ,CAAC,sBAc3D,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,KAAK,CAAC,sBAWxD,CAAC"}
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../src/simples/radio-group.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,UAAU,IAAI,aAAa,EAE5B,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,eAAO,MAAM,aAAa,oDAAuB,CAAC;AAElD,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC;IACvD;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC3B;AAgBD,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,sBA8BhD,CAAC;AAaF,eAAO,MAAM,cAAc,GACzB,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,sBAoCvD,CAAC;AAKF,eAAO,MAAM,cAAc,GACzB,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,sBAyCvD,CAAC;AAGF,eAAO,MAAM,mBAAmB,GAC9B,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,WAAW,CAAC,sBAgB9D,CAAC;AAEF,eAAO,MAAM,cAAc,GACzB,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,QAAQ,CAAC,sBAc3D,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,KAAK,CAAC,sBAWxD,CAAC"}