@cloudraker/reki 2.6.1

package/dist/chunks/checkbox-g2661n3eodgoispq.js

@@ -0,0 +1,216 @@
+"use client";
+import { jsx as e, jsxs as x } from "react/jsx-runtime";
+import { forwardRef as g, useContext as E, createContext as B } from "react";
+import { MinusIcon as C, CheckIcon as v } from "@phosphor-icons/react";
+import { c as o } from "./cn-ct4n7r74mh8y0f48.js";
+import { L as F } from "./label-fcho4757rbdess0c.js";
+import { L as N, N as y, O, P as _, Q as w, C as G, U as z } from "./vendor-base-ui-bgl9g5nkvqy3tn36.js";
+const U = {
+  variant: {
+    default: {
+      classes: "[&:focus-within>span]:ring-reki-focus [&:hover>span]:ring-reki-hairline",
+      description: "Default checkbox appearance"
+    },
+    error: {
+      classes: "[&>span]:ring-reki-danger",
+      description: "Error state for validation failures"
+    }
+  }
+}, X = {
+  variant: "default"
+}, L = B({
+  controlFirst: !0
+}), I = g(
+  ({
+    className: t,
+    checked: a,
+    indeterminate: n,
+    disabled: r,
+    variant: s = "default",
+    label: i,
+    labelTooltip: c,
+    controlFirst: l = !0,
+    onCheckedChange: d,
+    required: h,
+    name: u,
+    ...k
+  }, m) => {
+    if (process.env.NODE_ENV !== "production") {
+      const f = !!i, b = !!k["aria-label"], A = !!k["aria-labelledby"];
+      !f && !b && !A && console.warn(
+        `[Reki Checkbox]: Checkbox must have an accessible name. Provide either:
+  - label prop: <Checkbox label='Accept terms' />
+  - aria-label: <Checkbox aria-label='Select item' />
+  - aria-labelledby for custom label association
+  Note: When used inside Checkbox.Group, label is optional`
+      );
+    }
+    const p = /* @__PURE__ */ e(
+      N,
+      {
+        ref: m,
+        "data-reki-component": "Checkbox",
+        name: u,
+        checked: a,
+        indeterminate: n,
+        disabled: r,
+        onCheckedChange: d,
+        className: o(
+          "relative flex h-4 w-4 shrink-0 items-center justify-center rounded-sm border-0 bg-reki-base ring focus:outline-none after:absolute after:-inset-x-3 after:-inset-y-2",
+          i && "mt-0.5",
+          s === "error" ? "ring-reki-danger" : "ring-reki-hairline",
+          !r && "hover:ring-reki-hairline focus:ring-reki-focus focus:ring-2 focus-visible:ring-2 focus-visible:ring-reki-brand",
+          "data-[checked]:bg-reki-contrast data-[checked]:ring-reki-contrast data-[indeterminate]:bg-reki-contrast data-[indeterminate]:ring-reki-contrast",
+          r && "cursor-not-allowed opacity-50",
+          t
+        ),
+        ...k,
+        children: /* @__PURE__ */ e(
+          y,
+          {
+            keepMounted: !0,
+            className: "flex items-center justify-center text-reki-inverse data-[unchecked]:invisible",
+            render: (f, b) => /* @__PURE__ */ e("span", { ...f, children: b.indeterminate ? /* @__PURE__ */ e(C, { weight: "bold", size: 12 }) : /* @__PURE__ */ e(v, { weight: "bold", size: 12 }) })
+          }
+        )
+      }
+    );
+    return i ? /* @__PURE__ */ e(O, { className: "inline-flex", children: /* @__PURE__ */ x(
+      _,
+      {
+        className: o(
+          "!m-0 !min-h-0 !text-base inline-flex items-start gap-2",
+          l ? "flex-row" : "flex-row-reverse justify-end",
+          r ? "cursor-not-allowed" : "cursor-pointer"
+        ),
+        children: [
+          p,
+          /* @__PURE__ */ e(
+            F,
+            {
+              showOptional: h === !1,
+              tooltip: c,
+              asContent: !0,
+              children: i
+            }
+          )
+        ]
+      }
+    ) }) : p;
+  }
+);
+I.displayName = "Checkbox";
+const R = g(
+  ({
+    className: t,
+    checked: a,
+    indeterminate: n,
+    disabled: r,
+    variant: s = "default",
+    label: i,
+    value: c,
+    onCheckedChange: l,
+    name: d
+  }, h) => {
+    const { controlFirst: u } = E(L);
+    return /* @__PURE__ */ x(
+      "label",
+      {
+        "data-reki-component": "Checkbox",
+        "data-reki-part": "item-label",
+        className: o(
+          "m-0 relative inline-flex items-start gap-2",
+          // Control first (default): checkbox before label
+          // Label first: label before checkbox using flex-row-reverse
+          !u && "flex-row-reverse justify-end",
+          r ? "cursor-not-allowed opacity-50" : "cursor-pointer",
+          t
+        ),
+        children: [
+          /* @__PURE__ */ e(
+            N,
+            {
+              ref: h,
+              "data-reki-component": "Checkbox",
+              "data-reki-part": "item",
+              value: c,
+              name: d,
+              checked: a,
+              indeterminate: n,
+              disabled: r,
+              onCheckedChange: l,
+              className: o(
+                "peer relative mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded-sm border-0 bg-reki-base ring after:absolute after:-inset-x-3 after:-inset-y-2",
+                s === "error" ? "ring-reki-danger" : "ring-reki-hairline",
+                !r && "group-hover:ring-reki-hairline hover:ring-reki-hairline focus:ring-reki-focus focus:ring-2 focus-visible:ring-2 focus-visible:ring-reki-brand",
+                "data-[checked]:bg-reki-contrast data-[checked]:ring-reki-contrast data-[indeterminate]:bg-reki-contrast data-[indeterminate]:ring-reki-contrast"
+              ),
+              children: /* @__PURE__ */ e(
+                y,
+                {
+                  keepMounted: !0,
+                  className: "flex items-center justify-center text-reki-inverse data-[unchecked]:invisible",
+                  render: (k, m) => /* @__PURE__ */ e("span", { ...k, children: m.indeterminate ? /* @__PURE__ */ e(C, { weight: "bold", size: 12 }) : /* @__PURE__ */ e(v, { weight: "bold", size: 12 }) })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ e("span", { className: "text-base text-reki-default", children: i })
+        ]
+      }
+    );
+  }
+);
+R.displayName = "Checkbox.Item";
+function j({ children: t, className: a }) {
+  return /* @__PURE__ */ e(
+    w,
+    {
+      className: o("text-base font-medium text-reki-default", a),
+      children: t
+    }
+  );
+}
+j.displayName = "Checkbox.Legend";
+function K({
+  legend: t,
+  children: a,
+  error: n,
+  description: r,
+  defaultValue: s,
+  value: i,
+  onValueChange: c,
+  allValues: l,
+  disabled: d,
+  controlFirst: h = !0,
+  className: u
+}) {
+  return /* @__PURE__ */ e(L.Provider, { value: { controlFirst: h }, children: /* @__PURE__ */ e(
+    G,
+    {
+      defaultValue: s,
+      value: i,
+      onValueChange: c,
+      allValues: l,
+      disabled: d,
+      children: /* @__PURE__ */ x(z, { className: o("flex flex-col gap-4", u), children: [
+        t && /* @__PURE__ */ e(w, { className: "text-base font-medium text-reki-default", children: t }),
+        /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: a }),
+        n && /* @__PURE__ */ e("p", { className: "text-sm text-reki-danger", children: n }),
+        r && /* @__PURE__ */ e("p", { className: "text-sm text-reki-subtle", children: r })
+      ] })
+    }
+  ) });
+}
+const D = Object.assign(I, {
+  Item: R,
+  Group: K,
+  Legend: j
+});
+D.displayName = "Checkbox";
+export {
+  D as C,
+  X as R,
+  U as a
+};
+//# sourceMappingURL=checkbox-g2661n3eodgoispq.js.map

package/dist/chunks/checkbox-g2661n3eodgoispq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-g2661n3eodgoispq.js","sources":["../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { forwardRef, createContext, useContext, type ReactNode } from \"react\";\nimport { CheckIcon, MinusIcon } from \"@phosphor-icons/react\";\nimport { cn } from \"../../utils/cn\";\nimport { resolveVariant } from \"../../utils/resolve-variant\";\nimport { Label } from \"../label\";\nimport { Fieldset } from \"@base-ui/react/fieldset\";\nimport { Field as FieldBase } from \"@base-ui/react/field\";\nimport { CheckboxGroup as BaseCheckboxGroup } from \"@base-ui/react/checkbox-group\";\nimport { Checkbox as BaseCheckbox } from \"@base-ui/react/checkbox\";\n\n/** Event details passed to onCheckedChange callback. Re-exported from Base UI. */\nexport type CheckboxChangeEventDetails = Parameters<\n  NonNullable<BaseCheckbox.Root.Props[\"onCheckedChange\"]>\n>[1];\n\n/** Checkbox variant definitions mapping variant names to their Tailwind classes. */\nexport const REKI_CHECKBOX_VARIANTS = {\n  variant: {\n    default: {\n      classes:\n        \"[&:focus-within>span]:ring-reki-focus [&:hover>span]:ring-reki-hairline\",\n      description: \"Default checkbox appearance\",\n    },\n    error: {\n      classes: \"[&>span]:ring-reki-danger\",\n      description: \"Error state for validation failures\",\n    },\n  },\n} as const;\n\nexport const REKI_CHECKBOX_DEFAULT_VARIANTS = {\n  variant: \"default\",\n} as const;\n\n// Derived types from REKI_CHECKBOX_VARIANTS\nexport type RekiCheckboxVariant = keyof typeof REKI_CHECKBOX_VARIANTS.variant;\n\nexport interface RekiCheckboxVariantsProps {\n  /**\n   * Visual variant.\n   * - `\"default\"` — Standard checkbox appearance\n   * - `\"error\"` — Error state for validation failures\n   * @default \"default\"\n   */\n  variant?: RekiCheckboxVariant;\n}\n\nexport function checkboxVariants({\n  variant = REKI_CHECKBOX_DEFAULT_VARIANTS.variant,\n}: RekiCheckboxVariantsProps = {}) {\n  return cn(resolveVariant(REKI_CHECKBOX_VARIANTS.variant, variant, REKI_CHECKBOX_DEFAULT_VARIANTS.variant).classes);\n}\n\n// Legacy type alias for backwards compatibility\nexport type CheckboxVariant = RekiCheckboxVariant;\n\n// Context for passing controlFirst from Group to Items\nconst CheckboxGroupContext = createContext<{ controlFirst: boolean }>({\n  controlFirst: true,\n});\n\n/**\n * Single checkbox component props with accessibility guidance.\n *\n * **Accessible Name Required:** Checkbox should have one of:\n * 1. `label` prop (recommended) - built-in Field wrapper with horizontal layout\n * 2. `aria-label` - for checkboxes without visible label\n * 3. `aria-labelledby` - for custom label association\n *\n * **Note:** When used inside Checkbox.Group or Dropdown, label is optional (parent provides context).\n *\n * Missing accessible names will trigger console warnings in development (unless inside a group).\n *\n * @example\n * // Recommended: Built-in Field wrapper with label\n * <Checkbox label=\"Accept terms and conditions\" />\n *\n * @example\n * // Control-first layout (checkbox before label)\n * <Checkbox label=\"Remember me\" controlFirst={true} />\n *\n * @example\n * // Label-first layout (label before checkbox)\n * <Checkbox label=\"Enable notifications\" controlFirst={false} />\n *\n * @example\n * // Error variant (visual only, no error text for single checkboxes)\n * <Checkbox label=\"Required field\" variant=\"error\" />\n *\n * @example\n * // Without visible label (aria-label required)\n * <Checkbox aria-label=\"Select all items\" />\n *\n * @example\n * // Custom label association\n * <label id=\"terms-label\">I accept the terms</label>\n * <Checkbox aria-labelledby=\"terms-label\" />\n *\n * @example\n * // Inside Checkbox.Group (label optional)\n * <Checkbox.Group legend=\"Preferences\">\n *   <Checkbox.Item value=\"email\" label=\"Email notifications\" />\n *   <Checkbox.Item value=\"sms\" label=\"SMS notifications\" />\n * </Checkbox.Group>\n */\nexport type CheckboxProps = {\n  /** Visual variant: \"default\" or \"error\" for validation failures (visual only, no error text) */\n  variant?: CheckboxVariant;\n  /** Label content for the checkbox (enables built-in Field wrapper) - can be a string or any React node */\n  label?: ReactNode;\n  /** Tooltip content to display next to the label via an info icon */\n  labelTooltip?: ReactNode;\n  /** When true (default), checkbox appears before label. When false, label appears before checkbox. */\n  controlFirst?: boolean;\n  /** Whether the checkbox is checked (controlled) */\n  checked?: boolean;\n  /** Whether the checkbox is in indeterminate state */\n  indeterminate?: boolean;\n  /** Whether the checkbox is disabled */\n  disabled?: boolean;\n  /** Callback when the checked state changes */\n  onCheckedChange?: BaseCheckbox.Root.Props[\"onCheckedChange\"];\n  /** Name for form submission */\n  name?: string;\n  /** Whether the field is required */\n  required?: boolean;\n  /** Additional class name */\n  className?: string;\n  /** Accessible label when no visible label is provided */\n  \"aria-label\"?: string;\n  /** ID of element that labels this checkbox */\n  \"aria-labelledby\"?: string;\n};\n\n/**\n * Checkbox group component props (with built-in Fieldset and CheckboxGroup)\n *\n * Usage:\n * ```tsx\n * <Checkbox.Group\n *   legend=\"Choose preferences\"\n *   defaultValue={['email']}\n *   error=\"You must select at least one option\"\n * >\n *   <Checkbox.Item label=\"Email notifications\" value=\"email\" />\n *   <Checkbox.Item label=\"SMS notifications\" value=\"sms\" />\n * </Checkbox.Group>\n * ```\n */\n/**\n * Props for Checkbox.Legend — a composable sub-component for labeling a Checkbox.Group.\n *\n * Place as a direct child of `<Checkbox.Group>` to provide a styled, accessible legend.\n * Accepts `className` for full styling control (e.g. `className=\"sr-only\"` to visually hide).\n *\n * @example\n * ```tsx\n * <Checkbox.Group>\n *   <Checkbox.Legend className=\"sr-only\">Preferences</Checkbox.Legend>\n *   <Checkbox.Item label=\"Email\" value=\"email\" />\n * </Checkbox.Group>\n * ```\n */\nexport interface CheckboxLegendProps {\n  /** Legend content */\n  children: ReactNode;\n  /** Additional CSS classes (e.g. \"sr-only\" to visually hide the legend) */\n  className?: string;\n}\n\nexport interface CheckboxGroupProps {\n  /**\n   * Legend text for the group.\n   * For more control over legend styling, omit this prop and use `<Checkbox.Legend>` as a child instead.\n   */\n  legend?: string;\n  /** Child Checkbox.Item components (and optionally a Checkbox.Legend) */\n  children: ReactNode;\n  /** Error message for the group (only appears in groups, not single checkboxes) */\n  error?: string;\n  /** Helper text for the group */\n  description?: ReactNode;\n  /** Values of checkboxes that should be initially checked (uncontrolled) */\n  defaultValue?: string[];\n  /** Values of checkboxes that should be checked (controlled) */\n  value?: string[];\n  /** Event handler called when checkbox values change */\n  onValueChange?: (value: string[]) => void;\n  /** All possible checkbox values (required for parent checkbox pattern) */\n  allValues?: string[];\n  /** Whether all checkboxes in the group are disabled */\n  disabled?: boolean;\n  /** When true (default), checkbox appears before label. When false, label appears before checkbox. */\n  controlFirst?: boolean;\n  /** Additional CSS classes */\n  className?: string;\n}\n\n/**\n * Individual checkbox item within a group\n */\nexport type CheckboxItemProps = {\n  /** Visual variant: \"default\" or \"error\" for validation failures */\n  variant?: CheckboxVariant;\n  /** Label text displayed next to checkbox */\n  label: string;\n  /** Value of the checkbox (required when used in Checkbox.Group) */\n  value?: string;\n  /** Additional CSS classes for the label wrapper */\n  className?: string;\n  checked?: boolean;\n  indeterminate?: boolean;\n  disabled?: boolean;\n  /** Callback when the checked state changes */\n  onCheckedChange?: BaseCheckbox.Root.Props[\"onCheckedChange\"];\n  name?: string;\n};\n\n// Single checkbox with built-in Field\nconst CheckboxBase = forwardRef<HTMLButtonElement, CheckboxProps>(\n  (\n    {\n      className,\n      checked,\n      indeterminate,\n      disabled,\n      variant = \"default\",\n      label,\n      labelTooltip,\n      controlFirst = true,\n      onCheckedChange,\n      required,\n      name,\n      ...props\n    },\n    ref,\n  ) => {\n    // A11y enforcement: warn in dev if no accessible name provided\n    if (process.env.NODE_ENV !== \"production\") {\n      const hasLabel = Boolean(label);\n      const hasAriaLabel = Boolean(props[\"aria-label\"]);\n      const hasAriaLabelledBy = Boolean(props[\"aria-labelledby\"]);\n\n      if (!hasLabel && !hasAriaLabel && !hasAriaLabelledBy) {\n        console.warn(\n          \"[Reki Checkbox]: Checkbox must have an accessible name. Provide either:\\n\" +\n            \"  - label prop: <Checkbox label='Accept terms' />\\n\" +\n            \"  - aria-label: <Checkbox aria-label='Select item' />\\n\" +\n            \"  - aria-labelledby for custom label association\\n\" +\n            \"  Note: When used inside Checkbox.Group, label is optional\",\n        );\n      }\n    }\n\n    const checkboxControl = (\n      <BaseCheckbox.Root\n        ref={ref}\n        data-reki-component=\"Checkbox\"\n        name={name}\n        checked={checked}\n        indeterminate={indeterminate}\n        disabled={disabled}\n        onCheckedChange={onCheckedChange}\n        className={cn(\n          \"relative flex h-4 w-4 shrink-0 items-center justify-center rounded-sm border-0 bg-reki-base ring focus:outline-none after:absolute after:-inset-x-3 after:-inset-y-2\",\n          label && \"mt-0.5\",\n          variant === \"error\" ? \"ring-reki-danger\" : \"ring-reki-hairline\",\n          !disabled &&\n            \"hover:ring-reki-hairline focus:ring-reki-focus focus:ring-2 focus-visible:ring-2 focus-visible:ring-reki-brand\",\n          \"data-[checked]:bg-reki-contrast data-[checked]:ring-reki-contrast data-[indeterminate]:bg-reki-contrast data-[indeterminate]:ring-reki-contrast\",\n          disabled && \"cursor-not-allowed opacity-50\",\n          className,\n        )}\n        {...props}\n      >\n        <BaseCheckbox.Indicator\n          keepMounted\n          className=\"flex items-center justify-center text-reki-inverse data-[unchecked]:invisible\"\n          render={(renderProps, state) => (\n            <span {...renderProps}>\n              {state.indeterminate ? (\n                <MinusIcon weight=\"bold\" size={12} />\n              ) : (\n                <CheckIcon weight=\"bold\" size={12} />\n              )}\n            </span>\n          )}\n        />\n      </BaseCheckbox.Root>\n    );\n\n    // If no label provided, return bare checkbox (for use in other components like Dropdown)\n    if (!label) {\n      return checkboxControl;\n    }\n\n    // Use Field.Root + Field.Label enclosing pattern for proper a11y association\n    // See: https://base-ui.com/react/components/field\n    return (\n      <FieldBase.Root className=\"inline-flex\">\n        <FieldBase.Label\n          className={cn(\n            \"!m-0 !min-h-0 !text-base inline-flex items-start gap-2\",\n            controlFirst ? \"flex-row\" : \"flex-row-reverse justify-end\",\n            disabled ? \"cursor-not-allowed\" : \"cursor-pointer\",\n          )}\n        >\n          {checkboxControl}\n          <Label\n            showOptional={required === false}\n            tooltip={labelTooltip}\n            asContent\n          >\n            {label}\n          </Label>\n        </FieldBase.Label>\n      </FieldBase.Root>\n    );\n  },\n);\n\nCheckboxBase.displayName = \"Checkbox\";\n\n// Checkbox.Item for use within Checkbox.Group\nconst CheckboxItem = forwardRef<HTMLButtonElement, CheckboxItemProps>(\n  (\n    {\n      className,\n      checked,\n      indeterminate,\n      disabled,\n      variant = \"default\",\n      label,\n      value,\n      onCheckedChange,\n      name,\n    },\n    ref,\n  ) => {\n    const { controlFirst } = useContext(CheckboxGroupContext);\n\n    return (\n      <label\n        data-reki-component=\"Checkbox\"\n        data-reki-part=\"item-label\"\n        className={cn(\n          \"m-0 relative inline-flex items-start gap-2\",\n          // Control first (default): checkbox before label\n          // Label first: label before checkbox using flex-row-reverse\n          !controlFirst && \"flex-row-reverse justify-end\",\n          disabled ? \"cursor-not-allowed opacity-50\" : \"cursor-pointer\",\n          className,\n        )}\n      >\n        <BaseCheckbox.Root\n          ref={ref}\n          data-reki-component=\"Checkbox\"\n          data-reki-part=\"item\"\n          value={value}\n          name={name}\n          checked={checked}\n          indeterminate={indeterminate}\n          disabled={disabled}\n          onCheckedChange={onCheckedChange}\n          className={cn(\n            \"peer relative mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded-sm border-0 bg-reki-base ring after:absolute after:-inset-x-3 after:-inset-y-2\",\n            variant === \"error\" ? \"ring-reki-danger\" : \"ring-reki-hairline\",\n            !disabled &&\n              \"group-hover:ring-reki-hairline hover:ring-reki-hairline focus:ring-reki-focus focus:ring-2 focus-visible:ring-2 focus-visible:ring-reki-brand\",\n            \"data-[checked]:bg-reki-contrast data-[checked]:ring-reki-contrast data-[indeterminate]:bg-reki-contrast data-[indeterminate]:ring-reki-contrast\",\n          )}\n        >\n          <BaseCheckbox.Indicator\n            keepMounted\n            className=\"flex items-center justify-center text-reki-inverse data-[unchecked]:invisible\"\n            render={(renderProps, state) => (\n              <span {...renderProps}>\n                {state.indeterminate ? (\n                  <MinusIcon weight=\"bold\" size={12} />\n                ) : (\n                  <CheckIcon weight=\"bold\" size={12} />\n                )}\n              </span>\n            )}\n          />\n        </BaseCheckbox.Root>\n        <span className=\"text-base text-reki-default\">{label}</span>\n      </label>\n    );\n  },\n);\n\nCheckboxItem.displayName = \"Checkbox.Item\";\n\n// Checkbox.Legend — composable legend sub-component for Checkbox.Group\nfunction CheckboxLegend({ children, className }: CheckboxLegendProps) {\n  return (\n    <Fieldset.Legend\n      className={cn(\"text-base font-medium text-reki-default\", className)}\n    >\n      {children}\n    </Fieldset.Legend>\n  );\n}\n\nCheckboxLegend.displayName = \"Checkbox.Legend\";\n\n// Checkbox.Group with built-in Fieldset and CheckboxGroup\nfunction CheckboxGroup({\n  legend,\n  children,\n  error,\n  description,\n  defaultValue,\n  value,\n  onValueChange,\n  allValues,\n  disabled,\n  controlFirst = true,\n  className,\n}: CheckboxGroupProps) {\n  return (\n    <CheckboxGroupContext.Provider value={{ controlFirst }}>\n      <BaseCheckboxGroup\n        defaultValue={defaultValue}\n        value={value}\n        onValueChange={onValueChange}\n        allValues={allValues}\n        disabled={disabled}\n      >\n        <Fieldset.Root className={cn(\"flex flex-col gap-4\", className)}>\n          {legend && (\n            <Fieldset.Legend className=\"text-base font-medium text-reki-default\">\n              {legend}\n            </Fieldset.Legend>\n          )}\n          <div className=\"flex flex-col gap-2\">{children}</div>\n          {error && <p className=\"text-sm text-reki-danger\">{error}</p>}\n          {description && (\n            <p className=\"text-sm text-reki-subtle\">{description}</p>\n          )}\n        </Fieldset.Root>\n      </BaseCheckboxGroup>\n    </CheckboxGroupContext.Provider>\n  );\n}\n\n// Compound component\nexport const Checkbox = Object.assign(CheckboxBase, {\n  Item: CheckboxItem,\n  Group: CheckboxGroup,\n  Legend: CheckboxLegend,\n});\n\nCheckbox.displayName = \"Checkbox\";\n"],"names":["REKI_CHECKBOX_VARIANTS","REKI_CHECKBOX_DEFAULT_VARIANTS","CheckboxGroupContext","createContext","CheckboxBase","forwardRef","className","checked","indeterminate","disabled","variant","label","labelTooltip","controlFirst","onCheckedChange","required","name","props","ref","hasLabel","hasAriaLabel","hasAriaLabelledBy","checkboxControl","jsx","BaseCheckbox.Root","cn","BaseCheckbox.Indicator","renderProps","state","MinusIcon","CheckIcon","FieldBase.Root","jsxs","FieldBase.Label","Label","CheckboxItem","value","useContext","CheckboxLegend","children","Fieldset.Legend","CheckboxGroup","legend","error","description","defaultValue","onValueChange","allValues","BaseCheckboxGroup","Fieldset.Root","Checkbox"],"mappings":"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"}

