@bigbinary/neeto-atoms 1.0.9 → 1.0.10

package/dist/Popover-BFMrtVPq.js

@@ -0,0 +1,95 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import React__default, { forwardRef, useState, useCallback, useRef, useEffect } from 'react';
+import { c as cva } from './index-D7Zy7P05.js';
+import { c as cn } from './utils-DdHUxIdC.js';
+import { HoverCard, HoverCardTrigger, HoverCardContent } from './primitives/HoverCard.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.5", {
+    variants: {
+        variant: {
+            default: "",
+            primary: "bg-primary text-primary-foreground ring-0 shadow-lg",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+const Title = forwardRef(({ children, className, ...otherProps }, ref) => (jsx("div", { ref: ref, "data-slot": "popover-title", className: cn("text-sm font-semibold", className), ...otherProps, children: children })));
+Title.displayName = "Popover.Title";
+const Popover = forwardRef(({ children, trigger, variant = "default", disabled = false, position = "auto", className, open: openProp, onOpenChange: onOpenChangeProp, hideAfter = -1, hideOnTargetExit = false, defaultOpen, openDelay = 200, closeDelay = 200, 
+// Radix HoverCardContent props forwarded
+...contentProps }, ref) => {
+    // Internal state for uncontrolled mode + hideAfter / hideOnTargetExit
+    const [internalOpen, setInternalOpen] = useState(false);
+    const isControlled = openProp !== undefined;
+    const open = isControlled ? openProp : internalOpen;
+    const handleOpenChange = useCallback((next) => {
+        if (!isControlled)
+            setInternalOpen(next);
+        onOpenChangeProp?.(next);
+    }, [isControlled, onOpenChangeProp]);
+    const triggerRef = useRef(null);
+    // Auto-hide after hideAfter ms
+    useEffect(() => {
+        if (!open || hideAfter <= 0)
+            return;
+        const timer = setTimeout(() => handleOpenChange(false), hideAfter);
+        return () => clearTimeout(timer);
+    }, [open, hideAfter, handleOpenChange]);
+    // Hide popover when trigger exits viewport
+    useEffect(() => {
+        if (!hideOnTargetExit || !open || !triggerRef.current)
+            return;
+        const observer = new IntersectionObserver(([entry]) => {
+            if (!entry.isIntersecting)
+                handleOpenChange(false);
+        });
+        observer.observe(triggerRef.current);
+        return () => observer.disconnect();
+    }, [hideOnTargetExit, open, handleOpenChange]);
+    if (disabled) {
+        return jsx(Fragment, { children: trigger });
+    }
+    const side = SIDE_MAP[position] ?? "bottom";
+    const align = ALIGN_MAP[position] ?? "center";
+    // Wrap non-element trigger in a span
+    const triggerElement = React__default.isValidElement(trigger) ? (trigger) : (jsx("span", { children: trigger }));
+    return (jsxs(HoverCard, { open: open, onOpenChange: handleOpenChange, defaultOpen: defaultOpen, openDelay: openDelay, closeDelay: closeDelay, children: [jsx(HoverCardTrigger, { ref: triggerRef, asChild: true, children: triggerElement }), jsx(HoverCardContent, { ref: ref, side: side, align: align, className: cn(popoverVariants({ variant }), className), ...contentProps, children: children })] }));
+});
+Popover.displayName = "Popover";
+Popover.Title = Title;
+
+export { Popover as P };
+//# sourceMappingURL=Popover-BFMrtVPq.js.map

package/dist/Popover-BFMrtVPq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover-BFMrtVPq.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  useRef,\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 {\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.5\", {\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  /** Auto-hide the popover when the trigger scrolls out of the viewport. */\n  hideOnTargetExit?: boolean;\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    <div\n      ref={ref}\n      data-slot=\"popover-title\"\n      className={cn(\"text-sm font-semibold\", className)}\n      {...otherProps}\n    >\n      {children}\n    </div>\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      hideOnTargetExit = false,\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 / hideOnTargetExit\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    const triggerRef = useRef<HTMLElement | null>(null);\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    // Hide popover when trigger exits viewport\n    useEffect(() => {\n      if (!hideOnTargetExit || !open || !triggerRef.current) return;\n      const observer = new IntersectionObserver(([entry]) => {\n        if (!entry.isIntersecting) handleOpenChange(false);\n      });\n      observer.observe(triggerRef.current);\n      return () => observer.disconnect();\n    }, [hideOnTargetExit, open, 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\n          ref={triggerRef as React.Ref<HTMLAnchorElement>}\n          asChild\n        >\n          {triggerElement}\n        </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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"}

package/dist/Progress-B9NlUm6e.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { c as cn } from './utils-DdHUxIdC.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 (jsxs("div", { className: cn("w-full", className), children: [displayText && (jsx("p", { className: "mb-1.5 text-end text-xs text-muted-foreground", children: displayText })), jsx(Progress$1, { ref: ref, value: value, ...otherProps })] }));
+});
+Progress.displayName = "Progress";
+
+export { Progress as P };
+//# sourceMappingURL=Progress-B9NlUm6e.js.map

