@bigbinary/neeto-atoms 1.0.133-beta1 → 1.0.133-beta2

package/dist/cjs/Popover-5BUgIW60.js

@@ -0,0 +1,138 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var index = require('./index-vioSzJOw.js');
+var utils = require('./utils-BhM0B89p.js');
+var primitives_HoverCard = require('./primitives/HoverCard.js');
+var Typography = require('./Typography-BW6xEk10.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const SIDE_MAP = {
+  top: "top",
+  bottom: "bottom",
+  left: "left",
+  right: "right",
+  "top-start": "top",
+  "top-end": "top",
+  "bottom-start": "bottom",
+  "bottom-end": "bottom",
+  "left-start": "left",
+  "left-end": "left",
+  "right-start": "right",
+  "right-end": "right",
+  auto: "bottom"
+};
+const ALIGN_MAP = {
+  top: "center",
+  bottom: "center",
+  left: "center",
+  right: "center",
+  "top-start": "start",
+  "top-end": "end",
+  "bottom-start": "start",
+  "bottom-end": "end",
+  "left-start": "start",
+  "left-end": "end",
+  "right-start": "start",
+  "right-end": "end",
+  auto: "center"
+};
+
+const popoverVariants = index.cva("flex flex-col gap-2 p-4", {
+  variants: {
+    variant: {
+      default: "",
+      primary: "bg-primary text-primary-foreground ring-0 shadow-lg"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+const Title = React.forwardRef(
+  ({ children, className, ...otherProps }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Typography.Typography, { variant: "body2", weight: "semibold", color: "inherit", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "popover-title",
+      "data-testid": "popover-title",
+      className,
+      ...otherProps,
+      children
+    }
+  ) })
+);
+Title.displayName = "Popover.Title";
+const Popover = React.forwardRef(
+  ({
+    children,
+    trigger,
+    variant = "default",
+    disabled = false,
+    position = "auto",
+    className,
+    open: openProp,
+    onOpenChange: onOpenChangeProp,
+    hideAfter = -1,
+    defaultOpen,
+    openDelay = 200,
+    closeDelay = 200,
+    // Radix HoverCardContent props forwarded
+    ...contentProps
+  }, ref) => {
+    const [internalOpen, setInternalOpen] = React.useState(false);
+    const isControlled = openProp !== void 0;
+    const open = isControlled ? openProp : internalOpen;
+    const handleOpenChange = React.useCallback(
+      (next) => {
+        if (!isControlled) setInternalOpen(next);
+        onOpenChangeProp?.(next);
+      },
+      [isControlled, onOpenChangeProp]
+    );
+    React.useEffect(() => {
+      if (!open || hideAfter <= 0) return;
+      const timer = setTimeout(() => handleOpenChange(false), hideAfter);
+      return () => clearTimeout(timer);
+    }, [open, hideAfter, handleOpenChange]);
+    if (disabled) {
+      return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: trigger });
+    }
+    const side = SIDE_MAP[position] ?? "bottom";
+    const align = ALIGN_MAP[position] ?? "center";
+    const triggerElement = React__default.default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsxRuntime.jsx("span", { children: trigger });
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      primitives_HoverCard.HoverCard,
+      {
+        open,
+        onOpenChange: handleOpenChange,
+        defaultOpen,
+        openDelay,
+        closeDelay,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(primitives_HoverCard.HoverCardTrigger, { asChild: true, children: triggerElement }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            primitives_HoverCard.HoverCardContent,
+            {
+              ref,
+              side,
+              align,
+              className: utils.cn(popoverVariants({ variant }), className),
+              ...contentProps,
+              children
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Popover.displayName = "Popover";
+Popover.Title = Title;
+
+exports.Popover = Popover;
+//# sourceMappingURL=Popover-5BUgIW60.js.map

package/dist/cjs/Popover-5BUgIW60.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover-5BUgIW60.js","sources":["../../src/components/Popover/constants.ts","../../src/components/Popover/Popover.tsx"],"sourcesContent":["export const SIDE_MAP: Record<string, \"top\" | \"right\" | \"bottom\" | \"left\"> = {\n  top: \"top\",\n  bottom: \"bottom\",\n  left: \"left\",\n  right: \"right\",\n  \"top-start\": \"top\",\n  \"top-end\": \"top\",\n  \"bottom-start\": \"bottom\",\n  \"bottom-end\": \"bottom\",\n  \"left-start\": \"left\",\n  \"left-end\": \"left\",\n  \"right-start\": \"right\",\n  \"right-end\": \"right\",\n  auto: \"bottom\",\n};\n\nexport const ALIGN_MAP: Record<string, \"start\" | \"center\" | \"end\"> = {\n  top: \"center\",\n  bottom: \"center\",\n  left: \"center\",\n  right: \"center\",\n  \"top-start\": \"start\",\n  \"top-end\": \"end\",\n  \"bottom-start\": \"start\",\n  \"bottom-end\": \"end\",\n  \"left-start\": \"start\",\n  \"left-end\": \"end\",\n  \"right-start\": \"start\",\n  \"right-end\": \"end\",\n  auto: \"center\",\n};\n","import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useState,\n  type ReactNode,\n} from \"react\";\n\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { Typography } from \"src/components/Typography\";\nimport {\n  HoverCard,\n  HoverCardContent,\n  HoverCardTrigger,\n} from \"src/primitives/HoverCard\";\n\ntype PopoverPosition =\n  | \"top\"\n  | \"bottom\"\n  | \"left\"\n  | \"right\"\n  | \"top-start\"\n  | \"top-end\"\n  | \"bottom-start\"\n  | \"bottom-end\"\n  | \"left-start\"\n  | \"left-end\"\n  | \"right-start\"\n  | \"right-end\"\n  | \"auto\";\n\nconst popoverVariants = cva(\"flex flex-col gap-2 p-4\", {\n  variants: {\n    variant: {\n      default: \"\",\n      primary: \"bg-primary text-primary-foreground ring-0 shadow-lg\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\ntype PopoverVariant = NonNullable<\n  VariantProps<typeof popoverVariants>[\"variant\"]\n>;\n\n/** Radix HoverCard.Content props we forward via ...otherProps. */\ntype HoverCardContentProps = React.ComponentProps<typeof HoverCardContent>;\n\nexport interface PopoverProps extends Omit<\n  HoverCardContentProps,\n  \"children\" | \"className\" | \"side\" | \"align\"\n> {\n  /** Content rendered inside the popover. */\n  children?: ReactNode;\n  /** The trigger element that opens the popover on hover. */\n  trigger?: ReactNode;\n  /** Color variant of the popover. */\n  variant?: PopoverVariant;\n  /** Disable the popover. */\n  disabled?: boolean;\n  /** Placement of the popover relative to the trigger. */\n  position?: PopoverPosition;\n  /** Additional CSS class names for the popover content. */\n  className?: string;\n  /** Whether the popover is open (controlled). */\n  open?: boolean;\n  /** Callback when open state changes. */\n  onOpenChange?: (open: boolean) => void;\n  /** Auto-hide after N milliseconds. Use -1 to disable. */\n  hideAfter?: number;\n  /** Radix HoverCard `defaultOpen` prop. */\n  defaultOpen?: boolean;\n  /** Delay in ms before the popover opens on hover. */\n  openDelay?: number;\n  /** Delay in ms before the popover closes after hover leaves. */\n  closeDelay?: number;\n}\n\nimport { SIDE_MAP, ALIGN_MAP } from \"./constants\";\n\ninterface PopoverTitleProps extends React.ComponentProps<\"div\"> {\n  children?: ReactNode;\n  className?: string;\n}\n\nconst Title = forwardRef<HTMLDivElement, PopoverTitleProps>(\n  ({ children, className, ...otherProps }, ref) => (\n    <Typography variant=\"body2\" weight=\"semibold\" color=\"inherit\" asChild>\n      <div\n        ref={ref}\n        data-slot=\"popover-title\"\n        data-testid=\"popover-title\"\n        className={className}\n        {...otherProps}\n      >\n        {children}\n      </div>\n    </Typography>\n  )\n);\nTitle.displayName = \"Popover.Title\";\n\nconst Popover = forwardRef<HTMLDivElement, PopoverProps>(\n  (\n    {\n      children,\n      trigger,\n      variant = \"default\",\n      disabled = false,\n      position = \"auto\",\n      className,\n      open: openProp,\n      onOpenChange: onOpenChangeProp,\n      hideAfter = -1,\n      defaultOpen,\n      openDelay = 200,\n      closeDelay = 200,\n      // Radix HoverCardContent props forwarded\n      ...contentProps\n    },\n    ref\n  ) => {\n    // Internal state for uncontrolled mode + hideAfter\n    const [internalOpen, setInternalOpen] = useState(false);\n    const isControlled = openProp !== undefined;\n    const open = isControlled ? openProp : internalOpen;\n\n    const handleOpenChange = useCallback(\n      (next: boolean) => {\n        if (!isControlled) setInternalOpen(next);\n        onOpenChangeProp?.(next);\n      },\n      [isControlled, onOpenChangeProp]\n    );\n\n    // Auto-hide after hideAfter ms\n    useEffect(() => {\n      if (!open || hideAfter <= 0) return;\n      const timer = setTimeout(() => handleOpenChange(false), hideAfter);\n      return () => clearTimeout(timer);\n    }, [open, hideAfter, handleOpenChange]);\n\n    if (disabled) {\n      return <>{trigger}</>;\n    }\n\n    const side = SIDE_MAP[position] ?? \"bottom\";\n    const align = ALIGN_MAP[position] ?? \"center\";\n\n    // Wrap non-element trigger in a span\n    const triggerElement = React.isValidElement(trigger) ? (\n      trigger\n    ) : (\n      <span>{trigger}</span>\n    );\n\n    return (\n      <HoverCard\n        open={open}\n        onOpenChange={handleOpenChange}\n        defaultOpen={defaultOpen}\n        openDelay={openDelay}\n        closeDelay={closeDelay}\n      >\n        <HoverCardTrigger asChild>{triggerElement}</HoverCardTrigger>\n        <HoverCardContent\n          ref={ref}\n          side={side}\n          align={align}\n          className={cn(popoverVariants({ variant }), className)}\n          {...contentProps}\n        >\n          {children}\n        </HoverCardContent>\n      </HoverCard>\n    );\n  }\n) as React.ForwardRefExoticComponent<\n  PopoverProps & React.RefAttributes<HTMLDivElement>\n> & {\n  Title: typeof Title;\n};\n\nPopover.displayName = \"Popover\";\nPopover.Title = Title;\n\nexport { Popover };\n"],"names":["cva","forwardRef","jsx","Typography","useState","useCallback","useEffect","React","jsxs","HoverCard","HoverCardTrigger","HoverCardContent","cn"],"mappings":";;;;;;;;;;;;;AAAO,MAAM,QAAA,GAAgE;AAAA,EAC3E,GAAA,EAAK,KAAA;AAAA,EACL,MAAA,EAAQ,QAAA;AAAA,EACR,IAAA,EAAM,MAAA;AAAA,EACN,KAAA,EAAO,OAAA;AAAA,EACP,WAAA,EAAa,KAAA;AAAA,EACb,SAAA,EAAW,KAAA;AAAA,EACX,cAAA,EAAgB,QAAA;AAAA,EAChB,YAAA,EAAc,QAAA;AAAA,EACd,YAAA,EAAc,MAAA;AAAA,EACd,UAAA,EAAY,MAAA;AAAA,EACZ,aAAA,EAAe,OAAA;AAAA,EACf,WAAA,EAAa,OAAA;AAAA,EACb,IAAA,EAAM;AACR,CAAA;AAEO,MAAM,SAAA,GAAwD;AAAA,EACnE,GAAA,EAAK,QAAA;AAAA,EACL,MAAA,EAAQ,QAAA;AAAA,EACR,IAAA,EAAM,QAAA;AAAA,EACN,KAAA,EAAO,QAAA;AAAA,EACP,WAAA,EAAa,OAAA;AAAA,EACb,SAAA,EAAW,KAAA;AAAA,EACX,cAAA,EAAgB,OAAA;AAAA,EAChB,YAAA,EAAc,KAAA;AAAA,EACd,YAAA,EAAc,OAAA;AAAA,EACd,UAAA,EAAY,KAAA;AAAA,EACZ,aAAA,EAAe,OAAA;AAAA,EACf,WAAA,EAAa,KAAA;AAAA,EACb,IAAA,EAAM;AACR,CAAA;;ACEA,MAAM,eAAA,GAAkBA,UAAI,yBAAA,EAA2B;AAAA,EACrD,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,EAAA;AAAA,MACT,OAAA,EAAS;AAAA;AACX,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS;AAAA;AAEb,CAAC,CAAA;AA8CD,MAAM,KAAA,GAAQC,gBAAA;AAAA,EACZ,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,GAAG,YAAW,EAAG,GAAA,qBACvCC,cAAA,CAACC,qBAAA,EAAA,EAAW,SAAQ,OAAA,EAAQ,MAAA,EAAO,YAAW,KAAA,EAAM,SAAA,EAAU,SAAO,IAAA,EACnE,QAAA,kBAAAD,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,eAAA;AAAA,MACV,aAAA,EAAY,eAAA;AAAA,MACZ,SAAA;AAAA,MACC,GAAG,UAAA;AAAA,MAEH;AAAA;AAAA,GACH,EACF;AAEJ,CAAA;AACA,KAAA,CAAM,WAAA,GAAc,eAAA;AAEpB,MAAM,OAAA,GAAUD,gBAAA;AAAA,EACd,CACE;AAAA,IACE,QAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA,GAAU,SAAA;AAAA,IACV,QAAA,GAAW,KAAA;AAAA,IACX,QAAA,GAAW,MAAA;AAAA,IACX,SAAA;AAAA,IACA,IAAA,EAAM,QAAA;AAAA,IACN,YAAA,EAAc,gBAAA;AAAA,IACd,SAAA,GAAY,EAAA;AAAA,IACZ,WAAA;AAAA,IACA,SAAA,GAAY,GAAA;AAAA,IACZ,UAAA,GAAa,GAAA;AAAA;AAAA,IAEb,GAAG;AAAA,KAEL,GAAA,KACG;AAEH,IAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAIG,eAAS,KAAK,CAAA;AACtD,IAAA,MAAM,eAAe,QAAA,KAAa,MAAA;AAClC,IAAA,MAAM,IAAA,GAAO,eAAe,QAAA,GAAW,YAAA;AAEvC,IAAA,MAAM,gBAAA,GAAmBC,iBAAA;AAAA,MACvB,CAAC,IAAA,KAAkB;AACjB,QAAA,IAAI,CAAC,YAAA,EAAc,eAAA,CAAgB,IAAI,CAAA;AACvC,QAAA,gBAAA,GAAmB,IAAI,CAAA;AAAA,MACzB,CAAA;AAAA,MACA,CAAC,cAAc,gBAAgB;AAAA,KACjC;AAGA,IAAAC,eAAA,CAAU,MAAM;AACd,MAAA,IAAI,CAAC,IAAA,IAAQ,SAAA,IAAa,CAAA,EAAG;AAC7B,MAAA,MAAM,QAAQ,UAAA,CAAW,MAAM,gBAAA,CAAiB,KAAK,GAAG,SAAS,CAAA;AACjE,MAAA,OAAO,MAAM,aAAa,KAAK,CAAA;AAAA,IACjC,CAAA,EAAG,CAAC,IAAA,EAAM,SAAA,EAAW,gBAAgB,CAAC,CAAA;AAEtC,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,6DAAU,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,IACpB;AAEA,IAAA,MAAM,IAAA,GAAO,QAAA,CAAS,QAAQ,CAAA,IAAK,QAAA;AACnC,IAAA,MAAM,KAAA,GAAQ,SAAA,CAAU,QAAQ,CAAA,IAAK,QAAA;AAGrC,IAAA,MAAM,cAAA,GAAiBC,uBAAM,cAAA,CAAe,OAAO,IACjD,OAAA,mBAEAL,cAAA,CAAC,UAAM,QAAA,EAAA,OAAA,EAAQ,CAAA;AAGjB,IAAA,uBACEM,eAAA;AAAA,MAACC,8BAAA;AAAA,MAAA;AAAA,QACC,IAAA;AAAA,QACA,YAAA,EAAc,gBAAA;AAAA,QACd,WAAA;AAAA,QACA,SAAA;AAAA,QACA,UAAA;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAAP,cAAA,CAACQ,qCAAA,EAAA,EAAiB,OAAA,EAAO,IAAA,EAAE,QAAA,EAAA,cAAA,EAAe,CAAA;AAAA,0BAC1CR,cAAA;AAAA,YAACS,qCAAA;AAAA,YAAA;AAAA,cACC,GAAA;AAAA,cACA,IAAA;AAAA,cACA,KAAA;AAAA,cACA,WAAWC,QAAA,CAAG,eAAA,CAAgB,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,cACpD,GAAG,YAAA;AAAA,cAEH;AAAA;AAAA;AACH;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAMA,OAAA,CAAQ,WAAA,GAAc,SAAA;AACtB,OAAA,CAAQ,KAAA,GAAQ,KAAA;;;;"}

package/dist/cjs/Progress-n_VwK9_E.js

@@ -0,0 +1,28 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('./utils-BhM0B89p.js');
+var primitives_Progress = require('./primitives/Progress.js');
+
+const Progress = React.forwardRef(
+  ({ progressValue, showPercentage = false, className, value, ...otherProps }, ref) => {
+    const displayText = progressValue ?? (showPercentage ? `${value ?? 0}%` : null);
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("w-full", className), children: [
+      displayText && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-1.5 text-end text-xs text-muted-foreground", children: displayText }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        primitives_Progress.Progress,
+        {
+          ref,
+          "data-testid": "progress-bar",
+          value,
+          ...otherProps
+        }
+      )
+    ] });
+  }
+);
+Progress.displayName = "Progress";
+
+exports.Progress = Progress;
+//# sourceMappingURL=Progress-n_VwK9_E.js.map

