@cloudraker/reki 2.6.1

package/dist/chunks/radio-newyq331uk4lltr6.js

@@ -0,0 +1,226 @@
+"use client";
+import { jsx as e, jsxs as g } from "react/jsx-runtime";
+import { forwardRef as C, createContext as _, useContext as G } from "react";
+import { c as i } from "./cn-ct4n7r74mh8y0f48.js";
+import { r as x } from "./resolve-variant-t8jcltsizeg29ege.js";
+import { R as L, U as S, Q as w, bu as v, bv as R } from "./vendor-base-ui-bgl9g5nkvqy3tn36.js";
+const N = {
+  variant: {
+    default: {
+      classes: "ring-reki-hairline",
+      description: "Default radio appearance"
+    },
+    error: {
+      classes: "ring-reki-danger",
+      description: "Error state for validation failures"
+    }
+  },
+  appearance: {
+    default: {
+      classes: "",
+      description: "Standard inline radio item"
+    },
+    card: {
+      classes: "rounded-lg border border-reki-hairline bg-reki-base p-3 transition-colors hover:bg-reki-tint has-[[data-checked]]:border-reki-interact has-[[data-checked]]:bg-reki-tint",
+      description: "Choice card appearance with border, padding, and highlighted selection state"
+    }
+  }
+}, p = {
+  variant: "default",
+  appearance: "default"
+};
+function T({
+  variant: t = p.variant,
+  appearance: r = p.appearance
+} = {}) {
+  return i(
+    x(
+      N.variant,
+      t,
+      p.variant
+    ).classes,
+    x(
+      N.appearance,
+      r,
+      p.appearance
+    ).classes
+  );
+}
+const y = _({
+  controlPosition: void 0,
+  appearance: "default"
+});
+function V({
+  className: t,
+  disabled: r,
+  variant: a = "default",
+  appearance: o,
+  label: s,
+  description: n,
+  value: c
+}, l) {
+  const { controlPosition: m, appearance: d } = G(y), u = (o ?? d) === "card", f = m ?? (u ? "end" : "start");
+  return u ? /* @__PURE__ */ g(
+    "label",
+    {
+      "data-reki-component": "Radio",
+      "data-reki-part": "item-label",
+      className: i(
+        "m-0 group relative flex items-start gap-3 rounded-lg border border-reki-hairline bg-reki-base p-3 transition-colors has-[[data-checked]]:border-reki-interact has-[[data-checked]]:bg-reki-tint",
+        f === "start" && "flex-row-reverse",
+        a === "error" && "border-reki-danger has-[[data-checked]]:border-reki-danger has-[[data-checked]]:bg-reki-base",
+        r ? "cursor-not-allowed opacity-50" : i(
+          "has-[[data-disabled]]:cursor-not-allowed has-[[data-disabled]]:opacity-50 cursor-pointer",
+          a !== "error" && "hover:not-has-[[data-disabled]]:bg-reki-tint"
+        ),
+        t
+      ),
+      children: [
+        /* @__PURE__ */ g("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+          /* @__PURE__ */ e("span", { className: "text-base font-medium text-reki-default", children: s }),
+          n && /* @__PURE__ */ e("span", { className: "text-sm text-reki-subtle", children: n })
+        ] }),
+        /* @__PURE__ */ e(
+          v,
+          {
+            ref: l,
+            "data-reki-component": "Radio",
+            "data-reki-part": "item",
+            value: c,
+            disabled: r,
+            className: i(
+              "relative mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded-full border-0 bg-reki-base ring ring-2 focus:outline-none focus:ring-reki-focus focus-visible:ring-2 focus-visible:ring-reki-brand",
+              a === "error" ? "ring-reki-danger" : "ring-reki-line",
+              !r && a !== "error" && "group-hover:ring-reki-hairline focus-visible:outline-offset-3",
+              !r && a === "error" && "focus-visible:outline-offset-3",
+              "data-[checked]:bg-reki-contrast"
+            ),
+            children: /* @__PURE__ */ e(
+              R,
+              {
+                keepMounted: !0,
+                className: "flex items-center justify-center",
+                children: /* @__PURE__ */ e("span", { className: "h-2 w-2 rounded-full bg-reki-base" })
+              }
+            )
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ g(
+    "label",
+    {
+      "data-reki-component": "Radio",
+      "data-reki-part": "item-label",
+      className: i(
+        "m-0 group relative inline-flex items-start gap-2",
+        // "start" (default): radio before label
+        // "end": label before radio using flex-row-reverse
+        f === "end" && "flex-row-reverse justify-end",
+        r ? "cursor-not-allowed opacity-50" : "cursor-pointer",
+        t
+      ),
+      children: [
+        /* @__PURE__ */ e(
+          v,
+          {
+            ref: l,
+            "data-reki-component": "Radio",
+            "data-reki-part": "item",
+            value: c,
+            disabled: r,
+            className: i(
+              "relative mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded-full border-0 bg-reki-base ring focus:outline-none after:absolute after:-inset-x-3 after:-inset-y-2",
+              a === "error" ? "ring-reki-danger" : "ring-reki-line",
+              !r && a !== "error" && "group-hover:ring-reki-hairline focus:ring-reki-focus focus:ring-2 focus-visible:ring-2 focus-visible:ring-reki-brand focus-visible:outline-offset-3",
+              !r && a === "error" && "focus:ring-reki-focus focus:ring-2 focus-visible:ring-2 focus-visible:ring-reki-brand focus-visible:outline-offset-3",
+              "data-[checked]:bg-reki-contrast"
+            ),
+            children: /* @__PURE__ */ e(
+              R,
+              {
+                keepMounted: !0,
+                className: "flex items-center justify-center",
+                children: /* @__PURE__ */ e("span", { className: "h-2 w-2 rounded-full bg-reki-base" })
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e("span", { className: "text-base text-reki-default", children: s })
+      ]
+    }
+  );
+}
+const I = C(V);
+I.displayName = "Radio.Item";
+function A({ children: t, className: r }) {
+  return /* @__PURE__ */ e(
+    w,
+    {
+      className: i("text-base font-medium text-reki-default", r),
+      children: t
+    }
+  );
+}
+A.displayName = "Radio.Legend";
+function k({
+  legend: t,
+  children: r,
+  orientation: a = "vertical",
+  appearance: o = "default",
+  error: s,
+  description: n,
+  defaultValue: c,
+  value: l,
+  onValueChange: m,
+  disabled: d,
+  controlPosition: h,
+  name: u,
+  className: f
+}) {
+  return /* @__PURE__ */ e(y.Provider, { value: { controlPosition: h, appearance: o }, children: /* @__PURE__ */ e(
+    L,
+    {
+      defaultValue: c,
+      value: l,
+      onValueChange: (b, j) => m?.(b, j),
+      disabled: d,
+      name: u,
+      children: /* @__PURE__ */ g(
+        S,
+        {
+          disabled: d,
+          className: i("flex flex-col gap-4", f),
+          children: [
+            t && /* @__PURE__ */ e(w, { className: "text-base font-medium text-reki-default", children: t }),
+            /* @__PURE__ */ e(
+              "div",
+              {
+                className: i(
+                  a === "vertical" ? i("flex flex-col", o === "card" ? "gap-3" : "gap-2") : o === "card" ? "grid grid-cols-2 gap-3" : "flex flex-row flex-wrap gap-2"
+                ),
+                children: r
+              }
+            ),
+            s && /* @__PURE__ */ e("p", { className: "text-sm text-reki-danger", children: s }),
+            n && /* @__PURE__ */ e("p", { className: "text-sm text-reki-subtle", children: n })
+          ]
+        }
+      )
+    }
+  ) });
+}
+k.displayName = "Radio.Group";
+const K = Object.assign(k, {
+  Item: I,
+  Group: k,
+  Legend: A
+});
+export {
+  p as R,
+  N as a,
+  K as b,
+  k as c,
+  T as r
+};
+//# sourceMappingURL=radio-newyq331uk4lltr6.js.map

package/dist/chunks/radio-newyq331uk4lltr6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-newyq331uk4lltr6.js","sources":["../../src/components/radio/radio.tsx"],"sourcesContent":["import {\n  forwardRef,\n  createContext,\n  useContext,\n  type ReactNode,\n  type ReactElement,\n  type ForwardedRef,\n} from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { resolveVariant } from \"../../utils/resolve-variant\";\nimport { Fieldset } from \"@base-ui/react/fieldset\";\nimport {\n  RadioGroup as BaseRadioGroup,\n  type RadioGroup as BaseRadioGroupNamespace,\n} from \"@base-ui/react/radio-group\";\nimport { Radio as BaseRadio } from \"@base-ui/react/radio\";\n\n/**\n * Event details passed as the second argument to `onValueChange`. Carries the\n * native event and interaction metadata. Re-exported from Base UI.\n */\nexport type RadioGroupChangeEventDetails =\n  BaseRadioGroupNamespace.ChangeEventDetails;\n\n/** Radio variant definitions mapping variant names to their Tailwind classes. */\nexport const REKI_RADIO_VARIANTS = {\n  variant: {\n    default: {\n      classes: \"ring-reki-hairline\",\n      description: \"Default radio appearance\",\n    },\n    error: {\n      classes: \"ring-reki-danger\",\n      description: \"Error state for validation failures\",\n    },\n  },\n  appearance: {\n    default: {\n      classes: \"\",\n      description: \"Standard inline radio item\",\n    },\n    card: {\n      classes:\n        \"rounded-lg border border-reki-hairline bg-reki-base p-3 transition-colors hover:bg-reki-tint has-[[data-checked]]:border-reki-interact has-[[data-checked]]:bg-reki-tint\",\n      description:\n        \"Choice card appearance with border, padding, and highlighted selection state\",\n    },\n  },\n} as const;\n\nexport const REKI_RADIO_DEFAULT_VARIANTS = {\n  variant: \"default\",\n  appearance: \"default\",\n} as const;\n\n// Derived types from REKI_RADIO_VARIANTS\nexport type RekiRadioVariant = keyof typeof REKI_RADIO_VARIANTS.variant;\nexport type RekiRadioAppearance = keyof typeof REKI_RADIO_VARIANTS.appearance;\n\nexport interface RekiRadioVariantsProps {\n  /**\n   * Visual variant.\n   * - `\"default\"` — Standard radio appearance\n   * - `\"error\"` — Error state for validation failures\n   * @default \"default\"\n   */\n  variant?: RekiRadioVariant;\n  /**\n   * Visual appearance.\n   * - `\"default\"` — Standard inline radio item\n   * - `\"card\"` — Choice card with border, padding, and highlighted selection state\n   * @default \"default\"\n   */\n  appearance?: RekiRadioAppearance;\n}\n\nexport function radioVariants({\n  variant = REKI_RADIO_DEFAULT_VARIANTS.variant,\n  appearance = REKI_RADIO_DEFAULT_VARIANTS.appearance,\n}: RekiRadioVariantsProps = {}) {\n  return cn(\n    resolveVariant(\n      REKI_RADIO_VARIANTS.variant,\n      variant,\n      REKI_RADIO_DEFAULT_VARIANTS.variant,\n    ).classes,\n    resolveVariant(\n      REKI_RADIO_VARIANTS.appearance,\n      appearance,\n      REKI_RADIO_DEFAULT_VARIANTS.appearance,\n    ).classes,\n  );\n}\n\n// Legacy type alias for backwards compatibility\nexport type RadioVariant = RekiRadioVariant;\n\n/** Position of the radio control relative to its label */\nexport type RadioControlPosition = \"start\" | \"end\";\n\n// Context for passing controlPosition and appearance from Group to Items.\n// `controlPosition` may be undefined so each item can fall back to an\n// appearance-appropriate default (start for default, end for card).\nconst RadioGroupContext = createContext<{\n  controlPosition: RadioControlPosition | undefined;\n  appearance: RekiRadioAppearance;\n}>({\n  controlPosition: undefined,\n  appearance: \"default\",\n});\n\n/**\n * Radio group component props (with built-in Fieldset and RadioGroup)\n *\n * @example\n * // Basic usage\n * ```tsx\n * <Radio.Group legend=\"Notification preference\" defaultValue=\"email\">\n *   <Radio.Item label=\"Email\" value=\"email\" />\n *   <Radio.Item label=\"SMS\" value=\"sms\" />\n *   <Radio.Item label=\"Push\" value=\"push\" />\n * </Radio.Group>\n * ```\n *\n * @example\n * // Horizontal layout\n * ```tsx\n * <Radio.Group legend=\"Size\" orientation=\"horizontal\" defaultValue=\"md\">\n *   <Radio.Item label=\"Small\" value=\"sm\" />\n *   <Radio.Item label=\"Medium\" value=\"md\" />\n *   <Radio.Item label=\"Large\" value=\"lg\" />\n * </Radio.Group>\n * ```\n *\n * @example\n * // With error and description\n * ```tsx\n * <Radio.Group\n *   legend=\"Payment method\"\n *   error=\"Please select a payment method\"\n *   description=\"Choose how you'd like to pay\"\n * >\n *   <Radio.Item label=\"Credit Card\" value=\"card\" />\n *   <Radio.Item label=\"PayPal\" value=\"paypal\" />\n * </Radio.Group>\n * ```\n *\n * @example\n * // Controlled\n * ```tsx\n * const [value, setValue] = useState(\"email\");\n * <Radio.Group legend=\"Contact\" value={value} onValueChange={setValue}>\n *   <Radio.Item label=\"Email\" value=\"email\" />\n *   <Radio.Item label=\"Phone\" value=\"phone\" />\n * </Radio.Group>\n * ```\n *\n * @example\n * // Label before radio (controlPosition=\"end\")\n * ```tsx\n * <Radio.Group legend=\"Options\" controlPosition=\"end\" defaultValue=\"a\">\n *   <Radio.Item label=\"Option A\" value=\"a\" />\n *   <Radio.Item label=\"Option B\" value=\"b\" />\n * </Radio.Group>\n * ```\n *\n * @example\n * // Typed values — pass a type parameter to constrain `value`\n * ```tsx\n * <Radio.Group<number> legend=\"Items per page\" defaultValue={10}>\n *   <Radio.Item<number> label=\"10\" value={10} />\n *   <Radio.Item<number> label=\"25\" value={25} />\n * </Radio.Group>\n * ```\n */\n/**\n * Props for Radio.Legend — a composable sub-component for labeling a Radio.Group.\n *\n * Place as a direct child of `<Radio.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 * <Radio.Group>\n *   <Radio.Legend className=\"sr-only\">Paths</Radio.Legend>\n *   <Radio.Item label=\"Allow all paths\" value=\"all\" />\n * </Radio.Group>\n * ```\n */\nexport interface RadioLegendProps {\n  /** Legend content */\n  children: ReactNode;\n  /** Additional CSS classes (e.g. \"sr-only\" to visually hide the legend) */\n  className?: string;\n}\n\n/**\n * Radio.Group component props.\n *\n * Parameterised by the radio value type `Value` (defaults to `string`). Pass a\n * type argument — e.g. `<Radio.Group<number>>` — to type `value`,\n * `defaultValue`, and the value passed to `onValueChange`.\n *\n * Note: the generic only types the group-level value props. It does **not**\n * guarantee that the `value` of each `Radio.Item` child conforms to `Value`,\n * since children are passed as `ReactNode` and are not cross-checked at compile\n * time. Annotate items (`<Radio.Item<number>>`) for matching inference.\n */\nexport interface RadioGroupProps<Value = string> {\n  /**\n   * Legend text for the group (required for accessibility).\n   * For more control over legend styling, omit this prop and use `<Radio.Legend>` as a child instead.\n   */\n  legend?: string;\n  /** Child Radio.Item components (and optionally a Radio.Legend) */\n  children: ReactNode;\n  /** Layout direction of the radio items */\n  orientation?: \"vertical\" | \"horizontal\";\n  /**\n   * Visual appearance applied to all Radio.Item children.\n   * - `\"default\"` — Standard inline radio items\n   * - `\"card\"` — Choice card with border, padding, and highlighted selection state\n   *\n   * Individual items can override this with their own `appearance` prop.\n   * @default \"default\"\n   */\n  appearance?: RekiRadioAppearance;\n  /** Error message for the group */\n  error?: string;\n  /** Helper text for the group */\n  description?: ReactNode;\n  /** Value of the radio that should be initially selected (uncontrolled) */\n  defaultValue?: Value;\n  /** Value of the radio that should be selected (controlled) */\n  value?: Value;\n  /**\n   * Event handler called when the radio value changes. The second argument\n   * carries native event details about the interaction.\n   */\n  onValueChange?: (\n    value: Value,\n    eventDetails: RadioGroupChangeEventDetails,\n  ) => void;\n  /** Whether all radios in the group are disabled */\n  disabled?: boolean;\n  /** Position of radio control relative to label: \"start\" puts radio before label, \"end\" puts label before radio. Defaults to \"start\" for default appearance and \"end\" for card appearance. */\n  controlPosition?: RadioControlPosition;\n  /** Form submission name for the radio group */\n  name?: string;\n  /** Additional CSS classes */\n  className?: string;\n}\n\n/**\n * Individual radio item within a group\n *\n * @example\n * ```tsx\n * <Radio.Item label=\"Option A\" value=\"a\" />\n * ```\n *\n * @example\n * // Disabled item\n * ```tsx\n * <Radio.Item label=\"Unavailable\" value=\"unavailable\" disabled />\n * ```\n */\n/**\n * Radio.Item component props.\n *\n * Parameterised by the radio value type `Value` (defaults to `string`). Pass a\n * type argument — e.g. `<Radio.Item<number>>` — to type `value` to match the\n * enclosing `Radio.Group`'s value type.\n */\nexport type RadioItemProps<Value = string> = {\n  /** Visual variant: \"default\" or \"error\" for validation failures */\n  variant?: RadioVariant;\n  /**\n   * Visual appearance of the radio item.\n   * - `\"default\"` — Standard inline radio item\n   * - `\"card\"` — Choice card with border, padding, and highlighted selection state\n   *\n   * When set on an individual item, overrides the group-level `appearance`.\n   * @default \"default\"\n   */\n  appearance?: RekiRadioAppearance;\n  /** Label content displayed next to radio (required). Accepts strings or React nodes for rich content. */\n  label: ReactNode;\n  /** Description text displayed below the label (only visible in card appearance) */\n  description?: ReactNode;\n  /** Value of the radio (required) */\n  value: Value;\n  /** Additional CSS classes for the label wrapper */\n  className?: string;\n  /** Whether the radio is disabled */\n  disabled?: boolean;\n};\n\n// Radio.Item for use within Radio.Group\nfunction _RadioItem<T = string>(\n  {\n    className,\n    disabled,\n    variant = \"default\",\n    appearance: appearanceProp,\n    label,\n    description,\n    value,\n  }: RadioItemProps<T>,\n  ref: ForwardedRef<HTMLButtonElement>,\n) {\n  const { controlPosition, appearance: groupAppearance } =\n    useContext(RadioGroupContext);\n  const appearance = appearanceProp ?? groupAppearance;\n  const isCard = appearance === \"card\";\n\n  // Fall back to an appearance-appropriate default when controlPosition is\n  // not provided: card defaults to \"end\" (radio on the right), default\n  // appearance defaults to \"start\" (radio on the left).\n  const effectiveControlPosition: RadioControlPosition =\n    controlPosition ?? (isCard ? \"end\" : \"start\");\n\n  if (isCard) {\n    const controlAtStart = effectiveControlPosition === \"start\";\n    return (\n      <label\n        data-reki-component=\"Radio\"\n        data-reki-part=\"item-label\"\n        className={cn(\n          \"m-0 group relative flex items-start gap-3 rounded-lg border border-reki-hairline bg-reki-base p-3 transition-colors has-[[data-checked]]:border-reki-interact has-[[data-checked]]:bg-reki-tint\",\n          controlAtStart && \"flex-row-reverse\",\n          variant === \"error\" &&\n            \"border-reki-danger has-[[data-checked]]:border-reki-danger has-[[data-checked]]:bg-reki-base\",\n          disabled\n            ? \"cursor-not-allowed opacity-50\"\n            : cn(\n                \"has-[[data-disabled]]:cursor-not-allowed has-[[data-disabled]]:opacity-50 cursor-pointer\",\n                variant !== \"error\" &&\n                  \"hover:not-has-[[data-disabled]]:bg-reki-tint\",\n              ),\n          className,\n        )}\n      >\n        <div className=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n          <span className=\"text-base font-medium text-reki-default\">\n            {label}\n          </span>\n          {description && (\n            <span className=\"text-sm text-reki-subtle\">{description}</span>\n          )}\n        </div>\n        <BaseRadio.Root\n          ref={ref}\n          data-reki-component=\"Radio\"\n          data-reki-part=\"item\"\n          value={value}\n          disabled={disabled}\n          className={cn(\n            \"relative mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded-full border-0 bg-reki-base ring ring-2 focus:outline-none focus:ring-reki-focus focus-visible:ring-2 focus-visible:ring-reki-brand\",\n            variant === \"error\" ? \"ring-reki-danger\" : \"ring-reki-line\",\n            !disabled &&\n              variant !== \"error\" &&\n              \"group-hover:ring-reki-hairline focus-visible:outline-offset-3\",\n            !disabled &&\n              variant === \"error\" &&\n              \"focus-visible:outline-offset-3\",\n            \"data-[checked]:bg-reki-contrast\",\n          )}\n        >\n          <BaseRadio.Indicator\n            keepMounted\n            className=\"flex items-center justify-center\"\n          >\n            <span className=\"h-2 w-2 rounded-full bg-reki-base\" />\n          </BaseRadio.Indicator>\n        </BaseRadio.Root>\n      </label>\n    );\n  }\n\n  return (\n    <label\n      data-reki-component=\"Radio\"\n      data-reki-part=\"item-label\"\n      className={cn(\n        \"m-0 group relative inline-flex items-start gap-2\",\n        // \"start\" (default): radio before label\n        // \"end\": label before radio using flex-row-reverse\n        effectiveControlPosition === \"end\" && \"flex-row-reverse justify-end\",\n        disabled ? \"cursor-not-allowed opacity-50\" : \"cursor-pointer\",\n        className,\n      )}\n    >\n      <BaseRadio.Root\n        ref={ref}\n        data-reki-component=\"Radio\"\n        data-reki-part=\"item\"\n        value={value}\n        disabled={disabled}\n        className={cn(\n          \"relative mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded-full border-0 bg-reki-base ring focus:outline-none after:absolute after:-inset-x-3 after:-inset-y-2\",\n          variant === \"error\" ? \"ring-reki-danger\" : \"ring-reki-line\",\n          !disabled &&\n            variant !== \"error\" &&\n            \"group-hover:ring-reki-hairline focus:ring-reki-focus focus:ring-2 focus-visible:ring-2 focus-visible:ring-reki-brand focus-visible:outline-offset-3\",\n          !disabled &&\n            variant === \"error\" &&\n            \"focus:ring-reki-focus focus:ring-2 focus-visible:ring-2 focus-visible:ring-reki-brand focus-visible:outline-offset-3\",\n          \"data-[checked]:bg-reki-contrast\",\n        )}\n      >\n        <BaseRadio.Indicator\n          keepMounted\n          className=\"flex items-center justify-center\"\n        >\n          <span className=\"h-2 w-2 rounded-full bg-reki-base\" />\n        </BaseRadio.Indicator>\n      </BaseRadio.Root>\n      <span className=\"text-base text-reki-default\">{label}</span>\n    </label>\n  );\n}\n\n// React's `forwardRef` erases generic type parameters, so we cast the result\n// back to a generic call signature. The cast is required to support React 18\n// consumers (where function components can't receive `ref` as a plain prop).\nconst RadioItem = forwardRef(_RadioItem) as <T = string>(\n  props: RadioItemProps<T> & { ref?: ForwardedRef<HTMLButtonElement> },\n) => ReactElement;\n\n(RadioItem as unknown as { displayName: string }).displayName = \"Radio.Item\";\n\n// Radio.Legend — composable legend sub-component for Radio.Group\nfunction RadioLegend({ children, className }: RadioLegendProps) {\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\nRadioLegend.displayName = \"Radio.Legend\";\n\n// Radio.Group with built-in Fieldset and RadioGroup\nfunction RadioGroup<Value = string>({\n  legend,\n  children,\n  orientation = \"vertical\",\n  appearance = \"default\",\n  error,\n  description,\n  defaultValue,\n  value,\n  onValueChange,\n  disabled,\n  controlPosition,\n  name,\n  className,\n}: RadioGroupProps<Value>) {\n  return (\n    <RadioGroupContext.Provider value={{ controlPosition, appearance }}>\n      <BaseRadioGroup<Value>\n        defaultValue={defaultValue}\n        value={value}\n        onValueChange={(newValue, eventDetails) =>\n          onValueChange?.(newValue, eventDetails)\n        }\n        disabled={disabled}\n        name={name}\n      >\n        <Fieldset.Root\n          disabled={disabled}\n          className={cn(\"flex flex-col gap-4\", className)}\n        >\n          {legend && (\n            <Fieldset.Legend className=\"text-base font-medium text-reki-default\">\n              {legend}\n            </Fieldset.Legend>\n          )}\n          <div\n            className={cn(\n              orientation === \"vertical\"\n                ? cn(\"flex flex-col\", appearance === \"card\" ? \"gap-3\" : \"gap-2\")\n                : appearance === \"card\"\n                  ? \"grid grid-cols-2 gap-3\"\n                  : \"flex flex-row flex-wrap gap-2\",\n            )}\n          >\n            {children}\n          </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      </BaseRadioGroup>\n    </RadioGroupContext.Provider>\n  );\n}\n\nRadioGroup.displayName = \"Radio.Group\";\n\n// Export RadioGroup directly for external usage\nexport { RadioGroup };\n\n/**\n * Radio — radio button group for single-select choices.\n *\n * Compound component: `Radio.Group` (with built-in Fieldset), `Radio.Item`, and `Radio.Legend`.\n * Built on `@base-ui/react/radio-group` + `@base-ui/react/radio`.\n *\n * @example\n * ```tsx\n * // Simple: legend as a string prop\n * <Radio.Group legend=\"Notification preference\" defaultValue=\"email\">\n *   <Radio.Item label=\"Email\" value=\"email\" />\n *   <Radio.Item label=\"SMS\" value=\"sms\" />\n *   <Radio.Item label=\"Push\" value=\"push\" />\n * </Radio.Group>\n *\n * // Composable: Radio.Legend for full styling control (e.g. visually hidden)\n * <Radio.Group defaultValue=\"email\">\n *   <Radio.Legend className=\"sr-only\">Notification preference</Radio.Legend>\n *   <Radio.Item label=\"Email\" value=\"email\" />\n *   <Radio.Item label=\"SMS\" value=\"sms\" />\n * </Radio.Group>\n * ```\n */\nexport const Radio = Object.assign(RadioGroup, {\n  Item: RadioItem,\n  Group: RadioGroup,\n  Legend: RadioLegend,\n});\n"],"names":["REKI_RADIO_VARIANTS","REKI_RADIO_DEFAULT_VARIANTS","radioVariants","variant","appearance","cn","resolveVariant","RadioGroupContext","createContext","_RadioItem","className","disabled","appearanceProp","label","description","value","ref","controlPosition","groupAppearance","useContext","isCard","effectiveControlPosition","jsxs","jsx","BaseRadio.Root","BaseRadio.Indicator","RadioItem","forwardRef","RadioLegend","children","Fieldset.Legend","RadioGroup","legend","orientation","error","defaultValue","onValueChange","name","BaseRadioGroup","newValue","eventDetails","Fieldset.Root","Radio"],"mappings":"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"}

package/dist/chunks/resolve-variant-t8jcltsizeg29ege.js

@@ -0,0 +1,11 @@
+"use client";
+function i(n, o, e) {
+  const r = n[o];
+  return r !== void 0 ? r : (process.env.NODE_ENV !== "production" && console.warn(
+    `[reki] Unknown variant "${o}". Expected one of: ${Object.keys(n).join(", ")}. Falling back to "${e}".`
+  ), n[e]);
+}
+export {
+  i as r
+};
+//# sourceMappingURL=resolve-variant-t8jcltsizeg29ege.js.map

package/dist/chunks/resolve-variant-t8jcltsizeg29ege.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-variant-t8jcltsizeg29ege.js","sources":["../../src/utils/resolve-variant.ts"],"sourcesContent":["/**\n * Safely resolve a variant config from a variants map, falling back\n * to a known-good default when the key doesn't match any entry.\n *\n * This prevents `TypeError: Cannot read properties of undefined`\n * when a component receives an invalid variant value at runtime\n * (e.g. from untyped JS consumers, server data, or stale props).\n *\n * @param variants  – A dimension of a REKI_*_VARIANTS object\n *                    (e.g. `REKI_BUTTON_VARIANTS.variant`)\n * @param key       – The runtime value of the variant prop\n * @param fallback  – A key guaranteed to exist (typically from\n *                    REKI_*_DEFAULT_VARIANTS)\n * @returns The matched config entry, or the fallback entry\n *\n * @example\n * ```ts\n * const config = resolveVariant(\n *   REKI_BUTTON_VARIANTS.variant,\n *   variant,\n *   REKI_BUTTON_DEFAULT_VARIANTS.variant,\n * );\n * // config.classes is always safe to access\n * ```\n */\nexport function resolveVariant<T extends Record<string, unknown>>(\n  variants: T,\n  key: string,\n  fallback: keyof T & string,\n): T[keyof T] {\n  const config = (variants as Record<string, unknown>)[key] as\n    | T[keyof T]\n    | undefined;\n\n  if (config !== undefined) return config;\n\n  if (process.env.NODE_ENV !== \"production\") {\n    console.warn(\n      `[reki] Unknown variant \"${key}\". Expected one of: ${Object.keys(variants).join(\", \")}. Falling back to \"${fallback}\".`,\n    );\n  }\n\n  return variants[fallback];\n}\n"],"names":["resolveVariant","variants","key","fallback","config"],"mappings":";AAyBO,SAASA,EACdC,GACAC,GACAC,GACY;AACZ,QAAMC,IAAUH,EAAqCC,CAAG;AAIxD,SAAIE,MAAW,SAAkBA,KAE7B,QAAQ,IAAI,aAAa,gBAC3B,QAAQ;AAAA,IACN,2BAA2BF,CAAG,uBAAuB,OAAO,KAAKD,CAAQ,EAAE,KAAK,IAAI,CAAC,sBAAsBE,CAAQ;AAAA,EAAA,GAIhHF,EAASE,CAAQ;AAC1B;"}

package/dist/chunks/select-h5480mbro0ypxu0b.js

@@ -0,0 +1,237 @@
+"use client";
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { CaretUpDownIcon as H, CheckIcon as J } from "@phosphor-icons/react";
+import { useId as Q, forwardRef as g } from "react";
+import { c as r } from "./cn-ct4n7r74mh8y0f48.js";
+import { b as X } from "./button-nc5p1h28cwes0tjw.js";
+import { R as Y } from "./input-i5nefqk213n4z7pr.js";
+import { S as Z } from "./skeleton-line-epxenksfesr2fkcv.js";
+import { L as q } from "./label-fcho4757rbdess0c.js";
+import { F as ee } from "./field-fe5m8z3vbpvtctbe.js";
+import { u as te } from "./portal-provider-off76og7tjyz96ys.js";
+import { b1 as ae, b2 as ie, b3 as se, b4 as ne, b5 as re, b6 as le, b7 as oe, b8 as ce, b9 as de, ba as ue, bb as me, bc as be, bd as fe, be as pe, S as ge } from "./vendor-base-ui-bgl9g5nkvqy3tn36.js";
+Y.size;
+const A = {
+  size: "base"
+};
+function he({
+  size: e = A.size
+} = {}) {
+  return r(
+    X({ size: e }),
+    "justify-between font-normal",
+    "focus:opacity-100 focus:ring-reki-focus/50 focus-visible:ring-inset *:in-focus:opacity-100"
+  );
+}
+const z = {
+  xs: { iconSize: 12, className: "text-reki-subtle" },
+  sm: { iconSize: 14, className: "text-reki-subtle" },
+  base: { iconSize: 16, className: "text-reki-subtle" },
+  lg: { iconSize: 18, className: "text-reki-subtle" }
+};
+function C(e) {
+  if (e == null || typeof e != "object" || Array.isArray(e) || "$$typeof" in e || e instanceof Promise) return !1;
+  const i = e;
+  return "label" in i && i.label !== void 0;
+}
+function O(e) {
+  return Array.isArray(e) ? e : Object.entries(e).map(([i, s]) => ({
+    value: i,
+    label: C(s) ? s.label : s
+  }));
+}
+function Se(e) {
+  const i = O(e), s = /* @__PURE__ */ new Map();
+  if (!Array.isArray(e))
+    for (const [t, l] of Object.entries(e))
+      C(l) && s.set(t, { disabled: l.disabled });
+  return i.filter((t) => t.value !== null).map((t, l) => {
+    const c = typeof t.value == "string" ? t.value : `option-${l}`, u = typeof t.value == "string" ? s.get(t.value) : void 0;
+    return /* @__PURE__ */ a(F, { value: t.value, disabled: u?.disabled, children: t.label }, c);
+  });
+}
+function d({
+  children: e,
+  className: i,
+  renderValue: s,
+  label: t,
+  hideLabel: l,
+  placeholder: c,
+  loading: u,
+  size: b = A.size,
+  labelTooltip: h,
+  description: f,
+  error: n,
+  required: S,
+  container: j,
+  ...o
+}) {
+  const y = Q(), P = te(), _ = j ?? P ?? void 0, x = o, T = x["aria-label"], V = x["aria-labelledby"], D = typeof t == "string" ? t : c;
+  process.env.NODE_ENV !== "production" && l !== void 0 && console.warn(
+    '[Reki Select]: `hideLabel` is deprecated. For hidden labels, use `aria-label` instead of `label` + `hideLabel={true}`.\n  Migration:\n  - For visible labels: <Select label="Country" /> (hideLabel no longer needed)\n  - For hidden labels: <Select aria-label="Select a country" /> (remove label and hideLabel)'
+  );
+  const N = t && l !== !0, k = N ? void 0 : V ?? (t ? y : void 0), $ = T ?? (k ? void 0 : D), U = o.items ? O(o.items) : void 0, K = e || (o.items ? Se(o.items) : null), M = s ? (p) => {
+    const I = c != null ? /* @__PURE__ */ a("span", { className: "text-reki-placeholder", children: c }) : null;
+    if (p == null || p === "")
+      return I;
+    const w = s(p);
+    return w ?? I;
+  } : void 0, { items: ye, ...B } = o, W = t ? /* @__PURE__ */ a(de, { className: "m-0 select-none text-base font-medium text-reki-default", children: /* @__PURE__ */ a(
+    q,
+    {
+      showOptional: S === !1,
+      tooltip: l ? void 0 : h,
+      asContent: !0,
+      children: t
+    }
+  ) }) : null, v = /* @__PURE__ */ m(
+    ae,
+    {
+      ...B,
+      items: U,
+      disabled: u || o.disabled,
+      children: [
+        W,
+        /* @__PURE__ */ m(
+          ie,
+          {
+            "data-reki-component": "Select",
+            "data-reki-part": "trigger",
+            className: r(
+              he({ size: b }),
+              o.disabled && "cursor-not-allowed opacity-50",
+              n && "!ring-reki-danger focus:ring-reki-danger/50 focus:ring-[1.5px]",
+              i
+            ),
+            "aria-label": $,
+            "aria-labelledby": k,
+            children: [
+              u ? /* @__PURE__ */ a(Z, { className: "w-32" }) : /* @__PURE__ */ a(
+                se,
+                {
+                  placeholder: c,
+                  className: "min-w-0 truncate data-[placeholder]:text-reki-placeholder",
+                  children: M
+                }
+              ),
+              /* @__PURE__ */ a(
+                ne,
+                {
+                  className: r(
+                    "flex shrink-0 items-center",
+                    z[b].className
+                  ),
+                  children: /* @__PURE__ */ a(
+                    H,
+                    {
+                      size: z[b].iconSize,
+                      className: "fill-current"
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ a(re, { container: _, children: /* @__PURE__ */ a(le, { children: /* @__PURE__ */ a(
+          oe,
+          {
+            className: r(
+              "flex flex-col",
+              "max-h-[var(--available-height)] bg-reki-base text-reki-default",
+              "rounded-lg shadow-lg ring ring-reki-line",
+              "min-w-[calc(var(--anchor-width)+3px)] py-1.5"
+            ),
+            children: /* @__PURE__ */ a(
+              ce,
+              {
+                className: r(
+                  "min-h-0 flex-1 overflow-y-auto overscroll-none scroll-pt-2 scroll-pb-2"
+                ),
+                children: K
+              }
+            )
+          }
+        ) }) })
+      ]
+    }
+  );
+  if (N)
+    return /* @__PURE__ */ a(
+      ee,
+      {
+        label: t,
+        required: S,
+        labelTooltip: h,
+        description: f,
+        error: n ? typeof n == "string" ? { message: n, match: !0 } : n : void 0,
+        hideLabel: !0,
+        children: v
+      }
+    );
+  const L = n ? typeof n == "string" ? { message: n } : n : void 0;
+  return /* @__PURE__ */ m("div", { className: "grid gap-2", children: [
+    t && /* @__PURE__ */ a("span", { id: y, className: "sr-only", children: t }),
+    v,
+    L ? /* @__PURE__ */ a("span", { className: "text-sm text-reki-danger", children: L.message }) : f && /* @__PURE__ */ a("span", { className: "text-sm leading-snug text-reki-subtle", children: f })
+  ] });
+}
+function F({ children: e, value: i, disabled: s, className: t }) {
+  return /* @__PURE__ */ m(
+    ue,
+    {
+      "data-reki-component": "Select",
+      "data-reki-part": "option",
+      value: i,
+      disabled: s,
+      className: r(
+        "group mx-1.5 flex cursor-pointer items-center justify-between gap-2 rounded px-2 py-1.5 text-base outline-none",
+        "focus-visible:z-50 focus-visible:ring-2 focus-visible:ring-reki-brand focus-visible:ring-inset",
+        "data-highlighted:bg-reki-tint",
+        "data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50",
+        t
+      ),
+      children: [
+        /* @__PURE__ */ a(me, { children: e }),
+        /* @__PURE__ */ a(be, { children: /* @__PURE__ */ a(J, {}) })
+      ]
+    }
+  );
+}
+const E = g(
+  ({ children: e, className: i }, s) => /* @__PURE__ */ a(fe, { ref: s, className: r(i), children: e })
+);
+E.displayName = "Select.Group";
+const G = g(
+  ({ children: e, className: i }, s) => /* @__PURE__ */ a(
+    pe,
+    {
+      ref: s,
+      className: r(
+        "px-3.5 py-1.5 text-sm font-semibold text-reki-subtle",
+        i
+      ),
+      children: e
+    }
+  )
+);
+G.displayName = "Select.GroupLabel";
+const R = g(
+  ({ className: e }, i) => /* @__PURE__ */ a(
+    ge,
+    {
+      ref: i,
+      className: r("-mx-1 my-1 h-px bg-reki-hairline", e)
+    }
+  )
+);
+R.displayName = "Select.Separator";
+d.Option = F;
+d.Group = E;
+d.GroupLabel = G;
+d.Separator = R;
+d.Option.displayName = "Select.Option";
+export {
+  d as S
+};
+//# sourceMappingURL=select-h5480mbro0ypxu0b.js.map

package/dist/chunks/select-h5480mbro0ypxu0b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-h5480mbro0ypxu0b.js","sources":["../../src/components/select/select.tsx"],"sourcesContent":["import { Select as SelectBase } from \"@base-ui/react/select\";\nimport { CaretUpDownIcon, CheckIcon } from \"@phosphor-icons/react\";\nimport { forwardRef, useId } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { buttonVariants } from \"../button\";\nimport { REKI_INPUT_VARIANTS, type RekiInputSize } from \"../input/input\";\nimport { SkeletonLine } from \"../loader\";\nimport { Label } from \"../label\";\nimport { Field, type FieldErrorMatch } from \"../field/field\";\nimport {\n  usePortalContainer,\n  type PortalContainer,\n} from \"../../utils/portal-provider\";\n\n/** Select variant definitions. */\nexport const REKI_SELECT_VARIANTS = {\n  size: REKI_INPUT_VARIANTS.size,\n} as const;\n\nexport const REKI_SELECT_DEFAULT_VARIANTS = {\n  size: \"base\",\n} as const;\n\n/**\n * Select component styling metadata for Figma plugin code generation\n * Extracted from select.tsx implementation (source of truth)\n */\nexport const REKI_SELECT_STYLING = {\n  trigger: {\n    height: 36, // h-9\n    paddingX: 12, // px-3\n    borderRadius: 8, // rounded-lg\n    background: \"bg-reki-elevated\",\n    text: \"text-color-surface\",\n    ring: \"color-border\",\n    fontSize: 16, // text-base\n    fontWeight: 400, // font-normal\n  },\n  stateTokens: {\n    focus: { ring: \"color-active\" },\n    disabled: { opacity: 0.5 },\n  },\n  icons: {\n    caret: { name: \"ph-caret-up-down\", size: 20 },\n    check: { name: \"ph-check\", size: 20 },\n  },\n  popup: {\n    background: \"bg-reki-elevated\",\n    ring: \"border-reki-line\",\n    borderRadius: 8, // rounded-lg\n    padding: 6, // p-1.5\n  },\n  option: {\n    paddingX: 8, // px-2\n    paddingY: 6, // py-1.5\n    borderRadius: 4, // rounded\n    fontSize: 16, // text-base\n    highlightBackground: \"color-surface-secondary\",\n  },\n} as const;\n\n// Derived types from REKI_SELECT_VARIANTS\nexport type RekiSelectSize = keyof typeof REKI_SELECT_VARIANTS.size;\n\nexport interface RekiSelectVariantsProps {\n  /**\n   * Size of the select trigger. Matches Input component sizes.\n   * - `\"xs\"` — Extra small for compact UIs (h-5 / 20px)\n   * - `\"sm\"` — Small for secondary fields (h-6.5 / 26px)\n   * - `\"base\"` — Default size (h-9 / 36px)\n   * - `\"lg\"` — Large for prominent fields (h-10 / 40px)\n   * @default \"base\"\n   */\n  size?: RekiSelectSize;\n}\n\nexport function selectVariants({\n  size = REKI_SELECT_DEFAULT_VARIANTS.size,\n}: RekiSelectVariantsProps = {}) {\n  return cn(\n    buttonVariants({ size }),\n    \"justify-between font-normal\",\n    \"focus:opacity-100 focus:ring-reki-focus/50 focus-visible:ring-inset *:in-focus:opacity-100\",\n  );\n}\n\nconst triggerIconStyles: Record<\n  RekiInputSize,\n  { iconSize: number; className: string }\n> = {\n  xs: { iconSize: 12, className: \"text-reki-subtle\" },\n  sm: { iconSize: 14, className: \"text-reki-subtle\" },\n  base: { iconSize: 16, className: \"text-reki-subtle\" },\n  lg: { iconSize: 18, className: \"text-reki-subtle\" },\n};\n\n/**\n * Shape for items that carry extra metadata (disabled state, tooltip).\n * Plain `ReactNode` values are still supported for backward compatibility.\n */\nexport interface SelectItemDescriptor {\n  /** Display label for the option. */\n  label: ReactNode;\n  /** When `true`, the option cannot be selected. */\n  disabled?: boolean;\n}\n\n/** Value type accepted by the `items` object-map prop. */\nexport type SelectItemValue = ReactNode | SelectItemDescriptor;\n\nfunction isItemDescriptor(\n  value: SelectItemValue,\n): value is SelectItemDescriptor {\n  if (value === null || value === undefined) return false;\n  if (typeof value !== \"object\" || Array.isArray(value)) return false;\n  // React elements have $$typeof — exclude them\n  if (\"$$typeof\" in (value as object)) return false;\n  // Promises are not descriptors\n  if (value instanceof Promise) return false;\n  // Must have a defined label (not just the key existing)\n  const candidate = value as unknown as Record<string, unknown>;\n  return \"label\" in candidate && candidate.label !== undefined;\n}\n\n/**\n * Normalizes items to array format for Base UI.\n * Object maps are converted to array format so Base UI can properly\n * handle value matching and placeholder display.\n */\nfunction normalizeItems<T>(\n  items:\n    | Record<string, SelectItemValue>\n    | ReadonlyArray<{ label: ReactNode; value: T }>,\n): ReadonlyArray<{ label: ReactNode; value: T }> {\n  if (Array.isArray(items)) {\n    return items;\n  }\n  // Convert object map to array format\n  return Object.entries(items).map(([key, entry]) => ({\n    value: key as T,\n    label: isItemDescriptor(entry) ? entry.label : entry,\n  }));\n}\n\n/**\n * Auto-generates Select.Option elements from items prop.\n * Only used when children are not explicitly provided.\n * Filters out null values (typically used for placeholders).\n */\nfunction renderOptionsFromItems<T>(\n  items:\n    | Record<string, SelectItemValue>\n    | ReadonlyArray<{ label: ReactNode; value: T }>,\n): ReactNode {\n  const normalizedItems = normalizeItems(items);\n\n  // Build a lookup for disabled metadata from object-map items.\n  // Object-map keys are always strings (Record<string, ...>), so the lookup\n  // uses string keys. The array form ({ label, value }[]) does not support\n  // descriptors — consumers should use the children API for that case.\n  const disabledLookup = new Map<string, { disabled?: boolean }>();\n  if (!Array.isArray(items)) {\n    for (const [key, entry] of Object.entries(items)) {\n      if (isItemDescriptor(entry)) {\n        disabledLookup.set(key, { disabled: entry.disabled });\n      }\n    }\n  }\n\n  // Filter out null values and render options\n  return normalizedItems\n    .filter((item) => item.value !== null)\n    .map((item, index) => {\n      const key =\n        typeof item.value === \"string\" ? item.value : `option-${index}`;\n      // When items is an object-map, value is always a string key from\n      // Object.entries. When items is an array, disabledLookup is empty.\n      const meta =\n        typeof item.value === \"string\"\n          ? disabledLookup.get(item.value)\n          : undefined;\n\n      return (\n        <Option key={key} value={item.value} disabled={meta?.disabled}>\n          {item.label}\n        </Option>\n      );\n    });\n}\n\ntype SelectPropsGeneric<T, Multiple extends boolean | undefined = false> = Omit<\n  SelectBase.Root.Props<T, Multiple>,\n  \"items\"\n> &\n  RekiSelectVariantsProps & {\n    multiple?: Multiple;\n    /**\n     * A function that returns a `ReactNode` to format the selected value.\n     * Only called when a value is selected — use `placeholder` for the empty state.\n     * @example\n     * ```tsx\n     * <Select\n     *   placeholder=\"Select a user...\"\n     *   renderValue={(user) => user.name}\n     * />\n     * ```\n     */\n    renderValue?: (value: Multiple extends true ? T[] : T) => ReactNode;\n    className?: string;\n    /**\n     * Data structure of items rendered in the popup.\n     * Accepts a plain object map (`{ key: \"Label\" }`) or an array of `{ label, value }`.\n     *\n     * Object-map values can be a `ReactNode` (backward-compatible) **or** a\n     * `SelectItemDescriptor` for extra metadata:\n     *\n     * ```tsx\n     * items={{\n     *   apple: \"Apple\",\n     *   banana: { label: \"Banana\", disabled: true, disabledReason: \"Out of season\" },\n     * }}\n     * ```\n     */\n    items?:\n      | Record<string, SelectItemValue>\n      | ReadonlyArray<{ label: ReactNode; value: T }>;\n    /**\n     * Label content for the select.\n     * When provided, enables the Field wrapper with a visible label.\n     * For accessibility without a visible label, use `aria-label` instead.\n     */\n    label?: ReactNode;\n    /**\n     * @deprecated Use `aria-label` for hidden labels instead of `label` + `hideLabel={true}`.\n     * When `label` is provided without `hideLabel`, the label is now visible by default (matching Input behavior).\n     * This prop will be removed in a future version.\n     */\n    hideLabel?: boolean;\n    placeholder?: string;\n    loading?: boolean;\n    /** Tooltip content to display next to the label via an info icon */\n    labelTooltip?: ReactNode;\n    /** Helper text displayed below the select */\n    description?: ReactNode;\n    /** Error message or validation error object */\n    error?: string | { message: ReactNode; match: FieldErrorMatch };\n    /**\n     * Container element for the portal. Use this to render the select inside\n     * a Shadow DOM or custom container. Overrides `RekiPortalProvider` context.\n     * @default document.body (or RekiPortalProvider container if set)\n     */\n    container?: PortalContainer;\n  };\n\n/**\n * Select component props.\n *\n * **Accessible Name Required:** Select should have one of:\n * 1. `label` prop (recommended) - enables Field wrapper with visible label\n * 2. `aria-label` - for selects without visible label (accessibility-only)\n * 3. `aria-labelledby` - for custom label association\n *\n * @example\n * ```tsx\n * // With visible label (recommended)\n * <Select label=\"Country\" onValueChange={setValue}>\n *   <Select.Option value=\"us\">United States</Select.Option>\n *   <Select.Option value=\"uk\">United Kingdom</Select.Option>\n * </Select>\n *\n * // Without visible label (use aria-label for accessibility)\n * <Select aria-label=\"Select a country\" onValueChange={setValue}>\n *   <Select.Option value=\"us\">United States</Select.Option>\n * </Select>\n * ```\n */\nexport interface SelectProps {\n  /** Additional CSS classes merged via `cn()`. */\n  className?: string;\n  /** Size of the select trigger. Matches Input component sizes. */\n  size?: RekiSelectSize;\n  /**\n   * Label content for the select.\n   * When provided, enables the Field wrapper with a visible label above the select.\n   * For accessibility without a visible label, use `aria-label` instead.\n   */\n  label?: ReactNode;\n  /**\n   * @deprecated Use `aria-label` for hidden labels instead of `label` + `hideLabel={true}`.\n   * When `label` is provided without `hideLabel`, the label is now visible by default (matching Input behavior).\n   * This prop will be removed in a future version.\n   */\n  hideLabel?: boolean;\n  /** Placeholder text shown when no value is selected. */\n  placeholder?: string;\n  /** When `true`, shows a skeleton loader in place of the selected value. */\n  loading?: boolean;\n  /** Whether the select is disabled. */\n  disabled?: boolean;\n  /** Whether the select is required. When `false`, shows \"(optional)\" text. */\n  required?: boolean;\n  /** Tooltip content displayed next to the label via an info icon. */\n  labelTooltip?: ReactNode;\n  /** Currently selected value (controlled mode). */\n  value?: unknown;\n  /** Initial value for uncontrolled mode. */\n  defaultValue?: unknown;\n  /** Callback fired when the selected value changes. */\n  onValueChange?: (value: unknown) => void;\n  /** Enable multi-select mode. */\n  multiple?: boolean;\n  /** `Select.Option` elements to render in the dropdown. */\n  children?: ReactNode;\n  /** Helper text displayed below the select. */\n  description?: ReactNode;\n  /** Error message string or validation error object with `match` key. */\n  error?: string | { message: ReactNode; match: FieldErrorMatch };\n}\n\n/**\n * Select.Option component props.\n */\nexport interface SelectOptionProps {\n  /** The option content. */\n  children: ReactNode;\n  /** The value associated with this option. */\n  value: unknown;\n  /** When `true`, the option cannot be selected. */\n  disabled?: boolean;\n  /** Additional CSS classes merged via `cn()`. */\n  className?: string;\n}\n\n/**\n * Dropdown for selecting a value from a list of options.\n * Wraps Base UI Select with Reki styling and optional Field integration.\n *\n * @example\n * ```tsx\n * <Select label=\"Fruit\" onValueChange={setFruit}>\n *   <Select.Option value=\"apple\">Apple</Select.Option>\n *   <Select.Option value=\"banana\">Banana</Select.Option>\n * </Select>\n * ```\n */\nexport function Select<T, Multiple extends boolean | undefined = false>({\n  children,\n  className,\n  renderValue,\n  label,\n  hideLabel,\n  placeholder,\n  loading,\n  size = REKI_SELECT_DEFAULT_VARIANTS.size,\n  labelTooltip,\n  description,\n  error,\n  required,\n  container: containerProp,\n  ...props\n}: SelectPropsGeneric<T, Multiple> & { required?: boolean }) {\n  const labelId = useId();\n  const contextContainer = usePortalContainer();\n  const container = containerProp ?? contextContainer ?? undefined;\n  const propLookup = props as Record<string, unknown>;\n  const ariaLabel = propLookup[\"aria-label\"] as string | undefined;\n  const ariaLabelledby = propLookup[\"aria-labelledby\"] as string | undefined;\n  // For aria-label, use string label or placeholder (ReactNode labels can't be used for aria-label)\n  const fallbackLabel = typeof label === \"string\" ? label : placeholder;\n\n  // Deprecation warning for hideLabel\n  if (process.env.NODE_ENV !== \"production\" && hideLabel !== undefined) {\n    console.warn(\n      \"[Reki Select]: `hideLabel` is deprecated. For hidden labels, use `aria-label` instead of `label` + `hideLabel={true}`.\\n\" +\n        \"  Migration:\\n\" +\n        '  - For visible labels: <Select label=\"Country\" /> (hideLabel no longer needed)\\n' +\n        '  - For hidden labels: <Select aria-label=\"Select a country\" /> (remove label and hideLabel)',\n    );\n  }\n\n  // New behavior: label presence determines Field wrapper visibility (like Input)\n  // hideLabel is only respected for backward compatibility when explicitly set to true\n  const useFieldWrapper = label && hideLabel !== true;\n  const triggerLabelledBy = useFieldWrapper\n    ? undefined\n    : (ariaLabelledby ?? (label ? labelId : undefined));\n  const triggerAriaLabel =\n    ariaLabel ?? (!triggerLabelledBy ? fallbackLabel : undefined);\n\n  // Normalize items to array format for Base UI compatibility\n  // This fixes placeholder not showing with object map items\n  const normalizedItems = props.items ? normalizeItems(props.items) : undefined;\n\n  // Auto-render children from items if no explicit children provided\n  const renderedChildren = children\n    ? children\n    : props.items\n      ? renderOptionsFromItems(props.items)\n      : null;\n\n  // Wrap renderValue to handle null values properly:\n  // - When value is null, show placeholder (Base UI ignores placeholder when children fn provided)\n  // - When value is non-null, call user's renderValue\n  const valueChildrenFn = renderValue\n    ? (value: unknown) => {\n        const placeholderNode =\n          placeholder != null ? (\n            <span className=\"text-reki-placeholder\">{placeholder}</span>\n          ) : null;\n\n        if (value == null || value === \"\") {\n          return placeholderNode;\n        }\n\n        // Cast through `any` as a deliberate type boundary: Base UI passes `unknown`,\n        // but our renderValue expects the generic T (or T[] for multiple)\n        const rendered = renderValue(value as any);\n\n        if (rendered == null) {\n          return placeholderNode;\n        }\n\n        return rendered;\n      }\n    : undefined;\n\n  // Exclude Reki-extended `items` from Base UI spread — we pass `normalizedItems` instead\n  const { items: _items, ...baseProps } = props;\n\n  // Use Base UI's Select.Label for accessible naming — avoids the\n  // hover/focus coupling that a native <label> (from Field) would cause.\n  const showOptional = required === false;\n  const selectLabelNode = label ? (\n    <SelectBase.Label className=\"m-0 select-none text-base font-medium text-reki-default\">\n      <Label\n        showOptional={showOptional}\n        tooltip={hideLabel ? undefined : labelTooltip}\n        asContent\n      >\n        {label}\n      </Label>\n    </SelectBase.Label>\n  ) : null;\n\n  const selectControl = (\n    <SelectBase.Root\n      {...baseProps}\n      items={normalizedItems}\n      disabled={loading || props.disabled}\n    >\n      {selectLabelNode}\n      <SelectBase.Trigger\n        data-reki-component=\"Select\"\n        data-reki-part=\"trigger\"\n        className={cn(\n          selectVariants({ size }),\n          props.disabled && \"cursor-not-allowed opacity-50\",\n          error &&\n            \"!ring-reki-danger focus:ring-reki-danger/50 focus:ring-[1.5px]\",\n          className,\n        )}\n        aria-label={triggerAriaLabel}\n        aria-labelledby={triggerLabelledBy}\n      >\n        {loading ? (\n          <SkeletonLine className=\"w-32\" />\n        ) : (\n          <SelectBase.Value\n            placeholder={placeholder}\n            className=\"min-w-0 truncate data-[placeholder]:text-reki-placeholder\"\n          >\n            {valueChildrenFn}\n          </SelectBase.Value>\n        )}\n        <SelectBase.Icon\n          className={cn(\n            \"flex shrink-0 items-center\",\n            triggerIconStyles[size].className,\n          )}\n        >\n          <CaretUpDownIcon\n            size={triggerIconStyles[size].iconSize}\n            className=\"fill-current\"\n          />\n        </SelectBase.Icon>\n      </SelectBase.Trigger>\n      <SelectBase.Portal container={container}>\n        <SelectBase.Positioner>\n          <SelectBase.Popup\n            className={cn(\n              \"flex flex-col\",\n              \"max-h-[var(--available-height)] bg-reki-base text-reki-default\",\n              \"rounded-lg shadow-lg ring ring-reki-line\",\n              \"min-w-[calc(var(--anchor-width)+3px)] py-1.5\",\n            )}\n          >\n            <SelectBase.List\n              className={cn(\n                \"min-h-0 flex-1 overflow-y-auto overscroll-none scroll-pt-2 scroll-pb-2\",\n              )}\n            >\n              {renderedChildren}\n            </SelectBase.List>\n          </SelectBase.Popup>\n        </SelectBase.Positioner>\n      </SelectBase.Portal>\n    </SelectBase.Root>\n  );\n\n  // Use Field wrapper when label is provided and not hidden\n  if (useFieldWrapper) {\n    return (\n      <Field\n        label={label}\n        required={required}\n        labelTooltip={labelTooltip}\n        description={description}\n        error={\n          error\n            ? typeof error === \"string\"\n              ? { message: error, match: true }\n              : error\n            : undefined\n        }\n        hideLabel\n      >\n        {selectControl}\n      </Field>\n    );\n  }\n\n  // Render with standalone label when label is hidden (sr-only)\n  // Still show description/error for accessibility and UX\n  const normalizedError = error\n    ? typeof error === \"string\"\n      ? { message: error, match: true as const }\n      : error\n    : undefined;\n\n  return (\n    <div className=\"grid gap-2\">\n      {label && (\n        <span id={labelId} className=\"sr-only\">\n          {label}\n        </span>\n      )}\n      {selectControl}\n      {normalizedError ? (\n        <span className=\"text-sm text-reki-danger\">\n          {normalizedError.message}\n        </span>\n      ) : (\n        description && (\n          <span className=\"text-sm leading-snug text-reki-subtle\">\n            {description}\n          </span>\n        )\n      )}\n    </div>\n  );\n}\n\ntype OptionProps<T> = {\n  children: ReactNode;\n  value: T;\n  /** When `true`, the option cannot be selected. */\n  disabled?: boolean;\n  /** Additional CSS classes merged via `cn()`. */\n  className?: string;\n};\n\nfunction Option<T>({ children, value, disabled, className }: OptionProps<T>) {\n  return (\n    <SelectBase.Item\n      data-reki-component=\"Select\"\n      data-reki-part=\"option\"\n      value={value}\n      disabled={disabled}\n      className={cn(\n        \"group mx-1.5 flex cursor-pointer items-center justify-between gap-2 rounded px-2 py-1.5 text-base outline-none\",\n        \"focus-visible:z-50 focus-visible:ring-2 focus-visible:ring-reki-brand focus-visible:ring-inset\",\n        \"data-highlighted:bg-reki-tint\",\n        \"data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50\",\n        className,\n      )}\n    >\n      <SelectBase.ItemText>{children}</SelectBase.ItemText>\n      <SelectBase.ItemIndicator>\n        <CheckIcon />\n      </SelectBase.ItemIndicator>\n    </SelectBase.Item>\n  );\n}\n\n// --- Select.Group ---\n\ntype GroupProps = {\n  children: ReactNode;\n  /** Additional CSS classes merged via `cn()`. */\n  className?: string;\n};\n\n/**\n * Groups related options together with an accessible `role=\"group\"`.\n * Use with `Select.GroupLabel` to provide a visible heading for the group.\n *\n * @example\n * ```tsx\n * <Select.Group>\n *   <Select.GroupLabel>Fruits</Select.GroupLabel>\n *   <Select.Option value=\"apple\">Apple</Select.Option>\n * </Select.Group>\n * ```\n */\nconst Group = forwardRef<HTMLDivElement, GroupProps>(\n  ({ children, className }, ref) => (\n    <SelectBase.Group ref={ref} className={cn(className)}>\n      {children}\n    </SelectBase.Group>\n  ),\n);\nGroup.displayName = \"Select.Group\";\n\n// --- Select.GroupLabel ---\n\ntype GroupLabelProps = {\n  children: ReactNode;\n  /** Additional CSS classes merged via `cn()`. */\n  className?: string;\n};\n\n/**\n * A visible heading for a `Select.Group`.\n * Automatically associated with its parent group for accessibility.\n *\n * @example\n * ```tsx\n * <Select.Group>\n *   <Select.GroupLabel>Available</Select.GroupLabel>\n *   <Select.Option value=\"a\">Option A</Select.Option>\n * </Select.Group>\n * ```\n */\nconst GroupLabel = forwardRef<HTMLDivElement, GroupLabelProps>(\n  ({ children, className }, ref) => (\n    <SelectBase.GroupLabel\n      ref={ref}\n      className={cn(\n        \"px-3.5 py-1.5 text-sm font-semibold text-reki-subtle\",\n        className,\n      )}\n    >\n      {children}\n    </SelectBase.GroupLabel>\n  ),\n);\nGroupLabel.displayName = \"Select.GroupLabel\";\n\n// --- Select.Separator ---\n\ntype SeparatorProps = {\n  /** Additional CSS classes merged via `cn()`. */\n  className?: string;\n};\n\n/**\n * A visual divider between option groups.\n *\n * @example\n * ```tsx\n * <Select.Option value=\"a\">Option A</Select.Option>\n * <Select.Separator />\n * <Select.Option value=\"b\">Option B</Select.Option>\n * ```\n */\nconst Separator = forwardRef<HTMLDivElement, SeparatorProps>(\n  ({ className }, ref) => (\n    <SelectBase.Separator\n      ref={ref}\n      className={cn(\"-mx-1 my-1 h-px bg-reki-hairline\", className)}\n    />\n  ),\n);\nSeparator.displayName = \"Select.Separator\";\n\n// --- Assign sub-components ---\n\nSelect.Option = Option;\nSelect.Group = Group;\nSelect.GroupLabel = GroupLabel;\nSelect.Separator = Separator;\n\n(Select.Option as { displayName?: string }).displayName = \"Select.Option\";\n"],"names":["REKI_INPUT_VARIANTS","REKI_SELECT_DEFAULT_VARIANTS","selectVariants","size","cn","buttonVariants","triggerIconStyles","isItemDescriptor","value","candidate","normalizeItems","items","key","entry","renderOptionsFromItems","normalizedItems","disabledLookup","item","index","meta","jsx","Option","Select","children","className","renderValue","label","hideLabel","placeholder","loading","labelTooltip","description","error","required","containerProp","props","labelId","useId","contextContainer","usePortalContainer","container","propLookup","ariaLabel","ariaLabelledby","fallbackLabel","useFieldWrapper","triggerLabelledBy","triggerAriaLabel","renderedChildren","valueChildrenFn","placeholderNode","rendered","_items","baseProps","selectLabelNode","SelectBase.Label","Label","selectControl","jsxs","SelectBase.Root","SelectBase.Trigger","SkeletonLine","SelectBase.Value","SelectBase.Icon","CaretUpDownIcon","SelectBase.Portal","SelectBase.Positioner","SelectBase.Popup","SelectBase.List","Field","normalizedError","disabled","SelectBase.Item","SelectBase.ItemText","SelectBase.ItemIndicator","CheckIcon","Group","forwardRef","ref","SelectBase.Group","GroupLabel","SelectBase.GroupLabel","Separator","SelectBase.Separator"],"mappings":"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"}