@cloudraker/reki 2.6.1 → 2.7.1

package/dist/chunks/phones-display-cdsrl07dv6obf4eg.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { L as t } from "./link-chip-cz5v6lw9icmcndzl.js";
+import { E as s } from "./expandable-list-bjceh467ocazog53.js";
+import { c as m } from "./cn-ct4n7r74mh8y0f48.js";
+function p({ phones: a, max: i = 1, className: l }) {
+  return a.length === 0 ? null : /* @__PURE__ */ e(s, { max: i, className: m(l), children: a.map((r) => /* @__PURE__ */ e(
+    t,
+    {
+      label: r,
+      href: `tel:${r.replace(/\s+/g, "")}`
+    },
+    r
+  )) });
+}
+export {
+  p as P
+};
+//# sourceMappingURL=phones-display-cdsrl07dv6obf4eg.js.map

package/dist/chunks/phones-display-cdsrl07dv6obf4eg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"phones-display-cdsrl07dv6obf4eg.js","sources":["../../src/components/phones-display/phones-display.tsx"],"sourcesContent":["import { LinkChip } from \"../link-chip\";\nimport { ExpandableList } from \"../expandable-list\";\nimport { cn } from \"../../utils/cn\";\n\n/** Variant standard export (reki convention). */\nexport const REKI_PHONES_DISPLAY_VARIANTS = {} as const;\n\nexport const REKI_PHONES_DISPLAY_DEFAULT_VARIANTS = {} as const;\n\n/**\n * PhonesDisplay component props.\n *\n * @example\n * ```tsx\n * <PhonesDisplay phones={[\"+1 415 555 0100\", \"+44 20 7946 0000\"]} />\n * ```\n */\nexport interface PhonesDisplayProps {\n  /** Pre-formatted phone numbers, primary first. */\n  phones: string[];\n  /** Items shown inline before collapsing into a `+N` chip. @default 1 */\n  max?: number;\n  /** Additional CSS classes merged via `cn()`. Use reki semantic tokens only. */\n  className?: string;\n}\n\n/**\n * Renders a `phones` field as a collapsible list of `tel:` link chips. Format\n * the numbers in your field-cell layer (e.g. via `libphonenumber-js`) and pass\n * display strings.\n *\n * @example\n * ```tsx\n * <PhonesDisplay phones={formattedPhones} />\n * ```\n */\nexport function PhonesDisplay({ phones, max = 1, className }: PhonesDisplayProps) {\n  if (phones.length === 0) {\n    return null;\n  }\n  return (\n    <ExpandableList max={max} className={cn(className)}>\n      {phones.map((phone) => (\n        <LinkChip\n          key={phone}\n          label={phone}\n          href={`tel:${phone.replace(/\\s+/g, \"\")}`}\n        />\n      ))}\n    </ExpandableList>\n  );\n}\n"],"names":["PhonesDisplay","phones","max","className","jsx","ExpandableList","cn","phone","LinkChip"],"mappings":";;;;;AAoCO,SAASA,EAAc,EAAE,QAAAC,GAAQ,KAAAC,IAAM,GAAG,WAAAC,KAAiC;AAChF,SAAIF,EAAO,WAAW,IACb,OAGP,gBAAAG,EAACC,GAAA,EAAe,KAAAH,GAAU,WAAWI,EAAGH,CAAS,GAC9C,UAAAF,EAAO,IAAI,CAACM,MACX,gBAAAH;AAAA,IAACI;AAAA,IAAA;AAAA,MAEC,OAAOD;AAAA,MACP,MAAM,OAAOA,EAAM,QAAQ,QAAQ,EAAE,CAAC;AAAA,IAAA;AAAA,IAFjCA;AAAA,EAAA,CAIR,GACH;AAEJ;"}

package/dist/chunks/pill-pfpvgbcnqhtyksz5.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsxs as r, jsx as s } from "react/jsx-runtime";
+import { c as n } from "./cn-ct4n7r74mh8y0f48.js";
+function a({ label: i, icon: e, className: t }) {
+  return /* @__PURE__ */ r(
+    "span",
+    {
+      className: n(
+        "inline-flex h-4 w-fit items-center gap-1 rounded-sm bg-reki-fill px-1 text-[0.6875rem] font-medium text-reki-subtle",
+        t
+      ),
+      children: [
+        e ? /* @__PURE__ */ s(e, { "aria-hidden": !0, className: "size-3" }) : null,
+        i
+      ]
+    }
+  );
+}
+export {
+  a as P
+};
+//# sourceMappingURL=pill-pfpvgbcnqhtyksz5.js.map