package/dist/cjs/Progress-n_VwK9_E.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress-n_VwK9_E.js","sources":["../../src/components/Progress/Progress.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { Progress as PrimitiveProgress } from \"src/primitives/Progress\";\n\nexport interface ProgressProps extends React.ComponentProps<\n  typeof PrimitiveProgress\n> {\n  /** Custom text to display below the bar (e.g., \"3 of 10\"). */\n  progressValue?: string;\n  /** Show percentage text below the bar. */\n  showPercentage?: boolean;\n  /** Additional CSS class names. */\n  className?: string;\n}\n\nconst Progress = forwardRef<HTMLDivElement, ProgressProps>(\n  (\n    { progressValue, showPercentage = false, className, value, ...otherProps },\n    ref\n  ) => {\n    const displayText =\n      progressValue ?? (showPercentage ? `${value ?? 0}%` : null);\n\n    return (\n      <div className={cn(\"w-full\", className)}>\n        {displayText && (\n          <p className=\"mb-1.5 text-end text-xs text-muted-foreground\">\n            {displayText}\n          </p>\n        )}\n        <PrimitiveProgress\n          ref={ref}\n          data-testid=\"progress-bar\"\n          value={value}\n          {...otherProps}\n        />\n      </div>\n    );\n  }\n);\n\nProgress.displayName = \"Progress\";\n\nexport { Progress };\n"],"names":["forwardRef","cn","jsx","PrimitiveProgress"],"mappings":";;;;;;;AAgBA,MAAM,QAAA,GAAWA,gBAAA;AAAA,EACf,CACE,EAAE,aAAA,EAAe,cAAA,GAAiB,KAAA,EAAO,WAAW,KAAA,EAAO,GAAG,UAAA,EAAW,EACzE,GAAA,KACG;AACH,IAAA,MAAM,cACJ,aAAA,KAAkB,cAAA,GAAiB,CAAA,EAAG,KAAA,IAAS,CAAC,CAAA,CAAA,CAAA,GAAM,IAAA,CAAA;AAExD,IAAA,uCACG,KAAA,EAAA,EAAI,SAAA,EAAWC,QAAA,CAAG,QAAA,EAAU,SAAS,CAAA,EACnC,QAAA,EAAA;AAAA,MAAA,WAAA,oBACCC,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,+CAAA,EACV,QAAA,EAAA,WAAA,EACH,CAAA;AAAA,sBAEFA,cAAA;AAAA,QAACC,4BAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,aAAA,EAAY,cAAA;AAAA,UACZ,KAAA;AAAA,UACC,GAAG;AAAA;AAAA;AACN,KAAA,EACF,CAAA;AAAA,EAEJ;AACF;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA;;;;"}

