@bigbinary/neeto-atoms 1.0.36 → 1.0.37

package/dist/Pagination-C_X9kgc8.js

@@ -0,0 +1,103 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useMemo, forwardRef } from 'react';
+import { c as cn } from './utils-BJnb9o5c.js';
+import { Pagination as Pagination$1, PaginationContent, PaginationItem, PaginationPrevious, PaginationEllipsis, PaginationLink, PaginationNext } from './primitives/Pagination.js';
+
+const DOTS = "...";
+
+function range(start, end) {
+  return Array.from({ length: end - start + 1 }, (_, i) => i + start);
+}
+
+function usePaginationRange({
+  count,
+  pageSize,
+  siblingCount = 1,
+  pageNo
+}) {
+  return useMemo(() => {
+    const totalPageCount = Math.ceil(count / pageSize);
+    const totalPageNumbers = siblingCount + 5;
+    if (totalPageNumbers >= totalPageCount) {
+      return range(1, totalPageCount);
+    }
+    const leftSiblingIndex = Math.max(pageNo - siblingCount, 1);
+    const rightSiblingIndex = Math.min(pageNo + siblingCount, totalPageCount);
+    const shouldShowLeftDots = leftSiblingIndex > 2;
+    const shouldShowRightDots = rightSiblingIndex < totalPageCount - 2;
+    if (!shouldShowLeftDots && shouldShowRightDots) {
+      const leftRange = range(1, 3 + 2 * siblingCount);
+      return [...leftRange, DOTS, totalPageCount];
+    }
+    if (shouldShowLeftDots && !shouldShowRightDots) {
+      const rightRange = range(
+        totalPageCount - (3 + 2 * siblingCount) + 1,
+        totalPageCount
+      );
+      return [1, DOTS, ...rightRange];
+    }
+    if (shouldShowLeftDots && shouldShowRightDots) {
+      const middleRange = range(leftSiblingIndex, rightSiblingIndex);
+      return [1, DOTS, ...middleRange, DOTS, totalPageCount];
+    }
+    return range(1, totalPageCount);
+  }, [count, pageSize, siblingCount, pageNo]);
+}
+
+const Pagination = forwardRef(
+  ({
+    count,
+    pageNo,
+    pageSize,
+    siblingCount = 1,
+    navigate,
+    className,
+    ...otherProps
+  }, ref) => {
+    const paginationRange = usePaginationRange({
+      count,
+      pageSize,
+      siblingCount,
+      pageNo
+    });
+    const lastPage = paginationRange[paginationRange.length - 1];
+    const isFirstPage = pageNo === 1;
+    const isLastPage = pageNo === lastPage;
+    if (pageNo === 0 || paginationRange.length < 2) {
+      return null;
+    }
+    const handleNavigate = (page) => {
+      navigate?.(page);
+    };
+    return /* @__PURE__ */ jsx(Pagination$1, { ref, className: cn(className), ...otherProps, children: /* @__PURE__ */ jsxs(PaginationContent, { children: [
+      /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+        PaginationPrevious,
+        {
+          onClick: () => !isFirstPage && handleNavigate(pageNo - 1),
+          "aria-disabled": isFirstPage,
+          className: cn(isFirstPage && "pointer-events-none opacity-50")
+        }
+      ) }),
+      paginationRange.map((page, index) => /* @__PURE__ */ jsx(PaginationItem, { children: page === DOTS ? /* @__PURE__ */ jsx(PaginationEllipsis, {}) : /* @__PURE__ */ jsx(
+        PaginationLink,
+        {
+          isActive: page === pageNo,
+          onClick: () => handleNavigate(page),
+          children: page
+        }
+      ) }, `${page}-${index}`)),
+      /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+        PaginationNext,
+        {
+          onClick: () => !isLastPage && handleNavigate(pageNo + 1),
+          "aria-disabled": isLastPage,
+          className: cn(isLastPage && "pointer-events-none opacity-50")
+        }
+      ) })
+    ] }) });
+  }
+);
+Pagination.displayName = "Pagination";
+
+export { Pagination as P };
+//# sourceMappingURL=Pagination-C_X9kgc8.js.map