package/dist/chunks/clipboard-text-g3659lejx2d7i93e.js

@@ -0,0 +1,191 @@
+"use client";
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { CheckIcon as A, CopyIcon as S } from "@phosphor-icons/react";
+import { forwardRef as I, useState as P, useRef as _, useCallback as V } from "react";
+import { B as E } from "./button-nc5p1h28cwes0tjw.js";
+import { i as j } from "./input-i5nefqk213n4z7pr.js";
+import { c as s } from "./cn-ct4n7r74mh8y0f48.js";
+import { r as y } from "./resolve-variant-t8jcltsizeg29ege.js";
+import { V as B, W as O, X as D, Y as L, Z as M, _ as X, $ as K, a0 as U, a1 as W, a2 as F, a3 as Y, a4 as Z, a5 as $ } from "./vendor-base-ui-bgl9g5nkvqy3tn36.js";
+const v = X(), C = {
+  size: {
+    sm: {
+      classes: "text-xs",
+      buttonSize: "sm",
+      description: "Small clipboard text for compact UIs"
+    },
+    base: {
+      classes: "text-sm",
+      buttonSize: "base",
+      description: "Default clipboard text size"
+    },
+    lg: {
+      classes: "text-sm",
+      buttonSize: "lg",
+      description: "Large clipboard text for prominent display"
+    }
+  }
+}, d = {
+  size: "lg"
+}, l = {
+  slide: {
+    initial: "pointer-events-none absolute inset-0 flex items-center justify-center opacity-0 translate-y-full",
+    animate: "translate-y-0 opacity-100",
+    end: "pointer-events-none absolute inset-0 flex items-center justify-center opacity-0 -translate-y-full"
+  }
+};
+function q({
+  size: t = d.size
+} = {}) {
+  return s(
+    // Base styles
+    "flex items-center overflow-hidden bg-reki-base px-0 font-mono",
+    // Apply size styles from REKI_CLIPBOARD_TEXT_VARIANTS
+    y(C.size, t, d.size).classes
+  );
+}
+function G() {
+  const { toasts: t } = W();
+  return /* @__PURE__ */ e(F, { className: "pointer-events-none fixed inset-0 isolate", children: t.map((a) => /* @__PURE__ */ e(Y, { toast: a, className: "absolute", children: /* @__PURE__ */ e(
+    Z,
+    {
+      toast: a,
+      className: s(
+        "flex origin-[var(--transform-origin)] flex-col rounded-md bg-reki-base px-3 py-1.5 text-xs text-reki-default font-sans",
+        "shadow-lg shadow-reki-tip-shadow outline outline-reki-fill"
+      ),
+      children: /* @__PURE__ */ e($, {})
+    }
+  ) }, a.id)) });
+}
+function H({ children: t }) {
+  return /* @__PURE__ */ e(K, { children: /* @__PURE__ */ c(U, { toastManager: v, children: [
+    /* @__PURE__ */ e(G, {}),
+    t
+  ] }) });
+}
+const J = I(
+  ({
+    text: t,
+    textToCopy: a,
+    className: z,
+    size: m = d.size,
+    onCopy: b,
+    tooltip: n,
+    labels: { copyAction: k = "Copy to clipboard" } = {}
+  }, w) => {
+    const [r, p] = P(!1), g = _(null), x = y(C.size, m, d.size), {
+      text: R = "Copy",
+      copiedText: f = "Copied",
+      side: u = "top"
+    } = n ?? {}, N = V(async () => {
+      try {
+        if (typeof navigator < "u" && navigator.clipboard && typeof navigator.clipboard.writeText == "function")
+          await navigator.clipboard.writeText(a ?? t);
+        else if (typeof document < "u") {
+          const i = document.createElement("textarea");
+          i.value = a ?? t, i.setAttribute("readonly", ""), i.style.position = "absolute", i.style.left = "-9999px", document.body.appendChild(i);
+          const o = document.getSelection(), T = o?.rangeCount ? o.getRangeAt(0) : null;
+          i.select();
+          try {
+            document.execCommand("copy");
+          } finally {
+            document.body.removeChild(i), T && (o?.removeAllRanges(), o?.addRange(T));
+          }
+        }
+        p(!0), n ? v.add({
+          description: f,
+          positionerProps: {
+            anchor: g.current,
+            side: u,
+            sideOffset: 8
+          },
+          timeout: 1500,
+          onClose() {
+            p(!1);
+          }
+        }) : setTimeout(() => p(!1), 1500), b?.();
+      } catch (i) {
+        console.warn("Clipboard copy failed", i);
+      }
+    }, [t, b, n, f, u]), h = /* @__PURE__ */ c(
+      E,
+      {
+        ref: g,
+        size: x.buttonSize,
+        variant: "ghost",
+        className: s(
+          "rounded-l-none rounded-r-[inherit] border-l! border-reki-line! px-3 relative isolate overflow-hidden transition-all duration-200",
+          "focus:ring-inset focus:ring-reki-focus/50",
+          "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-reki-brand"
+        ),
+        onClick: N,
+        "aria-label": k,
+        children: [
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: s(
+                "flex items-center gap-1 transition-all duration-200",
+                r ? l.slide.animate : l.slide.initial
+              ),
+              children: /* @__PURE__ */ e(A, {})
+            }
+          ),
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: s(
+                "flex items-center justify-center transition-all duration-200",
+                r ? l.slide.end : l.slide.animate
+              ),
+              children: /* @__PURE__ */ e(S, {})
+            }
+          )
+        ]
+      }
+    );
+    return /* @__PURE__ */ c(
+      "div",
+      {
+        ref: w,
+        className: s(
+          j({ size: x.buttonSize }),
+          q({ size: m }),
+          z
+        ),
+        children: [
+          /* @__PURE__ */ e("span", { className: "grow truncate ps-4 pe-2", children: t }),
+          n ? /* @__PURE__ */ e(H, { children: /* @__PURE__ */ c(
+            B,
+            {
+              disabled: r,
+              onOpenChange: (i, o) => {
+                o.reason === "trigger-press" && o.cancel();
+              },
+              children: [
+                /* @__PURE__ */ e(O, { render: h }),
+                /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(L, { side: u, sideOffset: 8, children: /* @__PURE__ */ e(
+                  M,
+                  {
+                    className: s(
+                      "flex origin-[var(--transform-origin)] flex-col rounded-md bg-reki-base px-3 py-1.5 text-xs text-reki-default",
+                      "shadow-lg shadow-reki-tip-shadow outline outline-reki-fill"
+                    ),
+                    children: R
+                  }
+                ) }) })
+              ]
+            }
+          ) }) : h,
+          /* @__PURE__ */ e("span", { className: "sr-only", "aria-live": "polite", children: r ? f : "" })
+        ]
+      }
+    );
+  }
+);
+J.displayName = "ClipboardText";
+export {
+  J as C
+};
+//# sourceMappingURL=clipboard-text-g3659lejx2d7i93e.js.map

