@kanzo-tech/ui 0.12.0 → 0.13.0

package/dist/lib/control-size.d.ts

@@ -0,0 +1,26 @@
+/**
+ * The height of a single-line control, written once.
+ *
+ * A control's size is one custom property, `--size`, and its height is one utility that reads it.
+ * `controlSizes` assigns the property per size token — a multiple of `--size-field`, the knob a
+ * tenant turns to ask for tighter controls without asking for tighter text — and `controlHeight`
+ * reads it. Every recipe for a control that sits in a form row spreads the first into its `size`
+ * variant and puts the second on its `base`, so a text input, a select, a combobox, a date picker
+ * and a segment group are the same height at the same token, at every density, by construction.
+ *
+ * **On the base, not on the size, and not on a `data-slot`**: the reason is on `/docs/design/naming`.
+ *
+ * A control that grows (a tags input with a second row, a textarea) takes `controlMinHeight`
+ * instead; one that lives inside another control's border (an input inside a group) is the group's
+ * height less its border, and is written that way in `input-group.tsx`.
+ *
+ * `control-size.test.ts` fails when a recipe listed there stops using these.
+ */
+export declare const controlSizes: {
+    readonly sm: "[--size:calc(var(--size-field)*7)]";
+    readonly md: "[--size:calc(var(--size-field)*8)]";
+    readonly lg: "[--size:calc(var(--size-field)*9)]";
+};
+export declare const controlHeight = "h-(--size)";
+export declare const controlMinHeight = "min-h-(--size)";
+//# sourceMappingURL=control-size.d.ts.map

package/dist/lib/control-size.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-size.d.ts","sourceRoot":"","sources":["../../src/lib/control-size.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,eAAO,MAAM,aAAa,eAAe,CAAC;AAC1C,eAAO,MAAM,gBAAgB,mBAAmB,CAAC"}

package/dist/lib/control-size.js

@@ -0,0 +1,11 @@
+const i = {
+  sm: "[--size:calc(var(--size-field)*7)]",
+  md: "[--size:calc(var(--size-field)*8)]",
+  lg: "[--size:calc(var(--size-field)*9)]"
+}, e = "h-(--size)", s = "min-h-(--size)";
+export {
+  e as controlHeight,
+  s as controlMinHeight,
+  i as controlSizes
+};
+//# sourceMappingURL=control-size.js.map

package/dist/lib/control-size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-size.js","sources":["../../src/lib/control-size.ts"],"sourcesContent":["/**\n * The height of a single-line control, written once.\n *\n * A control's size is one custom property, `--size`, and its height is one utility that reads it.\n * `controlSizes` assigns the property per size token — a multiple of `--size-field`, the knob a\n * tenant turns to ask for tighter controls without asking for tighter text — and `controlHeight`\n * reads it. Every recipe for a control that sits in a form row spreads the first into its `size`\n * variant and puts the second on its `base`, so a text input, a select, a combobox, a date picker\n * and a segment group are the same height at the same token, at every density, by construction.\n *\n * **On the base, not on the size, and not on a `data-slot`**: the reason is on `/docs/design/naming`.\n *\n * A control that grows (a tags input with a second row, a textarea) takes `controlMinHeight`\n * instead; one that lives inside another control's border (an input inside a group) is the group's\n * height less its border, and is written that way in `input-group.tsx`.\n *\n * `control-size.test.ts` fails when a recipe listed there stops using these.\n */\nexport const controlSizes = {\n  sm: \"[--size:calc(var(--size-field)*7)]\",\n  md: \"[--size:calc(var(--size-field)*8)]\",\n  lg: \"[--size:calc(var(--size-field)*9)]\",\n} as const;\n\nexport const controlHeight = \"h-(--size)\";\nexport const controlMinHeight = \"min-h-(--size)\";\n"],"names":["controlSizes","controlHeight","controlMinHeight"],"mappings":"AAkBO,MAAMA,IAAe;AAAA,EAC1B,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAgB,cAChBC,IAAmB;"}

package/dist/simples/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/simples/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAI1D;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,cAAc;;;;;;;;;IAyGvB;;;;;;;;;;;;OAYG;;;;;;;;;;;;;;;;;;;;;;;;;;IAZH;;;;;;;;;;;;OAYG;;;;;;;;;;;;;;;;;;;;;;;;;;IAZH;;;;;;;;;;;;OAYG;;;;;;;;;;;;;;;;;qDAqCL,CAAC;AAEH,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,MAAM,CAAC,EAC7C,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,sBA6CxC,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/simples/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAK1D;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,cAAc;;;;;;;;;IAyGvB;;;;;;;;;;;;OAYG;;;;;;;;;;;;;;;;;;;;;;;;;;IAZH;;;;;;;;;;;;OAYG;;;;;;;;;;;;;;;;;;;;;;;;;;IAZH;;;;;;;;;;;;OAYG;;;;;;;;;;;;;;;;;qDAqCL,CAAC;AAEH,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,MAAM,CAAC,EAC7C,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,sBA6CxC,CAAC"}

package/dist/simples/button.js

@@ -1,14 +1,15 @@
-import { jsx as e, jsxs as b, Fragment as v } from "react/jsx-runtime";
-import { ark as p } from "@ark-ui/react/factory";
+import { jsx as r, jsxs as v, Fragment as p } from "react/jsx-runtime";
+import { ark as g } from "@ark-ui/react/factory";
 import { tv as f } from "tailwind-variants";