package/dist/{Pagination-DSc9yXPy.js.map → Pagination-C_X9kgc8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Pagination-DSc9yXPy.js","sources":["../src/components/Pagination/constants.ts","../src/components/Pagination/utils.ts","../src/components/Pagination/hooks/usePaginationRange.ts","../src/components/Pagination/Pagination.tsx"],"sourcesContent":["export const DOTS = \"...\" as const;\n","export function range(start: number, end: number): number[] {\n  return Array.from({ length: end - start + 1 }, (_, i) => i + start);\n}\n","import { useMemo } from \"react\";\n\nimport { DOTS } from \"../constants\";\nimport { range } from \"../utils\";\n\nexport function usePaginationRange({\n  count,\n  pageSize,\n  siblingCount = 1,\n  pageNo,\n}: {\n  count: number;\n  pageSize: number;\n  siblingCount: number;\n  pageNo: number;\n}): (number | typeof DOTS)[] {\n  return useMemo(() => {\n    const totalPageCount = Math.ceil(count / pageSize);\n    const totalPageNumbers = siblingCount + 5;\n\n    if (totalPageNumbers >= totalPageCount) {\n      return range(1, totalPageCount);\n    }\n\n    const leftSiblingIndex = Math.max(pageNo - siblingCount, 1);\n    const rightSiblingIndex = Math.min(pageNo + siblingCount, totalPageCount);\n\n    const shouldShowLeftDots = leftSiblingIndex > 2;\n    const shouldShowRightDots = rightSiblingIndex < totalPageCount - 2;\n\n    if (!shouldShowLeftDots && shouldShowRightDots) {\n      const leftRange = range(1, 3 + 2 * siblingCount);\n      return [...leftRange, DOTS, totalPageCount];\n    }\n\n    if (shouldShowLeftDots && !shouldShowRightDots) {\n      const rightRange = range(\n        totalPageCount - (3 + 2 * siblingCount) + 1,\n        totalPageCount\n      );\n      return [1, DOTS, ...rightRange];\n    }\n\n    if (shouldShowLeftDots && shouldShowRightDots) {\n      const middleRange = range(leftSiblingIndex, rightSiblingIndex);\n      return [1, DOTS, ...middleRange, DOTS, totalPageCount];\n    }\n\n    return range(1, totalPageCount);\n  }, [count, pageSize, siblingCount, pageNo]);\n}\n","import React, { forwardRef } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Pagination as PrimitivePagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n} from \"src/primitives/Pagination\";\n\nimport { DOTS } from \"./constants\";\nimport { usePaginationRange } from \"./hooks/usePaginationRange\";\n\nexport interface PaginationProps extends Omit<\n  React.ComponentProps<typeof PrimitivePagination>,\n  \"children\"\n> {\n  /** Total number of items. */\n  count: number;\n  /** Current page number (1-based). */\n  pageNo: number;\n  /** Number of items per page. */\n  pageSize: number;\n  /** Number of sibling pages to show around the current page. */\n  siblingCount?: number;\n  /** Callback when a page is selected. */\n  navigate?: (page: number) => void;\n  /** Additional CSS class names. */\n  className?: string;\n}\n\nconst Pagination = forwardRef<HTMLElement, PaginationProps>(\n  (\n    {\n      count,\n      pageNo,\n      pageSize,\n      siblingCount = 1,\n      navigate,\n      className,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const paginationRange = usePaginationRange({\n      count,\n      pageSize,\n      siblingCount,\n      pageNo,\n    });\n\n    const lastPage = paginationRange[paginationRange.length - 1] as number;\n    const isFirstPage = pageNo === 1;\n    const isLastPage = pageNo === lastPage;\n\n    // Don't render if only 1 page or no pages\n    if (pageNo === 0 || paginationRange.length < 2) {\n      return null;\n    }\n\n    const handleNavigate = (page: number) => {\n      navigate?.(page);\n    };\n\n    return (\n      <PrimitivePagination ref={ref} className={cn(className)} {...otherProps}>\n        <PaginationContent>\n          <PaginationItem>\n            <PaginationPrevious\n              onClick={() => !isFirstPage && handleNavigate(pageNo - 1)}\n              aria-disabled={isFirstPage}\n              className={cn(isFirstPage && \"pointer-events-none opacity-50\")}\n            />\n          </PaginationItem>\n\n          {paginationRange.map((page, index) => (\n            <PaginationItem key={`${page}-${index}`}>\n              {page === DOTS ? (\n                <PaginationEllipsis />\n              ) : (\n                <PaginationLink\n                  isActive={page === pageNo}\n                  onClick={() => handleNavigate(page as number)}\n                >\n                  {page}\n                </PaginationLink>\n              )}\n            </PaginationItem>\n          ))}\n\n          <PaginationItem>\n            <PaginationNext\n              onClick={() => !isLastPage && handleNavigate(pageNo + 1)}\n              aria-disabled={isLastPage}\n              className={cn(isLastPage && \"pointer-events-none opacity-50\")}\n            />\n          </PaginationItem>\n        </PaginationContent>\n      </PrimitivePagination>\n    );\n  }\n);\n\nPagination.displayName = \"Pagination\";\n\nexport { Pagination };\n"],"names":["_jsx","PrimitivePagination","_jsxs"],"mappings":"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"}
+{"version":3,"file":"Pagination-C_X9kgc8.js","sources":["../src/components/Pagination/constants.ts","../src/components/Pagination/utils.ts","../src/components/Pagination/hooks/usePaginationRange.ts","../src/components/Pagination/Pagination.tsx"],"sourcesContent":["export const DOTS = \"...\" as const;\n","export function range(start: number, end: number): number[] {\n  return Array.from({ length: end - start + 1 }, (_, i) => i + start);\n}\n","import { useMemo } from \"react\";\n\nimport { DOTS } from \"../constants\";\nimport { range } from \"../utils\";\n\nexport function usePaginationRange({\n  count,\n  pageSize,\n  siblingCount = 1,\n  pageNo,\n}: {\n  count: number;\n  pageSize: number;\n  siblingCount: number;\n  pageNo: number;\n}): (number | typeof DOTS)[] {\n  return useMemo(() => {\n    const totalPageCount = Math.ceil(count / pageSize);\n    const totalPageNumbers = siblingCount + 5;\n\n    if (totalPageNumbers >= totalPageCount) {\n      return range(1, totalPageCount);\n    }\n\n    const leftSiblingIndex = Math.max(pageNo - siblingCount, 1);\n    const rightSiblingIndex = Math.min(pageNo + siblingCount, totalPageCount);\n\n    const shouldShowLeftDots = leftSiblingIndex > 2;\n    const shouldShowRightDots = rightSiblingIndex < totalPageCount - 2;\n\n    if (!shouldShowLeftDots && shouldShowRightDots) {\n      const leftRange = range(1, 3 + 2 * siblingCount);\n      return [...leftRange, DOTS, totalPageCount];\n    }\n\n    if (shouldShowLeftDots && !shouldShowRightDots) {\n      const rightRange = range(\n        totalPageCount - (3 + 2 * siblingCount) + 1,\n        totalPageCount\n      );\n      return [1, DOTS, ...rightRange];\n    }\n\n    if (shouldShowLeftDots && shouldShowRightDots) {\n      const middleRange = range(leftSiblingIndex, rightSiblingIndex);\n      return [1, DOTS, ...middleRange, DOTS, totalPageCount];\n    }\n\n    return range(1, totalPageCount);\n  }, [count, pageSize, siblingCount, pageNo]);\n}\n","import React, { forwardRef } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Pagination as PrimitivePagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n} from \"src/primitives/Pagination\";\n\nimport { DOTS } from \"./constants\";\nimport { usePaginationRange } from \"./hooks/usePaginationRange\";\n\nexport interface PaginationProps extends Omit<\n  React.ComponentProps<typeof PrimitivePagination>,\n  \"children\"\n> {\n  /** Total number of items. */\n  count: number;\n  /** Current page number (1-based). */\n  pageNo: number;\n  /** Number of items per page. */\n  pageSize: number;\n  /** Number of sibling pages to show around the current page. */\n  siblingCount?: number;\n  /** Callback when a page is selected. */\n  navigate?: (page: number) => void;\n  /** Additional CSS class names. */\n  className?: string;\n}\n\nconst Pagination = forwardRef<HTMLElement, PaginationProps>(\n  (\n    {\n      count,\n      pageNo,\n      pageSize,\n      siblingCount = 1,\n      navigate,\n      className,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const paginationRange = usePaginationRange({\n      count,\n      pageSize,\n      siblingCount,\n      pageNo,\n    });\n\n    const lastPage = paginationRange[paginationRange.length - 1] as number;\n    const isFirstPage = pageNo === 1;\n    const isLastPage = pageNo === lastPage;\n\n    // Don't render if only 1 page or no pages\n    if (pageNo === 0 || paginationRange.length < 2) {\n      return null;\n    }\n\n    const handleNavigate = (page: number) => {\n      navigate?.(page);\n    };\n\n    return (\n      <PrimitivePagination ref={ref} className={cn(className)} {...otherProps}>\n        <PaginationContent>\n          <PaginationItem>\n            <PaginationPrevious\n              onClick={() => !isFirstPage && handleNavigate(pageNo - 1)}\n              aria-disabled={isFirstPage}\n              className={cn(isFirstPage && \"pointer-events-none opacity-50\")}\n            />\n          </PaginationItem>\n\n          {paginationRange.map((page, index) => (\n            <PaginationItem key={`${page}-${index}`}>\n              {page === DOTS ? (\n                <PaginationEllipsis />\n              ) : (\n                <PaginationLink\n                  isActive={page === pageNo}\n                  onClick={() => handleNavigate(page as number)}\n                >\n                  {page}\n                </PaginationLink>\n              )}\n            </PaginationItem>\n          ))}\n\n          <PaginationItem>\n            <PaginationNext\n              onClick={() => !isLastPage && handleNavigate(pageNo + 1)}\n              aria-disabled={isLastPage}\n              className={cn(isLastPage && \"pointer-events-none opacity-50\")}\n            />\n          </PaginationItem>\n        </PaginationContent>\n      </PrimitivePagination>\n    );\n  }\n);\n\nPagination.displayName = \"Pagination\";\n\nexport { Pagination };\n"],"names":["PrimitivePagination"],"mappings":"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"}