package/dist/chunks/pill-pfpvgbcnqhtyksz5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pill-pfpvgbcnqhtyksz5.js","sources":["../../src/components/pill/pill.tsx"],"sourcesContent":["import type { ComponentType, SVGProps } from \"react\";\nimport { cn } from \"../../utils/cn\";\n\n/** Variant standard export (reki convention). */\nexport const REKI_PILL_VARIANTS = {} as const;\n\nexport const REKI_PILL_DEFAULT_VARIANTS = {} as const;\n\n/**\n * Pill component props.\n *\n * @example\n * ```tsx\n * <Pill label=\"Beta\" />\n * ```\n */\nexport interface PillProps {\n  /** Text label. */\n  label: string;\n  /** Optional leading icon (phosphor or any SVG component). */\n  icon?: ComponentType<SVGProps<SVGSVGElement>>;\n  /** Additional CSS classes merged via `cn()`. Use reki semantic tokens only. */\n  className?: string;\n}\n\n/**\n * A tiny static label for inline annotations (counts, flags, hints). Smaller\n * and quieter than {@link Tag} or {@link Badge}; not interactive.\n *\n * @example\n * ```tsx\n * <Pill label=\"3 records\" />\n * ```\n */\nexport function Pill({ label, icon: Icon, className }: PillProps) {\n  return (\n    <span\n      className={cn(\n        \"inline-flex h-4 w-fit items-center gap-1 rounded-sm bg-reki-fill px-1 text-[0.6875rem] font-medium text-reki-subtle\",\n        className,\n      )}\n    >\n      {Icon ? <Icon aria-hidden className=\"size-3\" /> : null}\n      {label}\n    </span>\n  );\n}\n"],"names":["Pill","label","Icon","className","jsxs","cn"],"mappings":";;;AAkCO,SAASA,EAAK,EAAE,OAAAC,GAAO,MAAMC,GAAM,WAAAC,KAAwB;AAChE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAGD,UAAA;AAAA,QAAAD,sBAAQA,GAAA,EAAK,eAAW,IAAC,WAAU,UAAS,IAAK;AAAA,QACjDD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/chunks/{popover-elxcmvv7mu7m7uk4.js → popover-ldqdlpv6sqvkjume.js}

@@ -2,7 +2,7 @@
 import { jsx as o, jsxs as p } from "react/jsx-runtime";
 import { c as i } from "./cn-ct4n7r74mh8y0f48.js";
 import { u as h } from "./portal-provider-off76og7tjyz96ys.js";