-import { cn as g } from "../lib/cn.js";
-import { Spinner as u } from "./spinner.js";
-const m = f({
+import { cn as u } from "../lib/cn.js";
+import { controlSizes as e, controlHeight as m } from "../lib/control-size.js";
+import { Spinner as x } from "./spinner.js";
+const z = f({
   base: [
     "relative",
     // Nothing below may be keyed on `data-slot`. See the docblock: `--size` was moved here first,
     // in `05f3a0a`, and the paint followed it once the same rename was measured against the colour.
-    "h-(--size)",
+    m,
     // The only one of the three locals a variant may leave unset — `outline` is the sole variant
     // that assigns `--btn-bd`, while all six assign the fill and the ink. A default for those two
     // would be a line that is overwritten every single render.
@@ -122,15 +123,15 @@ const m = f({
      * density, and nothing was published to break.
      */
     size: {
-      sm: ["[--size:calc(var(--size-field)*7)]", "px-2.5", "gap-1.5", "[&_svg:not([class*='size-'])]:size-3.5"],
-      md: ["[--size:calc(var(--size-field)*8)]", "px-3", "py-2"],
-      lg: ["[--size:calc(var(--size-field)*9)]", "px-3.5"],
+      sm: [e.sm, "px-2.5", "gap-1.5", "[&_svg:not([class*='size-'])]:size-3.5"],
+      md: [e.md, "px-3", "py-2"],
+      lg: [e.lg, "px-3.5"],
       xl: ["[--size:calc(var(--size-field)*10)]", "text-base", "px-4"],
       // Square, and the width is stated rather than left to `aspect-ratio`: a caller who writes
       // `w-fit` on top of an aspect ratio gets the icon's own width and a control twice as tall.
-      "icon-sm": ["[--size:calc(var(--size-field)*7)]", "w-(--size)", "px-0"],
-      "icon-md": ["[--size:calc(var(--size-field)*8)]", "w-(--size)", "px-0"],
-      "icon-lg": ["[--size:calc(var(--size-field)*9)]", "w-(--size)", "px-0"],
+      "icon-sm": [e.sm, "w-(--size)", "px-0"],
+      "icon-md": [e.md, "w-(--size)", "px-0"],
+      "icon-lg": [e.lg, "w-(--size)", "px-0"],
       "icon-xl": [
         "[--size:calc(var(--size-field)*10)]",
         "w-(--size)",
@@ -157,43 +158,43 @@ const m = f({
     clickEffect: !0,
     pill: !1
   }
-}), k = (s) => {
+}), j = (s) => {
   const {
-    variant: r = "default",
-    size: t = "md",
-    clickEffect: n = !0,
-    pill: o = !1,
+    variant: i = "default",
+    size: n = "md",
+    clickEffect: o = !0,
+    pill: d = !1,
     isLoading: a = !1,
     className: l,
-    children: i,
-    slot: d,
+    children: t,
+    slot: b,
     ...c
   } = s;
-  return /* @__PURE__ */ e(
-    p.button,
+  return /* @__PURE__ */ r(
+    g.button,
     {
-      className: g(
-        m({ variant: r, size: t, clickEffect: n, pill: o }),
+      className: u(
+        z({ variant: i, size: n, clickEffect: o, pill: d }),
         l
       ),
-      "data-size": t,
+      "data-size": n,
       "data-state": a ? "loading" : "idle",
-      "data-variant": r,
+      "data-variant": i,
       type: "button",
       ...c,
-      "data-slot": d ?? "button",
+      "data-slot": b ?? "button",
       "aria-busy": a,
       "aria-disabled": a,
-      children: a ? /* @__PURE__ */ b(v, { children: [
-        /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "invisible", children: i }),
-        /* @__PURE__ */ e("span", { className: "sr-only", children: i }),
-        /* @__PURE__ */ e("span", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e(u, { "aria-hidden": !0 }) })
-      ] }) : i
+      children: a ? /* @__PURE__ */ v(p, { children: [
+        /* @__PURE__ */ r("span", { "aria-hidden": !0, className: "invisible", children: t }),
+        /* @__PURE__ */ r("span", { className: "sr-only", children: t }),
+        /* @__PURE__ */ r("span", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ r(x, { "aria-hidden": !0 }) })
+      ] }) : t
     }
   );
 };
 export {
-  k as Button,
-  m as buttonVariants
+  j as Button,
+  z as buttonVariants
 };
 //# sourceMappingURL=button.js.map

package/dist/simples/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../src/simples/button.tsx"],"sourcesContent":["import { ark } from \"@ark-ui/react/factory\";\nimport type React from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../lib/cn\";\nimport { Spinner } from \"./spinner\";\n\n/**\n * The whole control: the fill, the ink, the edge, the lift, both washes and the height, all on the\n * `base` and all written once in terms of three locals a variant assigns.\n *\n * **The shape is daisyUI's.** Their `.btn-primary` is two custom-property assignments over a `.btn`\n * that derives every state; ours was six variants of five to six utilities each, naming eight\n * different tokens between them, with the hover of each written separately. A hover rule that lives\n * in six places is a hover rule that drifts in six places.\n *\n * **The placement is daisyUI's too, and that half arrived late.** The derivations sat in\n * the stylesheet under `[data-slot=\"button\"]`, which is the one attribute this library invites a\n * caller to RENAME — every part takes `slot?: string`. So every component of ours that renames a\n * `Button` got the variant's three assignments and no rule that read them: `AlertDialogAction` and\n * `AlertDialogCancel` reported their `data-variant` correctly and `background-color:\n * rgba(0, 0, 0, 0)` in a live document, and twenty-nine more call sites sat on the same fault.\n * `05f3a0a` had already moved the *height* here for exactly this reason and left the colour behind,\n * on the argument that losing a colour on a rename is a caller asking for a different look — which\n * is true of a caller and was never true of us. `no-paint-on-a-renameable-slot.test.ts` holds it.\n *\n * What a variant may set: `--btn-bg`, `--btn-fg`, `--btn-bd`. Nothing else here paints.\n */\nexport const buttonVariants = tv({\n  base: [\n    \"relative\",\n    // Nothing below may be keyed on `data-slot`. See the docblock: `--size` was moved here first,\n    // in `05f3a0a`, and the paint followed it once the same rename was measured against the colour.\n    \"h-(--size)\",\n    // The only one of the three locals a variant may leave unset — `outline` is the sole variant\n    // that assigns `--btn-bd`, while all six assign the fill and the ink. A default for those two\n    // would be a line that is overwritten every single render.\n    \"[--btn-bd:transparent]\",\n    // Derived, never assigned by a variant. `--depth: 0` collapses the edge and the lift to\n    // nothing, which is what the library looks like today; `1` gives it relief. Same classes.\n    //\n    // daisyUI darkens a fill with `color-mix(in oklab, var(--btn-bg), #000 5%)`. Mixing toward\n    // `--foreground` instead is a divergence taken on a reason: `black` is only \"darker\" in a light\n    // theme, and on a dark one the hover of a pale button should move toward white. One formula\n    // reads as \"push this fill away from the page and toward the ink\" in both, and it follows a\n    // tenant's document instead of a constant — which is also why `--depth` can be a single number.\n    // Their half-pixel inset gloss needs a colour that is toward the light side in both modes and\n    // neither `--foreground` nor `--background` is that, so it waits for a reason to exist.\n    \"[--btn-edge:color-mix(in_oklab,var(--btn-bd),var(--foreground)_calc(var(--depth)*8%))]\",\n    \"[--btn-lift:color-mix(in_oklab,var(--btn-bg)_calc(var(--depth)*30%),transparent)]\",\n    \"bg-(--btn-bg) text-(--btn-fg)\",\n    // The grain, and the whole of the conditional that switches it off: at `--noise: 0` the layer\n    // is sized to zero and never painted, at `1` it tiles. No variant — which is the property that\n    // lets it be a value a tenant sets rather than a look somebody has to write. It defaults to `0`\n    // here rather than in every theme, because a theme that wants no texture is saying nothing.\n    \"bg-(image:--fx-noise) bg-size-[calc(var(--noise,0)*100%)]\",\n    // `rounded-[var(--radius-field)]` and not `rounded-field`, which is the same radius and the\n    // spelling every other recipe here uses: `tailwind-merge` knows nothing about a theme key it\n    // was never configured with, so `rounded-field` and a caller's `rounded-full` both survive the\n    // merge and the winner is whichever Tailwind happened to emit last. The `pill` variant is that\n    // caller. An arbitrary value is in a group the merge does know.\n    \"border-[length:var(--stroke)] border-(--btn-edge) rounded-[var(--radius-field)]\",\n    // As `shadow-*` rather than a raw `box-shadow`, so it composes with `focus-visible:ring-[3px]`\n    // through Tailwind's shadow chain instead of being replaced by it. At `--depth: 0` the lift is\n    // transparent and nothing is drawn either way, which is why that was invisible before.\n    \"shadow-[0_3px_2px_-2px_var(--btn-lift),0_4px_3px_-2px_var(--btn-lift)]\",\n    // One hover and one active for every variant, solid and transparent alike — and the transparent\n    // case is the tell that the formula is right. Mixing `transparent` with the foreground at 10%\n    // IS the foreground at 10% alpha, which is exactly the wash a ghost button wants.\n    //\n    // The CSS rule guarded these with `:not(:disabled, [aria-disabled=\"true\"], [data-disabled])`.\n    // All three spellings already carry `pointer-events-none` on this same base and an element with\n    // `pointer-events: none` can match neither `:hover` nor `:active`, so the guard was\n    // belt-and-braces. Dropping it is not tidiness: with the plain modifier, `tailwind-merge` can\n    // see a variant's own `hover:bg-*` as the same utility and let it win — which is how `link`\n    // opts out in one class, instead of losing to a longer selector on specificity.\n    \"hover:bg-[color-mix(in_oklab,var(--btn-bg),var(--foreground)_10%)]\",\n    \"active:bg-[color-mix(in_oklab,var(--btn-bg),var(--foreground)_16%)]\",\n    \"inline-flex shrink-0 items-center justify-center gap-2\",\n    \"whitespace-nowrap font-medium text-sm\",\n    \"border-solid\",\n    \"transition-all\",\n    \"outline-none focus-visible:ring-[3px] focus-visible:ring-ring\",\n    \"disabled:pointer-events-none disabled:opacity-64\",\n    \"data-disabled:pointer-events-none data-disabled:opacity-64\",\n    \"aria-disabled:pointer-events-none aria-disabled:opacity-64\",\n    \"data-[state=loading]:pointer-events-none\",\n    \"aria-invalid:border-destructive aria-invalid:ring-destructive/24\",\n    \"[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n    \"motion-reduce:transition-none!\",\n  ],\n  variants: {\n    variant: {\n      default: [\n        \"[--btn-bg:var(--primary)]\",\n        \"[--btn-fg:var(--primary-foreground)]\",\n        \"focus-visible:border-background\",\n      ],\n      outline: [\n        \"[--btn-bg:transparent]\",\n        \"[--btn-fg:var(--foreground)]\",\n        \"[--btn-bd:var(--input)]\",\n        \"focus-visible:border-primary\",\n      ],\n      destructive: [\n        \"[--btn-bg:var(--destructive)]\",\n        // Was `text-white` at 3.81 on red-500. The fill moved to `-600` and the ink became a token,\n        // because no choice of ink rescued red-500: white 3.81, near-black 4.15, AA needs 4.5.\n        \"[--btn-fg:var(--destructive-content)]\",\n        \"focus-visible:border-background focus-visible:ring-destructive-foreground/32\",\n      ],\n      secondary: [\n        \"[--btn-bg:var(--secondary)]\",\n        \"[--btn-fg:var(--secondary-foreground)]\",\n        \"focus-visible:border-primary\",\n      ],\n      ghost: [\n        \"[--btn-bg:transparent]\",\n        \"[--btn-fg:var(--foreground)]\",\n        \"focus-visible:border-primary\",\n      ],\n      // The one variant that opts OUT of the shared hover, because a link's hover is an underline\n      // and not a wash. Same modifier and same utility group as the base's wash, so\n      // `tailwind-variants` merges the two and the variant wins — which is what makes opting out\n      // one class rather than an exception somewhere else.\n      link: [\n        \"[--btn-bg:transparent]\",\n        \"[--btn-fg:var(--primary)]\",\n        \"underline-offset-4\",\n        \"hover:bg-transparent hover:underline active:bg-transparent\",\n        \"focus-visible:border-primary\",\n      ],\n    },\n    /**\n     * Padding, gaps and icon sizes. A size variant only **moves `--size`** — the height that reads\n     * it is on the `base` — so a tenant can ask for compact controls, through `--size-field`,\n     * without asking for tighter text.\n     *\n     * The floor is still measured rather than chosen. `xs` and `icon-xs` were both `1.5rem`, and\n     * every size is a `rem` against a root the density axis sets — 16px default, 14px compact, 18px\n     * comfortable — so they measured **21px in compact**, under the 24×24 WCAG 2.5.8 states in CSS\n     * pixels. `sm` is the smallest size that clears the bar in all three densities. No call site was\n     * failing: the spacing exception saves a clustered control, and every measured `xs` was in a\n     * cluster. The variant went because its NAME promised a size it could not deliver at one\n     * density, and nothing was published to break.\n     */\n    size: {\n      sm: [\"[--size:calc(var(--size-field)*7)]\", \"px-2.5\", \"gap-1.5\", \"[&_svg:not([class*='size-'])]:size-3.5\"],\n      md: [\"[--size:calc(var(--size-field)*8)]\", \"px-3\", \"py-2\"],\n      lg: [\"[--size:calc(var(--size-field)*9)]\", \"px-3.5\"],\n      xl: [\"[--size:calc(var(--size-field)*10)]\", \"text-base\", \"px-4\"],\n      // Square, and the width is stated rather than left to `aspect-ratio`: a caller who writes\n      // `w-fit` on top of an aspect ratio gets the icon's own width and a control twice as tall.\n      \"icon-sm\": [\"[--size:calc(var(--size-field)*7)]\", \"w-(--size)\", \"px-0\"],\n      \"icon-md\": [\"[--size:calc(var(--size-field)*8)]\", \"w-(--size)\", \"px-0\"],\n      \"icon-lg\": [\"[--size:calc(var(--size-field)*9)]\", \"w-(--size)\", \"px-0\"],\n      \"icon-xl\": [\n        \"[--size:calc(var(--size-field)*10)]\",\n        \"w-(--size)\",\n        \"px-0\",\n        \"[&_svg:not([class*='size-'])]:size-5\",\n      ],\n    },\n    clickEffect: {\n      true: \"active:not-aria-[haspopup]:scale-[0.98]\",\n    },\n    pill: {\n      true: [\n        \"rounded-full\",\n        \"has-[>svg]:data-[size=sm]:pe-3.5\",\n        \"has-[>svg]:data-[size=md]:pe-4\",\n        \"has-[>svg]:data-[size=lg]:pe-4.5\",\n        \"has-[>svg]:data-[size=xl]:pe-5\",\n      ],\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"md\",\n    clickEffect: true,\n    pill: false,\n  },\n});\n\nexport interface ButtonProps\n  extends React.ComponentProps<typeof ark.button>,\n    VariantProps<typeof buttonVariants> {\n  /**\n   * Apply a click effect to the button\n   *\n   * @default true\n   */\n  clickEffect?: boolean;\n  /**\n   * Show a loading indicator\n   *\n   * @default false\n   */\n  isLoading?: boolean;\n}\n\nexport const Button = (props: ButtonProps) => {\n  const {\n    variant = \"default\",\n    size = \"md\",\n    clickEffect = true,\n    pill = false,\n    isLoading = false,\n    className,\n    children,\n    slot,\n    ...rest\n  } = props;\n\n  return (\n    <ark.button\n      className={cn(\n        buttonVariants({ variant, size, clickEffect, pill }),\n        className\n      )}\n      data-size={size}\n      data-state={isLoading ? \"loading\" : \"idle\"}\n      data-variant={variant}\n      type=\"button\"\n      {...rest}\n      data-slot={slot ?? \"button\"}\n      aria-busy={isLoading}\n      aria-disabled={isLoading}\n    >\n      {isLoading ? (\n        <>\n          <span aria-hidden className=\"invisible\">\n            {children}\n          </span>\n\n          <span className=\"sr-only\">{children}</span>\n\n          <span className=\"absolute inset-0 flex items-center justify-center\">\n            <Spinner aria-hidden />\n          </span>\n        </>\n      ) : (\n        children\n      )}\n    </ark.button>\n  );\n};\n"],"names":["buttonVariants","tv","Button","props","variant","size","clickEffect","pill","isLoading","className","children","slot","rest","jsx","ark","cn","jsxs","Fragment","Spinner"],"mappings":"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"}
+{"version":3,"file":"button.js","sources":["../../src/simples/button.tsx"],"sourcesContent":["import { ark } from \"@ark-ui/react/factory\";\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 { Spinner } from \"./spinner\";\n\n/**\n * The whole control: the fill, the ink, the edge, the lift, both washes and the height, all on the\n * `base` and all written once in terms of three locals a variant assigns.\n *\n * **The shape is daisyUI's.** Their `.btn-primary` is two custom-property assignments over a `.btn`\n * that derives every state; ours was six variants of five to six utilities each, naming eight\n * different tokens between them, with the hover of each written separately. A hover rule that lives\n * in six places is a hover rule that drifts in six places.\n *\n * **The placement is daisyUI's too, and that half arrived late.** The derivations sat in\n * the stylesheet under `[data-slot=\"button\"]`, which is the one attribute this library invites a\n * caller to RENAME — every part takes `slot?: string`. So every component of ours that renames a\n * `Button` got the variant's three assignments and no rule that read them: `AlertDialogAction` and\n * `AlertDialogCancel` reported their `data-variant` correctly and `background-color:\n * rgba(0, 0, 0, 0)` in a live document, and twenty-nine more call sites sat on the same fault.\n * `05f3a0a` had already moved the *height* here for exactly this reason and left the colour behind,\n * on the argument that losing a colour on a rename is a caller asking for a different look — which\n * is true of a caller and was never true of us. `no-paint-on-a-renameable-slot.test.ts` holds it.\n *\n * What a variant may set: `--btn-bg`, `--btn-fg`, `--btn-bd`. Nothing else here paints.\n */\nexport const buttonVariants = tv({\n  base: [\n    \"relative\",\n    // Nothing below may be keyed on `data-slot`. See the docblock: `--size` was moved here first,\n    // in `05f3a0a`, and the paint followed it once the same rename was measured against the colour.\n    controlHeight,\n    // The only one of the three locals a variant may leave unset — `outline` is the sole variant\n    // that assigns `--btn-bd`, while all six assign the fill and the ink. A default for those two\n    // would be a line that is overwritten every single render.\n    \"[--btn-bd:transparent]\",\n    // Derived, never assigned by a variant. `--depth: 0` collapses the edge and the lift to\n    // nothing, which is what the library looks like today; `1` gives it relief. Same classes.\n    //\n    // daisyUI darkens a fill with `color-mix(in oklab, var(--btn-bg), #000 5%)`. Mixing toward\n    // `--foreground` instead is a divergence taken on a reason: `black` is only \"darker\" in a light\n    // theme, and on a dark one the hover of a pale button should move toward white. One formula\n    // reads as \"push this fill away from the page and toward the ink\" in both, and it follows a\n    // tenant's document instead of a constant — which is also why `--depth` can be a single number.\n    // Their half-pixel inset gloss needs a colour that is toward the light side in both modes and\n    // neither `--foreground` nor `--background` is that, so it waits for a reason to exist.\n    \"[--btn-edge:color-mix(in_oklab,var(--btn-bd),var(--foreground)_calc(var(--depth)*8%))]\",\n    \"[--btn-lift:color-mix(in_oklab,var(--btn-bg)_calc(var(--depth)*30%),transparent)]\",\n    \"bg-(--btn-bg) text-(--btn-fg)\",\n    // The grain, and the whole of the conditional that switches it off: at `--noise: 0` the layer\n    // is sized to zero and never painted, at `1` it tiles. No variant — which is the property that\n    // lets it be a value a tenant sets rather than a look somebody has to write. It defaults to `0`\n    // here rather than in every theme, because a theme that wants no texture is saying nothing.\n    \"bg-(image:--fx-noise) bg-size-[calc(var(--noise,0)*100%)]\",\n    // `rounded-[var(--radius-field)]` and not `rounded-field`, which is the same radius and the\n    // spelling every other recipe here uses: `tailwind-merge` knows nothing about a theme key it\n    // was never configured with, so `rounded-field` and a caller's `rounded-full` both survive the\n    // merge and the winner is whichever Tailwind happened to emit last. The `pill` variant is that\n    // caller. An arbitrary value is in a group the merge does know.\n    \"border-[length:var(--stroke)] border-(--btn-edge) rounded-[var(--radius-field)]\",\n    // As `shadow-*` rather than a raw `box-shadow`, so it composes with `focus-visible:ring-[3px]`\n    // through Tailwind's shadow chain instead of being replaced by it. At `--depth: 0` the lift is\n    // transparent and nothing is drawn either way, which is why that was invisible before.\n    \"shadow-[0_3px_2px_-2px_var(--btn-lift),0_4px_3px_-2px_var(--btn-lift)]\",\n    // One hover and one active for every variant, solid and transparent alike — and the transparent\n    // case is the tell that the formula is right. Mixing `transparent` with the foreground at 10%\n    // IS the foreground at 10% alpha, which is exactly the wash a ghost button wants.\n    //\n    // The CSS rule guarded these with `:not(:disabled, [aria-disabled=\"true\"], [data-disabled])`.\n    // All three spellings already carry `pointer-events-none` on this same base and an element with\n    // `pointer-events: none` can match neither `:hover` nor `:active`, so the guard was\n    // belt-and-braces. Dropping it is not tidiness: with the plain modifier, `tailwind-merge` can\n    // see a variant's own `hover:bg-*` as the same utility and let it win — which is how `link`\n    // opts out in one class, instead of losing to a longer selector on specificity.\n    \"hover:bg-[color-mix(in_oklab,var(--btn-bg),var(--foreground)_10%)]\",\n    \"active:bg-[color-mix(in_oklab,var(--btn-bg),var(--foreground)_16%)]\",\n    \"inline-flex shrink-0 items-center justify-center gap-2\",\n    \"whitespace-nowrap font-medium text-sm\",\n    \"border-solid\",\n    \"transition-all\",\n    \"outline-none focus-visible:ring-[3px] focus-visible:ring-ring\",\n    \"disabled:pointer-events-none disabled:opacity-64\",\n    \"data-disabled:pointer-events-none data-disabled:opacity-64\",\n    \"aria-disabled:pointer-events-none aria-disabled:opacity-64\",\n    \"data-[state=loading]:pointer-events-none\",\n    \"aria-invalid:border-destructive aria-invalid:ring-destructive/24\",\n    \"[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n    \"motion-reduce:transition-none!\",\n  ],\n  variants: {\n    variant: {\n      default: [\n        \"[--btn-bg:var(--primary)]\",\n        \"[--btn-fg:var(--primary-foreground)]\",\n        \"focus-visible:border-background\",\n      ],\n      outline: [\n        \"[--btn-bg:transparent]\",\n        \"[--btn-fg:var(--foreground)]\",\n        \"[--btn-bd:var(--input)]\",\n        \"focus-visible:border-primary\",\n      ],\n      destructive: [\n        \"[--btn-bg:var(--destructive)]\",\n        // Was `text-white` at 3.81 on red-500. The fill moved to `-600` and the ink became a token,\n        // because no choice of ink rescued red-500: white 3.81, near-black 4.15, AA needs 4.5.\n        \"[--btn-fg:var(--destructive-content)]\",\n        \"focus-visible:border-background focus-visible:ring-destructive-foreground/32\",\n      ],\n      secondary: [\n        \"[--btn-bg:var(--secondary)]\",\n        \"[--btn-fg:var(--secondary-foreground)]\",\n        \"focus-visible:border-primary\",\n      ],\n      ghost: [\n        \"[--btn-bg:transparent]\",\n        \"[--btn-fg:var(--foreground)]\",\n        \"focus-visible:border-primary\",\n      ],\n      // The one variant that opts OUT of the shared hover, because a link's hover is an underline\n      // and not a wash. Same modifier and same utility group as the base's wash, so\n      // `tailwind-variants` merges the two and the variant wins — which is what makes opting out\n      // one class rather than an exception somewhere else.\n      link: [\n        \"[--btn-bg:transparent]\",\n        \"[--btn-fg:var(--primary)]\",\n        \"underline-offset-4\",\n        \"hover:bg-transparent hover:underline active:bg-transparent\",\n        \"focus-visible:border-primary\",\n      ],\n    },\n    /**\n     * Padding, gaps and icon sizes. A size variant only **moves `--size`** — the height that reads\n     * it is on the `base` — so a tenant can ask for compact controls, through `--size-field`,\n     * without asking for tighter text.\n     *\n     * The floor is still measured rather than chosen. `xs` and `icon-xs` were both `1.5rem`, and\n     * every size is a `rem` against a root the density axis sets — 16px default, 14px compact, 18px\n     * comfortable — so they measured **21px in compact**, under the 24×24 WCAG 2.5.8 states in CSS\n     * pixels. `sm` is the smallest size that clears the bar in all three densities. No call site was\n     * failing: the spacing exception saves a clustered control, and every measured `xs` was in a\n     * cluster. The variant went because its NAME promised a size it could not deliver at one\n     * density, and nothing was published to break.\n     */\n    size: {\n      sm: [controlSizes.sm, \"px-2.5\", \"gap-1.5\", \"[&_svg:not([class*='size-'])]:size-3.5\"],\n      md: [controlSizes.md, \"px-3\", \"py-2\"],\n      lg: [controlSizes.lg, \"px-3.5\"],\n      xl: [\"[--size:calc(var(--size-field)*10)]\", \"text-base\", \"px-4\"],\n      // Square, and the width is stated rather than left to `aspect-ratio`: a caller who writes\n      // `w-fit` on top of an aspect ratio gets the icon's own width and a control twice as tall.\n      \"icon-sm\": [controlSizes.sm, \"w-(--size)\", \"px-0\"],\n      \"icon-md\": [controlSizes.md, \"w-(--size)\", \"px-0\"],\n      \"icon-lg\": [controlSizes.lg, \"w-(--size)\", \"px-0\"],\n      \"icon-xl\": [\n        \"[--size:calc(var(--size-field)*10)]\",\n        \"w-(--size)\",\n        \"px-0\",\n        \"[&_svg:not([class*='size-'])]:size-5\",\n      ],\n    },\n    clickEffect: {\n      true: \"active:not-aria-[haspopup]:scale-[0.98]\",\n    },\n    pill: {\n      true: [\n        \"rounded-full\",\n        \"has-[>svg]:data-[size=sm]:pe-3.5\",\n        \"has-[>svg]:data-[size=md]:pe-4\",\n        \"has-[>svg]:data-[size=lg]:pe-4.5\",\n        \"has-[>svg]:data-[size=xl]:pe-5\",\n      ],\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"md\",\n    clickEffect: true,\n    pill: false,\n  },\n});\n\nexport interface ButtonProps\n  extends React.ComponentProps<typeof ark.button>,\n    VariantProps<typeof buttonVariants> {\n  /**\n   * Apply a click effect to the button\n   *\n   * @default true\n   */\n  clickEffect?: boolean;\n  /**\n   * Show a loading indicator\n   *\n   * @default false\n   */\n  isLoading?: boolean;\n}\n\nexport const Button = (props: ButtonProps) => {\n  const {\n    variant = \"default\",\n    size = \"md\",\n    clickEffect = true,\n    pill = false,\n    isLoading = false,\n    className,\n    children,\n    slot,\n    ...rest\n  } = props;\n\n  return (\n    <ark.button\n      className={cn(\n        buttonVariants({ variant, size, clickEffect, pill }),\n        className\n      )}\n      data-size={size}\n      data-state={isLoading ? \"loading\" : \"idle\"}\n      data-variant={variant}\n      type=\"button\"\n      {...rest}\n      data-slot={slot ?? \"button\"}\n      aria-busy={isLoading}\n      aria-disabled={isLoading}\n    >\n      {isLoading ? (\n        <>\n          <span aria-hidden className=\"invisible\">\n            {children}\n          </span>\n\n          <span className=\"sr-only\">{children}</span>\n\n          <span className=\"absolute inset-0 flex items-center justify-center\">\n            <Spinner aria-hidden />\n          </span>\n        </>\n      ) : (\n        children\n      )}\n    </ark.button>\n  );\n};\n"],"names":["buttonVariants","tv","controlHeight","controlSizes","Button","props","variant","size","clickEffect","pill","isLoading","className","children","slot","rest","jsx","ark","cn","jsxs","Fragment","Spinner"],"mappings":"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"}

package/dist/simples/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/simples/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,IAAI,WAAW,EAExB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,eAAO,MAAM,WAAW,kDAAqB,CAAC;AAE9C,eAAO,MAAM,aAAa,GACxB,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,sBAWtD,CAAC;AAEF,eAAO,MAAM,gBAAgB,sMAgB3B,CAAC;AAEH;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,QAAQ,GACnB,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,sBA+CrD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,SAAS,CAAC,sBAoB1D,CAAC"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/simples/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,IAAI,WAAW,EAExB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,WAAW,kDAAqB,CAAC;AAE9C,eAAO,MAAM,aAAa,GACxB,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,sBAWtD,CAAC;AAaF,eAAO,MAAM,gBAAgB,sMAgB3B,CAAC;AAEH;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,QAAQ,GACnB,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,sBA2CrD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,SAAS,CAAC,sBAoB1D,CAAC"}

package/dist/simples/checkbox.js

@@ -1,19 +1,23 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { useCheckboxContext as f, Checkbox as o } from "@ark-ui/react/checkbox";
-import { CheckIcon as x, MinusIcon as h } from "lucide-react";
-import { tv as m } from "tailwind-variants";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { useCheckboxContext as f, Checkbox as i } from "@ark-ui/react/checkbox";
+import { CheckIcon as m, MinusIcon as h } from "lucide-react";
+import { tv as l } from "tailwind-variants";
 import { cn as d } from "../lib/cn.js";
-const N = f, I = (a) => {
-  const { className: t, slot: r, ...i } = a;
+import { controlSizes as k, controlMinHeight as p } from "../lib/control-size.js";
+const G = f, H = (a) => {
+  const { className: t, slot: r, ...o } = a;
   return /* @__PURE__ */ e(
-    o.Group,
+    i.Group,
     {
       className: d("flex flex-col gap-2", t),
-      ...i,
+      ...o,
       "data-slot": r ?? "checkbox-group"
     }
   );
-}, k = m({
+}, v = l({
+  base: ["inline-flex items-center gap-2", "text-sm", "data-disabled:opacity-64"],
+  variants: { labelled: { true: [k.md, p] } }
+}), g = l({
   base: [
     "relative",
     "inline-flex shrink-0 items-center justify-center",
@@ -29,54 +33,50 @@ const N = f, I = (a) => {
     "dark:not-data-checked:bg-field",
     "motion-reduce:transition-none!"
   ]
-}), j = (a) => {
+}), L = (a) => {
   const {
     className: t,
     tabIndex: r,
-    slot: i,
-    children: c,
-    "aria-label": l,
-    "aria-labelledby": b,
-    ...u
+    slot: o,
+    children: s,
+    "aria-label": b,
+    "aria-labelledby": u,
+    ...x
   } = a;
-  return /* @__PURE__ */ s(
-    o.Root,
+  return /* @__PURE__ */ n(
+    i.Root,
     {
-      className: d(
-        "inline-flex items-center gap-2",
-        "data-disabled:opacity-64",
-        t
-      ),
-      ...u,
-      "data-slot": i ?? "checkbox",
+      className: d(v({ labelled: s != null }), t),
+      ...x,
+      "data-slot": o ?? "checkbox",
       children: [
-        /* @__PURE__ */ s(
-          o.Control,
+        /* @__PURE__ */ n(
+          i.Control,
           {
-            className: k(),
+            className: g(),
             "data-slot": "checkbox-control",
             children: [
-              /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(x, {}) }),
-              /* @__PURE__ */ e(n, { indeterminate: !0, children: /* @__PURE__ */ e(h, {}) })
+              /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(m, {}) }),
+              /* @__PURE__ */ e(c, { indeterminate: !0, children: /* @__PURE__ */ e(h, {}) })
             ]
           }
         ),
-        c,
+        s,
         /* @__PURE__ */ e(
-          o.HiddenInput,
+          i.HiddenInput,
           {
-            "aria-label": l,
-            "aria-labelledby": b,
+            "aria-label": b,
+            "aria-labelledby": u,
             tabIndex: r
           }
         )
       ]
     }
   );
-}, n = (a) => {
-  const { className: t, slot: r, ...i } = a;
+}, c = (a) => {
+  const { className: t, slot: r, ...o } = a;
   return /* @__PURE__ */ e(
-    o.Indicator,
+    i.Indicator,
     {
       className: d(
         "absolute -inset-px",
@@ -88,16 +88,16 @@ const N = f, I = (a) => {
         "data-[state=indeterminate]:text-foreground",
         t
       ),
-      ...i,
+      ...o,
       "data-slot": r ?? "checkbox-indicator"
     }
   );
 };
 export {
-  j as Checkbox,
-  I as CheckboxGroup,
-  n as CheckboxIndicator,
-  k as checkboxVariants,
-  N as useCheckbox
+  L as Checkbox,
+  H as CheckboxGroup,
+  c as CheckboxIndicator,
+  g as checkboxVariants,
+  G as useCheckbox
 };
 //# sourceMappingURL=checkbox.js.map

package/dist/simples/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sources":["../../src/simples/checkbox.tsx"],"sourcesContent":["import {\n  Checkbox as ArkCheckbox,\n  useCheckboxContext,\n} from \"@ark-ui/react/checkbox\";\nimport { CheckIcon, MinusIcon } from \"lucide-react\";\nimport type React from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { cn } from \"../lib/cn\";\n\nexport const useCheckbox = useCheckboxContext;\n\nexport const CheckboxGroup = (\n  props: React.ComponentProps<typeof ArkCheckbox.Group>\n) => {\n  const { className, slot, ...rest } = props;\n\n  return (\n    <ArkCheckbox.Group\n      className={cn(\"flex flex-col gap-2\", className)}\n      {...rest}\n      data-slot={slot ?? \"checkbox-group\"}\n    />\n  );\n};\n\nexport const checkboxVariants = tv({\n  base: [\n    \"relative\",\n    \"inline-flex shrink-0 items-center justify-center\",\n    \"bg-transparent\",\n    \"rounded-selector border border-input shadow-xs/5\",\n    \"transition-shadow\",\n    \"data-focus-visible:border-primary data-focus-visible:ring-[3px] data-focus-visible:ring-ring data-focus-visible:ring-offset-1 data-focus-visible:ring-offset-background\",\n    \"dark:data-focus-visible:data-invalid:border-destructive-foreground/64 dark:data-focus-visible:data-invalid:ring-destructive-foreground/48\",\n    \"data-disabled:opacity-64\",\n    \"[[data-disabled],[data-checked],[data-invalid]]:shadow-none\",\n    \"data-invalid:border-destructive data-invalid:ring-[3px] data-invalid:ring-destructive/24\",\n    \"dark:data-invalid:text-destructive-foreground\",\n    \"dark:not-data-checked:bg-field\",\n    \"motion-reduce:transition-none!\",\n  ],\n});\n\n/**\n * Two defects this component carried for as long as it existed, both found by a composite trying to\n * use it and both measured before the fix.\n *\n * The box styling sat on the **root**, so the root was the box and there was nowhere for a label to\n * go: `children` arrived through `...rest` above hardcoded JSX children, JSX children win, and\n * `<Checkbox>Sealed orders</Checkbox>` rendered `textContent: \"\"`. Four docs examples are written\n * that way, the default one included, so the Checkbox page shipped unlabelled boxes\n *. `RadioGroupItem` one file over already had\n * the right shape — box on the control, root as the row, children beside it — and this now matches\n * it. `checkboxVariants` still names the box; what changed is which element wears it.\n *\n * And `role=\"checkbox\"` sat on that root, which is Ark's `<label>`, while `HiddenInput` renders a\n * real `<input type=\"checkbox\">` underneath. Two elements answered to the role, the outer carrying\n * the name and the inner the focus. Ark declares no role there on purpose: the input is the\n * control, and the label names it through the `htmlFor` Ark already sets.\n */\nexport const Checkbox = (\n  props: React.ComponentProps<typeof ArkCheckbox.Root>\n) => {\n  const {\n    className,\n    tabIndex,\n    slot,\n    children,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    ...rest\n  } = props;\n\n  return (\n    <ArkCheckbox.Root\n      className={cn(\n        \"inline-flex items-center gap-2\",\n        \"data-disabled:opacity-64\",\n        className\n      )}\n      {...rest}\n      data-slot={slot ?? \"checkbox\"}\n    >\n      <ArkCheckbox.Control\n        className={checkboxVariants()}\n        data-slot=\"checkbox-control\"\n      >\n        <CheckboxIndicator>\n          <CheckIcon />\n        </CheckboxIndicator>\n\n        <CheckboxIndicator indeterminate>\n          <MinusIcon />\n        </CheckboxIndicator>\n      </ArkCheckbox.Control>\n\n      {children}\n\n      {/* The name belongs to the control, and the control is this input. Ark's root is a\n          `<label htmlFor>`, so visible children name it for free — but an `aria-label` on a\n          `<label>` names nothing, which is why the two naming props are forwarded here. */}\n      <ArkCheckbox.HiddenInput\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        tabIndex={tabIndex}\n      />\n    </ArkCheckbox.Root>\n  );\n};\n\nexport const CheckboxIndicator = (\n  props: React.ComponentProps<typeof ArkCheckbox.Indicator>\n) => {\n  const { className, slot, ...rest } = props;\n\n  return (\n    <ArkCheckbox.Indicator\n      className={cn(\n        \"absolute -inset-px\",\n        \"flex items-center justify-center\",\n        \"rounded-selector\",\n        \"text-primary-foreground\",\n        \"data-[state=checked]:bg-primary\",\n        \"data-[state=unchecked]:hidden\",\n        \"data-[state=indeterminate]:text-foreground\",\n        className\n      )}\n      {...rest}\n      data-slot={slot ?? \"checkbox-indicator\"}\n    />\n  );\n};\n"],"names":["useCheckbox","useCheckboxContext","CheckboxGroup","props","className","slot","rest","jsx","ArkCheckbox","cn","checkboxVariants","tv","Checkbox","tabIndex","children","ariaLabel","ariaLabelledBy","jsxs","CheckboxIndicator","CheckIcon","MinusIcon"],"mappings":";;;;;AASO,MAAMA,IAAcC,GAEdC,IAAgB,CAC3BC,MACG;AACH,QAAM,EAAE,WAAAC,GAAW,MAAAC,GAAM,GAAGC,MAASH;AAErC,SACE,gBAAAI;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACC,WAAWC,EAAG,uBAAuBL,CAAS;AAAA,MAC7C,GAAGE;AAAA,MACJ,aAAWD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGzB,GAEaK,IAAmBC,EAAG;AAAA,EACjC,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,IACA;AAAA,EAAA;AAEJ,CAAC,GAmBYC,IAAW,CACtBT,MACG;AACH,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,UAAAS;AAAA,IACA,MAAAR;AAAA,IACA,UAAAS;AAAA,IACA,cAAcC;AAAA,IACd,mBAAmBC;AAAA,IACnB,GAAGV;AAAA,EAAA,IACDH;AAEJ,SACE,gBAAAc;AAAA,IAACT,EAAY;AAAA,IAAZ;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,MACJ,aAAWD,KAAQ;AAAA,MAEnB,UAAA;AAAA,QAAA,gBAAAY;AAAA,UAACT,EAAY;AAAA,UAAZ;AAAA,YACC,WAAWE,EAAA;AAAA,YACX,aAAU;AAAA,YAEV,UAAA;AAAA,cAAA,gBAAAH,EAACW,GAAA,EACC,UAAA,gBAAAX,EAACY,GAAA,CAAA,CAAU,GACb;AAAA,gCAECD,GAAA,EAAkB,eAAa,IAC9B,UAAA,gBAAAX,EAACa,KAAU,EAAA,CACb;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGDN;AAAA,QAKD,gBAAAP;AAAA,UAACC,EAAY;AAAA,UAAZ;AAAA,YACC,cAAYO;AAAA,YACZ,mBAAiBC;AAAA,YACjB,UAAAH;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN,GAEaK,IAAoB,CAC/Bf,MACG;AACH,QAAM,EAAE,WAAAC,GAAW,MAAAC,GAAM,GAAGC,MAASH;AAErC,SACE,gBAAAI;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACC,WAAWC;AAAA,QACT;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;"}
+{"version":3,"file":"checkbox.js","sources":["../../src/simples/checkbox.tsx"],"sourcesContent":["import {\n  Checkbox as ArkCheckbox,\n  useCheckboxContext,\n} from \"@ark-ui/react/checkbox\";\nimport { CheckIcon, MinusIcon } from \"lucide-react\";\nimport type React from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { cn } from \"../lib/cn\";\nimport { controlMinHeight, controlSizes } from \"../lib/control-size\";\n\nexport const useCheckbox = useCheckboxContext;\n\nexport const CheckboxGroup = (\n  props: React.ComponentProps<typeof ArkCheckbox.Group>\n) => {\n  const { className, slot, ...rest } = props;\n\n  return (\n    <ArkCheckbox.Group\n      className={cn(\"flex flex-col gap-2\", className)}\n      {...rest}\n      data-slot={slot ?? \"checkbox-group\"}\n    />\n  );\n};\n\n/**\n * The row an indicator and its label sit in. **Labelled, it is one control tall** — the shared\n * height, centred — so a switch, a checkbox or a radio lines up with an input beside it and with the\n * rows above and below in a form. Alone (no children: a cell in a table) it is the indicator and\n * nothing else, and the height is not asked of it.\n */\nconst checkboxRowVariants = tv({\n  base: [\"inline-flex items-center gap-2\", \"text-sm\", \"data-disabled:opacity-64\"],\n  variants: { labelled: { true: [controlSizes.md, controlMinHeight] } },\n});\n\nexport const checkboxVariants = tv({\n  base: [\n    \"relative\",\n    \"inline-flex shrink-0 items-center justify-center\",\n    \"bg-transparent\",\n    \"rounded-selector border border-input shadow-xs/5\",\n    \"transition-shadow\",\n    \"data-focus-visible:border-primary data-focus-visible:ring-[3px] data-focus-visible:ring-ring data-focus-visible:ring-offset-1 data-focus-visible:ring-offset-background\",\n    \"dark:data-focus-visible:data-invalid:border-destructive-foreground/64 dark:data-focus-visible:data-invalid:ring-destructive-foreground/48\",\n    \"data-disabled:opacity-64\",\n    \"[[data-disabled],[data-checked],[data-invalid]]:shadow-none\",\n    \"data-invalid:border-destructive data-invalid:ring-[3px] data-invalid:ring-destructive/24\",\n    \"dark:data-invalid:text-destructive-foreground\",\n    \"dark:not-data-checked:bg-field\",\n    \"motion-reduce:transition-none!\",\n  ],\n});\n\n/**\n * Two defects this component carried for as long as it existed, both found by a composite trying to\n * use it and both measured before the fix.\n *\n * The box styling sat on the **root**, so the root was the box and there was nowhere for a label to\n * go: `children` arrived through `...rest` above hardcoded JSX children, JSX children win, and\n * `<Checkbox>Sealed orders</Checkbox>` rendered `textContent: \"\"`. Four docs examples are written\n * that way, the default one included, so the Checkbox page shipped unlabelled boxes\n *. `RadioGroupItem` one file over already had\n * the right shape — box on the control, root as the row, children beside it — and this now matches\n * it. `checkboxVariants` still names the box; what changed is which element wears it.\n *\n * And `role=\"checkbox\"` sat on that root, which is Ark's `<label>`, while `HiddenInput` renders a\n * real `<input type=\"checkbox\">` underneath. Two elements answered to the role, the outer carrying\n * the name and the inner the focus. Ark declares no role there on purpose: the input is the\n * control, and the label names it through the `htmlFor` Ark already sets.\n */\nexport const Checkbox = (\n  props: React.ComponentProps<typeof ArkCheckbox.Root>\n) => {\n  const {\n    className,\n    tabIndex,\n    slot,\n    children,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    ...rest\n  } = props;\n\n  return (\n    <ArkCheckbox.Root\n      className={cn(checkboxRowVariants({ labelled: children != null }), className)}\n      {...rest}\n      data-slot={slot ?? \"checkbox\"}\n    >\n      <ArkCheckbox.Control\n        className={checkboxVariants()}\n        data-slot=\"checkbox-control\"\n      >\n        <CheckboxIndicator>\n          <CheckIcon />\n        </CheckboxIndicator>\n\n        <CheckboxIndicator indeterminate>\n          <MinusIcon />\n        </CheckboxIndicator>\n      </ArkCheckbox.Control>\n\n      {children}\n\n      {/* The name belongs to the control, and the control is this input. Ark's root is a\n          `<label htmlFor>`, so visible children name it for free — but an `aria-label` on a\n          `<label>` names nothing, which is why the two naming props are forwarded here. */}\n      <ArkCheckbox.HiddenInput\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        tabIndex={tabIndex}\n      />\n    </ArkCheckbox.Root>\n  );\n};\n\nexport const CheckboxIndicator = (\n  props: React.ComponentProps<typeof ArkCheckbox.Indicator>\n) => {\n  const { className, slot, ...rest } = props;\n\n  return (\n    <ArkCheckbox.Indicator\n      className={cn(\n        \"absolute -inset-px\",\n        \"flex items-center justify-center\",\n        \"rounded-selector\",\n        \"text-primary-foreground\",\n        \"data-[state=checked]:bg-primary\",\n        \"data-[state=unchecked]:hidden\",\n        \"data-[state=indeterminate]:text-foreground\",\n        className\n      )}\n      {...rest}\n      data-slot={slot ?? \"checkbox-indicator\"}\n    />\n  );\n};\n"],"names":["useCheckbox","useCheckboxContext","CheckboxGroup","props","className","slot","rest","jsx","ArkCheckbox","cn","checkboxRowVariants","tv","controlSizes","controlMinHeight","checkboxVariants","Checkbox","tabIndex","children","ariaLabel","ariaLabelledBy","jsxs","CheckboxIndicator","CheckIcon","MinusIcon"],"mappings":";;;;;;AAUO,MAAMA,IAAcC,GAEdC,IAAgB,CAC3BC,MACG;AACH,QAAM,EAAE,WAAAC,GAAW,MAAAC,GAAM,GAAGC,MAASH;AAErC,SACE,gBAAAI;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACC,WAAWC,EAAG,uBAAuBL,CAAS;AAAA,MAC7C,GAAGE;AAAA,MACJ,aAAWD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGzB,GAQMK,IAAsBC,EAAG;AAAA,EAC7B,MAAM,CAAC,kCAAkC,WAAW,0BAA0B;AAAA,EAC9E,UAAU,EAAE,UAAU,EAAE,MAAM,CAACC,EAAa,IAAIC,CAAgB,EAAA,EAAE;AACpE,CAAC,GAEYC,IAAmBH,EAAG;AAAA,EACjC,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,IACA;AAAA,EAAA;AAEJ,CAAC,GAmBYI,IAAW,CACtBZ,MACG;AACH,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,UAAAY;AAAA,IACA,MAAAX;AAAA,IACA,UAAAY;AAAA,IACA,cAAcC;AAAA,IACd,mBAAmBC;AAAA,IACnB,GAAGb;AAAA,EAAA,IACDH;AAEJ,SACE,gBAAAiB;AAAA,IAACZ,EAAY;AAAA,IAAZ;AAAA,MACC,WAAWC,EAAGC,EAAoB,EAAE,UAAUO,KAAY,KAAA,CAAM,GAAGb,CAAS;AAAA,MAC3E,GAAGE;AAAA,MACJ,aAAWD,KAAQ;AAAA,MAEnB,UAAA;AAAA,QAAA,gBAAAe;AAAA,UAACZ,EAAY;AAAA,UAAZ;AAAA,YACC,WAAWM,EAAA;AAAA,YACX,aAAU;AAAA,YAEV,UAAA;AAAA,cAAA,gBAAAP,EAACc,GAAA,EACC,UAAA,gBAAAd,EAACe,GAAA,CAAA,CAAU,GACb;AAAA,gCAECD,GAAA,EAAkB,eAAa,IAC9B,UAAA,gBAAAd,EAACgB,KAAU,EAAA,CACb;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGDN;AAAA,QAKD,gBAAAV;AAAA,UAACC,EAAY;AAAA,UAAZ;AAAA,YACC,cAAYU;AAAA,YACZ,mBAAiBC;AAAA,YACjB,UAAAH;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN,GAEaK,IAAoB,CAC/BlB,MACG;AACH,QAAM,EAAE,WAAAC,GAAW,MAAAC,GAAM,GAAGC,MAASH;AAErC,SACE,gBAAAI;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACC,WAAWC;AAAA,QACT;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;"}

package/dist/simples/combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../src/simples/combobox.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,QAAQ,IAAI,WAAW,EACvB,KAAK,YAAY,IAAI,eAAe,EAErC,MAAM,wBAAwB,CAAC;AAGhC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAQ7C,eAAO,MAAM,WAAW,uDAAwB,CAAC;AAEjD,eAAO,MAAM,eAAe,4EAAsB,CAAC;AAEnD,eAAO,MAAM,QAAQ,EAAE,WAAW,CAAC,aAkBlC,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC,sBAexD,CAAC;AAEF,UAAU,kBACR,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,EAClE,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,sBA6CtD,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC,sBA6BxD,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,mBAG3B,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,YAAY,CAAC,sBAEvD,CAAC;AAEF,uEAAuE;AACvE,eAAO,MAAM,kBAAkB,GAC7B,mBAAmB,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,sBACY,CAAC;AAEhF,eAAO,MAAM,kBAAkB,GAAI,mBAGhC,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,UAAU,CAAC,sBAErD,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC,sBAoCxD,CAAC;AAEF,UAAU,kBACR,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,SAAS,CAAC;IAC1D;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;CACpC;AAED,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,sBAUtD,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,cAAc,CAAC,sBAc/D,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;qDAwB/B,CAAC;AAEH,UAAU,iBACR,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,EACnD,YAAY,CAAC,OAAO,oBAAoB,CAAC;CAAG;AAEhD,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,sBAqBpD,CAAC;AAEF,eAAO,MAAM,aAAa,GACxB,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,sBAiBtD,CAAC;AAEF,eAAO,MAAM,YAAY,GACvB,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,sBAWpD,CAAC"}
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../src/simples/combobox.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,QAAQ,IAAI,WAAW,EACvB,KAAK,YAAY,IAAI,eAAe,EAErC,MAAM,wBAAwB,CAAC;AAGhC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAQ7C,eAAO,MAAM,WAAW,uDAAwB,CAAC;AAEjD,eAAO,MAAM,eAAe,4EAAsB,CAAC;AAEnD,eAAO,MAAM,QAAQ,EAAE,WAAW,CAAC,aAkBlC,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC,sBAexD,CAAC;AAEF,UAAU,kBACR,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,EAClE,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,sBA+CtD,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC,sBA4BxD,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,mBAG3B,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,YAAY,CAAC,sBAEvD,CAAC;AAEF,uEAAuE;AACvE,eAAO,MAAM,kBAAkB,GAC7B,mBAAmB,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,sBACY,CAAC;AAEhF,eAAO,MAAM,kBAAkB,GAAI,mBAGhC,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,UAAU,CAAC,sBAErD,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC,sBAoCxD,CAAC;AAEF,UAAU,kBACR,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,SAAS,CAAC;IAC1D;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;CACpC;AAED,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,sBAUtD,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,cAAc,CAAC,sBAc/D,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;qDAwB/B,CAAC;AAEH,UAAU,iBACR,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,EACnD,YAAY,CAAC,OAAO,oBAAoB,CAAC;CAAG;AAEhD,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,sBAqBpD,CAAC;AAEF,eAAO,MAAM,aAAa,GACxB,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,sBAiBtD,CAAC;AAEF,eAAO,MAAM,YAAY,GACvB,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,sBAWpD,CAAC"}