package/dist/Popover-Cco_6txS.js

@@ -0,0 +1,131 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import React__default, { forwardRef, useState, useCallback, useEffect } from 'react';
+import { c as cva } from './index-Bo3AAQJp.js';
+import { c as cn } from './utils-BJnb9o5c.js';
+import { HoverCard, HoverCardTrigger, HoverCardContent } from './primitives/HoverCard.js';
+import { T as Typography } from './Typography-CiQzW5Fy.js';
+
+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 = 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 = forwardRef(
+  ({ children, className, ...otherProps }, ref) => /* @__PURE__ */ jsx(Typography, { variant: "body2", weight: "semibold", color: "inherit", asChild: true, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "popover-title",
+      className,
+      ...otherProps,
+      children
+    }
+  ) })
+);
+Title.displayName = "Popover.Title";
+const Popover = 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] = useState(false);
+    const isControlled = openProp !== void 0;
+    const open = isControlled ? openProp : internalOpen;
+    const handleOpenChange = useCallback(
+      (next) => {
+        if (!isControlled) setInternalOpen(next);
+        onOpenChangeProp?.(next);
+      },
+      [isControlled, onOpenChangeProp]
+    );
+    useEffect(() => {
+      if (!open || hideAfter <= 0) return;
+      const timer = setTimeout(() => handleOpenChange(false), hideAfter);
+      return () => clearTimeout(timer);
+    }, [open, hideAfter, handleOpenChange]);
+    if (disabled) {
+      return /* @__PURE__ */ jsx(Fragment, { children: trigger });
+    }
+    const side = SIDE_MAP[position] ?? "bottom";
+    const align = ALIGN_MAP[position] ?? "center";
+    const triggerElement = React__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx("span", { children: trigger });
+    return /* @__PURE__ */ jsxs(
+      HoverCard,
+      {
+        open,
+        onOpenChange: handleOpenChange,
+        defaultOpen,
+        openDelay,
+        closeDelay,
+        children: [
+          /* @__PURE__ */ jsx(HoverCardTrigger, { asChild: true, children: triggerElement }),
+          /* @__PURE__ */ jsx(
+            HoverCardContent,
+            {
+              ref,
+              side,
+              align,
+              className: cn(popoverVariants({ variant }), className),
+              ...contentProps,
+              children
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Popover.displayName = "Popover";
+Popover.Title = Title;
+
+export { Popover as P };
+//# sourceMappingURL=Popover-Cco_6txS.js.map

package/dist/{Popover-Dmq-xK_a.js.map → Popover-Cco_6txS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Popover-Dmq-xK_a.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        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":["_jsx","_Fragment","React","_jsxs"],"mappings":"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"}
+{"version":3,"file":"Popover-Cco_6txS.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        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":["React"],"mappings":"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"}

package/dist/Progress-DURemsl_.js

@@ -0,0 +1,18 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { c as cn } from './utils-BJnb9o5c.js';
+import { Progress as Progress$1 } from './primitives/Progress.js';
+
+const Progress = forwardRef(
+  ({ progressValue, showPercentage = false, className, value, ...otherProps }, ref) => {
+    const displayText = progressValue ?? (showPercentage ? `${value ?? 0}%` : null);
+    return /* @__PURE__ */ jsxs("div", { className: cn("w-full", className), children: [
+      displayText && /* @__PURE__ */ jsx("p", { className: "mb-1.5 text-end text-xs text-muted-foreground", children: displayText }),
+      /* @__PURE__ */ jsx(Progress$1, { ref, value, ...otherProps })
+    ] });
+  }
+);
+Progress.displayName = "Progress";
+
+export { Progress as P };
+//# sourceMappingURL=Progress-DURemsl_.js.map

package/dist/{Progress-B9NlUm6e.js.map → Progress-DURemsl_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Progress-B9NlUm6e.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 ref={ref} value={value} {...otherProps} />\n      </div>\n    );\n  }\n);\n\nProgress.displayName = \"Progress\";\n\nexport { Progress };\n"],"names":["_jsxs","_jsx","PrimitiveProgress"],"mappings":";;;;;AAgBA,MAAM,QAAQ,GAAG,UAAU,CACzB,CACE,EAAE,aAAa,EAAE,cAAc,GAAG,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,EAC1E,GAAG,KACD;AACF,IAAA,MAAM,WAAW,GACf,aAAa,KAAK,cAAc,GAAG,GAAG,KAAK,IAAI,CAAC,CAAA,CAAA,CAAG,GAAG,IAAI,CAAC;AAE7D,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,aACpC,WAAW,KACVC,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,+CAA+C,EAAA,QAAA,EACzD,WAAW,EAAA,CACV,CACL,EACDA,GAAA,CAACC,UAAiB,EAAA,EAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAA,GAAM,UAAU,EAAA,CAAI,CAAA,EAAA,CACzD;AAEV,CAAC;AAGH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"Progress-DURemsl_.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 ref={ref} value={value} {...otherProps} />\n      </div>\n    );\n  }\n);\n\nProgress.displayName = \"Progress\";\n\nexport { Progress };\n"],"names":["PrimitiveProgress"],"mappings":";;;;;AAgBA,MAAM,QAAA,GAAW,UAAA;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,4BACG,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,QAAA,EAAU,SAAS,CAAA,EACnC,QAAA,EAAA;AAAA,MAAA,WAAA,oBACC,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,+CAAA,EACV,QAAA,EAAA,WAAA,EACH,CAAA;AAAA,sBAEF,GAAA,CAACA,UAAA,EAAA,EAAkB,GAAA,EAAU,KAAA,EAAe,GAAG,UAAA,EAAY;AAAA,KAAA,EAC7D,CAAA;AAAA,EAEJ;AACF;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA;;;;"}