package/dist/cjs/RadioGroup-B-u8rdbf.js

@@ -0,0 +1,138 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('./utils-BhM0B89p.js');
+var primitives_RadioGroup = require('./primitives/RadioGroup.js');
+var primitives_Label = require('./primitives/Label.js');
+var primitives_Field = require('./primitives/Field.js');
+var fieldIds = require('./fieldIds-DiVU6GVS.js');
+
+const RadioGroupItem = React.forwardRef(
+  ({ label, helpText, value, className, id: idProp, dataTestId, ...props }, ref) => {
+    const generatedId = React.useId();
+    const id = idProp ?? generatedId;
+    const helpTextId = `helpText_${id}`;
+    const testIdPrefix = fieldIds.buildTestIdPrefix(dataTestId, label);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: utils.cn(
+          "flex gap-2",
+          helpText ? "items-start" : "items-center",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            primitives_RadioGroup.RadioGroupItem,
+            {
+              ref,
+              id,
+              value,
+              "aria-describedby": helpText ? helpTextId : void 0,
+              className: helpText ? "mt-0.5" : void 0,
+              "data-testid": `${testIdPrefix}-radio-input`,
+              ...props
+            }
+          ),
+          (label || helpText) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5", children: [
+            label && /* @__PURE__ */ jsxRuntime.jsx(
+              primitives_Label.Label,
+              {
+                htmlFor: id,
+                className: "cursor-pointer",
+                "data-testid": `${testIdPrefix}-radio-label`,
+                children: label
+              }
+            ),
+            helpText && /* @__PURE__ */ jsxRuntime.jsx(primitives_Field.FieldDescription, { id: helpTextId, children: helpText })
+          ] })
+        ]
+      }
+    );
+  }
+);
+RadioGroupItem.displayName = "RadioGroup.Item";
+const RadioGroupRoot = React.forwardRef(
+  ({
+    label,
+    error,
+    helpText,
+    orientation = "horizontal",
+    className,
+    disabled,
+    required,
+    children,
+    labelProps,
+    dataTestId,
+    ...props
+  }, ref) => {
+    const generatedId = React.useId();
+    const errorId = `error_${generatedId}`;
+    const helpTextId = `helpText_${generatedId}`;
+    const testIdPrefix = fieldIds.buildTestIdPrefix(dataTestId, label);
+    const hasField = !!(label || error || helpText);
+    const radioGroup = /* @__PURE__ */ jsxRuntime.jsx(
+      primitives_RadioGroup.RadioGroup,
+      {
+        ref,
+        disabled,
+        required,
+        "aria-invalid": !!error || void 0,
+        "aria-describedby": [error ? errorId : null, helpText ? helpTextId : null].filter(Boolean).join(" ") || void 0,
+        orientation,
+        className: utils.cn(
+          "data-[orientation=vertical]:grid data-[orientation=vertical]:gap-2 data-[orientation=horizontal]:flex data-[orientation=horizontal]:flex-row data-[orientation=horizontal]:flex-wrap data-[orientation=horizontal]:items-center data-[orientation=horizontal]:gap-4",
+          !hasField && className
+        ),
+        ...props,
+        children
+      }
+    );
+    if (!hasField) {
+      return radioGroup;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      primitives_Field.Field,
+      {
+        "data-disabled": disabled || void 0,
+        "data-invalid": !!error || void 0,
+        className,
+        children: [
+          (label || helpText) && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            label && /* @__PURE__ */ jsxRuntime.jsxs(primitives_Field.FieldLabel, { ...labelProps, children: [
+              label,
+              required && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" })
+            ] }),
+            helpText && /* @__PURE__ */ jsxRuntime.jsx(
+              primitives_Field.FieldDescription,
+              {
+                id: helpTextId,
+                "data-testid": `${testIdPrefix}-radio-input-help`,
+                children: helpText
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(primitives_Field.FieldContent, { children: [
+            radioGroup,
+            !!error && /* @__PURE__ */ jsxRuntime.jsx(
+              primitives_Field.FieldError,
+              {
+                id: errorId,
+                "data-testid": `${testIdPrefix}-radio-input-error`,
+                children: error
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+RadioGroupRoot.displayName = "RadioGroup";
+const RadioGroup = Object.assign(RadioGroupRoot, {
+  Item: RadioGroupItem
+});
+
+exports.RadioGroup = RadioGroup;
+//# sourceMappingURL=RadioGroup-B-u8rdbf.js.map

package/dist/cjs/RadioGroup-B-u8rdbf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup-B-u8rdbf.js","sources":["../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import React, { forwardRef, useId } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  RadioGroup as PrimitiveRadioGroup,\n  RadioGroupItem as PrimitiveRadioGroupItem,\n} from \"src/primitives/RadioGroup\";\nimport { Label } from \"src/primitives/Label\";\nimport {\n  Field,\n  FieldLabel,\n  FieldContent,\n  FieldDescription,\n  FieldError,\n} from \"src/primitives/Field\";\nimport { buildTestIdPrefix } from \"src/utils/fieldIds\";\n\nexport interface RadioGroupProps extends Omit<\n  React.ComponentProps<typeof PrimitiveRadioGroup>,\n  \"children\"\n> {\n  /** Group label displayed above the radio items. */\n  label?: string;\n  /** Error message displayed below the group. */\n  error?: string;\n  /** Helper text displayed below the group label. Accepts string or ReactNode. */\n  helpText?: React.ReactNode;\n  /** Layout orientation. Defaults to \"horizontal\". */\n  orientation?: \"horizontal\" | \"vertical\";\n  /** Additional class name for the outermost wrapper. */\n  className?: string;\n  /** RadioGroup.Item children. */\n  children?: React.ReactNode;\n  /** Props forwarded to the group Label element. */\n  labelProps?: React.ComponentProps<typeof FieldLabel>;\n  /** Prefix for the group's error testid(radio-input-error). Falls back to the hyphenized group label. */\n  dataTestId?: string;\n}\n\nexport interface RadioGroupItemProps extends React.ComponentProps<\n  typeof PrimitiveRadioGroupItem\n> {\n  /** Label displayed next to the radio. */\n  label?: string;\n  /** Helper text displayed below the item label. Accepts string or ReactNode. */\n  helpText?: React.ReactNode;\n  /** Radio value (required). */\n  value: string;\n  /** Additional class name for the item wrapper. */\n  className?: string;\n  /** Optional id override; auto-generated if omitted. */\n  id?: string;\n  /** Prefix for the item's testid family(radio-input, radio-label). Falls back to the hyphenized item label. */\n  dataTestId?: string;\n}\n\nconst RadioGroupItem = forwardRef<\n  React.ComponentRef<typeof PrimitiveRadioGroupItem>,\n  RadioGroupItemProps\n>(\n  (\n    { label, helpText, value, className, id: idProp, dataTestId, ...props },\n    ref\n  ) => {\n    const generatedId = useId();\n    const id = idProp ?? generatedId;\n    const helpTextId = `helpText_${id}`;\n    const testIdPrefix = buildTestIdPrefix(dataTestId, label);\n\n    return (\n      <div\n        className={cn(\n          \"flex gap-2\",\n          helpText ? \"items-start\" : \"items-center\",\n          className\n        )}\n      >\n        <PrimitiveRadioGroupItem\n          ref={ref}\n          id={id}\n          value={value}\n          aria-describedby={helpText ? helpTextId : undefined}\n          className={helpText ? \"mt-0.5\" : undefined}\n          data-testid={`${testIdPrefix}-radio-input`}\n          {...props}\n        />\n        {(label || helpText) && (\n          <div className=\"flex flex-col gap-0.5\">\n            {label && (\n              <Label\n                htmlFor={id}\n                className=\"cursor-pointer\"\n                data-testid={`${testIdPrefix}-radio-label`}\n              >\n                {label}\n              </Label>\n            )}\n            {helpText && (\n              <FieldDescription id={helpTextId}>{helpText}</FieldDescription>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nRadioGroupItem.displayName = \"RadioGroup.Item\";\n\nconst RadioGroupRoot = forwardRef<\n  React.ComponentRef<typeof PrimitiveRadioGroup>,\n  RadioGroupProps\n>(\n  (\n    {\n      label,\n      error,\n      helpText,\n      orientation = \"horizontal\",\n      className,\n      disabled,\n      required,\n      children,\n      labelProps,\n      dataTestId,\n      ...props\n    },\n    ref\n  ) => {\n    const generatedId = useId();\n    const errorId = `error_${generatedId}`;\n    const helpTextId = `helpText_${generatedId}`;\n    const testIdPrefix = buildTestIdPrefix(dataTestId, label);\n\n    const hasField = !!(label || error || helpText);\n\n    const radioGroup = (\n      <PrimitiveRadioGroup\n        ref={ref}\n        disabled={disabled}\n        required={required}\n        aria-invalid={!!error || undefined}\n        aria-describedby={\n          [error ? errorId : null, helpText ? helpTextId : null]\n            .filter(Boolean)\n            .join(\" \") || undefined\n        }\n        orientation={orientation}\n        className={cn(\n          \"data-[orientation=vertical]:grid data-[orientation=vertical]:gap-2 data-[orientation=horizontal]:flex data-[orientation=horizontal]:flex-row data-[orientation=horizontal]:flex-wrap data-[orientation=horizontal]:items-center data-[orientation=horizontal]:gap-4\",\n          !hasField && className\n        )}\n        {...props}\n      >\n        {children}\n      </PrimitiveRadioGroup>\n    );\n\n    if (!hasField) {\n      return radioGroup;\n    }\n\n    return (\n      <Field\n        data-disabled={disabled || undefined}\n        data-invalid={!!error || undefined}\n        className={className}\n      >\n        {(label || helpText) && (\n          <div>\n            {label && (\n              <FieldLabel {...labelProps}>\n                {label}\n                {required && (\n                  <span aria-hidden=\"true\" className=\"text-destructive\">\n                    *\n                  </span>\n                )}\n              </FieldLabel>\n            )}\n            {helpText && (\n              <FieldDescription\n                id={helpTextId}\n                data-testid={`${testIdPrefix}-radio-input-help`}\n              >\n                {helpText}\n              </FieldDescription>\n            )}\n          </div>\n        )}\n        <FieldContent>\n          {radioGroup}\n          {!!error && (\n            <FieldError\n              id={errorId}\n              data-testid={`${testIdPrefix}-radio-input-error`}\n            >\n              {error}\n            </FieldError>\n          )}\n        </FieldContent>\n      </Field>\n    );\n  }\n);\n\nRadioGroupRoot.displayName = \"RadioGroup\";\n\nconst RadioGroup = Object.assign(RadioGroupRoot, {\n  Item: RadioGroupItem,\n});\n\nexport { RadioGroup };\n"],"names":["forwardRef","useId","buildTestIdPrefix","jsxs","cn","jsx","PrimitiveRadioGroupItem","Label","FieldDescription","PrimitiveRadioGroup","Field","FieldLabel","FieldContent","FieldError"],"mappings":";;;;;;;;;;AAwDA,MAAM,cAAA,GAAiBA,gBAAA;AAAA,EAIrB,CACE,EAAE,KAAA,EAAO,QAAA,EAAU,KAAA,EAAO,SAAA,EAAW,EAAA,EAAI,MAAA,EAAQ,UAAA,EAAY,GAAG,KAAA,EAAM,EACtE,GAAA,KACG;AACH,IAAA,MAAM,cAAcC,WAAA,EAAM;AAC1B,IAAA,MAAM,KAAK,MAAA,IAAU,WAAA;AACrB,IAAA,MAAM,UAAA,GAAa,YAAY,EAAE,CAAA,CAAA;AACjC,IAAA,MAAM,YAAA,GAAeC,0BAAA,CAAkB,UAAA,EAAY,KAAK,CAAA;AAExD,IAAA,uBACEC,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWC,QAAA;AAAA,UACT,YAAA;AAAA,UACA,WAAW,aAAA,GAAgB,cAAA;AAAA,UAC3B;AAAA,SACF;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAAC,cAAA;AAAA,YAACC,oCAAA;AAAA,YAAA;AAAA,cACC,GAAA;AAAA,cACA,EAAA;AAAA,cACA,KAAA;AAAA,cACA,kBAAA,EAAkB,WAAW,UAAA,GAAa,MAAA;AAAA,cAC1C,SAAA,EAAW,WAAW,QAAA,GAAW,MAAA;AAAA,cACjC,aAAA,EAAa,GAAG,YAAY,CAAA,YAAA,CAAA;AAAA,cAC3B,GAAG;AAAA;AAAA,WACN;AAAA,UAAA,CACE,KAAA,IAAS,QAAA,qBACTH,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,uBAAA,EACZ,QAAA,EAAA;AAAA,YAAA,KAAA,oBACCE,cAAA;AAAA,cAACE,sBAAA;AAAA,cAAA;AAAA,gBACC,OAAA,EAAS,EAAA;AAAA,gBACT,SAAA,EAAU,gBAAA;AAAA,gBACV,aAAA,EAAa,GAAG,YAAY,CAAA,YAAA,CAAA;AAAA,gBAE3B,QAAA,EAAA;AAAA;AAAA,aACH;AAAA,YAED,QAAA,oBACCF,cAAA,CAACG,iCAAA,EAAA,EAAiB,EAAA,EAAI,YAAa,QAAA,EAAA,QAAA,EAAS;AAAA,WAAA,EAEhD;AAAA;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF,CAAA;AAEA,cAAA,CAAe,WAAA,GAAc,iBAAA;AAE7B,MAAM,cAAA,GAAiBR,gBAAA;AAAA,EAIrB,CACE;AAAA,IACE,KAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA,GAAc,YAAA;AAAA,IACd,SAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,cAAcC,WAAA,EAAM;AAC1B,IAAA,MAAM,OAAA,GAAU,SAAS,WAAW,CAAA,CAAA;AACpC,IAAA,MAAM,UAAA,GAAa,YAAY,WAAW,CAAA,CAAA;AAC1C,IAAA,MAAM,YAAA,GAAeC,0BAAA,CAAkB,UAAA,EAAY,KAAK,CAAA;AAExD,IAAA,MAAM,QAAA,GAAW,CAAC,EAAE,KAAA,IAAS,KAAA,IAAS,QAAA,CAAA;AAEtC,IAAA,MAAM,UAAA,mBACJG,cAAA;AAAA,MAACI,gCAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,QAAA;AAAA,QACA,QAAA;AAAA,QACA,cAAA,EAAc,CAAC,CAAC,KAAA,IAAS,MAAA;AAAA,QACzB,kBAAA,EACE,CAAC,KAAA,GAAQ,OAAA,GAAU,MAAM,QAAA,GAAW,UAAA,GAAa,IAAI,CAAA,CAClD,MAAA,CAAO,OAAO,CAAA,CACd,IAAA,CAAK,GAAG,CAAA,IAAK,MAAA;AAAA,QAElB,WAAA;AAAA,QACA,SAAA,EAAWL,QAAA;AAAA,UACT,qQAAA;AAAA,UACA,CAAC,QAAA,IAAY;AAAA,SACf;AAAA,QACC,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAGF,IAAA,IAAI,CAAC,QAAA,EAAU;AACb,MAAA,OAAO,UAAA;AAAA,IACT;AAEA,IAAA,uBACED,eAAA;AAAA,MAACO,sBAAA;AAAA,MAAA;AAAA,QACC,iBAAe,QAAA,IAAY,MAAA;AAAA,QAC3B,cAAA,EAAc,CAAC,CAAC,KAAA,IAAS,MAAA;AAAA,QACzB,SAAA;AAAA,QAEE,QAAA,EAAA;AAAA,UAAA,CAAA,KAAA,IAAS,QAAA,qCACR,KAAA,EAAA,EACE,QAAA,EAAA;AAAA,YAAA,KAAA,oBACCP,eAAA,CAACQ,2BAAA,EAAA,EAAY,GAAG,UAAA,EACb,QAAA,EAAA;AAAA,cAAA,KAAA;AAAA,cACA,4BACCN,cAAA,CAAC,MAAA,EAAA,EAAK,eAAY,MAAA,EAAO,SAAA,EAAU,oBAAmB,QAAA,EAAA,GAAA,EAEtD;AAAA,aAAA,EAEJ,CAAA;AAAA,YAED,QAAA,oBACCA,cAAA;AAAA,cAACG,iCAAA;AAAA,cAAA;AAAA,gBACC,EAAA,EAAI,UAAA;AAAA,gBACJ,aAAA,EAAa,GAAG,YAAY,CAAA,iBAAA,CAAA;AAAA,gBAE3B,QAAA,EAAA;AAAA;AAAA;AACH,WAAA,EAEJ,CAAA;AAAA,0CAEDI,6BAAA,EAAA,EACE,QAAA,EAAA;AAAA,YAAA,UAAA;AAAA,YACA,CAAC,CAAC,KAAA,oBACDP,cAAA;AAAA,cAACQ,2BAAA;AAAA,cAAA;AAAA,gBACC,EAAA,EAAI,OAAA;AAAA,gBACJ,aAAA,EAAa,GAAG,YAAY,CAAA,kBAAA,CAAA;AAAA,gBAE3B,QAAA,EAAA;AAAA;AAAA;AACH,WAAA,EAEJ;AAAA;AAAA;AAAA,KACF;AAAA,EAEJ;AACF,CAAA;AAEA,cAAA,CAAe,WAAA,GAAc,YAAA;AAE7B,MAAM,UAAA,GAAa,MAAA,CAAO,MAAA,CAAO,cAAA,EAAgB;AAAA,EAC/C,IAAA,EAAM;AACR,CAAC;;;;"}