package/dist/chunks/clipboard-text-g3659lejx2d7i93e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard-text-g3659lejx2d7i93e.js","sources":["../../src/components/clipboard-text/clipboard-text.tsx"],"sourcesContent":["import { CheckIcon, CopyIcon } from \"@phosphor-icons/react\";\nimport { forwardRef, useCallback, useRef, useState } from \"react\";\nimport { Toast } from \"@base-ui/react/toast\";\nimport { Tooltip } from \"@base-ui/react/tooltip\";\nimport { Button } from \"../button\";\nimport { inputVariants } from \"../input\";\nimport { cn } from \"../../utils/cn\";\nimport { resolveVariant } from \"../../utils/resolve-variant\";\n\n// Create a toast manager for anchored \"Copied\" toasts\nconst clipboardToastManager = Toast.createToastManager();\n\n/** ClipboardText size variant definitions mapping sizes to their Tailwind classes. */\nexport const REKI_CLIPBOARD_TEXT_VARIANTS = {\n  size: {\n    sm: {\n      classes: \"text-xs\",\n      buttonSize: \"sm\" as const,\n      description: \"Small clipboard text for compact UIs\",\n    },\n    base: {\n      classes: \"text-sm\",\n      buttonSize: \"base\" as const,\n      description: \"Default clipboard text size\",\n    },\n    lg: {\n      classes: \"text-sm\",\n      buttonSize: \"lg\" as const,\n      description: \"Large clipboard text for prominent display\",\n    },\n  },\n} as const;\n\nexport const REKI_CLIPBOARD_TEXT_DEFAULT_VARIANTS = {\n  size: \"lg\",\n} as const;\n\nconst clipboardTextAnimations = {\n  slide: {\n    initial:\n      \"pointer-events-none absolute inset-0 flex items-center justify-center opacity-0 translate-y-full\",\n    animate: \"translate-y-0 opacity-100\",\n    end: \"pointer-events-none absolute inset-0 flex items-center justify-center opacity-0 -translate-y-full\",\n  },\n} as const;\n\n// Derived types from REKI_CLIPBOARD_TEXT_VARIANTS\nexport type RekiClipboardTextSize =\n  keyof typeof REKI_CLIPBOARD_TEXT_VARIANTS.size;\n\nexport interface RekiClipboardTextVariantsProps {\n  /**\n   * Size of the clipboard text field.\n   * - `\"sm\"` — Small clipboard text for compact UIs\n   * - `\"base\"` — Default clipboard text size\n   * - `\"lg\"` — Large clipboard text for prominent display\n   * @default \"lg\"\n   */\n  size?: RekiClipboardTextSize;\n}\n\nexport function clipboardTextVariants({\n  size = REKI_CLIPBOARD_TEXT_DEFAULT_VARIANTS.size,\n}: RekiClipboardTextVariantsProps = {}) {\n  return cn(\n    // Base styles\n    \"flex items-center overflow-hidden bg-reki-base px-0 font-mono\",\n    // Apply size styles from REKI_CLIPBOARD_TEXT_VARIANTS\n    resolveVariant(REKI_CLIPBOARD_TEXT_VARIANTS.size, size, REKI_CLIPBOARD_TEXT_DEFAULT_VARIANTS.size).classes,\n  );\n}\n\n// Legacy type alias for backwards compatibility\nexport type ClipboardTextSize = RekiClipboardTextSize;\n\n/**\n * ClipboardText component props.\n *\n * @example\n * ```tsx\n * <ClipboardText text=\"sk_live_abc123\" />\n * <ClipboardText text=\"npm install @cloudraker/reki\" size=\"sm\" />\n * ```\n */\nexport interface ClipboardTextProps extends RekiClipboardTextVariantsProps {\n  /** The text to display and copy to clipboard. */\n  text: string;\n  /** If provided, this text will be copied to clipboard instead of the `text` prop. */\n  textToCopy?: string;\n  /** Additional CSS classes merged via `cn()`. */\n  className?: string;\n  /** Callback fired after text is copied to clipboard. */\n  onCopy?: () => void;\n  /**\n   * Tooltip config. Shows tooltip on hover, anchored toast on click.\n   * @example\n   * ```tsx\n   * <ClipboardText\n   *   text=\"abc123\"\n   *   tooltip={{ text: \"Copy\", copiedText: \"Copied!\", side: \"top\" }}\n   * />\n   * ```\n   */\n  tooltip?: {\n    /** Text shown in tooltip on hover. @default \"Copy\" */\n    text?: string;\n    /** Text shown in toast after copying. @default \"Copied\" */\n    copiedText?: string;\n    /** Tooltip/toast placement. @default \"top\" */\n    side?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  };\n  /** Accessible labels for i18n. */\n  labels?: {\n    /** @default \"Copy to clipboard\" */\n    copyAction?: string;\n  };\n}\n\n/**\n * Anchored toasts viewport - renders \"Copied\" toasts anchored to buttons\n */\nfunction AnchoredToasts() {\n  const { toasts } = Toast.useToastManager();\n  return (\n    <Toast.Viewport className=\"pointer-events-none fixed inset-0 isolate\">\n      {toasts.map((toast) => (\n        <Toast.Positioner key={toast.id} toast={toast} className=\"absolute\">\n          <Toast.Root\n            toast={toast}\n            className={cn(\n              \"flex origin-[var(--transform-origin)] flex-col rounded-md bg-reki-base px-3 py-1.5 text-xs text-reki-default font-sans\",\n              \"shadow-lg shadow-reki-tip-shadow outline outline-reki-fill\",\n            )}\n          >\n            <Toast.Description />\n          </Toast.Root>\n        </Toast.Positioner>\n      ))}\n    </Toast.Viewport>\n  );\n}\n\n/**\n * Internal wrapper that provides Toast context when tooltip is enabled.\n */\nfunction TooltipWrapper({ children }: { children: React.ReactNode }) {\n  return (\n    <Tooltip.Provider>\n      <Toast.Provider toastManager={clipboardToastManager}>\n        <AnchoredToasts />\n        {children}\n      </Toast.Provider>\n    </Tooltip.Provider>\n  );\n}\n\n/**\n * Read-only text field with a one-click copy-to-clipboard button.\n *\n * @example\n * ```tsx\n * <ClipboardText text=\"0c239dd2\" />\n * ```\n */\nexport const ClipboardText = forwardRef<HTMLDivElement, ClipboardTextProps>(\n  (\n    {\n      text,\n      textToCopy,\n      className,\n      size = REKI_CLIPBOARD_TEXT_DEFAULT_VARIANTS.size,\n      onCopy,\n      tooltip,\n      labels: { copyAction = \"Copy to clipboard\" } = {},\n    },\n    ref,\n  ) => {\n    const [copied, setCopied] = useState(false);\n    const buttonRef = useRef<HTMLButtonElement | null>(null);\n    const sizeConfig = resolveVariant(REKI_CLIPBOARD_TEXT_VARIANTS.size, size, REKI_CLIPBOARD_TEXT_DEFAULT_VARIANTS.size);\n\n    // Destructure tooltip config with defaults\n    const {\n      text: tooltipText = \"Copy\",\n      copiedText = \"Copied\",\n      side: tooltipSide = \"top\",\n    } = tooltip ?? {};\n\n    const copyToClipboard = useCallback(async () => {\n      try {\n        if (\n          typeof navigator !== \"undefined\" &&\n          navigator.clipboard &&\n          typeof navigator.clipboard.writeText === \"function\"\n        ) {\n          await navigator.clipboard.writeText(textToCopy ?? text);\n        } else if (typeof document !== \"undefined\") {\n          // Fallback for older browsers\n          const textarea = document.createElement(\"textarea\");\n          textarea.value = textToCopy ?? text;\n          textarea.setAttribute(\"readonly\", \"\");\n          textarea.style.position = \"absolute\";\n          textarea.style.left = \"-9999px\";\n          document.body.appendChild(textarea);\n          const selection = document.getSelection();\n          const previousRange = selection?.rangeCount\n            ? selection.getRangeAt(0)\n            : null;\n          textarea.select();\n          try {\n            document.execCommand(\"copy\");\n          } finally {\n            document.body.removeChild(textarea);\n            if (previousRange) {\n              selection?.removeAllRanges();\n              selection?.addRange(previousRange);\n            }\n          }\n        }\n\n        setCopied(true);\n\n        // Show anchored toast if tooltip mode is enabled\n        if (tooltip) {\n          clipboardToastManager.add({\n            description: copiedText,\n            positionerProps: {\n              anchor: buttonRef.current,\n              side: tooltipSide,\n              sideOffset: 8,\n            },\n            timeout: 1500,\n            onClose() {\n              setCopied(false);\n            },\n          });\n        } else {\n          // Reset copied state after delay when no tooltip\n          setTimeout(() => setCopied(false), 1500);\n        }\n\n        onCopy?.();\n      } catch (error) {\n        console.warn(\"Clipboard copy failed\", error);\n      }\n    }, [text, onCopy, tooltip, copiedText, tooltipSide]);\n\n    const copyButton = (\n      <Button\n        ref={buttonRef}\n        size={sizeConfig.buttonSize}\n        variant=\"ghost\"\n        className={cn(\n          \"rounded-l-none rounded-r-[inherit] border-l! border-reki-line! px-3 relative isolate overflow-hidden transition-all duration-200\",\n          \"focus:ring-inset focus:ring-reki-focus/50\",\n          \"focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-reki-brand\",\n        )}\n        onClick={copyToClipboard}\n        aria-label={copyAction}\n      >\n        <span\n          className={cn(\n            \"flex items-center gap-1 transition-all duration-200\",\n            copied\n              ? clipboardTextAnimations.slide.animate\n              : clipboardTextAnimations.slide.initial,\n          )}\n        >\n          <CheckIcon />\n        </span>\n        <span\n          className={cn(\n            \"flex items-center justify-center transition-all duration-200\",\n            copied\n              ? clipboardTextAnimations.slide.end\n              : clipboardTextAnimations.slide.animate,\n          )}\n        >\n          <CopyIcon />\n        </span>\n      </Button>\n    );\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          inputVariants({ size: sizeConfig.buttonSize }),\n          clipboardTextVariants({ size }),\n          className,\n        )}\n      >\n        <span className=\"grow truncate ps-4 pe-2\">{text}</span>\n        {tooltip ? (\n          <TooltipWrapper>\n            <Tooltip.Root\n              disabled={copied}\n              onOpenChange={(open, eventDetails) => {\n                // Prevent tooltip from closing when button is clicked\n                if (eventDetails.reason === \"trigger-press\") {\n                  eventDetails.cancel();\n                }\n              }}\n            >\n              <Tooltip.Trigger render={copyButton} />\n              <Tooltip.Portal>\n                <Tooltip.Positioner side={tooltipSide} sideOffset={8}>\n                  <Tooltip.Popup\n                    className={cn(\n                      \"flex origin-[var(--transform-origin)] flex-col rounded-md bg-reki-base px-3 py-1.5 text-xs text-reki-default\",\n                      \"shadow-lg shadow-reki-tip-shadow outline outline-reki-fill\",\n                    )}\n                  >\n                    {tooltipText}\n                  </Tooltip.Popup>\n                </Tooltip.Positioner>\n              </Tooltip.Portal>\n            </Tooltip.Root>\n          </TooltipWrapper>\n        ) : (\n          copyButton\n        )}\n        <span className=\"sr-only\" aria-live=\"polite\">\n          {copied ? copiedText : \"\"}\n        </span>\n      </div>\n    );\n  },\n);\n\nClipboardText.displayName = \"ClipboardText\";\n"],"names":["clipboardToastManager","Toast.createToastManager","REKI_CLIPBOARD_TEXT_VARIANTS","REKI_CLIPBOARD_TEXT_DEFAULT_VARIANTS","clipboardTextAnimations","clipboardTextVariants","size","cn","resolveVariant","AnchoredToasts","toasts","Toast.useToastManager","Toast.Viewport","toast","Toast.Positioner","jsx","Toast.Root","Toast.Description","TooltipWrapper","children","Tooltip.Provider","Toast.Provider","ClipboardText","forwardRef","text","textToCopy","className","onCopy","tooltip","copyAction","ref","copied","setCopied","useState","buttonRef","useRef","sizeConfig","tooltipText","copiedText","tooltipSide","copyToClipboard","useCallback","textarea","selection","previousRange","error","copyButton","jsxs","Button","CheckIcon","CopyIcon","inputVariants","Tooltip.Root","open","eventDetails","Tooltip.Trigger","Tooltip.Portal","Tooltip.Positioner","Tooltip.Popup"],"mappings":"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"}