-import { bl as C, bm as x, bn as N, bo as y, bp as L, bq as R, br as k, bs as T, bt as w } from "./vendor-base-ui-bgl9g5nkvqy3tn36.js";
+import { bl as C, bm as x, bn as N, bo as y, bp as L, bq as R, br as k, bs as T, bt as w } from "./vendor-base-ui-djdjrfuoxlb1lubi.js";
 const $ = {
   side: {
     top: {
@@ -178,4 +178,4 @@ export {
   d as f,
   $ as g
 };
-//# sourceMappingURL=popover-elxcmvv7mu7m7uk4.js.map
+//# sourceMappingURL=popover-ldqdlpv6sqvkjume.js.map

package/dist/chunks/{popover-elxcmvv7mu7m7uk4.js.map → popover-ldqdlpv6sqvkjume.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popover-elxcmvv7mu7m7uk4.js","sources":["../../src/components/popover/popover.tsx"],"sourcesContent":["import { Popover as PopoverBase } from \"@base-ui/react/popover\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport {\n  usePortalContainer,\n  type PortalContainer,\n} from \"../../utils/portal-provider\";\n\n/** Popover side variant definitions mapping positions to their Tailwind classes. */\nexport const REKI_POPOVER_VARIANTS = {\n  side: {\n    top: {\n      classes: \"\",\n      description: \"Popover appears above the trigger\",\n    },\n    bottom: {\n      classes: \"\",\n      description: \"Popover appears below the trigger\",\n    },\n    left: {\n      classes: \"\",\n      description: \"Popover appears to the left of the trigger\",\n    },\n    right: {\n      classes: \"\",\n      description: \"Popover appears to the right of the trigger\",\n    },\n  },\n} as const;\n\nexport const REKI_POPOVER_DEFAULT_VARIANTS = {\n  side: \"bottom\",\n} as const;\n\n// Derived types from REKI_POPOVER_VARIANTS\nexport type RekiPopoverSide = keyof typeof REKI_POPOVER_VARIANTS.side;\n\nexport interface RekiPopoverVariantsProps {\n  /**\n   * Which side of the trigger the popover appears on.\n   * - `\"top\"` — Above the trigger\n   * - `\"bottom\"` — Below the trigger\n   * - `\"left\"` — Left of the trigger\n   * - `\"right\"` — Right of the trigger\n   * @default \"bottom\"\n   */\n  side?: RekiPopoverSide;\n}\n\n// ============================================================================\n// Popover Root\n// ============================================================================\n\ntype BasePopoverRootProps = ComponentPropsWithoutRef<typeof PopoverBase.Root>;\n\nexport type PopoverRootProps = BasePopoverRootProps;\n\nfunction PopoverRoot({ children, ...props }: PopoverRootProps) {\n  return <PopoverBase.Root {...props}>{children}</PopoverBase.Root>;\n}\n\nPopoverRoot.displayName = \"Popover\";\n\n// ============================================================================\n// Popover Trigger\n// ============================================================================\n\ntype BasePopoverTriggerProps = ComponentPropsWithoutRef<\n  typeof PopoverBase.Trigger\n>;\n\nexport type PopoverTriggerProps = BasePopoverTriggerProps & {\n  /**\n   * @deprecated Use the `render` prop instead.\n   * @example `<Popover.Trigger render={<Button />}>Open</Popover.Trigger>` instead of `<Popover.Trigger asChild><Button>Open</Button></Popover.Trigger>`\n   */\n  asChild?: boolean;\n};\n\nfunction PopoverTrigger({\n  children,\n  className,\n  asChild,\n  render,\n  ...props\n}: PopoverTriggerProps) {\n  // Support both render prop (preferred) and deprecated asChild pattern\n  // When using asChild, children IS the render element, so don't pass it as children\n  const resolvedRender =\n    render ??\n    (asChild ? (children as BasePopoverTriggerProps[\"render\"]) : undefined);\n\n  return (\n    <PopoverBase.Trigger\n      data-reki-component=\"Popover\"\n      data-reki-part=\"trigger\"\n      className={className}\n      render={resolvedRender}\n      {...props}\n    >\n      {asChild ? undefined : children}\n    </PopoverBase.Trigger>\n  );\n}\n\nPopoverTrigger.displayName = \"Popover.Trigger\";\n\n// ============================================================================\n// Popover Content\n// ============================================================================\n\n/** Alignment options for popover positioning */\ntype PopoverAlign = \"start\" | \"center\" | \"end\";\n\ntype BasePopoverPositionerProps = ComponentPropsWithoutRef<\n  typeof PopoverBase.Positioner\n>;\n\n/**\n * Popover content panel props.\n *\n * @example\n * ```tsx\n * <Popover.Content side=\"top\" align=\"start\" sideOffset={12}>\n *   <p>Popover body</p>\n * </Popover.Content>\n * ```\n */\nexport type PopoverContentProps = RekiPopoverVariantsProps & {\n  /**\n   * An element to position the popup against.\n   * By default, the popup will be positioned against the trigger.\n   *\n   * Accepts a DOM element, a ref to a DOM element, a virtual element\n   * (object with a `getBoundingClientRect` method), or a function\n   * returning any of these.\n   *\n   * This is useful when the popover trigger and the desired anchor point\n   * are in different component trees, or when positioning against a\n   * coordinate (e.g., a `DOMRect` from `getBoundingClientRect()`).\n   *\n   * @example Virtual element (e.g., anchoring to a DOMRect)\n   * ```tsx\n   * <Popover open={open} onOpenChange={setOpen}>\n   *   <Popover.Content anchor={{ getBoundingClientRect: () => anchorRect }}>\n   *     <p>Anchored content</p>\n   *   </Popover.Content>\n   * </Popover>\n   * ```\n   */\n  anchor?: BasePopoverPositionerProps[\"anchor\"];\n  /**\n   * How to align the popover relative to the trigger.\n   * @default \"center\"\n   */\n  align?: PopoverAlign;\n  /**\n   * Distance between the trigger and the popover in pixels.\n   * @default 8\n   */\n  sideOffset?: number;\n  /**\n   * Additional offset along the alignment axis in pixels.\n   * @default 0\n   */\n  alignOffset?: number;\n  /**\n   * Determines which CSS `position` property to use.\n   * Use \"fixed\" when the popover needs to escape stacking contexts (e.g., inside sticky headers).\n   * @default \"absolute\"\n   */\n  positionMethod?: \"absolute\" | \"fixed\";\n  /** Additional CSS classes merged via `cn()`. */\n  className?: string;\n  /** Content to render inside the popover. */\n  children?: ReactNode;\n  /**\n   * Container element for the portal. Use this to render the popover 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\nfunction PopoverContent({\n  children,\n  side = REKI_POPOVER_DEFAULT_VARIANTS.side,\n  align = \"center\",\n  sideOffset = 8,\n  alignOffset = 0,\n  positionMethod = \"absolute\",\n  anchor,\n  className,\n  container: containerProp,\n}: PopoverContentProps) {\n  const contextContainer = usePortalContainer();\n  const container = containerProp ?? contextContainer ?? undefined;\n\n  return (\n    <PopoverBase.Portal container={container}>\n      <PopoverBase.Positioner\n        anchor={anchor}\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        positionMethod={positionMethod}\n      >\n        <PopoverBase.Popup\n          className={cn(\n            \"flex origin-(--transform-origin) flex-col rounded-lg bg-reki-base px-4 py-3 text-sm text-reki-default\",\n            \"shadow-lg shadow-reki-tip-shadow outline outline-reki-fill\",\n            \"transition-[transform,scale,opacity] duration-150\",\n            \"data-starting-style:scale-90 data-starting-style:opacity-0\",\n            \"data-ending-style:scale-90 data-ending-style:opacity-0\",\n            \"data-instant:duration-0\",\n            \"reki-popover-popup\",\n            className,\n          )}\n        >\n          <PopoverBase.Arrow\n            className={cn(\n              \"flex\",\n              \"data-[side=bottom]:-top-2\",\n              \"data-[side=left]:right-[-13px] data-[side=left]:rotate-90\",\n              \"data-[side=right]:left-[-13px] data-[side=right]:-rotate-90\",\n              \"data-[side=top]:-bottom-2 data-[side=top]:rotate-180\",\n            )}\n          >\n            <ArrowSvg />\n          </PopoverBase.Arrow>\n          {children}\n        </PopoverBase.Popup>\n      </PopoverBase.Positioner>\n    </PopoverBase.Portal>\n  );\n}\n\nPopoverContent.displayName = \"Popover.Content\";\n\n// ============================================================================\n// Popover Title\n// ============================================================================\n\ntype BasePopoverTitleProps = ComponentPropsWithoutRef<typeof PopoverBase.Title>;\n\nexport type PopoverTitleProps = BasePopoverTitleProps;\n\nfunction PopoverTitle({ className, ...props }: PopoverTitleProps) {\n  return (\n    <PopoverBase.Title\n      className={cn(\"m-0 text-base leading-6 font-medium\", className)}\n      {...props}\n    />\n  );\n}\n\nPopoverTitle.displayName = \"Popover.Title\";\n\n// ============================================================================\n// Popover Description\n// ============================================================================\n\ntype BasePopoverDescriptionProps = ComponentPropsWithoutRef<\n  typeof PopoverBase.Description\n>;\n\nexport type PopoverDescriptionProps = BasePopoverDescriptionProps;\n\nfunction PopoverDescription({ className, ...props }: PopoverDescriptionProps) {\n  return (\n    <PopoverBase.Description\n      className={cn(\"m-0 text-base leading-6 text-reki-subtle\", className)}\n      {...props}\n    />\n  );\n}\n\nPopoverDescription.displayName = \"Popover.Description\";\n\n// ============================================================================\n// Popover Close\n// ============================================================================\n\ntype BasePopoverCloseProps = ComponentPropsWithoutRef<typeof PopoverBase.Close>;\n\nexport type PopoverCloseProps = BasePopoverCloseProps & {\n  /**\n   * @deprecated Use the `render` prop instead.\n   * @example `<Popover.Close render={<Button />}>Close</Popover.Close>` instead of `<Popover.Close asChild><Button>Close</Button></Popover.Close>`\n   */\n  asChild?: boolean;\n};\n\nfunction PopoverClose({\n  children,\n  className,\n  asChild,\n  render,\n  ...props\n}: PopoverCloseProps) {\n  // Support both render prop (preferred) and deprecated asChild pattern\n  // When using asChild, children IS the render element, so don't pass it as children\n  const resolvedRender =\n    render ??\n    (asChild ? (children as BasePopoverCloseProps[\"render\"]) : undefined);\n\n  return (\n    <PopoverBase.Close className={className} render={resolvedRender} {...props}>\n      {asChild ? undefined : children}\n    </PopoverBase.Close>\n  );\n}\n\nPopoverClose.displayName = \"Popover.Close\";\n\n// ============================================================================\n// Arrow SVG\n// ============================================================================\n\n/**\n * Arrow SVG with three paths for proper border rendering in both light and dark modes.\n * This approach matches Base UI's popover/tooltip implementation.\n *\n * The three paths are:\n * 1. ArrowFill - The main arrow body, matches popover background\n * 2. ArrowOuterStroke - Border visible in light mode only (transparent in dark)\n * 3. ArrowInnerStroke - Border visible in dark mode only (transparent in light)\n *\n * This is necessary because the outer and inner stroke paths have different geometries,\n * and using both ensures the arrow border aligns perfectly with the popover's outline\n * in both color modes.\n *\n * @see https://base-ui.com/react/components/popover\n */\nfunction ArrowSvg(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg width=\"20\" height=\"10\" viewBox=\"0 0 20 10\" fill=\"none\" {...props}>\n      <path\n        d=\"M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z\"\n        className=\"fill-reki-base\"\n      />\n      <path\n        d=\"M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z\"\n        className=\"fill-reki-tip-shadow\"\n      />\n      <path\n        d=\"M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z\"\n        className=\"fill-reki-tip-stroke\"\n      />\n    </svg>\n  );\n}\n\n// ============================================================================\n// Compound Component Export\n// ============================================================================\n\n/**\n * Popover component for displaying accessible popup content anchored to a trigger.\n *\n * @example\n * ```tsx\n * <Popover>\n *   <Popover.Trigger render={<Button>Open</Button>} />\n *   <Popover.Content>\n *     <Popover.Title>Notifications</Popover.Title>\n *     <Popover.Description>You are all caught up!</Popover.Description>\n *   </Popover.Content>\n * </Popover>\n * ```\n *\n * @see https://base-ui.com/react/components/popover\n */\nexport const Popover = Object.assign(PopoverRoot, {\n  Trigger: PopoverTrigger,\n  Content: PopoverContent,\n  Title: PopoverTitle,\n  Description: PopoverDescription,\n  Close: PopoverClose,\n});\n\n// Export sub-components for direct access and type inference\nexport {\n  PopoverRoot,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverTitle,\n  PopoverDescription,\n  PopoverClose,\n};\n"],"names":["REKI_POPOVER_VARIANTS","REKI_POPOVER_DEFAULT_VARIANTS","PopoverRoot","children","props","PopoverBase.Root","PopoverTrigger","className","asChild","render","jsx","PopoverBase.Trigger","PopoverContent","side","align","sideOffset","alignOffset","positionMethod","anchor","containerProp","contextContainer","usePortalContainer","PopoverBase.Portal","PopoverBase.Positioner","jsxs","PopoverBase.Popup","cn","PopoverBase.Arrow","ArrowSvg","PopoverTitle","PopoverBase.Title","PopoverDescription","PopoverBase.Description","PopoverClose","PopoverBase.Close","Popover"],"mappings":"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"}
+{"version":3,"file":"popover-ldqdlpv6sqvkjume.js","sources":["../../src/components/popover/popover.tsx"],"sourcesContent":["import { Popover as PopoverBase } from \"@base-ui/react/popover\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport {\n  usePortalContainer,\n  type PortalContainer,\n} from \"../../utils/portal-provider\";\n\n/** Popover side variant definitions mapping positions to their Tailwind classes. */\nexport const REKI_POPOVER_VARIANTS = {\n  side: {\n    top: {\n      classes: \"\",\n      description: \"Popover appears above the trigger\",\n    },\n    bottom: {\n      classes: \"\",\n      description: \"Popover appears below the trigger\",\n    },\n    left: {\n      classes: \"\",\n      description: \"Popover appears to the left of the trigger\",\n    },\n    right: {\n      classes: \"\",\n      description: \"Popover appears to the right of the trigger\",\n    },\n  },\n} as const;\n\nexport const REKI_POPOVER_DEFAULT_VARIANTS = {\n  side: \"bottom\",\n} as const;\n\n// Derived types from REKI_POPOVER_VARIANTS\nexport type RekiPopoverSide = keyof typeof REKI_POPOVER_VARIANTS.side;\n\nexport interface RekiPopoverVariantsProps {\n  /**\n   * Which side of the trigger the popover appears on.\n   * - `\"top\"` — Above the trigger\n   * - `\"bottom\"` — Below the trigger\n   * - `\"left\"` — Left of the trigger\n   * - `\"right\"` — Right of the trigger\n   * @default \"bottom\"\n   */\n  side?: RekiPopoverSide;\n}\n\n// ============================================================================\n// Popover Root\n// ============================================================================\n\ntype BasePopoverRootProps = ComponentPropsWithoutRef<typeof PopoverBase.Root>;\n\nexport type PopoverRootProps = BasePopoverRootProps;\n\nfunction PopoverRoot({ children, ...props }: PopoverRootProps) {\n  return <PopoverBase.Root {...props}>{children}</PopoverBase.Root>;\n}\n\nPopoverRoot.displayName = \"Popover\";\n\n// ============================================================================\n// Popover Trigger\n// ============================================================================\n\ntype BasePopoverTriggerProps = ComponentPropsWithoutRef<\n  typeof PopoverBase.Trigger\n>;\n\nexport type PopoverTriggerProps = BasePopoverTriggerProps & {\n  /**\n   * @deprecated Use the `render` prop instead.\n   * @example `<Popover.Trigger render={<Button />}>Open</Popover.Trigger>` instead of `<Popover.Trigger asChild><Button>Open</Button></Popover.Trigger>`\n   */\n  asChild?: boolean;\n};\n\nfunction PopoverTrigger({\n  children,\n  className,\n  asChild,\n  render,\n  ...props\n}: PopoverTriggerProps) {\n  // Support both render prop (preferred) and deprecated asChild pattern\n  // When using asChild, children IS the render element, so don't pass it as children\n  const resolvedRender =\n    render ??\n    (asChild ? (children as BasePopoverTriggerProps[\"render\"]) : undefined);\n\n  return (\n    <PopoverBase.Trigger\n      data-reki-component=\"Popover\"\n      data-reki-part=\"trigger\"\n      className={className}\n      render={resolvedRender}\n      {...props}\n    >\n      {asChild ? undefined : children}\n    </PopoverBase.Trigger>\n  );\n}\n\nPopoverTrigger.displayName = \"Popover.Trigger\";\n\n// ============================================================================\n// Popover Content\n// ============================================================================\n\n/** Alignment options for popover positioning */\ntype PopoverAlign = \"start\" | \"center\" | \"end\";\n\ntype BasePopoverPositionerProps = ComponentPropsWithoutRef<\n  typeof PopoverBase.Positioner\n>;\n\n/**\n * Popover content panel props.\n *\n * @example\n * ```tsx\n * <Popover.Content side=\"top\" align=\"start\" sideOffset={12}>\n *   <p>Popover body</p>\n * </Popover.Content>\n * ```\n */\nexport type PopoverContentProps = RekiPopoverVariantsProps & {\n  /**\n   * An element to position the popup against.\n   * By default, the popup will be positioned against the trigger.\n   *\n   * Accepts a DOM element, a ref to a DOM element, a virtual element\n   * (object with a `getBoundingClientRect` method), or a function\n   * returning any of these.\n   *\n   * This is useful when the popover trigger and the desired anchor point\n   * are in different component trees, or when positioning against a\n   * coordinate (e.g., a `DOMRect` from `getBoundingClientRect()`).\n   *\n   * @example Virtual element (e.g., anchoring to a DOMRect)\n   * ```tsx\n   * <Popover open={open} onOpenChange={setOpen}>\n   *   <Popover.Content anchor={{ getBoundingClientRect: () => anchorRect }}>\n   *     <p>Anchored content</p>\n   *   </Popover.Content>\n   * </Popover>\n   * ```\n   */\n  anchor?: BasePopoverPositionerProps[\"anchor\"];\n  /**\n   * How to align the popover relative to the trigger.\n   * @default \"center\"\n   */\n  align?: PopoverAlign;\n  /**\n   * Distance between the trigger and the popover in pixels.\n   * @default 8\n   */\n  sideOffset?: number;\n  /**\n   * Additional offset along the alignment axis in pixels.\n   * @default 0\n   */\n  alignOffset?: number;\n  /**\n   * Determines which CSS `position` property to use.\n   * Use \"fixed\" when the popover needs to escape stacking contexts (e.g., inside sticky headers).\n   * @default \"absolute\"\n   */\n  positionMethod?: \"absolute\" | \"fixed\";\n  /** Additional CSS classes merged via `cn()`. */\n  className?: string;\n  /** Content to render inside the popover. */\n  children?: ReactNode;\n  /**\n   * Container element for the portal. Use this to render the popover 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\nfunction PopoverContent({\n  children,\n  side = REKI_POPOVER_DEFAULT_VARIANTS.side,\n  align = \"center\",\n  sideOffset = 8,\n  alignOffset = 0,\n  positionMethod = \"absolute\",\n  anchor,\n  className,\n  container: containerProp,\n}: PopoverContentProps) {\n  const contextContainer = usePortalContainer();\n  const container = containerProp ?? contextContainer ?? undefined;\n\n  return (\n    <PopoverBase.Portal container={container}>\n      <PopoverBase.Positioner\n        anchor={anchor}\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        positionMethod={positionMethod}\n      >\n        <PopoverBase.Popup\n          className={cn(\n            \"flex origin-(--transform-origin) flex-col rounded-lg bg-reki-base px-4 py-3 text-sm text-reki-default\",\n            \"shadow-lg shadow-reki-tip-shadow outline outline-reki-fill\",\n            \"transition-[transform,scale,opacity] duration-150\",\n            \"data-starting-style:scale-90 data-starting-style:opacity-0\",\n            \"data-ending-style:scale-90 data-ending-style:opacity-0\",\n            \"data-instant:duration-0\",\n            \"reki-popover-popup\",\n            className,\n          )}\n        >\n          <PopoverBase.Arrow\n            className={cn(\n              \"flex\",\n              \"data-[side=bottom]:-top-2\",\n              \"data-[side=left]:right-[-13px] data-[side=left]:rotate-90\",\n              \"data-[side=right]:left-[-13px] data-[side=right]:-rotate-90\",\n              \"data-[side=top]:-bottom-2 data-[side=top]:rotate-180\",\n            )}\n          >\n            <ArrowSvg />\n          </PopoverBase.Arrow>\n          {children}\n        </PopoverBase.Popup>\n      </PopoverBase.Positioner>\n    </PopoverBase.Portal>\n  );\n}\n\nPopoverContent.displayName = \"Popover.Content\";\n\n// ============================================================================\n// Popover Title\n// ============================================================================\n\ntype BasePopoverTitleProps = ComponentPropsWithoutRef<typeof PopoverBase.Title>;\n\nexport type PopoverTitleProps = BasePopoverTitleProps;\n\nfunction PopoverTitle({ className, ...props }: PopoverTitleProps) {\n  return (\n    <PopoverBase.Title\n      className={cn(\"m-0 text-base leading-6 font-medium\", className)}\n      {...props}\n    />\n  );\n}\n\nPopoverTitle.displayName = \"Popover.Title\";\n\n// ============================================================================\n// Popover Description\n// ============================================================================\n\ntype BasePopoverDescriptionProps = ComponentPropsWithoutRef<\n  typeof PopoverBase.Description\n>;\n\nexport type PopoverDescriptionProps = BasePopoverDescriptionProps;\n\nfunction PopoverDescription({ className, ...props }: PopoverDescriptionProps) {\n  return (\n    <PopoverBase.Description\n      className={cn(\"m-0 text-base leading-6 text-reki-subtle\", className)}\n      {...props}\n    />\n  );\n}\n\nPopoverDescription.displayName = \"Popover.Description\";\n\n// ============================================================================\n// Popover Close\n// ============================================================================\n\ntype BasePopoverCloseProps = ComponentPropsWithoutRef<typeof PopoverBase.Close>;\n\nexport type PopoverCloseProps = BasePopoverCloseProps & {\n  /**\n   * @deprecated Use the `render` prop instead.\n   * @example `<Popover.Close render={<Button />}>Close</Popover.Close>` instead of `<Popover.Close asChild><Button>Close</Button></Popover.Close>`\n   */\n  asChild?: boolean;\n};\n\nfunction PopoverClose({\n  children,\n  className,\n  asChild,\n  render,\n  ...props\n}: PopoverCloseProps) {\n  // Support both render prop (preferred) and deprecated asChild pattern\n  // When using asChild, children IS the render element, so don't pass it as children\n  const resolvedRender =\n    render ??\n    (asChild ? (children as BasePopoverCloseProps[\"render\"]) : undefined);\n\n  return (\n    <PopoverBase.Close className={className} render={resolvedRender} {...props}>\n      {asChild ? undefined : children}\n    </PopoverBase.Close>\n  );\n}\n\nPopoverClose.displayName = \"Popover.Close\";\n\n// ============================================================================\n// Arrow SVG\n// ============================================================================\n\n/**\n * Arrow SVG with three paths for proper border rendering in both light and dark modes.\n * This approach matches Base UI's popover/tooltip implementation.\n *\n * The three paths are:\n * 1. ArrowFill - The main arrow body, matches popover background\n * 2. ArrowOuterStroke - Border visible in light mode only (transparent in dark)\n * 3. ArrowInnerStroke - Border visible in dark mode only (transparent in light)\n *\n * This is necessary because the outer and inner stroke paths have different geometries,\n * and using both ensures the arrow border aligns perfectly with the popover's outline\n * in both color modes.\n *\n * @see https://base-ui.com/react/components/popover\n */\nfunction ArrowSvg(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg width=\"20\" height=\"10\" viewBox=\"0 0 20 10\" fill=\"none\" {...props}>\n      <path\n        d=\"M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z\"\n        className=\"fill-reki-base\"\n      />\n      <path\n        d=\"M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z\"\n        className=\"fill-reki-tip-shadow\"\n      />\n      <path\n        d=\"M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z\"\n        className=\"fill-reki-tip-stroke\"\n      />\n    </svg>\n  );\n}\n\n// ============================================================================\n// Compound Component Export\n// ============================================================================\n\n/**\n * Popover component for displaying accessible popup content anchored to a trigger.\n *\n * @example\n * ```tsx\n * <Popover>\n *   <Popover.Trigger render={<Button>Open</Button>} />\n *   <Popover.Content>\n *     <Popover.Title>Notifications</Popover.Title>\n *     <Popover.Description>You are all caught up!</Popover.Description>\n *   </Popover.Content>\n * </Popover>\n * ```\n *\n * @see https://base-ui.com/react/components/popover\n */\nexport const Popover = Object.assign(PopoverRoot, {\n  Trigger: PopoverTrigger,\n  Content: PopoverContent,\n  Title: PopoverTitle,\n  Description: PopoverDescription,\n  Close: PopoverClose,\n});\n\n// Export sub-components for direct access and type inference\nexport {\n  PopoverRoot,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverTitle,\n  PopoverDescription,\n  PopoverClose,\n};\n"],"names":["REKI_POPOVER_VARIANTS","REKI_POPOVER_DEFAULT_VARIANTS","PopoverRoot","children","props","PopoverBase.Root","PopoverTrigger","className","asChild","render","jsx","PopoverBase.Trigger","PopoverContent","side","align","sideOffset","alignOffset","positionMethod","anchor","containerProp","contextContainer","usePortalContainer","PopoverBase.Portal","PopoverBase.Positioner","jsxs","PopoverBase.Popup","cn","PopoverBase.Arrow","ArrowSvg","PopoverTitle","PopoverBase.Title","PopoverDescription","PopoverBase.Description","PopoverClose","PopoverBase.Close","Popover"],"mappings":"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"}

package/dist/chunks/{radio-newyq331uk4lltr6.js → radio-lyeniil3x20cyb8z.js}

@@ -3,7 +3,7 @@ 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";
+import { R as L, U as S, Q as w, bu as v, bv as R } from "./vendor-base-ui-djdjrfuoxlb1lubi.js";
 const N = {
   variant: {
     default: {
@@ -223,4 +223,4 @@ export {
   k as c,
   T as r
 };
-//# sourceMappingURL=radio-newyq331uk4lltr6.js.map
+//# sourceMappingURL=radio-lyeniil3x20cyb8z.js.map

package/dist/chunks/{radio-newyq331uk4lltr6.js.map → radio-lyeniil3x20cyb8z.js.map}

@@ -1 +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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"}
+{"version":3,"file":"radio-lyeniil3x20cyb8z.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/rating-yyd4t8e62ast4obo.js

@@ -0,0 +1,48 @@
+"use client";
+import { jsx as i } from "react/jsx-runtime";
+import { useState as p } from "react";
+import { StarIcon as c } from "@phosphor-icons/react";
+import { c as a } from "./cn-ct4n7r74mh8y0f48.js";
+function w({
+  value: t,
+  max: l = 5,
+  onChange: u,
+  readonly: n = !1,
+  className: m
+}) {
+  const [f, s] = p(null), d = f ?? t ?? 0, h = (r) => {
+    n || u?.(r === t ? null : r);
+  };
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      role: "slider",
+      "aria-label": "Rating",
+      "aria-valuemin": 1,
+      "aria-valuemax": l,
+      "aria-valuenow": t ?? void 0,
+      tabIndex: n ? void 0 : 0,
+      className: a("inline-flex items-center", m),
+      children: Array.from({ length: l }, (r, v) => {
+        const e = v + 1, o = e <= d ? "text-reki-default" : "text-reki-inactive";
+        return n ? /* @__PURE__ */ i("span", { className: a("inline-flex", o), children: /* @__PURE__ */ i(c, { weight: "fill", className: "size-4", "aria-hidden": !0 }) }, e) : /* @__PURE__ */ i(
+          "button",
+          {
+            type: "button",
+            "aria-label": `${e}`,
+            onClick: () => h(e),
+            onMouseEnter: () => s(e),
+            onMouseLeave: () => s(null),
+            className: a("inline-flex cursor-pointer", o),
+            children: /* @__PURE__ */ i(c, { weight: "fill", className: "size-4", "aria-hidden": !0 })
+          },
+          e
+        );
+      })
+    }
+  );
+}
+export {
+  w as R
+};
+//# sourceMappingURL=rating-yyd4t8e62ast4obo.js.map

package/dist/chunks/rating-yyd4t8e62ast4obo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating-yyd4t8e62ast4obo.js","sources":["../../src/components/rating/rating.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { StarIcon } from \"@phosphor-icons/react\";\nimport { cn } from \"../../utils/cn\";\n\n/** Variant standard export (reki convention). */\nexport const REKI_RATING_VARIANTS = {} as const;\n\nexport const REKI_RATING_DEFAULT_VARIANTS = {} as const;\n\n/**\n * Rating component props.\n *\n * @example\n * ```tsx\n * <Rating value={3} readonly />\n * <Rating value={rating} onChange={setRating} />\n * ```\n */\nexport interface RatingProps {\n  /** Current rating (1..max), or `null` for unrated. */\n  value: number | null;\n  /** Number of stars. @default 5 */\n  max?: number;\n  /** Called with the new rating, or `null` when the current value is cleared. */\n  onChange?: (value: number | null) => void;\n  /** Renders as read-only (no hover/click). @default false */\n  readonly?: boolean;\n  /** Additional CSS classes merged via `cn()`. Use reki semantic tokens only. */\n  className?: string;\n}\n\n/**\n * Star rating for the `rating` field type. Read-only by default for cell\n * display; pass `onChange` for an editable control (clicking the current value\n * clears it).\n *\n * @example\n * ```tsx\n * <Rating value={4} readonly />\n * <Rating value={rating} onChange={setRating} />\n * ```\n */\nexport function Rating({\n  value,\n  max = 5,\n  onChange,\n  readonly = false,\n  className,\n}: RatingProps) {\n  const [hovered, setHovered] = useState<number | null>(null);\n  const current = hovered ?? value ?? 0;\n\n  const handleClick = (rating: number) => {\n    if (readonly) {\n      return;\n    }\n    onChange?.(rating === value ? null : rating);\n  };\n\n  return (\n    <div\n      role=\"slider\"\n      aria-label=\"Rating\"\n      aria-valuemin={1}\n      aria-valuemax={max}\n      aria-valuenow={value ?? undefined}\n      tabIndex={readonly ? undefined : 0}\n      className={cn(\"inline-flex items-center\", className)}\n    >\n      {Array.from({ length: max }, (_, index) => {\n        const rating = index + 1;\n        const isActive = rating <= current;\n        const colorClass = isActive\n          ? \"text-reki-default\"\n          : \"text-reki-inactive\";\n\n        if (readonly) {\n          return (\n            <span key={rating} className={cn(\"inline-flex\", colorClass)}>\n              <StarIcon weight=\"fill\" className=\"size-4\" aria-hidden />\n            </span>\n          );\n        }\n\n        return (\n          <button\n            type=\"button\"\n            key={rating}\n            aria-label={`${rating}`}\n            onClick={() => handleClick(rating)}\n            onMouseEnter={() => setHovered(rating)}\n            onMouseLeave={() => setHovered(null)}\n            className={cn(\"inline-flex cursor-pointer\", colorClass)}\n          >\n            <StarIcon weight=\"fill\" className=\"size-4\" aria-hidden />\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":["Rating","value","max","onChange","readonly","className","hovered","setHovered","useState","current","handleClick","rating","jsx","cn","_","index","colorClass","StarIcon"],"mappings":";;;;;AA0CO,SAASA,EAAO;AAAA,EACrB,OAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC;AACF,GAAgB;AACd,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAwB,IAAI,GACpDC,IAAUH,KAAWL,KAAS,GAE9BS,IAAc,CAACC,MAAmB;AACtC,IAAIP,KAGJD,IAAWQ,MAAWV,IAAQ,OAAOU,CAAM;AAAA,EAC7C;AAEA,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,iBAAe;AAAA,MACf,iBAAeV;AAAA,MACf,iBAAeD,KAAS;AAAA,MACxB,UAAUG,IAAW,SAAY;AAAA,MACjC,WAAWS,EAAG,4BAA4BR,CAAS;AAAA,MAElD,UAAA,MAAM,KAAK,EAAE,QAAQH,KAAO,CAACY,GAAGC,MAAU;AACzC,cAAMJ,IAASI,IAAQ,GAEjBC,IADWL,KAAUF,IAEvB,sBACA;AAEJ,eAAIL,sBAEC,QAAA,EAAkB,WAAWS,EAAG,eAAeG,CAAU,GACxD,UAAA,gBAAAJ,EAACK,GAAA,EAAS,QAAO,QAAO,WAAU,UAAS,eAAW,GAAA,CAAC,KAD9CN,CAEX,IAKF,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YAEL,cAAY,GAAGD,CAAM;AAAA,YACrB,SAAS,MAAMD,EAAYC,CAAM;AAAA,YACjC,cAAc,MAAMJ,EAAWI,CAAM;AAAA,YACrC,cAAc,MAAMJ,EAAW,IAAI;AAAA,YACnC,WAAWM,EAAG,8BAA8BG,CAAU;AAAA,YAEtD,4BAACC,GAAA,EAAS,QAAO,QAAO,WAAU,UAAS,eAAW,GAAA,CAAC;AAAA,UAAA;AAAA,UAPlDN;AAAA,QAAA;AAAA,MAUX,CAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}