package/dist/RadioGroup-BTemSonO.js

@@ -0,0 +1,106 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, useId } from 'react';
+import { c as cn } from './utils-BJnb9o5c.js';
+import { RadioGroupItem as RadioGroupItem$1, RadioGroup as RadioGroup$1 } from './primitives/RadioGroup.js';
+import { Label } from './primitives/Label.js';
+import { FieldDescription, Field, FieldLabel, FieldContent, FieldError } from './primitives/Field.js';
+
+const RadioGroupItem = forwardRef(({ label, helpText, value, className, id: idProp, ...props }, ref) => {
+  const generatedId = useId();
+  const id = idProp ?? generatedId;
+  const helpTextId = `helpText_${id}`;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex gap-2",
+        helpText ? "items-start" : "items-center",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          RadioGroupItem$1,
+          {
+            ref,
+            id,
+            value,
+            "aria-describedby": helpText ? helpTextId : void 0,
+            className: helpText ? "mt-0.5" : void 0,
+            ...props
+          }
+        ),
+        (label || helpText) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+          label && /* @__PURE__ */ jsx(Label, { htmlFor: id, className: "cursor-pointer font-normal", children: label }),
+          helpText && /* @__PURE__ */ jsx(FieldDescription, { id: helpTextId, children: helpText })
+        ] })
+      ]
+    }
+  );
+});
+RadioGroupItem.displayName = "RadioGroup.Item";
+const RadioGroupRoot = forwardRef(
+  ({
+    label,
+    error,
+    helpText,
+    orientation = "horizontal",
+    className,
+    disabled,
+    required,
+    children,
+    ...props
+  }, ref) => {
+    const generatedId = useId();
+    const errorId = `error_${generatedId}`;
+    const helpTextId = `helpText_${generatedId}`;
+    const hasField = !!(label || error || helpText);
+    const radioGroup = /* @__PURE__ */ jsx(
+      RadioGroup$1,
+      {
+        ref,
+        disabled,
+        required,
+        "aria-invalid": !!error || void 0,
+        "aria-describedby": [error ? errorId : null, helpText ? helpTextId : null].filter(Boolean).join(" ") || void 0,
+        orientation,
+        className: 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__ */ jsxs(
+      Field,
+      {
+        "data-disabled": disabled || void 0,
+        "data-invalid": !!error || void 0,
+        className,
+        children: [
+          (label || helpText) && /* @__PURE__ */ jsxs("div", { children: [
+            label && /* @__PURE__ */ jsxs(FieldLabel, { children: [
+              label,
+              required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" })
+            ] }),
+            helpText && /* @__PURE__ */ jsx(FieldDescription, { id: helpTextId, children: helpText })
+          ] }),
+          /* @__PURE__ */ jsxs(FieldContent, { children: [
+            radioGroup,
+            !!error && /* @__PURE__ */ jsx(FieldError, { id: errorId, children: error })
+          ] })
+        ]
+      }
+    );
+  }
+);
+RadioGroupRoot.displayName = "RadioGroup";
+const RadioGroup = Object.assign(RadioGroupRoot, {
+  Item: RadioGroupItem
+});
+
+export { RadioGroup as R };
+//# sourceMappingURL=RadioGroup-BTemSonO.js.map

package/dist/{RadioGroup-BNeYQAoT.js.map → RadioGroup-BTemSonO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup-BNeYQAoT.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\";\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}\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}\n\nconst RadioGroupItem = forwardRef<\n  React.ComponentRef<typeof PrimitiveRadioGroupItem>,\n  RadioGroupItemProps\n>(({ label, helpText, value, className, id: idProp, ...props }, ref) => {\n  const generatedId = useId();\n  const id = idProp ?? generatedId;\n  const helpTextId = `helpText_${id}`;\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        {...props}\n      />\n      {(label || helpText) && (\n        <div className=\"flex flex-col gap-0.5\">\n          {label && (\n            <Label htmlFor={id} className=\"cursor-pointer font-normal\">\n              {label}\n            </Label>\n          )}\n          {helpText && (\n            <FieldDescription id={helpTextId}>{helpText}</FieldDescription>\n          )}\n        </div>\n      )}\n    </div>\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      ...props\n    },\n    ref\n  ) => {\n    const generatedId = useId();\n    const errorId = `error_${generatedId}`;\n    const helpTextId = `helpText_${generatedId}`;\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>\n                {label}\n                {required && (\n                  <span aria-hidden=\"true\" className=\"text-destructive\">\n                    *\n                  </span>\n                )}\n              </FieldLabel>\n            )}\n            {helpText && (\n              <FieldDescription id={helpTextId}>{helpText}</FieldDescription>\n            )}\n          </div>\n        )}\n        <FieldContent>\n          {radioGroup}\n          {!!error && <FieldError id={errorId}>{error}</FieldError>}\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":["_jsxs","_jsx","PrimitiveRadioGroupItem","PrimitiveRadioGroup"],"mappings":"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"}
+{"version":3,"file":"RadioGroup-BTemSonO.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\";\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}\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}\n\nconst RadioGroupItem = forwardRef<\n  React.ComponentRef<typeof PrimitiveRadioGroupItem>,\n  RadioGroupItemProps\n>(({ label, helpText, value, className, id: idProp, ...props }, ref) => {\n  const generatedId = useId();\n  const id = idProp ?? generatedId;\n  const helpTextId = `helpText_${id}`;\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        {...props}\n      />\n      {(label || helpText) && (\n        <div className=\"flex flex-col gap-0.5\">\n          {label && (\n            <Label htmlFor={id} className=\"cursor-pointer font-normal\">\n              {label}\n            </Label>\n          )}\n          {helpText && (\n            <FieldDescription id={helpTextId}>{helpText}</FieldDescription>\n          )}\n        </div>\n      )}\n    </div>\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      ...props\n    },\n    ref\n  ) => {\n    const generatedId = useId();\n    const errorId = `error_${generatedId}`;\n    const helpTextId = `helpText_${generatedId}`;\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>\n                {label}\n                {required && (\n                  <span aria-hidden=\"true\" className=\"text-destructive\">\n                    *\n                  </span>\n                )}\n              </FieldLabel>\n            )}\n            {helpText && (\n              <FieldDescription id={helpTextId}>{helpText}</FieldDescription>\n            )}\n          </div>\n        )}\n        <FieldContent>\n          {radioGroup}\n          {!!error && <FieldError id={errorId}>{error}</FieldError>}\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":["PrimitiveRadioGroupItem","PrimitiveRadioGroup"],"mappings":"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"}