package/dist/Progress-B9NlUm6e.js.map

@@ -0,0 +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;;;;"}

package/dist/RadioGroup-BNeYQAoT.js

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

package/dist/RadioGroup-BNeYQAoT.js.map

@@ -0,0 +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\ninterface 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":";;;;;;;AAiDA,MAAM,cAAc,GAAG,UAAU,CAG/B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AACrE,IAAA,MAAM,WAAW,GAAG,KAAK,EAAE;AAC3B,IAAA,MAAM,EAAE,GAAG,MAAM,IAAI,WAAW;AAChC,IAAA,MAAM,UAAU,GAAG,CAAA,SAAA,EAAY,EAAE,EAAE;IAEnC,QACEA,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CACX,YAAY,EACZ,QAAQ,GAAG,aAAa,GAAG,cAAc,EACzC,SAAS,CACV,EAAA,QAAA,EAAA,CAEDC,GAAA,CAACC,gBAAuB,EAAA,EACtB,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EAAA,kBAAA,EACM,QAAQ,GAAG,UAAU,GAAG,SAAS,EACnD,SAAS,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,EAAA,GACtC,KAAK,EAAA,CACT,EACD,CAAC,KAAK,IAAI,QAAQ,MACjBF,cAAK,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAA,CACnC,KAAK,KACJC,GAAA,CAAC,KAAK,EAAA,EAAC,OAAO,EAAE,EAAE,EAAE,SAAS,EAAC,4BAA4B,EAAA,QAAA,EACvD,KAAK,EAAA,CACA,CACT,EACA,QAAQ,KACPA,GAAA,CAAC,gBAAgB,IAAC,EAAE,EAAE,UAAU,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAoB,CAChE,CAAA,EAAA,CACG,CACP,CAAA,EAAA,CACG;AAEV,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,iBAAiB;AAE9C,MAAM,cAAc,GAAG,UAAU,CAI/B,CACE,EACE,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAAW,GAAG,YAAY,EAC1B,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,WAAW,GAAG,KAAK,EAAE;AAC3B,IAAA,MAAM,OAAO,GAAG,CAAA,MAAA,EAAS,WAAW,EAAE;AACtC,IAAA,MAAM,UAAU,GAAG,CAAA,SAAA,EAAY,WAAW,EAAE;IAE5C,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,IAAI,KAAK,IAAI,QAAQ,CAAC;IAE/C,MAAM,UAAU,IACdA,GAAA,CAACE,YAAmB,EAAA,EAClB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAAA,cAAA,EACJ,CAAC,CAAC,KAAK,IAAI,SAAS,EAAA,kBAAA,EAEhC,CAAC,KAAK,GAAG,OAAO,GAAG,IAAI,EAAE,QAAQ,GAAG,UAAU,GAAG,IAAI;aAClD,MAAM,CAAC,OAAO;aACd,IAAI,CAAC,GAAG,CAAC,IAAI,SAAS,EAE3B,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CACX,qQAAqQ,EACrQ,CAAC,QAAQ,IAAI,SAAS,CACvB,EAAA,GACG,KAAK,EAAA,QAAA,EAER,QAAQ,EAAA,CACW,CACvB;IAED,IAAI,CAAC,QAAQ,EAAE;AACb,QAAA,OAAO,UAAU;IACnB;AAEA,IAAA,QACEH,IAAA,CAAC,KAAK,qBACW,QAAQ,IAAI,SAAS,EAAA,cAAA,EACtB,CAAC,CAAC,KAAK,IAAI,SAAS,EAClC,SAAS,EAAE,SAAS,aAEnB,CAAC,KAAK,IAAI,QAAQ,MACjBA,yBACG,KAAK,KACJA,IAAA,CAAC,UAAU,EAAA,EAAA,QAAA,EAAA,CACR,KAAK,EACL,QAAQ,KACPC,GAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EAAkB,MAAM,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EAAA,GAAA,EAAA,CAE9C,CACR,CAAA,EAAA,CACU,CACd,EACA,QAAQ,KACPA,GAAA,CAAC,gBAAgB,EAAA,EAAC,EAAE,EAAE,UAAU,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAoB,CAChE,IACG,CACP,EACDD,IAAA,CAAC,YAAY,eACV,UAAU,EACV,CAAC,CAAC,KAAK,IAAIC,GAAA,CAAC,UAAU,IAAC,EAAE,EAAE,OAAO,EAAA,QAAA,EAAG,KAAK,GAAc,CAAA,EAAA,CAC5C,CAAA,EAAA,CACT;AAEZ,CAAC,CACF;AAED,cAAc,CAAC,WAAW,GAAG,YAAY;AAEzC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;AAC/C,IAAA,IAAI,EAAE,cAAc;AACrB,CAAA;;;;"}