@oztix/roadie-components 2.0.2 → 2.1.1

package/dist/Combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","names":["ComboboxPrimitive"],"sources":["../src/components/Combobox/index.tsx"],"sourcesContent":["'use client'\n\nimport type { RefAttributes } from 'react'\n\nimport {\n  type ComboboxFilter,\n  type ComboboxFilterOptions,\n  Combobox as ComboboxPrimitive\n} from '@base-ui/react/combobox'\nimport { CaretDownIcon, CheckIcon, XIcon } from '@phosphor-icons/react'\nimport { type VariantProps, cva } from 'class-variance-authority'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\nimport { intentVariants } from '../../variants'\nimport { useFieldContext } from '../Field'\n\nexport const useFilter = ComboboxPrimitive.useFilter\nexport type { ComboboxFilter as Filter, ComboboxFilterOptions as FilterOptions }\n\n/* ─── Input group variants (matches Input/Select trigger) ─── */\n\nexport const comboboxInputGroupVariants = cva(\n  'inline-flex w-full items-center rounded-lg font-sans',\n  {\n    variants: {\n      intent: intentVariants,\n      emphasis: {\n        normal:\n          'emphasis-sunken border border-subtle is-interactive-field-group',\n        subtle:\n          'bg-subtle text-normal border border-transparent is-interactive-field-group'\n      },\n      size: {\n        sm: 'h-8 px-1.5 text-base',\n        md: 'h-10 px-2 text-base',\n        lg: 'h-12 px-2 text-base'\n      }\n    },\n    defaultVariants: {\n      emphasis: 'normal',\n      size: 'md'\n    }\n  }\n)\n\n/* ─── Root ─── */\n\nexport type ComboboxRootProps = ComboboxPrimitive.Root.Props<unknown>\n\nexport function ComboboxRoot(props: ComboboxRootProps) {\n  return <ComboboxPrimitive.Root {...props} />\n}\n\nComboboxRoot.displayName = 'Combobox'\n\n/* ─── Label ─── */\n\nexport type ComboboxLabelProps = ComboboxPrimitive.Label.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function ComboboxLabel({ className, ...props }: ComboboxLabelProps) {\n  return (\n    <ComboboxPrimitive.Label\n      className={cn('text-sm font-medium text-normal', className)}\n      {...props}\n    />\n  )\n}\n\nComboboxLabel.displayName = 'Combobox.Label'\n\n/* ─── InputGroup ─── */\n\nexport type ComboboxInputGroupProps = ComboboxPrimitive.InputGroup.Props &\n  RefAttributes<HTMLDivElement> &\n  VariantProps<typeof comboboxInputGroupVariants>\n\nexport function ComboboxInputGroup({\n  className,\n  intent,\n  emphasis,\n  size,\n  ...props\n}: ComboboxInputGroupProps) {\n  const fieldContext = useFieldContext()\n  const inField = !!fieldContext.fieldId\n\n  return (\n    <ComboboxPrimitive.InputGroup\n      className={cn(\n        comboboxInputGroupVariants({ intent, emphasis, size, className })\n      )}\n      aria-invalid={(inField && fieldContext.invalid) || undefined}\n      {...props}\n    />\n  )\n}\n\nComboboxInputGroup.displayName = 'Combobox.InputGroup'\n\n/* ─── Input ─── */\n\nexport type ComboboxInputProps = ComboboxPrimitive.Input.Props &\n  RefAttributes<HTMLInputElement>\n\nexport function ComboboxInput({ className, ...props }: ComboboxInputProps) {\n  const fieldContext = useFieldContext()\n  const inField = !!fieldContext.fieldId\n\n  return (\n    <ComboboxPrimitive.Input\n      className={cn(\n        'min-w-0 flex-1 bg-transparent outline-none placeholder:text-subtle',\n        className\n      )}\n      {...(inField && {\n        id: fieldContext.fieldId,\n        'aria-invalid': fieldContext.invalid || undefined,\n        'aria-required': fieldContext.required || undefined,\n        'aria-describedby': fieldContext.invalid\n          ? fieldContext.errorTextId || undefined\n          : fieldContext.helperTextId || undefined\n      })}\n      {...props}\n    />\n  )\n}\n\nComboboxInput.displayName = 'Combobox.Input'\n\n/* ─── Trigger ─── */\n\nexport type ComboboxTriggerProps = ComboboxPrimitive.Trigger.Props &\n  RefAttributes<HTMLButtonElement>\n\nexport function ComboboxTrigger({\n  className,\n  children,\n  ...props\n}: ComboboxTriggerProps) {\n  return (\n    <ComboboxPrimitive.Trigger\n      className={cn(\n        'duration-moderate shrink-0 text-subtle transition-transform data-[popup-open]:rotate-180',\n        className\n      )}\n      {...props}\n    >\n      {children ?? <CaretDownIcon weight='bold' className='size-4' />}\n    </ComboboxPrimitive.Trigger>\n  )\n}\n\nComboboxTrigger.displayName = 'Combobox.Trigger'\n\n/* ─── Clear ─── */\n\nexport type ComboboxClearProps = ComboboxPrimitive.Clear.Props &\n  RefAttributes<HTMLButtonElement>\n\nexport function ComboboxClear({\n  className,\n  children,\n  ...props\n}: ComboboxClearProps) {\n  return (\n    <ComboboxPrimitive.Clear\n      className={cn(\n        'shrink-0 cursor-pointer text-subtle hover:text-normal',\n        className\n      )}\n      {...props}\n    >\n      {children ?? <XIcon weight='bold' className='size-4' />}\n    </ComboboxPrimitive.Clear>\n  )\n}\n\nComboboxClear.displayName = 'Combobox.Clear'\n\n/* ─── Portal ─── */\n\nexport type ComboboxPortalProps = ComboboxPrimitive.Portal.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function ComboboxPortal(props: ComboboxPortalProps) {\n  return <ComboboxPrimitive.Portal {...props} />\n}\n\nComboboxPortal.displayName = 'Combobox.Portal'\n\n/* ─── Positioner ─── */\n\nexport type ComboboxPositionerProps = ComboboxPrimitive.Positioner.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function ComboboxPositioner({\n  className,\n  ...props\n}: ComboboxPositionerProps) {\n  return (\n    <ComboboxPrimitive.Positioner\n      className={cn('z-50', className)}\n      sideOffset={4}\n      {...props}\n    />\n  )\n}\n\nComboboxPositioner.displayName = 'Combobox.Positioner'\n\n/* ─── Popup ─── */\n\nexport type ComboboxPopupProps = ComboboxPrimitive.Popup.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function ComboboxPopup({ className, ...props }: ComboboxPopupProps) {\n  return (\n    <ComboboxPrimitive.Popup\n      className={cn(\n        'max-h-[var(--available-height)] max-w-[var(--available-width)] min-w-[var(--anchor-width)] overflow-y-auto rounded-xl border border-[var(--intent-border-subtle)] bg-raised p-1 shadow-lg',\n        'origin-[var(--transform-origin)] transition-[transform,scale,opacity] data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[starting-style]:scale-95 data-[starting-style]:opacity-0',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nComboboxPopup.displayName = 'Combobox.Popup'\n\n/* ─── List ─── */\n\nexport type ComboboxListProps = ComboboxPrimitive.List.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function ComboboxList({ className, ...props }: ComboboxListProps) {\n  return <ComboboxPrimitive.List className={className} {...props} />\n}\n\nComboboxList.displayName = 'Combobox.List'\n\n/* ─── Item ─── */\n\nexport type ComboboxItemProps = ComboboxPrimitive.Item.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function ComboboxItem({ className, ...props }: ComboboxItemProps) {\n  return (\n    <ComboboxPrimitive.Item\n      className={cn(\n        'flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 rounded-lg px-2 py-1.5 text-sm text-normal outline-none select-none',\n        'data-[highlighted]:bg-subtle',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nComboboxItem.displayName = 'Combobox.Item'\n\n/* ─── Collection ─── */\n\nexport type ComboboxCollectionProps = ComboboxPrimitive.Collection.Props\n\nexport function ComboboxCollection(props: ComboboxCollectionProps) {\n  return <ComboboxPrimitive.Collection {...props} />\n}\n\nComboboxCollection.displayName = 'Combobox.Collection'\n\n/* ─── ItemIndicator ─── */\n\nexport type ComboboxItemIndicatorProps = ComboboxPrimitive.ItemIndicator.Props &\n  RefAttributes<HTMLSpanElement>\n\nexport function ComboboxItemIndicator({\n  className,\n  children,\n  ...props\n}: ComboboxItemIndicatorProps) {\n  return (\n    <ComboboxPrimitive.ItemIndicator\n      className={cn('shrink-0 text-subtle', className)}\n      {...props}\n    >\n      {children ?? <CheckIcon weight='bold' className='size-4' />}\n    </ComboboxPrimitive.ItemIndicator>\n  )\n}\n\nComboboxItemIndicator.displayName = 'Combobox.ItemIndicator'\n\n/* ─── Group ─── */\n\nexport type ComboboxGroupProps = ComboboxPrimitive.Group.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function ComboboxGroup({ className, ...props }: ComboboxGroupProps) {\n  return (\n    <ComboboxPrimitive.Group\n      className={cn('[&+&]:mt-1', className)}\n      {...props}\n    />\n  )\n}\n\nComboboxGroup.displayName = 'Combobox.Group'\n\n/* ─── GroupLabel ─── */\n\nexport type ComboboxGroupLabelProps = ComboboxPrimitive.GroupLabel.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function ComboboxGroupLabel({\n  className,\n  ...props\n}: ComboboxGroupLabelProps) {\n  return (\n    <ComboboxPrimitive.GroupLabel\n      className={cn(\n        'px-2 py-1.5 text-xs font-medium text-subtle select-none',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nComboboxGroupLabel.displayName = 'Combobox.GroupLabel'\n\n/* ─── Empty ─── */\n\nexport type ComboboxEmptyProps = ComboboxPrimitive.Empty.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function ComboboxEmpty({ className, ...props }: ComboboxEmptyProps) {\n  return (\n    <ComboboxPrimitive.Empty\n      className={cn(\n        'text-center text-sm text-subtle empty:hidden [&:not(:empty)]:px-3 [&:not(:empty)]:py-4',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nComboboxEmpty.displayName = 'Combobox.Empty'\n\n/* ─── Status ─── */\n\nexport type ComboboxStatusProps = ComboboxPrimitive.Status.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function ComboboxStatus({ className, ...props }: ComboboxStatusProps) {\n  return (\n    <ComboboxPrimitive.Status className={cn('sr-only', className)} {...props} />\n  )\n}\n\nComboboxStatus.displayName = 'Combobox.Status'\n\n/* ─── Compound export ─── */\n\nexport const Combobox = Object.assign(ComboboxRoot, {\n  Label: ComboboxLabel,\n  InputGroup: ComboboxInputGroup,\n  Input: ComboboxInput,\n  Trigger: ComboboxTrigger,\n  Clear: ComboboxClear,\n  Portal: ComboboxPortal,\n  Positioner: ComboboxPositioner,\n  Popup: ComboboxPopup,\n  List: ComboboxList,\n  Item: ComboboxItem,\n  Collection: ComboboxCollection,\n  ItemIndicator: ComboboxItemIndicator,\n  Group: ComboboxGroup,\n  GroupLabel: ComboboxGroupLabel,\n  Empty: ComboboxEmpty,\n  Status: ComboboxStatus\n})\n\nexport type ComboboxProps = ComboboxRootProps\n"],"mappings":"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"}
+{"version":3,"file":"Combobox.js","names":["ComboboxPrimitive"],"sources":["../src/components/Combobox/index.tsx"],"sourcesContent":["'use client'\n\nimport type { RefAttributes } from 'react'\n\nimport {\n  type ComboboxFilter,\n  type ComboboxFilterOptions,\n  Combobox as ComboboxPrimitive\n} from '@base-ui/react/combobox'\nimport { CaretDownIcon, CheckIcon, XIcon } from '@phosphor-icons/react'\nimport { type VariantProps, cva } from 'class-variance-authority'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\nimport { intentVariants } from '../../variants'\nimport { useFieldContext } from '../Field'\n\nexport const useFilter = ComboboxPrimitive.useFilter\nexport type { ComboboxFilter as Filter, ComboboxFilterOptions as FilterOptions }\n\n/* ─── Input group variants (matches Input/Select trigger) ─── */\n\nexport const comboboxInputGroupVariants = cva(\n  'inline-flex w-full items-center rounded-lg font-sans',\n  {\n    variants: {\n      intent: intentVariants,\n      emphasis: {\n        normal:\n          'emphasis-sunken border border-subtle is-interactive-field-group',\n        subtle:\n          'bg-subtle text-normal border border-transparent is-interactive-field-group'\n      },\n      size: {\n        sm: 'h-8 px-1.5 text-base',\n        md: 'h-10 px-2 text-base',\n        lg: 'h-12 px-2 text-base'\n      }\n    },\n    defaultVariants: {\n      emphasis: 'normal',\n      size: 'md'\n    }\n  }\n)\n\n/* ─── Root ─── */\n\nexport type ComboboxProps = ComboboxPrimitive.Root.Props<unknown>\n\n/**\n * @deprecated Use `ComboboxProps` instead.\n */\nexport type ComboboxRootProps = ComboboxProps\n\nexport function Combobox(props: ComboboxProps) {\n  return <ComboboxPrimitive.Root {...props} />\n}\n\nCombobox.displayName = 'Combobox'\n\n/* ─── Label ─── */\n\nexport type ComboboxLabelProps = ComboboxPrimitive.Label.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function ComboboxLabel({ className, ...props }: ComboboxLabelProps) {\n  return (\n    <ComboboxPrimitive.Label\n      className={cn('text-sm font-medium text-normal', className)}\n      {...props}\n    />\n  )\n}\n\nComboboxLabel.displayName = 'Combobox.Label'\n\n/* ─── InputGroup ─── */\n\nexport type ComboboxInputGroupProps = ComboboxPrimitive.InputGroup.Props &\n  RefAttributes<HTMLDivElement> &\n  VariantProps<typeof comboboxInputGroupVariants>\n\nexport function ComboboxInputGroup({\n  className,\n  intent,\n  emphasis,\n  size,\n  ...props\n}: ComboboxInputGroupProps) {\n  const fieldContext = useFieldContext()\n  const inField = !!fieldContext.fieldId\n\n  return (\n    <ComboboxPrimitive.InputGroup\n      className={cn(\n        comboboxInputGroupVariants({ intent, emphasis, size, className })\n      )}\n      aria-invalid={(inField && fieldContext.invalid) || undefined}\n      {...props}\n    />\n  )\n}\n\nComboboxInputGroup.displayName = 'Combobox.InputGroup'\n\n/* ─── Input ─── */\n\nexport type ComboboxInputProps = ComboboxPrimitive.Input.Props &\n  RefAttributes<HTMLInputElement>\n\nexport function ComboboxInput({ className, ...props }: ComboboxInputProps) {\n  const fieldContext = useFieldContext()\n  const inField = !!fieldContext.fieldId\n\n  return (\n    <ComboboxPrimitive.Input\n      className={cn(\n        'min-w-0 flex-1 bg-transparent outline-none placeholder:text-subtle',\n        className\n      )}\n      {...(inField && {\n        id: fieldContext.fieldId,\n        'aria-invalid': fieldContext.invalid || undefined,\n        'aria-required': fieldContext.required || undefined,\n        'aria-describedby': fieldContext.invalid\n          ? fieldContext.errorTextId || undefined\n          : fieldContext.helperTextId || undefined\n      })}\n      {...props}\n    />\n  )\n}\n\nComboboxInput.displayName = 'Combobox.Input'\n\n/* ─── Trigger ─── */\n\nexport type ComboboxTriggerProps = ComboboxPrimitive.Trigger.Props &\n  RefAttributes<HTMLButtonElement>\n\nexport function ComboboxTrigger({\n  className,\n  children,\n  ...props\n}: ComboboxTriggerProps) {\n  return (\n    <ComboboxPrimitive.Trigger\n      className={cn(\n        'duration-moderate shrink-0 text-subtle transition-transform data-[popup-open]:rotate-180',\n        className\n      )}\n      {...props}\n    >\n      {children ?? <CaretDownIcon weight='bold' className='size-4' />}\n    </ComboboxPrimitive.Trigger>\n  )\n}\n\nComboboxTrigger.displayName = 'Combobox.Trigger'\n\n/* ─── Clear ─── */\n\nexport type ComboboxClearProps = ComboboxPrimitive.Clear.Props &\n  RefAttributes<HTMLButtonElement>\n\nexport function ComboboxClear({\n  className,\n  children,\n  ...props\n}: ComboboxClearProps) {\n  return (\n    <ComboboxPrimitive.Clear\n      className={cn(\n        'shrink-0 cursor-pointer text-subtle hover:text-normal',\n        className\n      )}\n      {...props}\n    >\n      {children ?? <XIcon weight='bold' className='size-4' />}\n    </ComboboxPrimitive.Clear>\n  )\n}\n\nComboboxClear.displayName = 'Combobox.Clear'\n\n/* ─── Portal ─── */\n\nexport type ComboboxPortalProps = ComboboxPrimitive.Portal.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function ComboboxPortal(props: ComboboxPortalProps) {\n  return <ComboboxPrimitive.Portal {...props} />\n}\n\nComboboxPortal.displayName = 'Combobox.Portal'\n\n/* ─── Positioner ─── */\n\nexport type ComboboxPositionerProps = ComboboxPrimitive.Positioner.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function ComboboxPositioner({\n  className,\n  ...props\n}: ComboboxPositionerProps) {\n  return (\n    <ComboboxPrimitive.Positioner\n      className={cn('z-50', className)}\n      sideOffset={4}\n      {...props}\n    />\n  )\n}\n\nComboboxPositioner.displayName = 'Combobox.Positioner'\n\n/* ─── Popup ─── */\n\nexport type ComboboxPopupProps = ComboboxPrimitive.Popup.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function ComboboxPopup({ className, ...props }: ComboboxPopupProps) {\n  return (\n    <ComboboxPrimitive.Popup\n      className={cn(\n        'max-h-[var(--available-height)] max-w-[var(--available-width)] min-w-[var(--anchor-width)] overflow-y-auto rounded-xl border border-[var(--intent-border-subtle)] bg-raised p-1 shadow-lg',\n        'origin-[var(--transform-origin)] transition-[transform,scale,opacity] data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[starting-style]:scale-95 data-[starting-style]:opacity-0',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nComboboxPopup.displayName = 'Combobox.Popup'\n\n/* ─── List ─── */\n\nexport type ComboboxListProps = ComboboxPrimitive.List.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function ComboboxList({ className, ...props }: ComboboxListProps) {\n  return <ComboboxPrimitive.List className={className} {...props} />\n}\n\nComboboxList.displayName = 'Combobox.List'\n\n/* ─── Item ─── */\n\nexport type ComboboxItemProps = ComboboxPrimitive.Item.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function ComboboxItem({ className, ...props }: ComboboxItemProps) {\n  return (\n    <ComboboxPrimitive.Item\n      className={cn(\n        'flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 rounded-lg px-2 py-1.5 text-sm text-normal outline-none select-none',\n        'data-[highlighted]:bg-subtle',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nComboboxItem.displayName = 'Combobox.Item'\n\n/* ─── Collection ─── */\n\nexport type ComboboxCollectionProps = ComboboxPrimitive.Collection.Props\n\nexport function ComboboxCollection(props: ComboboxCollectionProps) {\n  return <ComboboxPrimitive.Collection {...props} />\n}\n\nComboboxCollection.displayName = 'Combobox.Collection'\n\n/* ─── ItemIndicator ─── */\n\nexport type ComboboxItemIndicatorProps = ComboboxPrimitive.ItemIndicator.Props &\n  RefAttributes<HTMLSpanElement>\n\nexport function ComboboxItemIndicator({\n  className,\n  children,\n  ...props\n}: ComboboxItemIndicatorProps) {\n  return (\n    <ComboboxPrimitive.ItemIndicator\n      className={cn('shrink-0 text-subtle', className)}\n      {...props}\n    >\n      {children ?? <CheckIcon weight='bold' className='size-4' />}\n    </ComboboxPrimitive.ItemIndicator>\n  )\n}\n\nComboboxItemIndicator.displayName = 'Combobox.ItemIndicator'\n\n/* ─── Group ─── */\n\nexport type ComboboxGroupProps = ComboboxPrimitive.Group.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function ComboboxGroup({ className, ...props }: ComboboxGroupProps) {\n  return (\n    <ComboboxPrimitive.Group\n      className={cn('[&+&]:mt-1', className)}\n      {...props}\n    />\n  )\n}\n\nComboboxGroup.displayName = 'Combobox.Group'\n\n/* ─── GroupLabel ─── */\n\nexport type ComboboxGroupLabelProps = ComboboxPrimitive.GroupLabel.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function ComboboxGroupLabel({\n  className,\n  ...props\n}: ComboboxGroupLabelProps) {\n  return (\n    <ComboboxPrimitive.GroupLabel\n      className={cn(\n        'px-2 py-1.5 text-xs font-medium text-subtle select-none',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nComboboxGroupLabel.displayName = 'Combobox.GroupLabel'\n\n/* ─── Empty ─── */\n\nexport type ComboboxEmptyProps = ComboboxPrimitive.Empty.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function ComboboxEmpty({ className, ...props }: ComboboxEmptyProps) {\n  return (\n    <ComboboxPrimitive.Empty\n      className={cn(\n        'text-center text-sm text-subtle empty:hidden [&:not(:empty)]:px-3 [&:not(:empty)]:py-4',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nComboboxEmpty.displayName = 'Combobox.Empty'\n\n/* ─── Status ─── */\n\nexport type ComboboxStatusProps = ComboboxPrimitive.Status.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function ComboboxStatus({ className, ...props }: ComboboxStatusProps) {\n  return (\n    <ComboboxPrimitive.Status className={cn('sr-only', className)} {...props} />\n  )\n}\n\nComboboxStatus.displayName = 'Combobox.Status'\n\n/* ─── Compound export ─── */\n\nCombobox.Label = ComboboxLabel\nCombobox.InputGroup = ComboboxInputGroup\nCombobox.Input = ComboboxInput\nCombobox.Trigger = ComboboxTrigger\nCombobox.Clear = ComboboxClear\nCombobox.Portal = ComboboxPortal\nCombobox.Positioner = ComboboxPositioner\nCombobox.Popup = ComboboxPopup\nCombobox.List = ComboboxList\nCombobox.Item = ComboboxItem\nCombobox.Collection = ComboboxCollection\nCombobox.ItemIndicator = ComboboxItemIndicator\nCombobox.Group = ComboboxGroup\nCombobox.GroupLabel = ComboboxGroupLabel\nCombobox.Empty = ComboboxEmpty\nCombobox.Status = ComboboxStatus\n"],"mappings":"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"}

package/dist/Field.d.ts

@@ -15,24 +15,29 @@ interface FieldContextValue {
   errorTextId: string;
 }
 declare function useFieldContext(): FieldContextValue;
-interface FieldRootProps extends ComponentProps<'div'> {
+interface FieldProps extends ComponentProps<'div'> {
   invalid?: boolean;
   required?: boolean;
   disabled?: boolean;
 }
-declare function FieldRoot({
+declare function Field({
   className,
   invalid,
   required,
   disabled,
   ...props
-}: FieldRootProps): _$react_jsx_runtime0.JSX.Element;
-declare namespace FieldRoot {
+}: FieldProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace Field {
   var displayName: string;
+  var Label: typeof FieldLabel;
+  var Input: typeof FieldInput;
+  var Textarea: typeof FieldTextarea;
+  var HelperText: typeof FieldHelperText;
+  var ErrorText: typeof FieldErrorText;
 }
-interface FieldLabelProps extends LabelProps {
+type FieldLabelProps = LabelProps & {
   showIndicator?: boolean;
-}
+};
 declare function FieldLabel({
   htmlFor,
   showIndicator,
@@ -57,7 +62,7 @@ declare function FieldTextarea(props: TextareaProps): _$react_jsx_runtime0.JSX.E
 declare namespace FieldTextarea {
   var displayName: string;
 }
-interface FieldHelperTextProps extends ComponentProps<'p'> {}
+type FieldHelperTextProps = ComponentProps<'p'>;
 declare function FieldHelperText({
   id,
   className,
@@ -66,7 +71,7 @@ declare function FieldHelperText({
 declare namespace FieldHelperText {
   var displayName: string;
 }
-interface FieldErrorTextProps extends ComponentProps<'p'> {}
+type FieldErrorTextProps = ComponentProps<'p'>;
 declare function FieldErrorText({
   id,
   className,
@@ -75,14 +80,6 @@ declare function FieldErrorText({
 declare namespace FieldErrorText {
   var displayName: string;
 }
-declare const Field: typeof FieldRoot & {
-  Label: typeof FieldLabel;
-  Input: typeof FieldInput;
-  Textarea: typeof FieldTextarea;
-  HelperText: typeof FieldHelperText;
-  ErrorText: typeof FieldErrorText;
-};
-type FieldProps = FieldRootProps;
 //#endregion
-export { Field, FieldErrorTextProps, FieldHelperTextProps, FieldLabelProps, FieldProps, FieldRootProps, useFieldContext, useFieldInputProps };
+export { Field, FieldErrorText, FieldErrorTextProps, FieldHelperText, FieldHelperTextProps, FieldInput, FieldLabel, FieldLabelProps, FieldProps, FieldTextarea, useFieldContext, useFieldInputProps };
 //# sourceMappingURL=Field.d.ts.map

package/dist/Field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Field.d.ts","names":[],"sources":["../src/components/Field/index.tsx"],"mappings":";;;;;;;UAcU,iBAAA;EACR,OAAA;EACA,QAAA;EACA,QAAA;EACA,OAAA;EACA,OAAA;EACA,YAAA;EACA,WAAA;AAAA;AAAA,iBAUc,eAAA,CAAA,GAAe,iBAAA;AAAA,UAMd,cAAA,SAAuB,cAAA;EACtC,OAAA;EACA,QAAA;EACA,QAAA;AAAA;AAAA,iBAGO,SAAA,CAAA;EACP,SAAA;EACA,OAAA;EACA,QAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,cAAA,GAAc,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBANR,SAAA;EAAA,IAAS,WAAA;AAAA;AAAA,UAkCD,eAAA,SAAwB,UAAA;EACvC,aAAA;AAAA;AAAA,iBAGO,UAAA,CAAA;EACP,OAAA;EACA,aAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,eAAA,GAAe,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBALT,UAAA;EAAA,IAAU,WAAA;AAAA;AAAA,iBAkCH,kBAAA,CAAA;;;;;;;iBAeP,UAAA,CAAW,KAAA,EAAO,UAAA,GAAU,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAA5B,UAAA;EAAA,IAAU,WAAA;AAAA;AAAA,iBASV,aAAA,CAAc,KAAA,EAAO,aAAA,GAAa,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAAlC,aAAA;EAAA,IAAa,WAAA;AAAA;AAAA,UASL,oBAAA,SAA6B,cAAA;AAAA,iBAErC,eAAA,CAAA;EAAkB,EAAA;EAAI,SAAA;EAAA,GAAc;AAAA,GAAS,oBAAA,GAAoB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAAjE,eAAA;EAAA,IAAe,WAAA;AAAA;AAAA,UAeP,mBAAA,SAA4B,cAAA;AAAA,iBAEpC,cAAA,CAAA;EAAiB,EAAA;EAAI,SAAA;EAAA,GAAc;AAAA,GAAS,mBAAA,GAAmB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAA/D,cAAA;EAAA,IAAc,WAAA;AAAA;AAAA,cAiBV,KAAA,SAAK,SAAA;;;;;;;KAQN,UAAA,GAAa,cAAA"}
+{"version":3,"file":"Field.d.ts","names":[],"sources":["../src/components/Field/index.tsx"],"mappings":";;;;;;;UAcU,iBAAA;EACR,OAAA;EACA,QAAA;EACA,QAAA;EACA,OAAA;EACA,OAAA;EACA,YAAA;EACA,WAAA;AAAA;AAAA,iBAUc,eAAA,CAAA,GAAe,iBAAA;AAAA,UAMd,UAAA,SAAmB,cAAA;EAClC,OAAA;EACA,QAAA;EACA,QAAA;AAAA;AAAA,iBAGc,KAAA,CAAA;EACd,SAAA;EACA,OAAA;EACA,QAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,UAAA,GAAU,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBANG,KAAA;EAAA;;;;;;;KAkCJ,eAAA,GAAkB,UAAA;EAC5B,aAAA;AAAA;AAAA,iBAGc,UAAA,CAAA;EACd,OAAA;EACA,aAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,eAAA,GAAe,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBALF,UAAA;EAAA,IAAU,WAAA;AAAA;AAAA,iBAkCV,kBAAA,CAAA;;;;;;;iBAeA,UAAA,CAAW,KAAA,EAAO,UAAA,GAAU,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAA5B,UAAA;EAAA,IAAU,WAAA;AAAA;AAAA,iBASV,aAAA,CAAc,KAAA,EAAO,aAAA,GAAa,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAAlC,aAAA;EAAA,IAAa,WAAA;AAAA;AAAA,KASjB,oBAAA,GAAuB,cAAA;AAAA,iBAEnB,eAAA,CAAA;EACd,EAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,oBAAA,GAAoB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAJP,eAAA;EAAA,IAAe,WAAA;AAAA;AAAA,KAmBnB,mBAAA,GAAsB,cAAA;AAAA,iBAElB,cAAA,CAAA;EACd,EAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,mBAAA,GAAmB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAJN,cAAA;EAAA,IAAc,WAAA;AAAA"}

package/dist/Field.js

@@ -1,2 +1,2 @@
-"use client";import{OptionalIndicator as e,RequiredIndicator as t}from"./Indicator.js";import{Label as n}from"./Label.js";import{Input as r}from"./Input.js";import{Textarea as i}from"./Textarea.js";import{cn as a}from"@oztix/roadie-core/utils";import{Fragment as o,jsx as s,jsxs as c}from"react/jsx-runtime";import{createContext as l,use as u,useId as d}from"react";const f=l({fieldId:``,labelId:``,helperTextId:``,errorTextId:``});function p(){return u(f)}function m({className:e,invalid:t,required:n,disabled:r,...i}){let o=`field-${d()}`;return s(f,{value:{invalid:t,required:n,disabled:r,fieldId:o,labelId:`${o}-label`,helperTextId:`${o}-helper`,errorTextId:`${o}-error`},children:s(`div`,{className:a(`grid gap-1.5`,e),...i})})}m.displayName=`Field`;function h({htmlFor:r,showIndicator:i,children:a,...l}){let{fieldId:d,labelId:p,required:m}=u(f);return c(n,{id:p||void 0,htmlFor:r??(d||void 0),...l,children:[a,i&&(m?c(o,{children:[` `,s(t,{})]}):c(o,{children:[` `,s(e,{})]}))]})}h.displayName=`Field.Label`;function g(){let{invalid:e,required:t,disabled:n,fieldId:r,helperTextId:i,errorTextId:a}=u(f),o=e?a:i;return{id:r||void 0,disabled:n||void 0,"aria-invalid":e||void 0,"aria-required":t||void 0,"aria-describedby":o||void 0}}function _(e){return s(r,{...g(),...e})}_.displayName=`Field.Input`;function v(e){return s(i,{...g(),...e})}v.displayName=`Field.Textarea`;function y({id:e,className:t,...n}){let{helperTextId:r}=u(f);return s(`p`,{id:e??(r||void 0),className:a(`text-sm text-subtle`,t),...n})}y.displayName=`Field.HelperText`;function b({id:e,className:t,...n}){let{invalid:r,errorTextId:i}=u(f);return r?s(`p`,{id:e??(i||void 0),role:`alert`,className:a(`text-sm text-subtle intent-danger`,t),...n}):null}b.displayName=`Field.ErrorText`;const x=Object.assign(m,{Label:h,Input:_,Textarea:v,HelperText:y,ErrorText:b});export{x as Field,p as useFieldContext,g as useFieldInputProps};
+"use client";import{OptionalIndicator as e,RequiredIndicator as t}from"./Indicator.js";import{Label as n}from"./Label.js";import{Input as r}from"./Input.js";import{Textarea as i}from"./Textarea.js";import{cn as a}from"@oztix/roadie-core/utils";import{Fragment as o,jsx as s,jsxs as c}from"react/jsx-runtime";import{createContext as l,use as u,useId as d}from"react";const f=l({fieldId:``,labelId:``,helperTextId:``,errorTextId:``});function p(){return u(f)}function m({className:e,invalid:t,required:n,disabled:r,...i}){let o=`field-${d()}`;return s(f,{value:{invalid:t,required:n,disabled:r,fieldId:o,labelId:`${o}-label`,helperTextId:`${o}-helper`,errorTextId:`${o}-error`},children:s(`div`,{className:a(`grid gap-1.5`,e),...i})})}m.displayName=`Field`;function h({htmlFor:r,showIndicator:i,children:a,...l}){let{fieldId:d,labelId:p,required:m}=u(f);return c(n,{id:p||void 0,htmlFor:r??(d||void 0),...l,children:[a,i&&(m?c(o,{children:[` `,s(t,{})]}):c(o,{children:[` `,s(e,{})]}))]})}h.displayName=`Field.Label`;function g(){let{invalid:e,required:t,disabled:n,fieldId:r,helperTextId:i,errorTextId:a}=u(f),o=e?a:i;return{id:r||void 0,disabled:n||void 0,"aria-invalid":e||void 0,"aria-required":t||void 0,"aria-describedby":o||void 0}}function _(e){return s(r,{...g(),...e})}_.displayName=`Field.Input`;function v(e){return s(i,{...g(),...e})}v.displayName=`Field.Textarea`;function y({id:e,className:t,...n}){let{helperTextId:r}=u(f);return s(`p`,{id:e??(r||void 0),className:a(`text-sm text-subtle`,t),...n})}y.displayName=`Field.HelperText`;function b({id:e,className:t,...n}){let{invalid:r,errorTextId:i}=u(f);return r?s(`p`,{id:e??(i||void 0),role:`alert`,className:a(`text-sm text-subtle intent-danger`,t),...n}):null}b.displayName=`Field.ErrorText`,m.Label=h,m.Input=_,m.Textarea=v,m.HelperText=y,m.ErrorText=b;export{m as Field,b as FieldErrorText,y as FieldHelperText,_ as FieldInput,h as FieldLabel,v as FieldTextarea,p as useFieldContext,g as useFieldInputProps};
 //# sourceMappingURL=Field.js.map

package/dist/Field.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.js","names":[],"sources":["../src/components/Field/index.tsx"],"sourcesContent":["'use client'\n\nimport { type ComponentProps, createContext, use, useId } from 'react'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\nimport { OptionalIndicator } from '../Indicator'\nimport { RequiredIndicator } from '../Indicator'\nimport { Input, type InputProps } from '../Input'\nimport { Label, type LabelProps } from '../Label'\nimport { Textarea, type TextareaProps } from '../Textarea'\n\n/* ─── Context ─── */\n\ninterface FieldContextValue {\n  invalid?: boolean\n  required?: boolean\n  disabled?: boolean\n  fieldId: string\n  labelId: string\n  helperTextId: string\n  errorTextId: string\n}\n\nconst FieldContext = createContext<FieldContextValue>({\n  fieldId: '',\n  labelId: '',\n  helperTextId: '',\n  errorTextId: ''\n})\n\nexport function useFieldContext() {\n  return use(FieldContext)\n}\n\n/* ─── Root ─── */\n\nexport interface FieldRootProps extends ComponentProps<'div'> {\n  invalid?: boolean\n  required?: boolean\n  disabled?: boolean\n}\n\nfunction FieldRoot({\n  className,\n  invalid,\n  required,\n  disabled,\n  ...props\n}: FieldRootProps) {\n  const id = useId()\n  const fieldId = `field-${id}`\n  const labelId = `${fieldId}-label`\n  const helperTextId = `${fieldId}-helper`\n  const errorTextId = `${fieldId}-error`\n\n  return (\n    <FieldContext\n      value={{\n        invalid,\n        required,\n        disabled,\n        fieldId,\n        labelId,\n        helperTextId,\n        errorTextId\n      }}\n    >\n      <div className={cn('grid gap-1.5', className)} {...props} />\n    </FieldContext>\n  )\n}\n\nFieldRoot.displayName = 'Field'\n\n/* ─── Label ─── */\n\nexport interface FieldLabelProps extends LabelProps {\n  showIndicator?: boolean\n}\n\nfunction FieldLabel({\n  htmlFor,\n  showIndicator,\n  children,\n  ...props\n}: FieldLabelProps) {\n  const { fieldId, labelId, required } = use(FieldContext)\n  return (\n    <Label\n      id={labelId || undefined}\n      htmlFor={htmlFor ?? (fieldId || undefined)}\n      {...props}\n    >\n      {children}\n      {showIndicator &&\n        (required ? (\n          <>\n            {' '}\n            <RequiredIndicator />\n          </>\n        ) : (\n          <>\n            {' '}\n            <OptionalIndicator />\n          </>\n        ))}\n    </Label>\n  )\n}\n\nFieldLabel.displayName = 'Field.Label'\n\n/* ─── aria helper ─── */\n\nexport function useFieldInputProps() {\n  const { invalid, required, disabled, fieldId, helperTextId, errorTextId } =\n    use(FieldContext)\n  const describedBy = invalid ? errorTextId : helperTextId\n  return {\n    id: fieldId || undefined,\n    disabled: disabled || undefined,\n    'aria-invalid': invalid || undefined,\n    'aria-required': required || undefined,\n    'aria-describedby': describedBy || undefined\n  }\n}\n\n/* ─── Input ─── */\n\nfunction FieldInput(props: InputProps) {\n  const fieldProps = useFieldInputProps()\n  return <Input {...fieldProps} {...props} />\n}\n\nFieldInput.displayName = 'Field.Input'\n\n/* ─── Textarea ─── */\n\nfunction FieldTextarea(props: TextareaProps) {\n  const fieldProps = useFieldInputProps()\n  return <Textarea {...fieldProps} {...props} />\n}\n\nFieldTextarea.displayName = 'Field.Textarea'\n\n/* ─── Helper text ─── */\n\nexport interface FieldHelperTextProps extends ComponentProps<'p'> {}\n\nfunction FieldHelperText({ id, className, ...props }: FieldHelperTextProps) {\n  const { helperTextId } = use(FieldContext)\n  return (\n    <p\n      id={id ?? (helperTextId || undefined)}\n      className={cn('text-sm text-subtle', className)}\n      {...props}\n    />\n  )\n}\n\nFieldHelperText.displayName = 'Field.HelperText'\n\n/* ─── Error text ─── */\n\nexport interface FieldErrorTextProps extends ComponentProps<'p'> {}\n\nfunction FieldErrorText({ id, className, ...props }: FieldErrorTextProps) {\n  const { invalid, errorTextId } = use(FieldContext)\n  if (!invalid) return null\n  return (\n    <p\n      id={id ?? (errorTextId || undefined)}\n      role='alert'\n      className={cn('text-sm text-subtle intent-danger', className)}\n      {...props}\n    />\n  )\n}\n\nFieldErrorText.displayName = 'Field.ErrorText'\n\n/* ─── Compound export ─── */\n\nexport const Field = Object.assign(FieldRoot, {\n  Label: FieldLabel,\n  Input: FieldInput,\n  Textarea: FieldTextarea,\n  HelperText: FieldHelperText,\n  ErrorText: FieldErrorText\n})\n\nexport type FieldProps = FieldRootProps\n"],"mappings":"8WAwBA,MAAM,EAAe,EAAiC,CACpD,QAAS,GACT,QAAS,GACT,aAAc,GACd,YAAa,GACd,CAAC,CAEF,SAAgB,GAAkB,CAChC,OAAO,EAAI,EAAa,CAW1B,SAAS,EAAU,CACjB,YACA,UACA,WACA,WACA,GAAG,GACc,CAEjB,IAAM,EAAU,SADL,GAAO,GAMlB,OACE,EAAC,EAAD,CACE,MAAO,CACL,UACA,WACA,WACA,UACA,QAXU,GAAG,EAAQ,QAYrB,aAXe,GAAG,EAAQ,SAY1B,YAXc,GAAG,EAAQ,QAY1B,UAED,EAAC,MAAD,CAAK,UAAW,EAAG,eAAgB,EAAU,CAAE,GAAI,EAAS,CAAA,CAC/C,CAAA,CAInB,EAAU,YAAc,QAQxB,SAAS,EAAW,CAClB,UACA,gBACA,WACA,GAAG,GACe,CAClB,GAAM,CAAE,UAAS,UAAS,YAAa,EAAI,EAAa,CACxD,OACE,EAAC,EAAD,CACE,GAAI,GAAW,IAAA,GACf,QAAS,IAAY,GAAW,IAAA,IAChC,GAAI,WAHN,CAKG,EACA,IACE,EACC,EAAA,EAAA,CAAA,SAAA,CACG,IACD,EAAC,EAAD,EAAqB,CAAA,CACpB,CAAA,CAAA,CAEH,EAAA,EAAA,CAAA,SAAA,CACG,IACD,EAAC,EAAD,EAAqB,CAAA,CACpB,CAAA,CAAA,EAED,GAIZ,EAAW,YAAc,cAIzB,SAAgB,GAAqB,CACnC,GAAM,CAAE,UAAS,WAAU,WAAU,UAAS,eAAc,eAC1D,EAAI,EAAa,CACb,EAAc,EAAU,EAAc,EAC5C,MAAO,CACL,GAAI,GAAW,IAAA,GACf,SAAU,GAAY,IAAA,GACtB,eAAgB,GAAW,IAAA,GAC3B,gBAAiB,GAAY,IAAA,GAC7B,mBAAoB,GAAe,IAAA,GACpC,CAKH,SAAS,EAAW,EAAmB,CAErC,OAAO,EAAC,EAAD,CAAO,GADK,GAAoB,CACT,GAAI,EAAS,CAAA,CAG7C,EAAW,YAAc,cAIzB,SAAS,EAAc,EAAsB,CAE3C,OAAO,EAAC,EAAD,CAAU,GADE,GAAoB,CACN,GAAI,EAAS,CAAA,CAGhD,EAAc,YAAc,iBAM5B,SAAS,EAAgB,CAAE,KAAI,YAAW,GAAG,GAA+B,CAC1E,GAAM,CAAE,gBAAiB,EAAI,EAAa,CAC1C,OACE,EAAC,IAAD,CACE,GAAI,IAAO,GAAgB,IAAA,IAC3B,UAAW,EAAG,sBAAuB,EAAU,CAC/C,GAAI,EACJ,CAAA,CAIN,EAAgB,YAAc,mBAM9B,SAAS,EAAe,CAAE,KAAI,YAAW,GAAG,GAA8B,CACxE,GAAM,CAAE,UAAS,eAAgB,EAAI,EAAa,CAElD,OADK,EAEH,EAAC,IAAD,CACE,GAAI,IAAO,GAAe,IAAA,IAC1B,KAAK,QACL,UAAW,EAAG,oCAAqC,EAAU,CAC7D,GAAI,EACJ,CAAA,CAPiB,KAWvB,EAAe,YAAc,kBAI7B,MAAa,EAAQ,OAAO,OAAO,EAAW,CAC5C,MAAO,EACP,MAAO,EACP,SAAU,EACV,WAAY,EACZ,UAAW,EACZ,CAAC"}
+{"version":3,"file":"Field.js","names":[],"sources":["../src/components/Field/index.tsx"],"sourcesContent":["'use client'\n\nimport { type ComponentProps, createContext, use, useId } from 'react'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\nimport { OptionalIndicator } from '../Indicator'\nimport { RequiredIndicator } from '../Indicator'\nimport { Input, type InputProps } from '../Input'\nimport { Label, type LabelProps } from '../Label'\nimport { Textarea, type TextareaProps } from '../Textarea'\n\n/* ─── Context ─── */\n\ninterface FieldContextValue {\n  invalid?: boolean\n  required?: boolean\n  disabled?: boolean\n  fieldId: string\n  labelId: string\n  helperTextId: string\n  errorTextId: string\n}\n\nconst FieldContext = createContext<FieldContextValue>({\n  fieldId: '',\n  labelId: '',\n  helperTextId: '',\n  errorTextId: ''\n})\n\nexport function useFieldContext() {\n  return use(FieldContext)\n}\n\n/* ─── Root ─── */\n\nexport interface FieldProps extends ComponentProps<'div'> {\n  invalid?: boolean\n  required?: boolean\n  disabled?: boolean\n}\n\nexport function Field({\n  className,\n  invalid,\n  required,\n  disabled,\n  ...props\n}: FieldProps) {\n  const id = useId()\n  const fieldId = `field-${id}`\n  const labelId = `${fieldId}-label`\n  const helperTextId = `${fieldId}-helper`\n  const errorTextId = `${fieldId}-error`\n\n  return (\n    <FieldContext\n      value={{\n        invalid,\n        required,\n        disabled,\n        fieldId,\n        labelId,\n        helperTextId,\n        errorTextId\n      }}\n    >\n      <div className={cn('grid gap-1.5', className)} {...props} />\n    </FieldContext>\n  )\n}\n\nField.displayName = 'Field'\n\n/* ─── Label ─── */\n\nexport type FieldLabelProps = LabelProps & {\n  showIndicator?: boolean\n}\n\nexport function FieldLabel({\n  htmlFor,\n  showIndicator,\n  children,\n  ...props\n}: FieldLabelProps) {\n  const { fieldId, labelId, required } = use(FieldContext)\n  return (\n    <Label\n      id={labelId || undefined}\n      htmlFor={htmlFor ?? (fieldId || undefined)}\n      {...props}\n    >\n      {children}\n      {showIndicator &&\n        (required ? (\n          <>\n            {' '}\n            <RequiredIndicator />\n          </>\n        ) : (\n          <>\n            {' '}\n            <OptionalIndicator />\n          </>\n        ))}\n    </Label>\n  )\n}\n\nFieldLabel.displayName = 'Field.Label'\n\n/* ─── aria helper ─── */\n\nexport function useFieldInputProps() {\n  const { invalid, required, disabled, fieldId, helperTextId, errorTextId } =\n    use(FieldContext)\n  const describedBy = invalid ? errorTextId : helperTextId\n  return {\n    id: fieldId || undefined,\n    disabled: disabled || undefined,\n    'aria-invalid': invalid || undefined,\n    'aria-required': required || undefined,\n    'aria-describedby': describedBy || undefined\n  }\n}\n\n/* ─── Input ─── */\n\nexport function FieldInput(props: InputProps) {\n  const fieldProps = useFieldInputProps()\n  return <Input {...fieldProps} {...props} />\n}\n\nFieldInput.displayName = 'Field.Input'\n\n/* ─── Textarea ─── */\n\nexport function FieldTextarea(props: TextareaProps) {\n  const fieldProps = useFieldInputProps()\n  return <Textarea {...fieldProps} {...props} />\n}\n\nFieldTextarea.displayName = 'Field.Textarea'\n\n/* ─── Helper text ─── */\n\nexport type FieldHelperTextProps = ComponentProps<'p'>\n\nexport function FieldHelperText({\n  id,\n  className,\n  ...props\n}: FieldHelperTextProps) {\n  const { helperTextId } = use(FieldContext)\n  return (\n    <p\n      id={id ?? (helperTextId || undefined)}\n      className={cn('text-sm text-subtle', className)}\n      {...props}\n    />\n  )\n}\n\nFieldHelperText.displayName = 'Field.HelperText'\n\n/* ─── Error text ─── */\n\nexport type FieldErrorTextProps = ComponentProps<'p'>\n\nexport function FieldErrorText({\n  id,\n  className,\n  ...props\n}: FieldErrorTextProps) {\n  const { invalid, errorTextId } = use(FieldContext)\n  if (!invalid) return null\n  return (\n    <p\n      id={id ?? (errorTextId || undefined)}\n      role='alert'\n      className={cn('text-sm text-subtle intent-danger', className)}\n      {...props}\n    />\n  )\n}\n\nFieldErrorText.displayName = 'Field.ErrorText'\n\n/* ─── Compound export ─── */\n\nField.Label = FieldLabel\nField.Input = FieldInput\nField.Textarea = FieldTextarea\nField.HelperText = FieldHelperText\nField.ErrorText = FieldErrorText\n"],"mappings":"8WAwBA,MAAM,EAAe,EAAiC,CACpD,QAAS,GACT,QAAS,GACT,aAAc,GACd,YAAa,GACd,CAAC,CAEF,SAAgB,GAAkB,CAChC,OAAO,EAAI,EAAa,CAW1B,SAAgB,EAAM,CACpB,YACA,UACA,WACA,WACA,GAAG,GACU,CAEb,IAAM,EAAU,SADL,GAAO,GAMlB,OACE,EAAC,EAAD,CACE,MAAO,CACL,UACA,WACA,WACA,UACA,QAXU,GAAG,EAAQ,QAYrB,aAXe,GAAG,EAAQ,SAY1B,YAXc,GAAG,EAAQ,QAY1B,UAED,EAAC,MAAD,CAAK,UAAW,EAAG,eAAgB,EAAU,CAAE,GAAI,EAAS,CAAA,CAC/C,CAAA,CAInB,EAAM,YAAc,QAQpB,SAAgB,EAAW,CACzB,UACA,gBACA,WACA,GAAG,GACe,CAClB,GAAM,CAAE,UAAS,UAAS,YAAa,EAAI,EAAa,CACxD,OACE,EAAC,EAAD,CACE,GAAI,GAAW,IAAA,GACf,QAAS,IAAY,GAAW,IAAA,IAChC,GAAI,WAHN,CAKG,EACA,IACE,EACC,EAAA,EAAA,CAAA,SAAA,CACG,IACD,EAAC,EAAD,EAAqB,CAAA,CACpB,CAAA,CAAA,CAEH,EAAA,EAAA,CAAA,SAAA,CACG,IACD,EAAC,EAAD,EAAqB,CAAA,CACpB,CAAA,CAAA,EAED,GAIZ,EAAW,YAAc,cAIzB,SAAgB,GAAqB,CACnC,GAAM,CAAE,UAAS,WAAU,WAAU,UAAS,eAAc,eAC1D,EAAI,EAAa,CACb,EAAc,EAAU,EAAc,EAC5C,MAAO,CACL,GAAI,GAAW,IAAA,GACf,SAAU,GAAY,IAAA,GACtB,eAAgB,GAAW,IAAA,GAC3B,gBAAiB,GAAY,IAAA,GAC7B,mBAAoB,GAAe,IAAA,GACpC,CAKH,SAAgB,EAAW,EAAmB,CAE5C,OAAO,EAAC,EAAD,CAAO,GADK,GAAoB,CACT,GAAI,EAAS,CAAA,CAG7C,EAAW,YAAc,cAIzB,SAAgB,EAAc,EAAsB,CAElD,OAAO,EAAC,EAAD,CAAU,GADE,GAAoB,CACN,GAAI,EAAS,CAAA,CAGhD,EAAc,YAAc,iBAM5B,SAAgB,EAAgB,CAC9B,KACA,YACA,GAAG,GACoB,CACvB,GAAM,CAAE,gBAAiB,EAAI,EAAa,CAC1C,OACE,EAAC,IAAD,CACE,GAAI,IAAO,GAAgB,IAAA,IAC3B,UAAW,EAAG,sBAAuB,EAAU,CAC/C,GAAI,EACJ,CAAA,CAIN,EAAgB,YAAc,mBAM9B,SAAgB,EAAe,CAC7B,KACA,YACA,GAAG,GACmB,CACtB,GAAM,CAAE,UAAS,eAAgB,EAAI,EAAa,CAElD,OADK,EAEH,EAAC,IAAD,CACE,GAAI,IAAO,GAAe,IAAA,IAC1B,KAAK,QACL,UAAW,EAAG,oCAAqC,EAAU,CAC7D,GAAI,EACJ,CAAA,CAPiB,KAWvB,EAAe,YAAc,kBAI7B,EAAM,MAAQ,EACd,EAAM,MAAQ,EACd,EAAM,SAAW,EACjB,EAAM,WAAa,EACnB,EAAM,UAAY"}

package/dist/Fieldset.d.ts

@@ -2,18 +2,21 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/components/Fieldset/index.d.ts
-interface FieldsetRootProps extends ComponentProps<'fieldset'> {
+interface FieldsetProps extends ComponentProps<'fieldset'> {
   invalid?: boolean;
 }
-declare function FieldsetRoot({
+declare function Fieldset({
   className,
   invalid,
   ...props
-}: FieldsetRootProps): _$react_jsx_runtime0.JSX.Element;
-declare namespace FieldsetRoot {
+}: FieldsetProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace Fieldset {
   var displayName: string;
+  var Legend: typeof FieldsetLegend;
+  var HelperText: typeof FieldsetHelperText;
+  var ErrorText: typeof FieldsetErrorText;
 }
-interface FieldsetLegendProps extends ComponentProps<'legend'> {}
+type FieldsetLegendProps = ComponentProps<'legend'>;
 declare function FieldsetLegend({
   className,
   ...props
@@ -21,7 +24,7 @@ declare function FieldsetLegend({
 declare namespace FieldsetLegend {
   var displayName: string;
 }
-interface FieldsetHelperTextProps extends ComponentProps<'p'> {}
+type FieldsetHelperTextProps = ComponentProps<'p'>;
 declare function FieldsetHelperText({
   className,
   ...props
@@ -29,7 +32,7 @@ declare function FieldsetHelperText({
 declare namespace FieldsetHelperText {
   var displayName: string;
 }
-interface FieldsetErrorTextProps extends ComponentProps<'p'> {}
+type FieldsetErrorTextProps = ComponentProps<'p'>;
 declare function FieldsetErrorText({
   className,
   ...props
@@ -37,12 +40,6 @@ declare function FieldsetErrorText({
 declare namespace FieldsetErrorText {
   var displayName: string;
 }
-declare const Fieldset: typeof FieldsetRoot & {
-  Legend: typeof FieldsetLegend;
-  HelperText: typeof FieldsetHelperText;
-  ErrorText: typeof FieldsetErrorText;
-};
-type FieldsetProps = FieldsetRootProps;
 //#endregion
-export { Fieldset, FieldsetErrorTextProps, FieldsetHelperTextProps, FieldsetLegendProps, FieldsetProps, FieldsetRootProps };
+export { Fieldset, FieldsetErrorText, FieldsetErrorTextProps, FieldsetHelperText, FieldsetHelperTextProps, FieldsetLegend, FieldsetLegendProps, FieldsetProps };
 //# sourceMappingURL=Fieldset.d.ts.map

package/dist/Fieldset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Fieldset.d.ts","names":[],"sources":["../src/components/Fieldset/index.tsx"],"mappings":";;;;UAgBiB,iBAAA,SAA0B,cAAA;EACzC,OAAA;AAAA;AAAA,iBAGO,YAAA,CAAA;EAAe,SAAA;EAAW,OAAA;EAAA,GAAY;AAAA,GAAS,iBAAA,GAAiB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAAhE,YAAA;EAAA,IAAY,WAAA;AAAA;AAAA,UAeJ,mBAAA,SAA4B,cAAA;AAAA,iBAEpC,cAAA,CAAA;EAAiB,SAAA;EAAA,GAAc;AAAA,GAAS,mBAAA,GAAmB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAA3D,cAAA;EAAA,IAAc,WAAA;AAAA;AAAA,UAaN,uBAAA,SAAgC,cAAA;AAAA,iBAExC,kBAAA,CAAA;EAAqB,SAAA;EAAA,GAAc;AAAA,GAAS,uBAAA,GAAuB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAAnE,kBAAA;EAAA,IAAkB,WAAA;AAAA;AAAA,UAQV,sBAAA,SAA+B,cAAA;AAAA,iBAEvC,iBAAA,CAAA;EAAoB,SAAA;EAAA,GAAc;AAAA,GAAS,sBAAA,GAAsB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAAjE,iBAAA;EAAA,IAAiB,WAAA;AAAA;AAAA,cAgBb,QAAA,SAAQ,YAAA;;;;;KAMT,aAAA,GAAgB,iBAAA"}
+{"version":3,"file":"Fieldset.d.ts","names":[],"sources":["../src/components/Fieldset/index.tsx"],"mappings":";;;;UAgBiB,aAAA,SAAsB,cAAA;EACrC,OAAA;AAAA;AAAA,iBAGc,QAAA,CAAA;EAAW,SAAA;EAAW,OAAA;EAAA,GAAY;AAAA,GAAS,aAAA,GAAa,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAAxD,QAAA;EAAA;;;;;KAeJ,mBAAA,GAAsB,cAAA;AAAA,iBAElB,cAAA,CAAA;EAAiB,SAAA;EAAA,GAAc;AAAA,GAAS,mBAAA,GAAmB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAA3D,cAAA;EAAA,IAAc,WAAA;AAAA;AAAA,KAalB,uBAAA,GAA0B,cAAA;AAAA,iBAEtB,kBAAA,CAAA;EACd,SAAA;EAAA,GACG;AAAA,GACF,uBAAA,GAAuB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAHV,kBAAA;EAAA,IAAkB,WAAA;AAAA;AAAA,KAWtB,sBAAA,GAAyB,cAAA;AAAA,iBAErB,iBAAA,CAAA;EACd,SAAA;EAAA,GACG;AAAA,GACF,sBAAA,GAAsB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAHT,iBAAA;EAAA,IAAiB,WAAA;AAAA"}

package/dist/Fieldset.js

@@ -1,2 +1,2 @@
-"use client";import{cn as e}from"@oztix/roadie-core/utils";import{jsx as t}from"react/jsx-runtime";import{createContext as n,use as r}from"react";const i=n({});function a({className:n,invalid:r,...a}){return t(i,{value:{invalid:r},children:t(`fieldset`,{className:e(`m-0 border-none p-0 [&>*+*]:mt-6`,n),...a})})}a.displayName=`Fieldset`;function o({className:n,...r}){return t(`legend`,{className:e(`text-lg font-semibold text-strong`,n),...r})}o.displayName=`Fieldset.Legend`;function s({className:n,...r}){return t(`p`,{className:e(`text-sm text-subtle`,n),...r})}s.displayName=`Fieldset.HelperText`;function c({className:n,...a}){let{invalid:o}=r(i);return o?t(`p`,{role:`alert`,className:e(`text-sm text-subtle intent-danger`,n),...a}):null}c.displayName=`Fieldset.ErrorText`;const l=Object.assign(a,{Legend:o,HelperText:s,ErrorText:c});export{l as Fieldset};
+"use client";import{cn as e}from"@oztix/roadie-core/utils";import{jsx as t}from"react/jsx-runtime";import{createContext as n,use as r}from"react";const i=n({});function a({className:n,invalid:r,...a}){return t(i,{value:{invalid:r},children:t(`fieldset`,{className:e(`m-0 border-none p-0 [&>*+*]:mt-6`,n),...a})})}a.displayName=`Fieldset`;function o({className:n,...r}){return t(`legend`,{className:e(`text-lg font-semibold text-strong`,n),...r})}o.displayName=`Fieldset.Legend`;function s({className:n,...r}){return t(`p`,{className:e(`text-sm text-subtle`,n),...r})}s.displayName=`Fieldset.HelperText`;function c({className:n,...a}){let{invalid:o}=r(i);return o?t(`p`,{role:`alert`,className:e(`text-sm text-subtle intent-danger`,n),...a}):null}c.displayName=`Fieldset.ErrorText`,a.Legend=o,a.HelperText=s,a.ErrorText=c;export{a as Fieldset,c as FieldsetErrorText,s as FieldsetHelperText,o as FieldsetLegend};
 //# sourceMappingURL=Fieldset.js.map

package/dist/Fieldset.js.map

@@ -1 +1 @@
-{"version":3,"file":"Fieldset.js","names":[],"sources":["../src/components/Fieldset/index.tsx"],"sourcesContent":["'use client'\n\nimport { type ComponentProps, createContext, use } from 'react'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\n/* ─── Context ─── */\n\ninterface FieldsetContextValue {\n  invalid?: boolean\n}\n\nconst FieldsetContext = createContext<FieldsetContextValue>({})\n\n/* ─── Root ─── */\n\nexport interface FieldsetRootProps extends ComponentProps<'fieldset'> {\n  invalid?: boolean\n}\n\nfunction FieldsetRoot({ className, invalid, ...props }: FieldsetRootProps) {\n  return (\n    <FieldsetContext value={{ invalid }}>\n      <fieldset\n        className={cn('m-0 border-none p-0 [&>*+*]:mt-6', className)}\n        {...props}\n      />\n    </FieldsetContext>\n  )\n}\n\nFieldsetRoot.displayName = 'Fieldset'\n\n/* ─── Legend ─── */\n\nexport interface FieldsetLegendProps extends ComponentProps<'legend'> {}\n\nfunction FieldsetLegend({ className, ...props }: FieldsetLegendProps) {\n  return (\n    <legend\n      className={cn('text-lg font-semibold text-strong', className)}\n      {...props}\n    />\n  )\n}\n\nFieldsetLegend.displayName = 'Fieldset.Legend'\n\n/* ─── Helper text ─── */\n\nexport interface FieldsetHelperTextProps extends ComponentProps<'p'> {}\n\nfunction FieldsetHelperText({ className, ...props }: FieldsetHelperTextProps) {\n  return <p className={cn('text-sm text-subtle', className)} {...props} />\n}\n\nFieldsetHelperText.displayName = 'Fieldset.HelperText'\n\n/* ─── Error text ─── */\n\nexport interface FieldsetErrorTextProps extends ComponentProps<'p'> {}\n\nfunction FieldsetErrorText({ className, ...props }: FieldsetErrorTextProps) {\n  const { invalid } = use(FieldsetContext)\n  if (!invalid) return null\n  return (\n    <p\n      role='alert'\n      className={cn('text-sm text-subtle intent-danger', className)}\n      {...props}\n    />\n  )\n}\n\nFieldsetErrorText.displayName = 'Fieldset.ErrorText'\n\n/* ─── Compound export ─── */\n\nexport const Fieldset = Object.assign(FieldsetRoot, {\n  Legend: FieldsetLegend,\n  HelperText: FieldsetHelperText,\n  ErrorText: FieldsetErrorText\n})\n\nexport type FieldsetProps = FieldsetRootProps\n"],"mappings":"kJAYA,MAAM,EAAkB,EAAoC,EAAE,CAAC,CAQ/D,SAAS,EAAa,CAAE,YAAW,UAAS,GAAG,GAA4B,CACzE,OACE,EAAC,EAAD,CAAiB,MAAO,CAAE,UAAS,UACjC,EAAC,WAAD,CACE,UAAW,EAAG,mCAAoC,EAAU,CAC5D,GAAI,EACJ,CAAA,CACc,CAAA,CAItB,EAAa,YAAc,WAM3B,SAAS,EAAe,CAAE,YAAW,GAAG,GAA8B,CACpE,OACE,EAAC,SAAD,CACE,UAAW,EAAG,oCAAqC,EAAU,CAC7D,GAAI,EACJ,CAAA,CAIN,EAAe,YAAc,kBAM7B,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAkC,CAC5E,OAAO,EAAC,IAAD,CAAG,UAAW,EAAG,sBAAuB,EAAU,CAAE,GAAI,EAAS,CAAA,CAG1E,EAAmB,YAAc,sBAMjC,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAiC,CAC1E,GAAM,CAAE,WAAY,EAAI,EAAgB,CAExC,OADK,EAEH,EAAC,IAAD,CACE,KAAK,QACL,UAAW,EAAG,oCAAqC,EAAU,CAC7D,GAAI,EACJ,CAAA,CANiB,KAUvB,EAAkB,YAAc,qBAIhC,MAAa,EAAW,OAAO,OAAO,EAAc,CAClD,OAAQ,EACR,WAAY,EACZ,UAAW,EACZ,CAAC"}
+{"version":3,"file":"Fieldset.js","names":[],"sources":["../src/components/Fieldset/index.tsx"],"sourcesContent":["'use client'\n\nimport { type ComponentProps, createContext, use } from 'react'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\n/* ─── Context ─── */\n\ninterface FieldsetContextValue {\n  invalid?: boolean\n}\n\nconst FieldsetContext = createContext<FieldsetContextValue>({})\n\n/* ─── Root ─── */\n\nexport interface FieldsetProps extends ComponentProps<'fieldset'> {\n  invalid?: boolean\n}\n\nexport function Fieldset({ className, invalid, ...props }: FieldsetProps) {\n  return (\n    <FieldsetContext value={{ invalid }}>\n      <fieldset\n        className={cn('m-0 border-none p-0 [&>*+*]:mt-6', className)}\n        {...props}\n      />\n    </FieldsetContext>\n  )\n}\n\nFieldset.displayName = 'Fieldset'\n\n/* ─── Legend ─── */\n\nexport type FieldsetLegendProps = ComponentProps<'legend'>\n\nexport function FieldsetLegend({ className, ...props }: FieldsetLegendProps) {\n  return (\n    <legend\n      className={cn('text-lg font-semibold text-strong', className)}\n      {...props}\n    />\n  )\n}\n\nFieldsetLegend.displayName = 'Fieldset.Legend'\n\n/* ─── Helper text ─── */\n\nexport type FieldsetHelperTextProps = ComponentProps<'p'>\n\nexport function FieldsetHelperText({\n  className,\n  ...props\n}: FieldsetHelperTextProps) {\n  return <p className={cn('text-sm text-subtle', className)} {...props} />\n}\n\nFieldsetHelperText.displayName = 'Fieldset.HelperText'\n\n/* ─── Error text ─── */\n\nexport type FieldsetErrorTextProps = ComponentProps<'p'>\n\nexport function FieldsetErrorText({\n  className,\n  ...props\n}: FieldsetErrorTextProps) {\n  const { invalid } = use(FieldsetContext)\n  if (!invalid) return null\n  return (\n    <p\n      role='alert'\n      className={cn('text-sm text-subtle intent-danger', className)}\n      {...props}\n    />\n  )\n}\n\nFieldsetErrorText.displayName = 'Fieldset.ErrorText'\n\n/* ─── Compound export ─── */\n\nFieldset.Legend = FieldsetLegend\nFieldset.HelperText = FieldsetHelperText\nFieldset.ErrorText = FieldsetErrorText\n"],"mappings":"kJAYA,MAAM,EAAkB,EAAoC,EAAE,CAAC,CAQ/D,SAAgB,EAAS,CAAE,YAAW,UAAS,GAAG,GAAwB,CACxE,OACE,EAAC,EAAD,CAAiB,MAAO,CAAE,UAAS,UACjC,EAAC,WAAD,CACE,UAAW,EAAG,mCAAoC,EAAU,CAC5D,GAAI,EACJ,CAAA,CACc,CAAA,CAItB,EAAS,YAAc,WAMvB,SAAgB,EAAe,CAAE,YAAW,GAAG,GAA8B,CAC3E,OACE,EAAC,SAAD,CACE,UAAW,EAAG,oCAAqC,EAAU,CAC7D,GAAI,EACJ,CAAA,CAIN,EAAe,YAAc,kBAM7B,SAAgB,EAAmB,CACjC,YACA,GAAG,GACuB,CAC1B,OAAO,EAAC,IAAD,CAAG,UAAW,EAAG,sBAAuB,EAAU,CAAE,GAAI,EAAS,CAAA,CAG1E,EAAmB,YAAc,sBAMjC,SAAgB,EAAkB,CAChC,YACA,GAAG,GACsB,CACzB,GAAM,CAAE,WAAY,EAAI,EAAgB,CAExC,OADK,EAEH,EAAC,IAAD,CACE,KAAK,QACL,UAAW,EAAG,oCAAqC,EAAU,CAC7D,GAAI,EACJ,CAAA,CANiB,KAUvB,EAAkB,YAAc,qBAIhC,EAAS,OAAS,EAClB,EAAS,WAAa,EACtB,EAAS,UAAY"}

package/dist/{Button-DdE0vCfo.js → IconButton-0UdUDm0O.js}

@@ -1,2 +1,2 @@
 import{t as e}from"./Button-CDQ6ik0P.js";import{jsx as t}from"react/jsx-runtime";function n({size:n=`icon-md`,...r}){return t(e,{size:n,...r})}n.displayName=`IconButton`;export{n as t};
-//# sourceMappingURL=Button-DdE0vCfo.js.map
+//# sourceMappingURL=IconButton-0UdUDm0O.js.map

package/dist/IconButton-0UdUDm0O.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton-0UdUDm0O.js","names":[],"sources":["../src/components/Button/IconButton.tsx"],"sourcesContent":["'use client'\n\nimport { Button, type ButtonProps } from './Button'\n\nexport type IconButtonProps = Omit<ButtonProps, 'aria-label'> & {\n  'aria-label': string\n}\n\nexport function IconButton({ size = 'icon-md', ...props }: IconButtonProps) {\n  return <Button size={size} {...props} />\n}\n\nIconButton.displayName = 'IconButton'\n"],"mappings":"iFAQA,SAAgB,EAAW,CAAE,OAAO,UAAW,GAAG,GAA0B,CAC1E,OAAO,EAAC,EAAD,CAAc,OAAM,GAAI,EAAS,CAAA,CAG1C,EAAW,YAAc"}

package/dist/{Button-Dt1TGgrL.d.ts → IconButton-BajbaUJ_.d.ts}

@@ -7,7 +7,7 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
 //#region src/components/Button/Button.d.ts
 declare const buttonVariants: (props?: ({
   intent?: "neutral" | "brand" | "brand-secondary" | "accent" | "danger" | "success" | "warning" | "info" | null | undefined;
-  emphasis?: "normal" | "strong" | "subtle" | "subtler" | null | undefined;
+  emphasis?: "normal" | "subtle" | "subtler" | "strong" | null | undefined;
   size?: "sm" | "md" | "lg" | "xs" | "icon-xs" | "icon-sm" | "icon-md" | "icon-lg" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 type ButtonProps = Button.Props & RefAttributes<HTMLElement> & VariantProps<typeof buttonVariants>;
@@ -22,5 +22,17 @@ declare namespace Button$1 {
   var displayName: string;
 }
 //#endregion
-export { ButtonProps as n, buttonVariants as r, Button$1 as t };
-//# sourceMappingURL=Button-Dt1TGgrL.d.ts.map
+//#region src/components/Button/IconButton.d.ts
+type IconButtonProps = Omit<ButtonProps, 'aria-label'> & {
+  'aria-label': string;
+};
+declare function IconButton({
+  size,
+  ...props
+}: IconButtonProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace IconButton {
+  var displayName: string;
+}
+//#endregion
+export { buttonVariants as a, ButtonProps as i, IconButtonProps as n, Button$1 as r, IconButton as t };
+//# sourceMappingURL=IconButton-BajbaUJ_.d.ts.map

package/dist/IconButton-BajbaUJ_.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton-BajbaUJ_.d.ts","names":[],"sources":["../src/components/Button/Button.tsx","../src/components/Button/IconButton.tsx"],"mappings":";;;;;;;cAWa,cAAA,GAAc,KAAA;;;;IAwBzB,iCAAA,CAAA,SAAA;AAAA,KAEU,WAAA,GAAc,MAAA,CAAgB,KAAA,GACxC,aAAA,CAAc,WAAA,IACd,YAAA,QAAoB,cAAA;AAAA,iBAEN,QAAA,CAAA;EACd,SAAA;EACA,MAAA;EACA,QAAA;EACA,IAAA;EAAA,GACG;AAAA,GACF,WAAA,GAAW,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBANE,QAAA;EAAA,IAAM,WAAA;AAAA;;;KCrCV,eAAA,GAAkB,IAAA,CAAK,WAAA;EACjC,YAAA;AAAA;AAAA,iBAGc,UAAA,CAAA;EAAa,IAAA;EAAA,GAAqB;AAAA,GAAS,eAAA,GAAe,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAA1D,UAAA;EAAA,IAAU,WAAA;AAAA"}

package/dist/LinkButton-9nnOzX_0.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkButton-9nnOzX_0.js","names":[],"sources":["../src/components/LinkButton/LinkButton.tsx","../src/components/LinkButton/LinkIconButton.tsx"],"sourcesContent":["import type { ComponentProps, ElementType } from 'react'\n\nimport type { VariantProps } from 'class-variance-authority'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\nimport { buttonVariants } from '../Button/Button'\n\ntype LinkButtonSize = 'xs' | 'sm' | 'md' | 'lg'\n\nexport type LinkButtonProps<T extends ElementType = 'a'> = {\n  as?: T\n  intent?: VariantProps<typeof buttonVariants>['intent']\n  emphasis?: VariantProps<typeof buttonVariants>['emphasis']\n  size?: LinkButtonSize\n  className?: string\n} & Omit<ComponentProps<T>, 'as' | 'intent' | 'emphasis' | 'size' | 'className'>\n\nexport function LinkButton<T extends ElementType = 'a'>({\n  as,\n  className,\n  intent,\n  emphasis,\n  size,\n  ...props\n}: LinkButtonProps<T>) {\n  const Component = as || 'a'\n  return (\n    <Component\n      className={cn(buttonVariants({ intent, emphasis, size, className }))}\n      {...props}\n    />\n  )\n}\n\nLinkButton.displayName = 'LinkButton'\n","import type { ComponentProps, ElementType } from 'react'\n\nimport type { VariantProps } from 'class-variance-authority'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\nimport { buttonVariants } from '../Button/Button'\n\ntype LinkIconButtonSize = 'icon-xs' | 'icon-sm' | 'icon-md' | 'icon-lg'\n\nexport type LinkIconButtonProps<T extends ElementType = 'a'> = {\n  as?: T\n  'aria-label': string\n  intent?: VariantProps<typeof buttonVariants>['intent']\n  emphasis?: VariantProps<typeof buttonVariants>['emphasis']\n  size?: LinkIconButtonSize\n  className?: string\n} & Omit<\n  ComponentProps<T>,\n  'as' | 'aria-label' | 'intent' | 'emphasis' | 'size' | 'className'\n>\n\nexport function LinkIconButton<T extends ElementType = 'a'>({\n  as,\n  className,\n  intent,\n  emphasis,\n  size = 'icon-md',\n  ...props\n}: LinkIconButtonProps<T>) {\n  const Component = as || 'a'\n  return (\n    <Component\n      className={cn(buttonVariants({ intent, emphasis, size, className }))}\n      {...props}\n    />\n  )\n}\n\nLinkIconButton.displayName = 'LinkIconButton'\n"],"mappings":"+HAkBA,SAAgB,EAAwC,CACtD,KACA,YACA,SACA,WACA,OACA,GAAG,GACkB,CAErB,OACE,EAFgB,GAAM,IAEtB,CACE,UAAW,EAAG,EAAe,CAAE,SAAQ,WAAU,OAAM,YAAW,CAAC,CAAC,CACpE,GAAI,EACJ,CAAA,CAIN,EAAW,YAAc,aCbzB,SAAgB,EAA4C,CAC1D,KACA,YACA,SACA,WACA,OAAO,UACP,GAAG,GACsB,CAEzB,OACE,EAFgB,GAAM,IAEtB,CACE,UAAW,EAAG,EAAe,CAAE,SAAQ,WAAU,OAAM,YAAW,CAAC,CAAC,CACpE,GAAI,EACJ,CAAA,CAIN,EAAe,YAAc"}
+{"version":3,"file":"LinkButton-9nnOzX_0.js","names":[],"sources":["../src/components/LinkButton/LinkButton.tsx","../src/components/LinkButton/LinkIconButton.tsx"],"sourcesContent":["import type { ComponentProps, ElementType } from 'react'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\nimport { buttonVariants } from '../Button/Button'\n\nexport type LinkButtonIntent =\n  | 'neutral'\n  | 'brand'\n  | 'brand-secondary'\n  | 'accent'\n  | 'danger'\n  | 'success'\n  | 'warning'\n  | 'info'\n\nexport type LinkButtonEmphasis = 'strong' | 'normal' | 'subtle' | 'subtler'\n\nexport type LinkButtonSize = 'xs' | 'sm' | 'md' | 'lg'\n\nexport type LinkButtonProps<T extends ElementType = 'a'> = {\n  as?: T\n  /**\n   * @default 'neutral'\n   */\n  intent?: LinkButtonIntent\n  /**\n   * @default 'normal'\n   */\n  emphasis?: LinkButtonEmphasis\n  /**\n   * @default 'md'\n   */\n  size?: LinkButtonSize\n  className?: string\n} & Omit<ComponentProps<T>, 'as' | 'intent' | 'emphasis' | 'size' | 'className'>\n\nexport function LinkButton<T extends ElementType = 'a'>({\n  as,\n  className,\n  intent,\n  emphasis,\n  size,\n  ...props\n}: LinkButtonProps<T>) {\n  const Component = as || 'a'\n  return (\n    <Component\n      className={cn(buttonVariants({ intent, emphasis, size, className }))}\n      {...props}\n    />\n  )\n}\n\nLinkButton.displayName = 'LinkButton'\n","import type { ComponentProps, ElementType } from 'react'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\nimport { buttonVariants } from '../Button/Button'\nimport type { LinkButtonEmphasis, LinkButtonIntent } from './LinkButton'\n\nexport type LinkIconButtonSize = 'icon-xs' | 'icon-sm' | 'icon-md' | 'icon-lg'\n\nexport type LinkIconButtonProps<T extends ElementType = 'a'> = {\n  as?: T\n  'aria-label': string\n  /**\n   * @default 'neutral'\n   */\n  intent?: LinkButtonIntent\n  /**\n   * @default 'normal'\n   */\n  emphasis?: LinkButtonEmphasis\n  /**\n   * @default 'icon-md'\n   */\n  size?: LinkIconButtonSize\n  className?: string\n} & Omit<\n  ComponentProps<T>,\n  'as' | 'aria-label' | 'intent' | 'emphasis' | 'size' | 'className'\n>\n\nexport function LinkIconButton<T extends ElementType = 'a'>({\n  as,\n  className,\n  intent,\n  emphasis,\n  size = 'icon-md',\n  ...props\n}: LinkIconButtonProps<T>) {\n  const Component = as || 'a'\n  return (\n    <Component\n      className={cn(buttonVariants({ intent, emphasis, size, className }))}\n      {...props}\n    />\n  )\n}\n\nLinkIconButton.displayName = 'LinkIconButton'\n"],"mappings":"+HAqCA,SAAgB,EAAwC,CACtD,KACA,YACA,SACA,WACA,OACA,GAAG,GACkB,CAErB,OACE,EAFgB,GAAM,IAEtB,CACE,UAAW,EAAG,EAAe,CAAE,SAAQ,WAAU,OAAM,YAAW,CAAC,CAAC,CACpE,GAAI,EACJ,CAAA,CAIN,EAAW,YAAc,aCxBzB,SAAgB,EAA4C,CAC1D,KACA,YACA,SACA,WACA,OAAO,UACP,GAAG,GACsB,CAEzB,OACE,EAFgB,GAAM,IAEtB,CACE,UAAW,EAAG,EAAe,CAAE,SAAQ,WAAU,OAAM,YAAW,CAAC,CAAC,CACpE,GAAI,EACJ,CAAA,CAIN,EAAe,YAAc"}

package/dist/LinkButton.d.ts

@@ -1,2 +1,2 @@
-import { i as LinkButtonProps, n as LinkIconButtonProps, r as LinkButton, t as LinkIconButton } from "./index-0w-ydb3o.js";
+import { i as LinkButtonProps, n as LinkIconButtonProps, r as LinkButton, t as LinkIconButton } from "./index-4M9XZOF1.js";
 export { LinkButton, LinkButtonProps, LinkIconButton, LinkIconButtonProps };

package/dist/RadioGroup.d.ts

@@ -8,26 +8,30 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
 //#region src/components/RadioGroup/index.d.ts
 type RadioGroupEmphasis = 'subtler' | 'normal';
 declare const radioGroupVariants: (props?: ({
-  direction?: "vertical" | "horizontal" | null | undefined;
+  direction?: "horizontal" | "vertical" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 declare const radioGroupItemVariants: (props?: ({
   emphasis?: "normal" | "subtler" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
-type RadioGroupRootProps = RadioGroup$1.Props & RefAttributes<HTMLDivElement> & VariantProps<typeof radioGroupVariants> & {
+type RadioGroupProps = RadioGroup$1.Props & RefAttributes<HTMLDivElement> & VariantProps<typeof radioGroupVariants> & {
   emphasis?: RadioGroupEmphasis;
   invalid?: boolean;
   required?: boolean;
 };
-declare function RadioGroupRoot({
+declare function RadioGroup({
   className,
   direction,
   emphasis,
   invalid,
   required,
   ...props
-}: RadioGroupRootProps): _$react_jsx_runtime0.JSX.Element;
-declare namespace RadioGroupRoot {
+}: RadioGroupProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace RadioGroup {
   var displayName: string;
+  var Item: typeof RadioGroupItem;
+  var Label: typeof RadioGroupLabel;
+  var HelperText: typeof RadioGroupHelperText;
+  var ErrorText: typeof RadioGroupErrorText;
 }
 type RadioGroupItemProps = Radio.Root.Props & RefAttributes<HTMLButtonElement> & {
   label?: string;
@@ -43,9 +47,9 @@ declare function RadioGroupItem({
 declare namespace RadioGroupItem {
   var displayName: string;
 }
-interface RadioGroupLabelProps extends ComponentProps<'label'> {
+type RadioGroupLabelProps = ComponentProps<'label'> & {
   showIndicator?: boolean;
-}
+};
 declare function RadioGroupLabel({
   className,
   showIndicator,
@@ -55,7 +59,7 @@ declare function RadioGroupLabel({
 declare namespace RadioGroupLabel {
   var displayName: string;
 }
-interface RadioGroupHelperTextProps extends ComponentProps<'p'> {}
+type RadioGroupHelperTextProps = ComponentProps<'p'>;
 declare function RadioGroupHelperText({
   className,
   ...props
@@ -63,7 +67,7 @@ declare function RadioGroupHelperText({
 declare namespace RadioGroupHelperText {
   var displayName: string;
 }
-interface RadioGroupErrorTextProps extends ComponentProps<'p'> {}
+type RadioGroupErrorTextProps = ComponentProps<'p'>;
 declare function RadioGroupErrorText({
   className,
   ...props
@@ -71,13 +75,6 @@ declare function RadioGroupErrorText({
 declare namespace RadioGroupErrorText {
   var displayName: string;
 }
-declare const RadioGroup: typeof RadioGroupRoot & {
-  Item: typeof RadioGroupItem;
-  Label: typeof RadioGroupLabel;
-  HelperText: typeof RadioGroupHelperText;
-  ErrorText: typeof RadioGroupErrorText;
-};
-type RadioGroupProps = RadioGroupRootProps;
 //#endregion
-export { RadioGroup, RadioGroupErrorTextProps, RadioGroupHelperTextProps, RadioGroupItemProps, RadioGroupLabelProps, RadioGroupProps, RadioGroupRootProps, radioGroupItemVariants, radioGroupVariants };
+export { RadioGroup, RadioGroupErrorText, RadioGroupErrorTextProps, RadioGroupHelperText, RadioGroupHelperTextProps, RadioGroupItem, RadioGroupItemProps, RadioGroupLabel, RadioGroupLabelProps, RadioGroupProps, radioGroupItemVariants, radioGroupVariants };
 //# sourceMappingURL=RadioGroup.d.ts.map

package/dist/RadioGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.d.ts","names":[],"sources":["../src/components/RadioGroup/index.tsx"],"mappings":";;;;;;;;KAqBK,kBAAA;AAAA,cAoBQ,kBAAA,GAAkB,KAAA;;IAU7B,iCAAA,CAAA,SAAA;AAAA,cAIW,sBAAA,GAAsB,KAAA;;IAclC,iCAAA,CAAA,SAAA;AAAA,KAIW,mBAAA,GAAsB,YAAA,CAAoB,KAAA,GACpD,aAAA,CAAc,cAAA,IACd,YAAA,QAAoB,kBAAA;EAClB,QAAA,GAAW,kBAAA;EACX,OAAA;EACA,QAAA;AAAA;AAAA,iBAGK,cAAA,CAAA;EACP,SAAA;EACA,SAAA;EACA,QAAA;EACA,OAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,mBAAA,GAAmB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAPb,cAAA;EAAA,IAAc,WAAA;AAAA;AAAA,KAwCX,mBAAA,GAAsB,KAAA,CAAM,IAAA,CAAK,KAAA,GAC3C,aAAA,CAAc,iBAAA;EACZ,KAAA;EACA,WAAA;AAAA;AAAA,iBAGK,cAAA,CAAA;EACP,SAAA;EACA,KAAA;EACA,WAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,mBAAA,GAAmB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBANb,cAAA;EAAA,IAAc,WAAA;AAAA;AAAA,UA6DN,oBAAA,SAA6B,cAAA;EAC5C,aAAA;AAAA;AAAA,iBAGO,eAAA,CAAA;EACP,SAAA;EACA,aAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,oBAAA,GAAoB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBALd,eAAA;EAAA,IAAe,WAAA;AAAA;AAAA,UAoCP,yBAAA,SAAkC,cAAA;AAAA,iBAE1C,oBAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,yBAAA,GAAyB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAHnB,oBAAA;EAAA,IAAoB,WAAA;AAAA;AAAA,UAaZ,wBAAA,SAAiC,cAAA;AAAA,iBAEzC,mBAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,wBAAA,GAAwB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAHlB,mBAAA;EAAA,IAAmB,WAAA;AAAA;AAAA,cAmBf,UAAA,SAAU,cAAA;;;;;;KAOX,eAAA,GAAkB,mBAAA"}
+{"version":3,"file":"RadioGroup.d.ts","names":[],"sources":["../src/components/RadioGroup/index.tsx"],"mappings":";;;;;;;;KAqBK,kBAAA;AAAA,cAoBQ,kBAAA,GAAkB,KAAA;;IAU7B,iCAAA,CAAA,SAAA;AAAA,cAIW,sBAAA,GAAsB,KAAA;;IAclC,iCAAA,CAAA,SAAA;AAAA,KAIW,eAAA,GAAkB,YAAA,CAAoB,KAAA,GAChD,aAAA,CAAc,cAAA,IACd,YAAA,QAAoB,kBAAA;EAClB,QAAA,GAAW,kBAAA;EACX,OAAA;EACA,QAAA;AAAA;AAAA,iBAGY,UAAA,CAAA;EACd,SAAA;EACA,SAAA;EACA,QAAA;EACA,OAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,eAAA,GAAe,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAPF,UAAA;EAAA;;;;;;KAwCJ,mBAAA,GAAsB,KAAA,CAAM,IAAA,CAAK,KAAA,GAC3C,aAAA,CAAc,iBAAA;EACZ,KAAA;EACA,WAAA;AAAA;AAAA,iBAGY,cAAA,CAAA;EACd,SAAA;EACA,KAAA;EACA,WAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,mBAAA,GAAmB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBANN,cAAA;EAAA,IAAc,WAAA;AAAA;AAAA,KA6DlB,oBAAA,GAAuB,cAAA;EACjC,aAAA;AAAA;AAAA,iBAGc,eAAA,CAAA;EACd,SAAA;EACA,aAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,oBAAA,GAAoB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBALP,eAAA;EAAA,IAAe,WAAA;AAAA;AAAA,KAoCnB,yBAAA,GAA4B,cAAA;AAAA,iBAExB,oBAAA,CAAA;EACd,SAAA;EAAA,GACG;AAAA,GACF,yBAAA,GAAyB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAHZ,oBAAA;EAAA,IAAoB,WAAA;AAAA;AAAA,KAaxB,wBAAA,GAA2B,cAAA;AAAA,iBAEvB,mBAAA,CAAA;EACd,SAAA;EAAA,GACG;AAAA,GACF,wBAAA,GAAwB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAHX,mBAAA;EAAA,IAAmB,WAAA;AAAA"}

package/dist/RadioGroup.js

@@ -1,2 +1,2 @@
-"use client";import{OptionalIndicator as e,RequiredIndicator as t}from"./Indicator.js";import{useFieldContext as n}from"./Field.js";import{cva as r}from"class-variance-authority";import{cn as i}from"@oztix/roadie-core/utils";import{Fragment as a,jsx as o,jsxs as s}from"react/jsx-runtime";import{createContext as c,use as l}from"react";import{Radio as u}from"@base-ui/react/radio";import{RadioGroup as d}from"@base-ui/react/radio-group";const f=c({emphasis:`subtler`,direction:`vertical`}),p=r(`flex flex-wrap`,{variants:{direction:{vertical:`flex-col gap-2`,horizontal:`flex-row gap-4`}},defaultVariants:{direction:`vertical`}}),m=r(`flex cursor-pointer select-none items-center`,{variants:{emphasis:{subtler:`gap-2 rounded-lg px-1.5 py-1 emphasis-subtler is-interactive`,normal:`justify-between gap-3 rounded-xl p-4 emphasis-normal is-interactive has-[:checked]:bg-[var(--color-accent-2)] has-[:checked]:border-[var(--color-accent-9)] has-[:focus-visible]:outline has-[:focus-visible]:outline-[length:var(--focus-ring-width)] has-[:focus-visible]:outline-[color-mix(in_oklch,var(--color-accent-9)_var(--focus-ring-opacity),transparent)] has-[:focus-visible]:outline-offset-0`}},defaultVariants:{emphasis:`subtler`}});function h({className:e,direction:t=`vertical`,emphasis:r=`subtler`,invalid:a,required:s,...c}){let l=n(),u=a??l.invalid,m=s??l.required,h=!!l.fieldId;return o(f,{value:{emphasis:r,direction:t??`vertical`,invalid:u,required:m},children:o(d,{className:i(p({direction:t,className:e})),...h&&{"aria-labelledby":l.labelId||void 0,"aria-describedby":u?l.errorTextId||void 0:l.helperTextId||void 0},...c})})}h.displayName=`RadioGroup`;function g({className:e,label:t,description:n,children:r,...c}){let{emphasis:d,direction:p}=l(f),h=o(u.Root,{className:i(`duration-moderate flex size-6 shrink-0 items-center justify-center rounded-full border border-subtle emphasis-sunken outline-0 outline-offset-0 outline-[color-mix(in_oklch,var(--color-accent-9)_var(--focus-ring-opacity),transparent)] transition-[background-color,border-color,outline-width,outline-color] data-[checked]:border-[var(--color-accent-9)] data-[checked]:bg-[var(--color-accent-3)]`,d!==`normal`&&`focus-visible:outline-[length:var(--focus-ring-width)]`),...c,children:o(u.Indicator,{className:`size-2.5 rounded-full bg-[var(--color-accent-9)]`})});return o(`label`,{className:i(m({emphasis:d,className:e}),p===`horizontal`&&d===`normal`&&`flex-1`),children:d===`normal`?s(a,{children:[s(`div`,{className:`grid gap-0.5`,children:[s(`span`,{className:`flex items-center gap-2`,children:[r,t&&o(`span`,{className:`text-base font-medium text-normal`,children:t})]}),n&&o(`span`,{className:`text-sm text-subtle`,children:n})]}),h]}):s(a,{children:[h,r,t&&o(`span`,{className:`text-sm text-normal`,children:t})]})})}g.displayName=`RadioGroup.Item`;function _({className:n,showIndicator:r,children:c,...u}){let{required:d}=l(f);return s(`label`,{className:i(`flex w-full items-center gap-1 text-sm font-medium text-normal`,n),...u,children:[c,r&&(d?s(a,{children:[` `,o(t,{})]}):s(a,{children:[` `,o(e,{})]}))]})}_.displayName=`RadioGroup.Label`;function v({className:e,...t}){return o(`p`,{className:i(`w-full text-sm text-subtle`,e),...t})}v.displayName=`RadioGroup.HelperText`;function y({className:e,...t}){let{invalid:n}=l(f);return n?o(`p`,{role:`alert`,className:i(`w-full text-sm text-subtle intent-danger`,e),...t}):null}y.displayName=`RadioGroup.ErrorText`;const b=Object.assign(h,{Item:g,Label:_,HelperText:v,ErrorText:y});export{b as RadioGroup,m as radioGroupItemVariants,p as radioGroupVariants};
+"use client";import{OptionalIndicator as e,RequiredIndicator as t}from"./Indicator.js";import{useFieldContext as n}from"./Field.js";import{cva as r}from"class-variance-authority";import{cn as i}from"@oztix/roadie-core/utils";import{Fragment as a,jsx as o,jsxs as s}from"react/jsx-runtime";import{createContext as c,use as l}from"react";import{Radio as u}from"@base-ui/react/radio";import{RadioGroup as d}from"@base-ui/react/radio-group";const f=c({emphasis:`subtler`,direction:`vertical`}),p=r(`flex flex-wrap`,{variants:{direction:{vertical:`flex-col gap-2`,horizontal:`flex-row gap-4`}},defaultVariants:{direction:`vertical`}}),m=r(`flex cursor-pointer select-none items-center`,{variants:{emphasis:{subtler:`gap-2 rounded-lg px-1.5 py-1 emphasis-subtler is-interactive`,normal:`justify-between gap-3 rounded-xl p-4 emphasis-normal is-interactive has-[:checked]:bg-[var(--color-accent-2)] has-[:checked]:border-[var(--color-accent-9)] has-[:focus-visible]:outline has-[:focus-visible]:outline-[length:var(--focus-ring-width)] has-[:focus-visible]:outline-[color-mix(in_oklch,var(--color-accent-9)_var(--focus-ring-opacity),transparent)] has-[:focus-visible]:outline-offset-0`}},defaultVariants:{emphasis:`subtler`}});function h({className:e,direction:t=`vertical`,emphasis:r=`subtler`,invalid:a,required:s,...c}){let l=n(),u=a??l.invalid,m=s??l.required,h=!!l.fieldId;return o(f,{value:{emphasis:r,direction:t??`vertical`,invalid:u,required:m},children:o(d,{className:i(p({direction:t,className:e})),...h&&{"aria-labelledby":l.labelId||void 0,"aria-describedby":u?l.errorTextId||void 0:l.helperTextId||void 0},...c})})}h.displayName=`RadioGroup`;function g({className:e,label:t,description:n,children:r,...c}){let{emphasis:d,direction:p}=l(f),h=o(u.Root,{className:i(`duration-moderate flex size-6 shrink-0 items-center justify-center rounded-full border border-subtle emphasis-sunken outline-0 outline-offset-0 outline-[color-mix(in_oklch,var(--color-accent-9)_var(--focus-ring-opacity),transparent)] transition-[background-color,border-color,outline-width,outline-color] data-[checked]:border-[var(--color-accent-9)] data-[checked]:bg-[var(--color-accent-3)]`,d!==`normal`&&`focus-visible:outline-[length:var(--focus-ring-width)]`),...c,children:o(u.Indicator,{className:`size-2.5 rounded-full bg-[var(--color-accent-9)]`})});return o(`label`,{className:i(m({emphasis:d,className:e}),p===`horizontal`&&d===`normal`&&`flex-1`),children:d===`normal`?s(a,{children:[s(`div`,{className:`grid gap-0.5`,children:[s(`span`,{className:`flex items-center gap-2`,children:[r,t&&o(`span`,{className:`text-base font-medium text-normal`,children:t})]}),n&&o(`span`,{className:`text-sm text-subtle`,children:n})]}),h]}):s(a,{children:[h,r,t&&o(`span`,{className:`text-sm text-normal`,children:t})]})})}g.displayName=`RadioGroup.Item`;function _({className:n,showIndicator:r,children:c,...u}){let{required:d}=l(f);return s(`label`,{className:i(`flex w-full items-center gap-1 text-sm font-medium text-normal`,n),...u,children:[c,r&&(d?s(a,{children:[` `,o(t,{})]}):s(a,{children:[` `,o(e,{})]}))]})}_.displayName=`RadioGroup.Label`;function v({className:e,...t}){return o(`p`,{className:i(`w-full text-sm text-subtle`,e),...t})}v.displayName=`RadioGroup.HelperText`;function y({className:e,...t}){let{invalid:n}=l(f);return n?o(`p`,{role:`alert`,className:i(`w-full text-sm text-subtle intent-danger`,e),...t}):null}y.displayName=`RadioGroup.ErrorText`,h.Item=g,h.Label=_,h.HelperText=v,h.ErrorText=y;export{h as RadioGroup,y as RadioGroupErrorText,v as RadioGroupHelperText,g as RadioGroupItem,_ as RadioGroupLabel,m as radioGroupItemVariants,p as radioGroupVariants};
 //# sourceMappingURL=RadioGroup.js.map

package/dist/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","names":["RadioGroupPrimitive"],"sources":["../src/components/RadioGroup/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n  type ComponentProps,\n  type RefAttributes,\n  createContext,\n  use\n} from 'react'\n\nimport { Radio } from '@base-ui/react/radio'\nimport { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group'\nimport { type VariantProps, cva } from 'class-variance-authority'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\nimport { useFieldContext } from '../Field'\nimport { OptionalIndicator } from '../Indicator'\nimport { RequiredIndicator } from '../Indicator'\n\n/* ─── Types ─── */\n\ntype RadioGroupEmphasis = 'subtler' | 'normal'\n\n/* ─── Context ─── */\n\ntype RadioGroupDirection = 'vertical' | 'horizontal'\n\ninterface RadioGroupContextValue {\n  emphasis: RadioGroupEmphasis\n  direction: RadioGroupDirection\n  invalid?: boolean\n  required?: boolean\n}\n\nconst RadioGroupContext = createContext<RadioGroupContextValue>({\n  emphasis: 'subtler',\n  direction: 'vertical'\n})\n\n/* ─── Root variants ─── */\n\nexport const radioGroupVariants = cva('flex flex-wrap', {\n  variants: {\n    direction: {\n      vertical: 'flex-col gap-2',\n      horizontal: 'flex-row gap-4'\n    }\n  },\n  defaultVariants: {\n    direction: 'vertical'\n  }\n})\n\n/* ─── Item variants ─── */\n\nexport const radioGroupItemVariants = cva(\n  'flex cursor-pointer select-none items-center',\n  {\n    variants: {\n      emphasis: {\n        subtler: 'gap-2 rounded-lg px-1.5 py-1 emphasis-subtler is-interactive',\n        normal:\n          'justify-between gap-3 rounded-xl p-4 emphasis-normal is-interactive has-[:checked]:bg-[var(--color-accent-2)] has-[:checked]:border-[var(--color-accent-9)] has-[:focus-visible]:outline has-[:focus-visible]:outline-[length:var(--focus-ring-width)] has-[:focus-visible]:outline-[color-mix(in_oklch,var(--color-accent-9)_var(--focus-ring-opacity),transparent)] has-[:focus-visible]:outline-offset-0'\n      }\n    },\n    defaultVariants: {\n      emphasis: 'subtler'\n    }\n  }\n)\n\n/* ─── Root ─── */\n\nexport type RadioGroupRootProps = RadioGroupPrimitive.Props &\n  RefAttributes<HTMLDivElement> &\n  VariantProps<typeof radioGroupVariants> & {\n    emphasis?: RadioGroupEmphasis\n    invalid?: boolean\n    required?: boolean\n  }\n\nfunction RadioGroupRoot({\n  className,\n  direction = 'vertical',\n  emphasis = 'subtler',\n  invalid,\n  required,\n  ...props\n}: RadioGroupRootProps) {\n  const fieldContext = useFieldContext()\n  const resolvedInvalid = invalid ?? fieldContext.invalid\n  const resolvedRequired = required ?? fieldContext.required\n  const inField = !!fieldContext.fieldId\n\n  return (\n    <RadioGroupContext\n      value={{\n        emphasis,\n        direction: direction ?? 'vertical',\n        invalid: resolvedInvalid,\n        required: resolvedRequired\n      }}\n    >\n      <RadioGroupPrimitive\n        className={cn(radioGroupVariants({ direction, className }))}\n        {...(inField && {\n          'aria-labelledby': fieldContext.labelId || undefined,\n          'aria-describedby': resolvedInvalid\n            ? fieldContext.errorTextId || undefined\n            : fieldContext.helperTextId || undefined\n        })}\n        {...props}\n      />\n    </RadioGroupContext>\n  )\n}\n\nRadioGroupRoot.displayName = 'RadioGroup'\n\n/* ─── Item ─── */\n\nexport type RadioGroupItemProps = Radio.Root.Props &\n  RefAttributes<HTMLButtonElement> & {\n    label?: string\n    description?: string\n  }\n\nfunction RadioGroupItem({\n  className,\n  label,\n  description,\n  children,\n  ...props\n}: RadioGroupItemProps) {\n  const { emphasis, direction } = use(RadioGroupContext)\n\n  const radio = (\n    <Radio.Root\n      className={cn(\n        'duration-moderate flex size-6 shrink-0 items-center justify-center rounded-full border border-subtle emphasis-sunken outline-0 outline-offset-0 outline-[color-mix(in_oklch,var(--color-accent-9)_var(--focus-ring-opacity),transparent)] transition-[background-color,border-color,outline-width,outline-color] data-[checked]:border-[var(--color-accent-9)] data-[checked]:bg-[var(--color-accent-3)]',\n        emphasis !== 'normal' &&\n          'focus-visible:outline-[length:var(--focus-ring-width)]'\n      )}\n      {...props}\n    >\n      <Radio.Indicator className='size-2.5 rounded-full bg-[var(--color-accent-9)]' />\n    </Radio.Root>\n  )\n\n  return (\n    <label\n      className={cn(\n        radioGroupItemVariants({ emphasis, className }),\n        direction === 'horizontal' && emphasis === 'normal' && 'flex-1'\n      )}\n    >\n      {emphasis === 'normal' ? (\n        <>\n          <div className='grid gap-0.5'>\n            <span className='flex items-center gap-2'>\n              {children}\n              {label && (\n                <span className='text-base font-medium text-normal'>\n                  {label}\n                </span>\n              )}\n            </span>\n            {description && (\n              <span className='text-sm text-subtle'>{description}</span>\n            )}\n          </div>\n          {radio}\n        </>\n      ) : (\n        <>\n          {radio}\n          {children}\n          {label && <span className='text-sm text-normal'>{label}</span>}\n        </>\n      )}\n    </label>\n  )\n}\n\nRadioGroupItem.displayName = 'RadioGroup.Item'\n\n/* ─── Label ─── */\n\nexport interface RadioGroupLabelProps extends ComponentProps<'label'> {\n  showIndicator?: boolean\n}\n\nfunction RadioGroupLabel({\n  className,\n  showIndicator,\n  children,\n  ...props\n}: RadioGroupLabelProps) {\n  const { required } = use(RadioGroupContext)\n  return (\n    <label\n      className={cn(\n        'flex w-full items-center gap-1 text-sm font-medium text-normal',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {showIndicator &&\n        (required ? (\n          <>\n            {' '}\n            <RequiredIndicator />\n          </>\n        ) : (\n          <>\n            {' '}\n            <OptionalIndicator />\n          </>\n        ))}\n    </label>\n  )\n}\n\nRadioGroupLabel.displayName = 'RadioGroup.Label'\n\n/* ─── Helper text ─── */\n\nexport interface RadioGroupHelperTextProps extends ComponentProps<'p'> {}\n\nfunction RadioGroupHelperText({\n  className,\n  ...props\n}: RadioGroupHelperTextProps) {\n  return (\n    <p className={cn('w-full text-sm text-subtle', className)} {...props} />\n  )\n}\n\nRadioGroupHelperText.displayName = 'RadioGroup.HelperText'\n\n/* ─── Error text ─── */\n\nexport interface RadioGroupErrorTextProps extends ComponentProps<'p'> {}\n\nfunction RadioGroupErrorText({\n  className,\n  ...props\n}: RadioGroupErrorTextProps) {\n  const { invalid } = use(RadioGroupContext)\n  if (!invalid) return null\n  return (\n    <p\n      role='alert'\n      className={cn('w-full text-sm text-subtle intent-danger', className)}\n      {...props}\n    />\n  )\n}\n\nRadioGroupErrorText.displayName = 'RadioGroup.ErrorText'\n\n/* ─── Compound export ─── */\n\nexport const RadioGroup = Object.assign(RadioGroupRoot, {\n  Item: RadioGroupItem,\n  Label: RadioGroupLabel,\n  HelperText: RadioGroupHelperText,\n  ErrorText: RadioGroupErrorText\n})\n\nexport type RadioGroupProps = RadioGroupRootProps\n"],"mappings":"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"}
+{"version":3,"file":"RadioGroup.js","names":["RadioGroupPrimitive"],"sources":["../src/components/RadioGroup/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n  type ComponentProps,\n  type RefAttributes,\n  createContext,\n  use\n} from 'react'\n\nimport { Radio } from '@base-ui/react/radio'\nimport { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group'\nimport { type VariantProps, cva } from 'class-variance-authority'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\nimport { useFieldContext } from '../Field'\nimport { OptionalIndicator } from '../Indicator'\nimport { RequiredIndicator } from '../Indicator'\n\n/* ─── Types ─── */\n\ntype RadioGroupEmphasis = 'subtler' | 'normal'\n\n/* ─── Context ─── */\n\ntype RadioGroupDirection = 'vertical' | 'horizontal'\n\ninterface RadioGroupContextValue {\n  emphasis: RadioGroupEmphasis\n  direction: RadioGroupDirection\n  invalid?: boolean\n  required?: boolean\n}\n\nconst RadioGroupContext = createContext<RadioGroupContextValue>({\n  emphasis: 'subtler',\n  direction: 'vertical'\n})\n\n/* ─── Root variants ─── */\n\nexport const radioGroupVariants = cva('flex flex-wrap', {\n  variants: {\n    direction: {\n      vertical: 'flex-col gap-2',\n      horizontal: 'flex-row gap-4'\n    }\n  },\n  defaultVariants: {\n    direction: 'vertical'\n  }\n})\n\n/* ─── Item variants ─── */\n\nexport const radioGroupItemVariants = cva(\n  'flex cursor-pointer select-none items-center',\n  {\n    variants: {\n      emphasis: {\n        subtler: 'gap-2 rounded-lg px-1.5 py-1 emphasis-subtler is-interactive',\n        normal:\n          'justify-between gap-3 rounded-xl p-4 emphasis-normal is-interactive has-[:checked]:bg-[var(--color-accent-2)] has-[:checked]:border-[var(--color-accent-9)] has-[:focus-visible]:outline has-[:focus-visible]:outline-[length:var(--focus-ring-width)] has-[:focus-visible]:outline-[color-mix(in_oklch,var(--color-accent-9)_var(--focus-ring-opacity),transparent)] has-[:focus-visible]:outline-offset-0'\n      }\n    },\n    defaultVariants: {\n      emphasis: 'subtler'\n    }\n  }\n)\n\n/* ─── Root ─── */\n\nexport type RadioGroupProps = RadioGroupPrimitive.Props &\n  RefAttributes<HTMLDivElement> &\n  VariantProps<typeof radioGroupVariants> & {\n    emphasis?: RadioGroupEmphasis\n    invalid?: boolean\n    required?: boolean\n  }\n\nexport function RadioGroup({\n  className,\n  direction = 'vertical',\n  emphasis = 'subtler',\n  invalid,\n  required,\n  ...props\n}: RadioGroupProps) {\n  const fieldContext = useFieldContext()\n  const resolvedInvalid = invalid ?? fieldContext.invalid\n  const resolvedRequired = required ?? fieldContext.required\n  const inField = !!fieldContext.fieldId\n\n  return (\n    <RadioGroupContext\n      value={{\n        emphasis,\n        direction: direction ?? 'vertical',\n        invalid: resolvedInvalid,\n        required: resolvedRequired\n      }}\n    >\n      <RadioGroupPrimitive\n        className={cn(radioGroupVariants({ direction, className }))}\n        {...(inField && {\n          'aria-labelledby': fieldContext.labelId || undefined,\n          'aria-describedby': resolvedInvalid\n            ? fieldContext.errorTextId || undefined\n            : fieldContext.helperTextId || undefined\n        })}\n        {...props}\n      />\n    </RadioGroupContext>\n  )\n}\n\nRadioGroup.displayName = 'RadioGroup'\n\n/* ─── Item ─── */\n\nexport type RadioGroupItemProps = Radio.Root.Props &\n  RefAttributes<HTMLButtonElement> & {\n    label?: string\n    description?: string\n  }\n\nexport function RadioGroupItem({\n  className,\n  label,\n  description,\n  children,\n  ...props\n}: RadioGroupItemProps) {\n  const { emphasis, direction } = use(RadioGroupContext)\n\n  const radio = (\n    <Radio.Root\n      className={cn(\n        'duration-moderate flex size-6 shrink-0 items-center justify-center rounded-full border border-subtle emphasis-sunken outline-0 outline-offset-0 outline-[color-mix(in_oklch,var(--color-accent-9)_var(--focus-ring-opacity),transparent)] transition-[background-color,border-color,outline-width,outline-color] data-[checked]:border-[var(--color-accent-9)] data-[checked]:bg-[var(--color-accent-3)]',\n        emphasis !== 'normal' &&\n          'focus-visible:outline-[length:var(--focus-ring-width)]'\n      )}\n      {...props}\n    >\n      <Radio.Indicator className='size-2.5 rounded-full bg-[var(--color-accent-9)]' />\n    </Radio.Root>\n  )\n\n  return (\n    <label\n      className={cn(\n        radioGroupItemVariants({ emphasis, className }),\n        direction === 'horizontal' && emphasis === 'normal' && 'flex-1'\n      )}\n    >\n      {emphasis === 'normal' ? (\n        <>\n          <div className='grid gap-0.5'>\n            <span className='flex items-center gap-2'>\n              {children}\n              {label && (\n                <span className='text-base font-medium text-normal'>\n                  {label}\n                </span>\n              )}\n            </span>\n            {description && (\n              <span className='text-sm text-subtle'>{description}</span>\n            )}\n          </div>\n          {radio}\n        </>\n      ) : (\n        <>\n          {radio}\n          {children}\n          {label && <span className='text-sm text-normal'>{label}</span>}\n        </>\n      )}\n    </label>\n  )\n}\n\nRadioGroupItem.displayName = 'RadioGroup.Item'\n\n/* ─── Label ─── */\n\nexport type RadioGroupLabelProps = ComponentProps<'label'> & {\n  showIndicator?: boolean\n}\n\nexport function RadioGroupLabel({\n  className,\n  showIndicator,\n  children,\n  ...props\n}: RadioGroupLabelProps) {\n  const { required } = use(RadioGroupContext)\n  return (\n    <label\n      className={cn(\n        'flex w-full items-center gap-1 text-sm font-medium text-normal',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {showIndicator &&\n        (required ? (\n          <>\n            {' '}\n            <RequiredIndicator />\n          </>\n        ) : (\n          <>\n            {' '}\n            <OptionalIndicator />\n          </>\n        ))}\n    </label>\n  )\n}\n\nRadioGroupLabel.displayName = 'RadioGroup.Label'\n\n/* ─── Helper text ─── */\n\nexport type RadioGroupHelperTextProps = ComponentProps<'p'>\n\nexport function RadioGroupHelperText({\n  className,\n  ...props\n}: RadioGroupHelperTextProps) {\n  return (\n    <p className={cn('w-full text-sm text-subtle', className)} {...props} />\n  )\n}\n\nRadioGroupHelperText.displayName = 'RadioGroup.HelperText'\n\n/* ─── Error text ─── */\n\nexport type RadioGroupErrorTextProps = ComponentProps<'p'>\n\nexport function RadioGroupErrorText({\n  className,\n  ...props\n}: RadioGroupErrorTextProps) {\n  const { invalid } = use(RadioGroupContext)\n  if (!invalid) return null\n  return (\n    <p\n      role='alert'\n      className={cn('w-full text-sm text-subtle intent-danger', className)}\n      {...props}\n    />\n  )\n}\n\nRadioGroupErrorText.displayName = 'RadioGroup.ErrorText'\n\n/* ─── Compound export ─── */\n\nRadioGroup.Item = RadioGroupItem\nRadioGroup.Label = RadioGroupLabel\nRadioGroup.HelperText = RadioGroupHelperText\nRadioGroup.ErrorText = RadioGroupErrorText\n"],"mappings":"qbAkCA,MAAM,EAAoB,EAAsC,CAC9D,SAAU,UACV,UAAW,WACZ,CAAC,CAIW,EAAqB,EAAI,iBAAkB,CACtD,SAAU,CACR,UAAW,CACT,SAAU,iBACV,WAAY,iBACb,CACF,CACD,gBAAiB,CACf,UAAW,WACZ,CACF,CAAC,CAIW,EAAyB,EACpC,+CACA,CACE,SAAU,CACR,SAAU,CACR,QAAS,+DACT,OACE,8YACH,CACF,CACD,gBAAiB,CACf,SAAU,UACX,CACF,CACF,CAYD,SAAgB,EAAW,CACzB,YACA,YAAY,WACZ,WAAW,UACX,UACA,WACA,GAAG,GACe,CAClB,IAAM,EAAe,GAAiB,CAChC,EAAkB,GAAW,EAAa,QAC1C,EAAmB,GAAY,EAAa,SAC5C,EAAU,CAAC,CAAC,EAAa,QAE/B,OACE,EAAC,EAAD,CACE,MAAO,CACL,WACA,UAAW,GAAa,WACxB,QAAS,EACT,SAAU,EACX,UAED,EAACA,EAAD,CACE,UAAW,EAAG,EAAmB,CAAE,YAAW,YAAW,CAAC,CAAC,CAC3D,GAAK,GAAW,CACd,kBAAmB,EAAa,SAAW,IAAA,GAC3C,mBAAoB,EAChB,EAAa,aAAe,IAAA,GAC5B,EAAa,cAAgB,IAAA,GAClC,CACD,GAAI,EACJ,CAAA,CACgB,CAAA,CAIxB,EAAW,YAAc,aAUzB,SAAgB,EAAe,CAC7B,YACA,QACA,cACA,WACA,GAAG,GACmB,CACtB,GAAM,CAAE,WAAU,aAAc,EAAI,EAAkB,CAEhD,EACJ,EAAC,EAAM,KAAP,CACE,UAAW,EACT,2YACA,IAAa,UACX,yDACH,CACD,GAAI,WAEJ,EAAC,EAAM,UAAP,CAAiB,UAAU,mDAAqD,CAAA,CACrE,CAAA,CAGf,OACE,EAAC,QAAD,CACE,UAAW,EACT,EAAuB,CAAE,WAAU,YAAW,CAAC,CAC/C,IAAc,cAAgB,IAAa,UAAY,SACxD,UAEA,IAAa,SACZ,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,MAAD,CAAK,UAAU,wBAAf,CACE,EAAC,OAAD,CAAM,UAAU,mCAAhB,CACG,EACA,GACC,EAAC,OAAD,CAAM,UAAU,6CACb,EACI,CAAA,CAEJ,GACN,GACC,EAAC,OAAD,CAAM,UAAU,+BAAuB,EAAmB,CAAA,CAExD,GACL,EACA,CAAA,CAAA,CAEH,EAAA,EAAA,CAAA,SAAA,CACG,EACA,EACA,GAAS,EAAC,OAAD,CAAM,UAAU,+BAAuB,EAAa,CAAA,CAC7D,CAAA,CAAA,CAEC,CAAA,CAIZ,EAAe,YAAc,kBAQ7B,SAAgB,EAAgB,CAC9B,YACA,gBACA,WACA,GAAG,GACoB,CACvB,GAAM,CAAE,YAAa,EAAI,EAAkB,CAC3C,OACE,EAAC,QAAD,CACE,UAAW,EACT,iEACA,EACD,CACD,GAAI,WALN,CAOG,EACA,IACE,EACC,EAAA,EAAA,CAAA,SAAA,CACG,IACD,EAAC,EAAD,EAAqB,CAAA,CACpB,CAAA,CAAA,CAEH,EAAA,EAAA,CAAA,SAAA,CACG,IACD,EAAC,EAAD,EAAqB,CAAA,CACpB,CAAA,CAAA,EAED,GAIZ,EAAgB,YAAc,mBAM9B,SAAgB,EAAqB,CACnC,YACA,GAAG,GACyB,CAC5B,OACE,EAAC,IAAD,CAAG,UAAW,EAAG,6BAA8B,EAAU,CAAE,GAAI,EAAS,CAAA,CAI5E,EAAqB,YAAc,wBAMnC,SAAgB,EAAoB,CAClC,YACA,GAAG,GACwB,CAC3B,GAAM,CAAE,WAAY,EAAI,EAAkB,CAE1C,OADK,EAEH,EAAC,IAAD,CACE,KAAK,QACL,UAAW,EAAG,2CAA4C,EAAU,CACpE,GAAI,EACJ,CAAA,CANiB,KAUvB,EAAoB,YAAc,uBAIlC,EAAW,KAAO,EAClB,EAAW,MAAQ,EACnB,EAAW,WAAa,EACxB,EAAW,UAAY"}