@keboola/design 14.0.0 → 15.1.0

package/dist/InlineEdit-D5RdunZo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InlineEdit-D5RdunZo.js","names":[],"sources":["../src/blocks/InlineEdit/InlineEdit.tsx"],"sourcesContent":["import { useEffect, useId, useLayoutEffect, useRef, useState } from 'react';\nimport type { ChangeEvent, FocusEvent, KeyboardEvent, MouseEvent, ReactNode } from 'react';\n\nimport { Button } from '../../components/Button';\nimport { Kbd, keys } from '../../components/Kbd';\nimport { ArgoDesignContext } from '../../components/ThemeProvider/context';\nimport { Tooltip } from '../../components/Tooltip';\nimport { useAutosizeInput } from '../../hooks/useAutosizeInput';\nimport { Check, Loader2, X } from '../../icons';\nimport { cn } from '../../utils';\n\n/** A sized `fill` row at least this wide shows Save / Cancel as text; a narrower one as icons. */\nconst LABELLED_BUTTONS_MIN_WIDTH = 480;\n/** Below this a `multiline` field keeps the row and Save / Cancel move under it. */\nconst INLINE_BUTTONS_MIN_WIDTH = 320;\n/** How long the field and the buttons take to open and close. */\nconst EXPAND_MS = 200;\n\ntype Size = 'auto' | 'sm' | 'md' | 'lg' | 'title';\n\n/**\n * Box and button height per size; the font is always the surrounding one.\n *\n * - Buttons take the box's height, not the brand's own button height, so the row lines up.\n * - The box overhangs its line by the same amount it pads it, so the line box never changes.\n * - `auto` scales the icon buttons with the text instead of picking a fixed height.\n */\n// Class names are spelled out in full: Tailwind only generates the ones it can read here.\nconst SIZES = {\n  auto: { box: 'tw:py-px tw:-my-[2px]', icon: 'icon-xs', label: 'medium', fit: '', iconFit: '' },\n  sm: {\n    box: 'tw:py-[max(1px,calc((1.5rem-1lh)/2-1px))] tw:-my-[max(2px,calc((1.5rem-1lh)/2))]',\n    icon: 'icon-xs',\n    label: 'small',\n    fit: 'tw:h-6 tw:min-h-6 tw:max-h-6',\n    iconFit: 'tw:size-6',\n  },\n  md: {\n    box: 'tw:py-[max(1px,calc((2rem-1lh)/2-1px))] tw:-my-[max(2px,calc((2rem-1lh)/2))]',\n    icon: 'icon-sm',\n    label: 'small',\n    fit: 'tw:h-8 tw:min-h-8 tw:max-h-8',\n    iconFit: 'tw:size-8',\n  },\n  lg: {\n    box: 'tw:py-[max(1px,calc((2.5rem-1lh)/2-1px))] tw:-my-[max(2px,calc((2.5rem-1lh)/2))]',\n    icon: 'icon',\n    label: 'medium',\n    fit: 'tw:h-10 tw:min-h-10 tw:max-h-10',\n    iconFit: 'tw:size-10',\n  },\n  title: {\n    box: 'tw:py-[max(1px,calc((2.5rem-1lh)/2-1px))] tw:-my-[max(2px,calc((2.5rem-1lh)/2))]',\n    icon: 'icon',\n    label: 'medium',\n    fit: 'tw:h-10 tw:min-h-10 tw:max-h-10',\n    iconFit: 'tw:size-10',\n  },\n} as const satisfies Record<\n  Size,\n  { box: string; icon: string; label: string; fit: string; iconFit: string }\n>;\n\n// One box in view and edit; only its colours change, so nothing moves and the change can animate.\n// - 1px border + 5px padding = the 6px the box shifts left, so the text stays where it was.\n// - A shift, not a negative margin: that would shrink the width a fit-content parent gives it.\n// - `leading-[inherit]` beats the 1.5 a Tooltip trigger's scoped preflight would set.\nconst BOX_CLASS = cn(\n  'tw:relative tw:-left-1.5 tw:rounded-md tw:border tw:px-[5px] tw:leading-[inherit]',\n  'tw:transition-[border-color,background-color,box-shadow] tw:duration-150 tw:ease-out',\n);\n\nconst VIEW_BOX_CLASS = cn(\n  'tw:border-transparent',\n  'tw:hover:border-input tw:hover:bg-muted-foreground/10',\n  'tw:has-[:focus-visible]:border-input tw:has-[:focus-visible]:bg-muted-foreground/10',\n);\n\n// The field takes the surrounding typography instead of the browser's form-control defaults.\nconst FIELD_CLASS = cn(\n  'tw:m-0 tw:block tw:border-0 tw:bg-transparent tw:p-0 tw:outline-hidden',\n  'tw:[font:inherit] tw:[letter-spacing:inherit] tw:[color:inherit]',\n  'tw:placeholder:text-muted-foreground',\n);\n\n// `auto` icon buttons scale with the text: 24px beside body copy, ~33px beside a page title.\nconst AUTO_ICON_BUTTON_CLASS = 'tw:size-[max(1.5rem,1.1em)] tw:text-[length:inherit]';\n\nconst ShortcutLabel = ({ label, shortcut }: { label: string; shortcut: string }) => (\n  <span className=\"tw:inline-flex tw:items-center tw:gap-2\">\n    {label}\n    <Kbd variant=\"primary\">{shortcut}</Kbd>\n  </span>\n);\n\n// Keeps focus in the field, so pressing a button never blurs it into an early save first.\nconst keepFieldFocus = (event: MouseEvent) => event.preventDefault();\n\ntype Props = {\n  /** The text shown, and the draft while editing. */\n  value: string;\n  onChange: (value: string) => void;\n  /** Enter, Save, or a blur with a valid change. */\n  onSubmit: () => void;\n  /** Escape, Cancel, or leaving the field with nothing changed. */\n  onCancel: () => void;\n  isEditing: boolean;\n  /** Opens the editor from view mode; omit when the caller opens it some other way. */\n  onEditStart?: () => void;\n  /** Whether `value` differs from the saved value; nothing to save while false. */\n  isChanged: boolean;\n  /** A save is in flight: buttons and keys are held until it settles. */\n  isSaving?: boolean;\n  /** Why the draft can't be saved; disables Save and becomes its tooltip. */\n  invalidReason?: string | null;\n  /** Renders the value as plain text. */\n  readOnly?: boolean;\n  /** Fills the row while editing (default); `false` keeps the field as wide as its text. */\n  fill?: boolean;\n  /** Long text wraps and the field grows a line at a time; without it the field stays one line. */\n  multiline?: boolean;\n  /** Box height and buttons: sm 24, md 32, lg and title 40px, or `auto` to follow the text. */\n  size?: Size;\n  /** One line with an ellipsis in view mode; otherwise up to two lines. */\n  truncate?: boolean;\n  placeholder?: string;\n  /** Tooltip on the value in view mode. */\n  editTooltip?: ReactNode;\n  tooltipPlacement?: 'top' | 'bottom' | 'left' | 'right';\n  maxLength?: number;\n  /** Accessible name of the field; defaults to `placeholder`. */\n  'aria-label'?: string;\n  className?: string;\n};\n\n/**\n * Click-to-edit text: a page title, an entity name, a short label in a row.\n *\n * - The caller owns the draft and the editing flag, so it can validate, save and fail on its own terms.\n * - Enter saves a change and closes an unchanged edit; Escape cancels.\n * - Not for multi-paragraph or markdown text: use `MarkdownEditor`.\n */\nexport const InlineEdit = ({\n  value,\n  onChange,\n  onSubmit,\n  onCancel,\n  isEditing,\n  onEditStart,\n  isChanged,\n  isSaving = false,\n  invalidReason = null,\n  readOnly = false,\n  fill = true,\n  multiline = false,\n  size = 'auto',\n  truncate = false,\n  placeholder = 'Click to edit',\n  editTooltip = 'Click to edit',\n  tooltipPlacement = 'top',\n  maxLength,\n  'aria-label': ariaLabel,\n  className,\n}: Props) => {\n  const formRef = useRef<HTMLFormElement>(null);\n  const viewButtonRef = useRef<HTMLButtonElement>(null);\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const wasEditingRef = useRef(isEditing);\n  const reasonId = useId();\n  const { inputRef, inputStyle, sizerElement } = useAutosizeInput({ value, placeholder });\n  const [rowWidth, setRowWidth] = useState(0);\n  const boxRef = useRef<HTMLDivElement>(null);\n  const buttonsRef = useRef<HTMLDivElement>(null);\n  const boxWidthRef = useRef(0);\n  // The width sizer mounts on first hover or focus, before the first open, not with every row.\n  const [isPrimed, setIsPrimed] = useState(false);\n  // Focus returning after an edit doesn't pop \"Click to edit\"; it shows again once the user moves on.\n  const [isTipQuiet, setIsTipQuiet] = useState(false);\n\n  const isValid = !invalidReason;\n  const canSave = isChanged && isValid && !isSaving;\n  // Text labels only beside a sized box: next to small `auto` text a 40px label would tower.\n  const showLabels = fill && size !== 'auto' && rowWidth >= LABELLED_BUTTONS_MIN_WIDTH;\n  const stackButtons = fill && multiline && rowWidth > 0 && rowWidth < INLINE_BUTTONS_MIN_WIDTH;\n  const sizing = SIZES[size];\n\n  useEffect(() => {\n    const wasEditing = wasEditingRef.current;\n    wasEditingRef.current = isEditing;\n\n    if (isEditing) {\n      const field = textareaRef.current ?? inputRef.current;\n      field?.focus();\n      field?.setSelectionRange(field.value.length, field.value.length);\n      return;\n    }\n\n    if (!wasEditing) return;\n    // oxlint-disable-next-line react-x/set-state-in-effect -- the close is a prop change, seen only here\n    setIsTipQuiet(true);\n    // Closing the editor removed the focused field; hand focus back to the value, not to <body>.\n    if (!document.activeElement || document.activeElement === document.body) {\n      viewButtonRef.current?.focus();\n    }\n  }, [isEditing, inputRef]);\n\n  // Tracks the box's width, so a toggle knows where its animation starts.\n  useLayoutEffect(() => {\n    const box = boxRef.current;\n    if (!box || typeof ResizeObserver === 'undefined') return;\n\n    const observer = new ResizeObserver(() => {\n      boxWidthRef.current = box.offsetWidth;\n    });\n    observer.observe(box);\n    return () => observer.disconnect();\n  }, []);\n\n  // Grows the box from its text to the row and slides Save / Cancel open, then reverses both.\n  // - Measured widths, not `fr` tracks: an `fr` track sized by its content doesn't transition.\n  useLayoutEffect(() => {\n    const box = boxRef.current;\n    const buttons = buttonsRef.current;\n    const from = boxWidthRef.current;\n    if (!box || !buttons || !from) return;\n\n    // A toggle mid-animation measures the box's own size, not the one the last animation holds.\n    for (const running of box.getAnimations()) running.cancel();\n    const to = box.offsetWidth;\n    boxWidthRef.current = to;\n    const reduceMotion = window.matchMedia?.('(prefers-reduced-motion: reduce)').matches;\n    if (reduceMotion || typeof box.animate !== 'function') return;\n\n    const timing = { duration: EXPAND_MS, easing: 'ease-out' };\n    if (from !== to) {\n      // An open `fill` box is a growing flex item, which ignores `width`; `max-width` holds it.\n      const property = fill && isEditing ? 'maxWidth' : 'width';\n      const field = textareaRef.current;\n      // One line while it grows, so the text doesn't wrap and unwrap as the box widens.\n      if (field) field.style.whiteSpace = 'nowrap';\n      const animation = box.animate(\n        [{ [property]: `${from}px` }, { [property]: `${to}px` }],\n        timing,\n      );\n      // A closing `fill` field holds its row until it has shrunk:\n      // - `data-expanded` stays on until the animation ends;\n      // - `data-settled` then marks that a rename closed here, so what the row hid fades back in.\n      const heldRow = fill && !isEditing ? formRef.current : null;\n      if (heldRow) heldRow.dataset.expanded = 'true';\n      animation.onfinish = () => {\n        if (field) field.style.whiteSpace = '';\n        if (!heldRow) return;\n        delete heldRow.dataset.expanded;\n        heldRow.dataset.settled = 'true';\n      };\n    }\n\n    // - Clips only sideways, so buttons taller than the line keep their borders.\n    // - Open buttons aren't clipped at all, so their focus rings show.\n    for (const running of buttons.getAnimations()) running.cancel();\n    const buttonsWidth = `${buttons.scrollWidth}px`;\n    buttons.style.overflowX = 'clip';\n    buttons.animate(\n      isEditing\n        ? [{ maxWidth: '0px' }, { maxWidth: buttonsWidth }]\n        : [{ maxWidth: buttonsWidth }, { maxWidth: '0px' }],\n      timing,\n    ).onfinish = () => {\n      buttons.style.overflowX = '';\n    };\n  }, [isEditing, fill]);\n\n  useLayoutEffect(() => {\n    const textarea = textareaRef.current;\n    if (!textarea) return;\n\n    const fitHeight = () => {\n      textarea.style.height = 'auto';\n      textarea.style.height = `${textarea.scrollHeight}px`;\n    };\n    fitHeight();\n    if (typeof ResizeObserver === 'undefined') return;\n\n    const observer = new ResizeObserver(fitHeight);\n    observer.observe(textarea);\n    return () => observer.disconnect();\n  }, [isEditing, value]);\n\n  useLayoutEffect(() => {\n    const form = formRef.current;\n    if (!fill || !isEditing || !form) return;\n\n    // Measured before paint, so the buttons never render at one size and settle at another.\n    // `offsetWidth` is the layout width: a scale transform (an opening modal) doesn't change it.\n    // oxlint-disable-next-line react-x/set-state-in-effect -- a layout read has to happen before paint\n    const fitButtons = (width: number) => setRowWidth(width);\n    fitButtons(form.offsetWidth);\n    if (typeof ResizeObserver === 'undefined') return;\n\n    const observer = new ResizeObserver(() => fitButtons(form.offsetWidth));\n    observer.observe(form);\n    return () => observer.disconnect();\n  }, [fill, isEditing]);\n\n  if (readOnly) {\n    return <span className={cn(truncate && 'tw:block tw:truncate', className)}>{value}</span>;\n  }\n\n  const handleKeyDown = (event: KeyboardEvent) => {\n    event.stopPropagation();\n\n    if (event.key === 'Escape') {\n      event.preventDefault();\n      if (!isSaving) onCancel();\n      return;\n    }\n\n    if (event.key === 'Enter') {\n      event.preventDefault();\n      if (isSaving) return;\n      if (!isChanged) onCancel();\n      else if (isValid) onSubmit();\n    }\n  };\n\n  const handleBlur = (event: FocusEvent<HTMLFormElement>) => {\n    if (!isEditing || isSaving) return;\n    // Focus left the window (resizing it, switching apps), not the field: keep editing.\n    if (!document.hasFocus()) return;\n    const next = event.relatedTarget;\n    if (next instanceof Node && event.currentTarget.contains(next)) return;\n    if (!isChanged) onCancel();\n    else if (isValid) onSubmit();\n  };\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n    onChange(multiline ? event.target.value.replace(/[\\r\\n]+/g, ' ') : event.target.value);\n  };\n\n  const fieldProps = {\n    value,\n    placeholder,\n    maxLength,\n    readOnly: isSaving,\n    'aria-label': ariaLabel ?? placeholder,\n    'aria-invalid': !isValid || undefined,\n    'aria-describedby': invalidReason ? reasonId : undefined,\n    onChange: handleChange,\n    onKeyDown: handleKeyDown,\n    onKeyUp: (event: KeyboardEvent) => event.stopPropagation(),\n    onClick: (event: MouseEvent) => event.stopPropagation(),\n  };\n\n  const saveTooltip = (() => {\n    if (isSaving) return 'Saving…';\n    if (!isChanged) return 'No changes to save';\n    if (invalidReason) return invalidReason;\n    return <ShortcutLabel label=\"Save\" shortcut={keys.enter.symbol} />;\n  })();\n\n  const iconButtonClass = size === 'auto' ? AUTO_ICON_BUTTON_CLASS : sizing.iconFit;\n  // Labelled buttons match the box's height whatever the brand's own button height is.\n  const labelButtonClass = sizing.fit;\n  const buttonSize = showLabels ? sizing.label : sizing.icon;\n\n  const view = (\n    <Tooltip\n      tooltip={editTooltip}\n      placement={tooltipPlacement}\n      forceHide={isTipQuiet}\n      triggerAsChild\n    >\n      <button\n        ref={viewButtonRef}\n        type=\"button\"\n        data-testid=\"inline-edit-trigger\"\n        className={cn(\n          'tw:block tw:max-w-full tw:cursor-text tw:text-left tw:outline-hidden',\n          'tw:[font:inherit] tw:leading-[inherit] tw:[color:inherit]',\n          // The whole box takes the click, not just the glyphs.\n          'tw:after:absolute tw:after:inset-0',\n          truncate && 'tw:min-w-0 tw:truncate',\n        )}\n        onClick={(event) => {\n          event.preventDefault();\n          event.stopPropagation();\n          onEditStart?.();\n        }}\n        onBlur={() => setIsTipQuiet(false)}\n        onPointerLeave={() => setIsTipQuiet(false)}\n      >\n        {value ? (\n          <span className={cn(!truncate && !multiline && 'tw:line-clamp-2', 'tw:break-words')}>\n            {value}\n          </span>\n        ) : (\n          <span className=\"tw:text-muted-foreground\">{placeholder}</span>\n        )}\n      </button>\n    </Tooltip>\n  );\n\n  const field = multiline ? (\n    <textarea\n      ref={textareaRef}\n      rows={1}\n      className={cn(FIELD_CLASS, 'tw:w-full tw:resize-none tw:overflow-hidden tw:break-words')}\n      {...fieldProps}\n    />\n  ) : (\n    <input\n      ref={inputRef}\n      type=\"text\"\n      className={cn(FIELD_CLASS, fill ? 'tw:w-full' : 'tw:max-w-full')}\n      style={fill ? undefined : inputStyle}\n      {...fieldProps}\n    />\n  );\n\n  const buttons = (\n    <div\n      className={cn(\n        'tw:flex tw:items-center tw:gap-1',\n        // - The gap lives inside the collapsing track, so a closed field leaves no trailing space.\n        // - Beside the field the row is one line tall, so taller buttons overhang it evenly.\n        stackButtons ? 'tw:pt-2' : 'tw:h-[1lh] tw:pl-2',\n        'tw:transition-opacity tw:duration-200 tw:ease-out',\n        isEditing ? 'tw:opacity-100' : 'tw:opacity-0',\n      )}\n    >\n      <Tooltip tooltip={saveTooltip} placement=\"top\" triggerAsChild>\n        <span className={cn('tw:inline-flex', !canSave && 'tw:cursor-not-allowed')}>\n          <Button\n            type=\"submit\"\n            variant=\"primary\"\n            size={buttonSize}\n            aria-label={showLabels ? undefined : 'Save'}\n            isLoading={!showLabels && isSaving}\n            disabled={!canSave}\n            onMouseDown={keepFieldFocus}\n            className={cn(\n              'tw:transition-colors',\n              showLabels ? labelButtonClass : iconButtonClass,\n              !canSave && 'tw:pointer-events-none',\n            )}\n          >\n            {showLabels ? (\n              // The spinner overlays the label, so Save keeps its width and Cancel stays put.\n              <>\n                <span className={cn(isSaving && 'tw:invisible')}>Save</span>\n                {isSaving && <Loader2 className=\"tw:absolute tw:size-4 tw:animate-spin\" />}\n              </>\n            ) : (\n              <Check />\n            )}\n          </Button>\n        </span>\n      </Tooltip>\n      <Tooltip\n        tooltip={<ShortcutLabel label=\"Cancel\" shortcut=\"Esc\" />}\n        placement=\"top\"\n        triggerAsChild\n      >\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size={buttonSize}\n          aria-label={showLabels ? undefined : 'Cancel'}\n          disabled={isSaving}\n          className={cn('tw:transition-colors', showLabels ? labelButtonClass : iconButtonClass)}\n          onMouseDown={keepFieldFocus}\n          onClick={(event) => {\n            event.stopPropagation();\n            onCancel();\n          }}\n        >\n          {showLabels ? 'Cancel' : <X />}\n        </Button>\n      </Tooltip>\n    </div>\n  );\n\n  return (\n    <form\n      ref={formRef}\n      data-slot=\"inline-edit\"\n      data-state={isEditing ? 'edit' : 'view'}\n      data-expanded={(fill && isEditing) || undefined}\n      aria-busy={isSaving || undefined}\n      className={cn(\n        'tw:leading-[inherit]',\n        // Top-aligned: Save / Cancel sit on the first line however many lines the text wraps to.\n        fill && isEditing\n          ? 'tw:flex tw:w-full tw:min-w-0 tw:items-start'\n          : 'tw:inline-flex tw:max-w-full tw:items-center',\n        // Only a wrapping title moves Save / Cancel under the field; one line keeps them beside it.\n        fill && isEditing && multiline && 'tw:flex-wrap',\n        truncate && !isEditing && 'tw:flex tw:min-w-0',\n        className,\n      )}\n      onSubmit={(event) => {\n        event.preventDefault();\n        if (canSave) onSubmit();\n      }}\n      onBlur={handleBlur}\n      // Escape on Save / Cancel cancels too; the field handles its own keys first.\n      onKeyDown={(event) => {\n        if (event.key !== 'Escape' || !isEditing) return;\n        event.preventDefault();\n        event.stopPropagation();\n        if (!isSaving) onCancel();\n      }}\n    >\n      <div\n        ref={boxRef}\n        onPointerEnter={() => setIsPrimed(true)}\n        onFocus={() => setIsPrimed(true)}\n        className={cn(\n          BOX_CLASS,\n          sizing.box,\n          'tw:min-w-0',\n          fill && isEditing && 'tw:flex-1',\n          fill && isEditing && multiline && 'tw:min-w-[min(100%,12rem)]',\n          !isEditing && VIEW_BOX_CLASS,\n          isEditing &&\n            (isValid\n              ? 'tw:border-ring tw:bg-input-background tw:ring-3 tw:ring-ring/25'\n              : 'tw:border-destructive tw:bg-input-background tw:ring-3 tw:ring-destructive/20'),\n          isEditing && !fill && !multiline && 'tw:inline-flex',\n        )}\n      >\n        {isEditing ? field : view}\n        {/* Measures from first hover, so the first open already knows the field's width. */}\n        {!fill && !multiline && (isPrimed || isEditing) && (\n          <span aria-hidden className=\"tw:absolute tw:size-0 tw:overflow-hidden\">\n            {sizerElement}\n          </span>\n        )}\n      </div>\n      {isEditing && invalidReason && (\n        <span id={reasonId} className=\"tw:sr-only\" aria-live=\"polite\">\n          {invalidReason}\n        </span>\n      )}\n      {/* Stays mounted, inert while closed, so it can slide shut after Save / Cancel. */}\n      <div\n        ref={buttonsRef}\n        inert={!isEditing}\n        aria-hidden={!isEditing || undefined}\n        className={cn(\n          fill ? 'tw:self-start' : 'tw:self-center',\n          !isEditing && 'tw:max-w-0 tw:overflow-x-clip',\n          stackButtons && isEditing && 'tw:basis-full',\n        )}\n      >\n        {/* Argo on every brand, so Save / Cancel look the same on legacy pages too. */}\n        <ArgoDesignContext value>{buttons}</ArgoDesignContext>\n      </div>\n    </form>\n  );\n};\n"],"mappings":"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"}

package/dist/InputGroup-Dm014ruw.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputGroup-Dm014ruw.js","names":[],"sources":["../src/components/InputGroup/InputGroupAddon.tsx","../src/components/InputGroup/InputGroupButton.tsx","../src/components/InputGroup/InputGroupInput.tsx","../src/components/InputGroup/InputGroupText.tsx","../src/components/InputGroup/InputGroupTextArea.tsx","../src/components/InputGroup/InputGroup.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\n\n// Padding only fires when the addon actually has content — keeps an empty\n// `<Addon>{maybeNull}</Addon>` from carving 16px out of the input row.\nconst addonVariants = cva(\n  [\n    'tw:flex',\n    'tw:items-center',\n    'tw:gap-1',\n\n    // Default size for nested Lucide icons in prefix/suffix slots; callers can override on the icon.\n    \"tw:[&_svg.lucide:not([class*='tw:size-'])]:size-4\",\n    'tw:[&_svg]:shrink-0',\n  ],\n  {\n    defaultVariants: {\n      align: 'inline-start',\n    },\n    variants: {\n      align: {\n        'inline-start': ['tw:order-first', 'tw:shrink-0', 'tw:[&:not(:empty)]:pl-4'],\n        'inline-end': ['tw:order-last', 'tw:shrink-0', 'tw:[&:not(:empty)]:pr-4'],\n        'block-start': [\n          'tw:order-first',\n          // `tw:w-full` needs to be empty-conditional too — when the addon\n          // has no content the root stays in flex-row, and a 100%-wide\n          // empty addon would claim half of the input row beside the input.\n          'tw:[&:not(:empty)]:w-full',\n          'tw:[&:not(:empty)]:px-4',\n          'tw:[&:not(:empty)]:py-1.5',\n        ],\n        'block-end': [\n          'tw:order-last',\n          'tw:[&:not(:empty)]:w-full',\n          'tw:[&:not(:empty)]:px-4',\n          'tw:[&:not(:empty)]:py-1.5',\n        ],\n      },\n    },\n  },\n);\n\ntype Props = ComponentProps<'div'> & VariantProps<typeof addonVariants>;\n\nexport const InputGroupAddon = ({\n  children,\n  align = 'inline-start',\n  className,\n  ...props\n}: Props) => (\n  <div {...props} data-align={align} className={cn(addonVariants({ align, className }))}>\n    {children}\n  </div>\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\nimport { Button } from '../Button';\n\ntype ButtonProps = ComponentProps<typeof Button>;\n\ntype Props = Omit<ButtonProps, 'size' | 'block' | 'variant'>;\n\nexport const InputGroupButton = ({ ref, className, tabIndex = -1, ...props }: Props) => (\n  <Button\n    {...props}\n    tabIndex={tabIndex}\n    ref={ref}\n    variant=\"invisible\"\n    size=\"icon-sm\"\n    className={cn('tw:size-5', 'tw:[&_svg]:text-muted-foreground', className)}\n  />\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'input'>;\n\nexport const InputGroupInput = ({ ref, className, ...inputProps }: Props) => (\n  <input\n    {...inputProps}\n    ref={ref}\n    className={cn(\n      'tw:flex-1',\n      'tw:min-w-0',\n      'tw:bg-transparent',\n      'tw:outline-hidden',\n\n      // font\n      'tw:font-sans',\n      'tw:text-sm',\n\n      // placeholder\n      'tw:placeholder:text-neutral-400',\n      'tw:placeholder:font-normal',\n\n      // disabled\n      'tw:disabled:cursor-not-allowed',\n\n      className,\n    )}\n  />\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'span'>;\n\nexport const InputGroupText = ({ className, ...props }: Props) => (\n  <span\n    className={cn(\n      'tw:flex',\n      'tw:items-center',\n      'tw:gap-2',\n      'tw:text-sm',\n      'tw:text-muted-foreground',\n      'tw:[&_svg]:pointer-events-none',\n      'tw:[&_svg:not([class*=\"tw:size-\"])]:size-4',\n      className,\n    )}\n    {...props}\n  />\n);\n","import type { ChangeEventHandler, ComponentProps, FocusEventHandler } from 'react';\nimport TextareaAutosize from 'react-textarea-autosize';\n\nimport { cn } from '../../utils';\n\ntype TextareaNativeProps = Omit<\n  ComponentProps<typeof TextareaAutosize>,\n  'value' | 'defaultValue' | 'rows' | 'maxRows'\n>;\n\ntype Props = TextareaNativeProps & {\n  value?: string | null;\n  defaultValue?: string | null;\n  onValueChange?: (value: string) => void;\n  onValueBlur?: (value: string) => void;\n  maxRows?: number | 'unlimited';\n  disableResize?: boolean;\n};\n\nexport const InputGroupTextArea = ({\n  ref,\n  className,\n  onChange,\n  onValueChange,\n  value,\n  defaultValue,\n  onBlur,\n  onValueBlur,\n  disableResize = false,\n  minRows = 1,\n  maxRows = 4,\n  ...props\n}: Props) => {\n  const handleChange: ChangeEventHandler<HTMLTextAreaElement> = (event) => {\n    onValueChange?.(event.target.value);\n    onChange?.(event);\n  };\n\n  const handleBlur: FocusEventHandler<HTMLTextAreaElement> = (event) => {\n    onValueBlur?.(event.target.value);\n    onBlur?.(event);\n  };\n\n  return (\n    <TextareaAutosize\n      {...props}\n      ref={ref}\n      value={value ?? undefined}\n      defaultValue={defaultValue ?? undefined}\n      onChange={handleChange}\n      onBlur={handleBlur}\n      minRows={minRows}\n      maxRows={maxRows === 'unlimited' ? undefined : maxRows}\n      className={cn(\n        'tw:w-full',\n        'tw:bg-transparent',\n        'tw:outline-hidden',\n        'tw:px-4',\n\n        // font\n        'tw:font-sans',\n        'tw:text-sm',\n\n        // placeholder\n        'tw:placeholder:text-neutral-400',\n        'tw:placeholder:font-normal',\n\n        // disabled\n        'tw:disabled:cursor-not-allowed',\n        {\n          'tw:resize-none': disableResize,\n        },\n\n        className,\n      )}\n    />\n  );\n};\n","import type { ComponentPropsWithRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\nimport { useArgoDesign } from '../ThemeProvider/context';\n\nimport { InputGroupAddon } from './InputGroupAddon';\nimport { InputGroupButton } from './InputGroupButton';\nimport { InputGroupInput } from './InputGroupInput';\nimport { InputGroupText } from './InputGroupText';\nimport { InputGroupTextArea } from './InputGroupTextArea';\n\nconst inputGroupVariants = cva(\n  [\n    'tailwindcss-preflight',\n    'tw:group',\n\n    'tw:overflow-hidden',\n    'tw:box-border',\n\n    // positioning\n    'tw:flex',\n    'tw:items-center',\n    // A flex item's default `min-width: auto` floors the group at its content's intrinsic width,\n    // so a constrained row (several groups side by side) overflows rather than sharing the space.\n    // The group clips its own content anyway, and the input inside already carries `min-w-0`.\n    'tw:min-w-0',\n\n    // base — legacy (non-argo) chrome uses a fixed radius; argo overrides it with\n    // the brand radius token in the `argo` variant below.\n    'tw:rounded',\n    'tw:border',\n    'tw:border-solid',\n    // `border-input` and `text-foreground` follow the colour scheme.\n    'tw:border-input',\n    'tw:text-foreground',\n    'tw:transition',\n\n    // focus\n    'tw:has-[:is(input,textarea):focus]:ring-4',\n\n    // readonly\n    'tw:has-[:is(input,textarea)[readonly]]:bg-muted',\n    'tw:has-[:is(input,textarea)[readonly]]:focus-within:ring-0',\n    'tw:has-[:is(input,textarea)[readonly]]:border-input',\n\n    // disabled cursor (opacity owned by variant)\n    'tw:has-[:is(input,textarea):disabled]:cursor-not-allowed',\n\n    // textarea: top-align addons, allow vertical expansion, own its y-padding\n    'tw:has-[textarea]:items-start',\n\n    'tw:has-[[data-align=block-start]:not(:empty)]:flex-wrap',\n    'tw:has-[[data-align=block-end]:not(:empty)]:flex-wrap',\n    'tw:[&>input]:has-[[data-align=block-start]:not(:empty)]:w-auto',\n    'tw:[&>input]:has-[[data-align=block-start]:not(:empty)]:flex-1',\n    'tw:[&>input]:has-[[data-align=block-end]:not(:empty)]:w-auto',\n    'tw:[&>input]:has-[[data-align=block-end]:not(:empty)]:flex-1',\n\n    'tw:[&_input]:px-4',\n    'tw:[&>input]:has-[[data-align=inline-start]:not(:empty)]:pl-2',\n    'tw:[&>input]:has-[[data-align=inline-end]:not(:empty)]:pr-2',\n  ],\n  {\n    defaultVariants: {\n      variant: 'primary',\n      state: 'default',\n      sizing: 'medium',\n      focusVariant: 'default',\n    },\n    compoundVariants: [\n      {\n        variant: 'secondary',\n        state: 'error',\n        // The fixed light fill needs pinned dark text — `foreground` is near-white in dark.\n        className: ['tw:bg-error-100', 'tw:text-neutral-800'],\n      },\n      {\n        variant: 'secondary',\n        state: 'warning',\n        // Same pin as `error` above.\n        className: ['tw:bg-warning-100', 'tw:text-neutral-800'],\n      },\n      {\n        variant: 'primary',\n        state: 'default',\n        focusVariant: 'off',\n        className: ['tw:has-[:is(input,textarea):focus]:border-neutral-200'],\n      },\n      {\n        variant: 'secondary',\n        state: 'default',\n        focusVariant: 'off',\n        className: ['tw:has-[:is(input,textarea):focus]:border-secondary'],\n      },\n      {\n        variant: ['primary', 'secondary'],\n        state: 'error',\n        focusVariant: 'on',\n        className: ['tw:!border-error-500', 'tw:!ring-error-200'],\n      },\n      {\n        variant: ['primary', 'secondary'],\n        state: 'warning',\n        focusVariant: 'on',\n        className: ['tw:!border-warning-500', 'tw:!ring-warning-200'],\n      },\n      // --- argo ---\n      {\n        variant: 'argo',\n        state: 'default',\n        className: [\n          'tw:has-[:is(input,textarea):focus]:border-primary',\n          'tw:has-[:is(input,textarea):focus]:ring-ring/50',\n        ],\n      },\n      {\n        variant: 'argo',\n        state: 'error',\n        className: [\n          'tw:border-destructive',\n          'tw:has-[:is(input,textarea):focus]:border-destructive',\n          'tw:has-[:is(input,textarea):focus]:ring-destructive/20',\n        ],\n      },\n      {\n        variant: 'argo',\n        focusVariant: 'on',\n        className: ['tw:!border-primary', 'tw:!ring-ring/50'],\n      },\n      {\n        variant: 'argo',\n        state: 'error',\n        focusVariant: 'on',\n        className: ['tw:!border-destructive', 'tw:!ring-destructive/20'],\n      },\n      {\n        variant: 'argo',\n        state: 'default',\n        focusVariant: 'off',\n        className: ['tw:has-[:is(input,textarea):focus]:border-input'],\n      },\n    ],\n    variants: {\n      focusVariant: {\n        default: [],\n        on: ['tw:!border-ring', 'tw:!ring-ring/30', 'tw:!ring-4'],\n        off: ['tw:has-[:is(input,textarea):focus]:!ring-0'],\n      },\n      variant: {\n        primary: [\n          // The field-surface token — white in the light scheme, so this is a\n          // no-op there; the dark scheme gets a field fill, not a white slab.\n          'tw:bg-input-background',\n          'tw:text-foreground',\n          'tw:has-[:is(input,textarea):disabled]:opacity-40',\n          // aria-invalid on the control surfaces the error chrome without a `state` prop — the\n          // accessible path (mirrors the `state=\"error\"` legacy tokens). Higher specificity than\n          // the default focus selector, so it wins without `!important`.\n          'tw:has-[:is(input,textarea)[aria-invalid=true]]:border-error-500',\n          'tw:has-[:is(input,textarea)[aria-invalid=true]:focus]:border-error-500',\n          'tw:has-[:is(input,textarea)[aria-invalid=true]:focus]:ring-error-200',\n        ],\n        secondary: [\n          'tw:bg-secondary',\n          'tw:border-secondary',\n          'tw:has-[:is(input,textarea):disabled]:opacity-40',\n          'tw:has-[:is(input,textarea)[aria-invalid=true]]:border-error-500',\n          'tw:has-[:is(input,textarea)[aria-invalid=true]:focus]:border-error-500',\n          'tw:has-[:is(input,textarea)[aria-invalid=true]:focus]:ring-error-200',\n        ],\n        argo: [\n          // argo follows the brand radius token (overrides the static base)\n          'tw:rounded-[var(--radius-lg,0.25rem)]',\n          // muted filled input surface — gray, distinct from white containers; not the app-background token.\n          // Deliberately `muted`, not the `input-background` field token legacy uses: argo's field is a\n          // grey inset by design. Converging the two is a brand-value decision, not a component one.\n          'tw:bg-muted',\n          'tw:border-input',\n          'tw:text-foreground',\n          'tw:has-[:is(input,textarea):disabled]:opacity-disabled',\n          // readonly: muted fill, input border — same pair as the editable argo field.\n          'tw:has-[:is(input,textarea)[readonly]]:bg-muted',\n          'tw:has-[:is(input,textarea)[readonly]]:border-input',\n          // higher specificity than has-[:is(input,textarea):focus] — prevents focus border on readonly\n          'tw:has-[:is(input,textarea)[readonly]:focus]:border-input',\n          // aria-invalid on the control surfaces the error chrome without a `state` prop — the\n          // accessible path (uses the themeable `destructive` status token).\n          'tw:has-[:is(input,textarea)[aria-invalid=true]]:border-destructive',\n          'tw:has-[:is(input,textarea)[aria-invalid=true]:focus]:border-destructive',\n          'tw:has-[:is(input,textarea)[aria-invalid=true]:focus]:ring-destructive/20',\n        ],\n      },\n      sizing: {\n        default: [\n          'tw:[&_:is(input,textarea)]:py-2.5',\n          'tw:[&_:is(input,textarea)]:leading-[18px]',\n          'tw:[&_textarea]:!min-h-[calc(2.5rem-2px)]',\n        ],\n        small: [\n          'tw:[&_:is(input,textarea)]:py-2',\n          'tw:[&_:is(input,textarea)]:leading-[16px]',\n          'tw:[&_textarea]:!min-h-[calc(2rem-2px)]',\n        ],\n        medium: [\n          'tw:[&_:is(input,textarea)]:py-2',\n          'tw:[&_:is(input,textarea)]:leading-[18px]',\n          'tw:[&_textarea]:!min-h-[calc(2.25rem-2px)]',\n        ],\n      },\n      state: {\n        default: [\n          'tw:has-[:is(input,textarea):focus]:border-ring',\n          'tw:has-[:is(input,textarea):focus]:ring-ring/30',\n        ],\n        error: [\n          'tw:border-error-500',\n          'tw:has-[:is(input,textarea):focus]:border-error-500',\n          'tw:has-[:is(input,textarea):focus]:ring-error-200',\n        ],\n        warning: [\n          'tw:border-warning-500',\n          'tw:has-[:is(input,textarea):focus]:border-warning-500',\n          'tw:has-[:is(input,textarea):focus]:ring-warning-200',\n        ],\n      },\n    },\n  },\n);\n\ntype Props = ComponentPropsWithRef<'div'> &\n  Omit<VariantProps<typeof inputGroupVariants>, 'variant'> & {\n    variant?: Exclude<VariantProps<typeof inputGroupVariants>['variant'], 'argo'>;\n  };\n\nconst InputGroupRoot = ({\n  ref,\n  children,\n  state,\n  variant,\n  sizing,\n  focusVariant,\n  className,\n  ...props\n}: Props) => {\n  const isArgo = useArgoDesign();\n  const effectiveVariant = isArgo ? 'argo' : variant;\n  const effectiveSizing = effectiveVariant === 'argo' ? 'medium' : sizing;\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={cn(\n        inputGroupVariants({\n          state,\n          variant: effectiveVariant,\n          sizing: effectiveSizing,\n          focusVariant,\n          className,\n        }),\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport const InputGroup = InputGroupRoot as typeof InputGroupRoot & {\n  Input: typeof InputGroupInput;\n  Addon: typeof InputGroupAddon;\n  Button: typeof InputGroupButton;\n  TextArea: typeof InputGroupTextArea;\n  Text: typeof InputGroupText;\n};\n\nInputGroup.Input = InputGroupInput;\nInputGroup.Addon = InputGroupAddon;\nInputGroup.Button = InputGroupButton;\nInputGroup.TextArea = InputGroupTextArea;\nInputGroup.Text = InputGroupText;\n"],"mappings":"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AK,CAAC,4CAA4C;EACpD;EACA,SAAS;GACP,SAAS;IAGP;IACA;IACA;IAIA;IACA;IACA;GACF;GACA,WAAW;IACT;IACA;IACA;IACA;IACA;IACA;GACF;GACA,MAAM;IAEJ;IAIA;IACA;IACA;IACA;IAEA;IACA;IAEA;IAGA;IACA;IACA;GACF;EACF;EACA,QAAQ;GACN,SAAS;IACP;IACA;IACA;GACF;GACA,OAAO;IACL;IACA;IACA;GACF;GACA,QAAQ;IACN;IACA;IACA;GACF;EACF;EACA,OAAO;GACL,SAAS,CACP,kDACA,iDACF;GACA,OAAO;IACL;IACA;IACA;GACF;GACA,SAAS;IACP;IACA;IACA;GACF;EACF;CACF;AACF,CACF;AAOA,MAAM,kBAAkB,EACtB,KACA,UACA,OACA,SACA,QACA,cACA,WACA,GAAG,YACQ;CAEX,MAAM,mBADS,cACe,IAAI,SAAS;CAC3C,MAAM,kBAAkB,qBAAqB,SAAS,WAAW;CACjE,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GACT,mBAAmB;GACjB;GACA,SAAS;GACT,QAAQ;GACR;GACA;EACF,CAAC,CACH;EAEC;CACE,CAAA;AAET;AAEA,MAAa,aAAa;AAQ1B,WAAW,QAAQ;AACnB,WAAW,QAAQ;AACnB,WAAW,SAAS;AACpB,WAAW,WAAW;AACtB,WAAW,OAAO"}

package/dist/Kbd-3YM7NQO4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Kbd-3YM7NQO4.js","names":[],"sources":["../src/components/Kbd/KbdSeparator.tsx","../src/components/Kbd/KbdGroup.tsx","../src/components/Kbd/styles.ts","../src/components/Kbd/Kbd.tsx","../src/components/Kbd/keyboardKeys.ts"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'span'>;\n\n/**\n * The `+` / `then` glue between two `Kbd` keys.\n *\n * - Follows the muted chrome token by default.\n * - Turns white inside the legacy dark tooltip, which sets `data-tooltip-content`.\n */\nexport const KbdSeparator = ({ className, ...props }: Props) => (\n  <span\n    {...props}\n    className={cn(\n      'tw:text-xs tw:text-muted-foreground',\n      'tw:[[data-tooltip-content=true]_&]:text-white/70',\n      className,\n    )}\n  />\n);\n","import { Children, Fragment } from 'react';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\nimport { KbdSeparator } from './KbdSeparator';\n\ntype Props = { separator?: string } & ComponentProps<'kbd'>;\n\nexport const KbdGroup = ({ ref, className, children, separator, ...props }: Props) => {\n  return (\n    <kbd\n      {...props}\n      ref={ref}\n      className={cn('tw:inline-flex', 'tw:items-center', 'tw:gap-1', className)}\n    >\n      {separator\n        ? // oxlint-disable-next-line react-x/no-children-to-array\n          Children.toArray(children).map((child, index) => (\n            // oxlint-disable-next-line\n            <Fragment key={index}>\n              {index > 0 && <KbdSeparator>{separator}</KbdSeparator>}\n              {child}\n            </Fragment>\n          ))\n        : children}\n    </kbd>\n  );\n};\n","import { cva } from 'class-variance-authority';\n\nexport const kbdVariants = cva(\n  [\n    'tailwindcss-preflight',\n    // style\n    'tw:pointer-events-none',\n    'tw:w-fit',\n    'tw:h-5',\n    'tw:min-w-5',\n\n    // layout\n    'tw:inline-flex',\n    'tw:items-center',\n    'tw:justify-center',\n    'tw:gap-1',\n    'tw:shrink-0',\n\n    // spacing\n    'tw:px-1',\n    'tw:[&_svg:not([class*=\"size-\"])]:size-2.5',\n\n    'tw:text-xs',\n    'tw:font-medium',\n\n    'tw:rounded',\n  ],\n  {\n    defaultVariants: {\n      variant: 'default',\n      casing: 'upper',\n    },\n    variants: {\n      // Uppercase like a keycap; `as-written` for layout-printed labels, where the transform\n      // changes glyph count (`ß` → `SS`).\n      casing: {\n        upper: 'tw:uppercase',\n        'as-written': '',\n      },\n      variant: {\n        default: 'tw:bg-muted tw:text-muted-foreground',\n        // Tooltip shortcut key: white only inside the dark `data-tooltip-content` tooltip;\n        // Argo's light tooltip sets no such attribute, so white there would be invisible.\n        primary: [\n          'tw:bg-muted tw:text-muted-foreground',\n          'tw:[[data-tooltip-content=true]_&]:bg-white/20',\n          'tw:[[data-tooltip-content=true]_&]:text-white',\n        ],\n      },\n    },\n  },\n);\n","import type { ComponentProps } from 'react';\nimport type { VariantProps } from 'class-variance-authority';\n\nimport { KbdGroup } from './KbdGroup';\nimport { KbdSeparator } from './KbdSeparator';\nimport { kbdVariants } from './styles';\n\ntype Props = ComponentProps<'kbd'> & VariantProps<typeof kbdVariants>;\n\nexport const Kbd = ({ children, className, variant, casing, ...rest }: Props) => (\n  <kbd {...rest} className={kbdVariants({ className, variant, casing })}>\n    {children}\n  </kbd>\n);\n\nKbd.Group = KbdGroup;\nKbd.Separator = KbdSeparator;\n","import { isMac } from '../../utils';\n\ntype KeyName = 'mod' | 'option' | 'shift' | 'enter';\ntype KeyRepresentation = { symbol: string; text: string };\n\ntype KeyDefinition = {\n  mac: KeyRepresentation;\n  windows: KeyRepresentation;\n};\n\nconst KEY_DEFINITIONS: Record<KeyName, KeyDefinition> = {\n  mod: {\n    mac: { symbol: '⌘', text: 'Command' },\n    windows: { symbol: 'Ctrl', text: 'Ctrl' },\n  },\n  option: {\n    mac: { symbol: '⌥', text: 'Option' },\n    windows: { symbol: 'Alt', text: 'Alt' },\n  },\n  shift: {\n    mac: { symbol: '⇧', text: 'Shift' },\n    windows: { symbol: '⇧', text: 'Shift' },\n  },\n  enter: {\n    mac: { symbol: '⏎', text: 'Enter' },\n    windows: { symbol: '⏎', text: 'Enter' },\n  },\n};\n\nconst createKeyboardKeys = () => {\n  const keysObj: Record<KeyName, KeyRepresentation> = {} as Record<KeyName, KeyRepresentation>;\n\n  for (const keyName of Object.keys(KEY_DEFINITIONS) as KeyName[]) {\n    keysObj[keyName] = KEY_DEFINITIONS[keyName][isMac ? 'mac' : 'windows'];\n  }\n\n  return keysObj;\n};\n\nexport const keys = createKeyboardKeys();\n"],"mappings":";;;;;;;;;;;;AAYA,MAAa,gBAAgB,EAAE,WAAW,GAAG,YAC3C,oBAAC,QAAD;CACE,GAAI;CACJ,WAAW,GACT,uCACA,oDACA,SACF;AACD,CAAA;;;ACXH,MAAa,YAAY,EAAE,KAAK,WAAW,UAAU,WAAW,GAAG,YAAmB;CACpF,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,kBAAkB,mBAAmB,YAAY,SAAS;EAEvE,UAAA,YAEG,SAAS,QAAQ,QAAQ,CAAC,CAAC,KAAK,OAAO,UAErC,qBAAC,UAAD,EAAA,UAAA,CACG,QAAQ,KAAK,oBAAC,cAAD,EAAA,UAAe,UAAwB,CAAA,GACpD,KACO,EAAA,GAHK,KAGL,CACX,IACD;CACD,CAAA;AAET;;;AC1BA,MAAa,cAAc,IACzB;CACE;CAEA;CACA;CACA;CACA;CAGA;CACA;CACA;CACA;CACA;CAGA;CACA;CAEA;CACA;CAEA;AACF,GACA;CACE,iBAAiB;EACf,SAAS;EACT,QAAQ;CACV;CACA,UAAU;EAGR,QAAQ;GACN,OAAO;GACP,cAAc;EAChB;EACA,SAAS;GACP,SAAS;GAGT,SAAS;IACP;IACA;IACA;GACF;EACF;CACF;AACF,CACF;;;AC1CA,MAAa,OAAO,EAAE,UAAU,WAAW,SAAS,QAAQ,GAAG,WAC7D,oBAAC,OAAD;CAAK,GAAI;CAAM,WAAW,YAAY;EAAE;EAAW;EAAS;CAAO,CAAC;CACjE;AACE,CAAA;AAGP,IAAI,QAAQ;AACZ,IAAI,YAAY;;;ACNhB,MAAM,kBAAkD;CACtD,KAAK;EACH,KAAK;GAAE,QAAQ;GAAK,MAAM;EAAU;EACpC,SAAS;GAAE,QAAQ;GAAQ,MAAM;EAAO;CAC1C;CACA,QAAQ;EACN,KAAK;GAAE,QAAQ;GAAK,MAAM;EAAS;EACnC,SAAS;GAAE,QAAQ;GAAO,MAAM;EAAM;CACxC;CACA,OAAO;EACL,KAAK;GAAE,QAAQ;GAAK,MAAM;EAAQ;EAClC,SAAS;GAAE,QAAQ;GAAK,MAAM;EAAQ;CACxC;CACA,OAAO;EACL,KAAK;GAAE,QAAQ;GAAK,MAAM;EAAQ;EAClC,SAAS;GAAE,QAAQ;GAAK,MAAM;EAAQ;CACxC;AACF;AAEA,MAAM,2BAA2B;CAC/B,MAAM,UAA8C,CAAC;CAErD,KAAK,MAAM,WAAW,OAAO,KAAK,eAAe,GAC/C,QAAQ,WAAW,gBAAgB,QAAQ,CAAC,QAAQ,QAAQ;CAG9D,OAAO;AACT;AAEA,MAAa,OAAO,mBAAmB"}

package/dist/Modal-DMZRswk4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal-DMZRswk4.js","names":[],"sources":["../src/components/Modal/ModalBody.tsx","../src/components/Modal/ModalContent.tsx","../src/components/Modal/ModalFooter.tsx","../src/components/Modal/ModalActions.tsx","../src/components/Modal/ModalHeader.tsx","../src/components/Modal/ModalIcon.tsx","../src/components/Modal/ModalImage.tsx","../src/components/Modal/Modal.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\n/** Props for `Modal.Body`. Accepts all `<div>` attributes; `as=\"form\"` is reserved for future use. */\ntype Props = ComponentProps<'div'> & {\n  as?: 'form';\n};\n\n/**\n * Scrollable body slot for `Modal`. Place form fields, content blocks, or detail panels here.\n * Takes available height inside `Modal.Content` and scrolls when content overflows.\n */\nexport const ModalBody = ({ className, ...props }: Props) => (\n  <div\n    data-slot=\"modal-body\"\n    className={cn(\n      // scrollable body - takes available space and scrolls when content overflows\n      'tw:flex-1',\n      'tw:overflow-y-auto',\n\n      // argo: soft top/bottom edge fade in place of header/footer separators (pure-CSS utility)\n      'tw:group-data-[argo=true]/modal:scroll-fade-y',\n\n      // Own horizontal padding, matching Header/Footer so content edges align (ModalContent adds none)\n      'tw:group-data-[argo=false]/modal:px-7',\n      'tw:group-data-[argo=true]/modal:px-4',\n      'tw:py-1',\n\n      // normalize nested Lucide icon sizing, matching Popover/HoverCard/Alert content surfaces\n      \"tw:[&_svg.lucide:not([class*='tw:size-'])]:size-4\",\n      'tw:[&_svg]:shrink-0',\n      className,\n    )}\n    {...props}\n  />\n);\n","import type { ComponentProps } from 'react';\nimport { Content, Portal } from '@radix-ui/react-dialog';\n\nimport { cn } from '../../utils';\nimport { useArgoDesign } from '../ThemeProvider/context';\n\nimport { ModalOverlay } from './ModalOverlay';\n\ntype Props = ComponentProps<typeof Content> & {\n  size?: 'small' | 'medium' | 'large';\n  /** `top` keeps a form that changes height in place; ignored by the legacy brand (always top-anchored). */\n  align?: 'center' | 'top';\n};\n\nexport const ModalContent = ({\n  size = 'medium',\n  align = 'center',\n  className,\n  children,\n  onEscapeKeyDown,\n  ...props\n}: Props) => {\n  const renderArgo = useArgoDesign();\n\n  const handleEscapeKeyDown: typeof onEscapeKeyDown = (event) => {\n    // Keeps parent modals (e.g. FullScreenModal) open\n    event.stopPropagation();\n    onEscapeKeyDown?.(event);\n  };\n\n  return (\n    <Portal>\n      <ModalOverlay>\n        <Content\n          // props first so callers can't override the computed data-argo / data-size\n          {...props}\n          data-argo={renderArgo}\n          data-size={size}\n          data-align={align}\n          className={cn(\n            'tailwindcss-preflight',\n            'tw:group/modal',\n\n            'tw:fixed',\n            'tw:left-1/2',\n            'tw:-translate-x-1/2',\n            'tw:z-[1051]',\n\n            'tw:data-[argo=false]:top-20',\n            'tw:data-[argo=true]:top-1/2',\n            'tw:data-[argo=true]:-translate-y-1/2',\n            'tw:data-[argo=true]:data-[align=top]:top-20',\n            'tw:data-[argo=true]:data-[align=top]:translate-y-0',\n\n            'tw:w-full',\n            'tw:max-w-2xl',\n            'tw:max-h-[calc(100vh-2*theme(spacing.20))]',\n\n            'tw:flex',\n            'tw:flex-col',\n            'tw:gap-4',\n            'tw:data-[argo=false]:rounded-lg',\n            'tw:data-[argo=true]:rounded-modal',\n            'tw:bg-card',\n            'tw:text-card-foreground',\n\n            // Vertical padding here survives an omitted Header/Footer; horizontal is theirs, so the\n            // Body scrollbar sits at the modal edge.\n            'tw:data-[argo=false]:py-8',\n            'tw:data-[argo=true]:py-4',\n\n            'tw:duration-200',\n            'tw:data-[state=open]:animate-in',\n            'tw:data-[state=open]:fade-in-0',\n            'tw:data-[state=closed]:animate-out',\n            'tw:data-[state=closed]:fade-out-0',\n\n            // No -1/2 slide classes: centring uses `translate`, the animation `transform`; they\n            // compose, so a -50% slide would stack to -100% and fly in from the top-left.\n\n            // legacy is top-anchored, so its slide has no centring translate to double\n            'tw:data-[argo=false]:data-[state=open]:zoom-in-80',\n            'tw:data-[argo=false]:data-[state=open]:slide-in-from-top-[48%]',\n            'tw:data-[argo=false]:data-[state=closed]:zoom-out-80',\n            'tw:data-[argo=false]:data-[state=closed]:slide-out-to-top-[48%]',\n\n            'tw:data-[argo=true]:data-[state=open]:zoom-in-95',\n            'tw:data-[argo=true]:data-[state=closed]:zoom-out-95',\n\n            {\n              'tw:max-w-[480px]': size === 'small',\n              'tw:max-w-4xl': size === 'large',\n            },\n\n            className,\n          )}\n          onEscapeKeyDown={handleEscapeKeyDown}\n        >\n          {children}\n        </Content>\n      </ModalOverlay>\n    </Portal>\n  );\n};\n","import type { ComponentPropsWithRef } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentPropsWithRef<'div'>;\n\n/**\n * The modal's action row.\n *\n * - A child that should fill the row carries `tw:w-full` itself; the footer is already full width.\n * - tailwind-merge replaces only within a group: `tw:flex-col` keeps `items-center`, so add `tw:items-stretch`.\n */\nexport const ModalFooter = ({ className, ...props }: Props) => (\n  <div\n    {...props}\n    className={cn(\n      'tw:flex',\n      'tw:items-center',\n      'tw:justify-end',\n      'tw:gap-2',\n\n      'tw:group-data-[argo=false]/modal:px-7',\n      'tw:group-data-[argo=true]/modal:px-4',\n      className,\n    )}\n  />\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'div'>;\n\n/**\n * Container for the header's top-right controls — any `actions` passed to `Modal.Header` plus the\n * close icon. Sits in the header grid's last column, top-aligned. Mirrors `Alert`'s action slot.\n */\nexport const ModalActions = ({ className, ...props }: Props) => (\n  <div\n    className={cn(\n      'tw:col-start-3',\n      'tw:row-start-1',\n      'tw:self-start',\n      'tw:flex',\n      'tw:items-center',\n      'tw:gap-1',\n      // argo: gutter separating the actions/close from the title (carried here so the grid needs no\n      // column gap — see ModalHeader)\n      'tw:group-data-[argo=true]/modal:ml-3',\n      className,\n    )}\n    {...props}\n  />\n);\n","import type { ComponentProps, ReactNode } from 'react';\nimport { Close } from '@radix-ui/react-dialog';\n\nimport { X } from '../../icons';\nimport { cn } from '../../utils';\nimport { Button } from '../Button';\nimport { Separator } from '../Separator';\n\nimport { ModalActions } from './ModalActions';\nimport { ModalDescription } from './ModalDescription';\nimport { ModalTitle } from './ModalTitle';\n\ntype Props = {\n  /** Status icon slot — `<Modal.Icon />` or `<Modal.Image />`. */\n  icon?: ReactNode;\n  /** Visible subtitle below the title (also fills `aria-describedby`). */\n  description?: ReactNode;\n  /** Screen-reader-only description; fills `aria-describedby` without rendering visibly. */\n  'aria-description'?: string;\n  /** Controls rendered top-right, before the close icon. */\n  actions?: ReactNode;\n  /** Hide the top-right close icon. */\n  hideCloseIcon?: boolean;\n} & ComponentProps<'div'>;\n\n/** Modal header: `[icon] | title (children) | actions + close` on row 1, `description` on row 2. */\nexport const ModalHeader = ({\n  className,\n  icon,\n  description,\n  'aria-description': ariaDescription,\n  actions,\n  hideCloseIcon = false,\n  children,\n  ...props\n}: Props) => (\n  <div\n    {...props}\n    data-slot=\"modal-header\"\n    className={cn(\n      'tw:grid',\n      'tw:grid-cols-[auto_1fr_auto]',\n      'tw:items-center',\n      'tw:group-data-[argo=false]/modal:px-7',\n      'tw:group-data-[argo=true]/modal:px-4',\n      className,\n    )}\n  >\n    {icon}\n\n    {children && <ModalTitle className=\"tw:col-start-2 tw:row-start-1\">{children}</ModalTitle>}\n    {(actions || !hideCloseIcon) && (\n      <ModalActions>\n        {actions}\n        {!hideCloseIcon && (\n          <Close asChild>\n            <Button variant=\"invisible\" size=\"icon-sm\">\n              <X />\n              <span className=\"tw:sr-only\">Close</span>\n            </Button>\n          </Close>\n        )}\n      </ModalActions>\n    )}\n    {(description || ariaDescription) && (\n      <ModalDescription\n        className={cn(\n          'tw:col-start-1',\n          'tw:col-end-4',\n          'tw:row-start-2',\n          description ? 'tw:mt-1' : 'tw:sr-only',\n        )}\n      >\n        {description ?? ariaDescription}\n      </ModalDescription>\n    )}\n\n    {/* Legacy-only separator; shown when a Body follows, hidden when that body hosts Tabs. */}\n    <div\n      className={cn(\n        'tw:col-start-1',\n        'tw:col-end-4',\n        'tw:mt-5',\n        'tw:hidden',\n        'tw:group-data-[argo=false]/modal:[[data-slot=modal-header]:has(~[data-slot=modal-body])_&]:block',\n        'tw:group-data-[argo=false]/modal:[[data-slot=modal-header]:has(~[data-slot=modal-body]_[data-slot=tabs-root])_&]:!hidden',\n      )}\n    >\n      <Separator orientation=\"horizontal\" />\n    </div>\n  </div>\n);\n","import type { ReactNode } from 'react';\n\nimport { cn } from '../../utils';\n\ntype NamedColor = 'orange' | 'blue' | 'red' | 'green' | 'gray' | 'violet';\n\ntype Props = {\n  color: NamedColor | (string & {});\n  icon: ReactNode;\n};\n\nconst NAMED_COLORS = new Set<string>(['orange', 'blue', 'red', 'green', 'gray', 'violet']);\n\n/**\n * Status-coloured icon for `Modal`, authored inside `Modal.Header`; remote images use `Modal.Image`.\n *\n * - Legacy: solid circular badge, absolutely docked to `Modal.Content`'s top-left.\n * - Argo (`data-argo` on `Modal.Content`): soft-tinted inline badge next to the title.\n * - CSS (`group-data-[argo=true]/modal:`) toggles the two, no context.\n * - `color` is categorical (`red` destructive … `violet` agent), fixed across brand themes.\n */\nexport const ModalIcon = ({ color, icon }: Props) => {\n  const customColor = color && !NAMED_COLORS.has(color) ? color : undefined;\n\n  return (\n    <span\n      data-slot=\"modal-icon\"\n      className={cn(\n        'tw:flex',\n        'tw:shrink-0',\n        'tw:items-center',\n        'tw:justify-center',\n        'tw:[&_svg]:aspect-square',\n\n        // legacy\n        'tw:group-data-[argo=false]/modal:absolute',\n        'tw:group-data-[argo=false]/modal:top-0',\n        'tw:group-data-[argo=false]/modal:left-8',\n        'tw:group-data-[argo=false]/modal:-translate-y-1/2',\n        'tw:group-data-[argo=false]/modal:size-12',\n        'tw:group-data-[argo=false]/modal:rounded-full',\n        'tw:group-data-[argo=false]/modal:[&_svg:not([class*=\"tw:size-\"])]:size-6',\n\n        // argo\n        'tw:group-data-[argo=true]/modal:col-start-1',\n        'tw:group-data-[argo=true]/modal:row-start-1',\n        'tw:group-data-[argo=true]/modal:self-start',\n        'tw:group-data-[argo=true]/modal:mr-3',\n        'tw:group-data-[argo=true]/modal:size-8',\n        'tw:group-data-[argo=true]/modal:rounded',\n        'tw:group-data-[argo=true]/modal:overflow-hidden',\n        'tw:group-data-[argo=true]/modal:[&_svg:not([class*=\"tw:size-\"])]:size-5',\n\n        // legacy palette\n        {\n          'tw:group-data-[argo=false]/modal:bg-warning-500': color === 'orange',\n          'tw:group-data-[argo=false]/modal:bg-blue-500': color === 'blue',\n          'tw:group-data-[argo=false]/modal:bg-green-500': color === 'green',\n          'tw:group-data-[argo=false]/modal:bg-error-500': color === 'red',\n          'tw:group-data-[argo=false]/modal:bg-neutral-150': color === 'gray',\n          'tw:group-data-[argo=false]/modal:bg-purple-100': color === 'violet',\n          'tw:group-data-[argo=false]/modal:text-white': color !== 'violet',\n          'tw:group-data-[argo=false]/modal:text-purple-500': color === 'violet',\n        },\n\n        // argo palette\n        {\n          'tw:group-data-[argo=true]/modal:bg-warning-100 tw:group-data-[argo=true]/modal:text-warning-500':\n            color === 'orange',\n          'tw:group-data-[argo=true]/modal:bg-blue-100 tw:group-data-[argo=true]/modal:text-blue-600':\n            color === 'blue',\n          'tw:group-data-[argo=true]/modal:bg-green-100 tw:group-data-[argo=true]/modal:text-green-900':\n            color === 'green',\n          'tw:group-data-[argo=true]/modal:bg-error-100 tw:group-data-[argo=true]/modal:text-error-500':\n            color === 'red',\n          'tw:group-data-[argo=true]/modal:bg-neutral-100 tw:group-data-[argo=true]/modal:text-neutral-500':\n            color === 'gray',\n          'tw:group-data-[argo=true]/modal:bg-purple-100 tw:group-data-[argo=true]/modal:text-purple-500':\n            color === 'violet',\n        },\n\n        // custom (non-named) colour\n        { 'tw:text-white': !!customColor },\n      )}\n      style={customColor ? { backgroundColor: customColor } : undefined}\n    >\n      {icon}\n    </span>\n  );\n};\n","import { useEffect, useState } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = {\n  src: string;\n  /** Accessible alt text. Defaults to `\"\"` (decorative) — provide it when the image carries meaning. */\n  alt?: string;\n};\n\nexport const ModalImage = ({ src, alt = '' }: Props) => {\n  const [hasImageError, setHasImageError] = useState(false);\n\n  // Reset the error state when the source changes, so a reused badge (new logo, or a retry after a\n  // transient failure) isn't permanently hidden by an earlier onError.\n  useEffect(() => setHasImageError(false), [src]);\n\n  if (hasImageError) return null;\n\n  return (\n    <span\n      data-slot=\"modal-image\"\n      className={cn(\n        'tw:shrink-0',\n        'tw:overflow-hidden',\n\n        // legacy: circular badge floating at the top-left of the modal\n        'tw:group-data-[argo=false]/modal:absolute',\n        'tw:group-data-[argo=false]/modal:top-0',\n        'tw:group-data-[argo=false]/modal:left-8',\n        'tw:group-data-[argo=false]/modal:-translate-y-1/2',\n        'tw:group-data-[argo=false]/modal:size-12',\n        'tw:group-data-[argo=false]/modal:rounded-full',\n\n        // argo: inline badge in the header grid's first column\n        'tw:group-data-[argo=true]/modal:flex',\n        'tw:group-data-[argo=true]/modal:col-start-1',\n        'tw:group-data-[argo=true]/modal:row-start-1',\n        'tw:group-data-[argo=true]/modal:self-start',\n        'tw:group-data-[argo=true]/modal:mr-3',\n        'tw:group-data-[argo=true]/modal:items-center',\n        'tw:group-data-[argo=true]/modal:justify-center',\n        'tw:group-data-[argo=true]/modal:rounded',\n        'tw:group-data-[argo=true]/modal:size-8',\n      )}\n    >\n      <img\n        src={src}\n        alt={alt}\n        className=\"tw:size-full tw:object-contain\"\n        onError={() => setHasImageError(true)}\n      />\n    </span>\n  );\n};\n","import type { ComponentProps } from 'react';\nimport { Close, Root, Trigger } from '@radix-ui/react-dialog';\n\nimport { ModalBody } from './ModalBody';\nimport { ModalContent } from './ModalContent';\nimport { ModalFooter } from './ModalFooter';\nimport { ModalHeader } from './ModalHeader';\nimport { ModalIcon } from './ModalIcon';\nimport { ModalImage } from './ModalImage';\nimport { ModalOverlay } from './ModalOverlay';\n\ntype Props = ComponentProps<typeof Root>;\n\n/**\n * Blocking dialog the user must act on before continuing. Built on Radix Dialog.\n *\n * - Not for side editing (`Sheet`), anchored confirms (`Popconfirm`) or hover previews (`HoverCard`).\n * - `Modal.Content` wraps Header + Body + Footer; a form's `FormBody` goes in Body, its buttons in Footer.\n *\n * @see RECIPES.md#modal-form\n * @see RECIPES.md#confirm-dialog\n */\nexport const Modal = (props: Props) => <Root {...props} />;\n\nModal.Close = Close;\nModal.Trigger = Trigger;\n\nModal.Content = ModalContent;\nModal.Body = ModalBody;\nModal.Icon = ModalIcon;\nModal.Image = ModalImage;\nModal.Footer = ModalFooter;\nModal.Header = ModalHeader;\nModal.Overlay = ModalOverlay;\n"],"mappings":"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"}

package/dist/ModalTitle-CTECVgL8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalTitle-CTECVgL8.js","names":[],"sources":["../src/components/Modal/ModalOverlay.tsx","../src/components/Modal/ModalDescription.tsx","../src/components/Modal/ModalTitle.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport { Overlay } from '@radix-ui/react-dialog';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<typeof Overlay> & {\n  disableTransition?: boolean;\n};\n\nexport const ModalOverlay = ({ ref, className, disableTransition = false, ...props }: Props) => (\n  <Overlay\n    {...props}\n    ref={ref}\n    className={cn(\n      // positioning\n      'tw:fixed',\n      'tw:inset-0',\n      'tw:z-[1051]',\n\n      // background\n      'tw:bg-scrim',\n\n      // opening animation\n      'tw:data-[state=open]:duration-500',\n      'tw:data-[state=open]:fade-in-0',\n\n      // closing animation\n      'tw:data-[state=closed]:duration-500',\n      'tw:data-[state=closed]:fade-out-0',\n      {\n        'tw:data-[state=open]:animate-in tw:data-[state=closed]:animate-out': !disableTransition,\n      },\n      className,\n    )}\n    onClick={(event) => event.stopPropagation()}\n  />\n);\n","import type { ComponentProps } from 'react';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<typeof DialogPrimitive.Description>;\n\nexport const ModalDescription = ({ className, ...props }: Props) => (\n  <DialogPrimitive.Description\n    className={cn(\n      // `wrap-anywhere` because the slot routinely carries an identifier — a Storage table id, a\n      // fully-qualified name — which offers no break opportunity and paints outside the frame\n      // without one. `ModalTitle` carries it for the same reason.\n      'tw:wrap-anywhere',\n      'tw:text-sm',\n      'tw:font-sans',\n      'tw:tracking-normal',\n      'tw:font-normal',\n      'tw:text-neutral-400',\n      className,\n    )}\n    {...props}\n  />\n);\n","import type { ComponentProps } from 'react';\nimport { Title } from '@radix-ui/react-dialog';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<typeof Title>;\n\nexport const ModalTitle = ({ children, className, ...props }: Props) => (\n  <Title\n    {...props}\n    className={cn('tw:flex-1', 'tw:wrap-anywhere', 'tw:text-base', 'tw:font-semibold', className)}\n  >\n    {children}\n  </Title>\n);\n"],"mappings":";;;;;AASA,MAAa,gBAAgB,EAAE,KAAK,WAAW,oBAAoB,OAAO,GAAG,YAC3E,oBAAC,SAAD;CACE,GAAI;CACC;CACL,WAAW,GAET,YACA,cACA,eAGA,eAGA,qCACA,kCAGA,uCACA,qCACA,EACE,sEAAsE,CAAC,kBACzE,GACA,SACF;CACA,UAAU,UAAU,MAAM,gBAAgB;AAC3C,CAAA;;;AC5BH,MAAa,oBAAoB,EAAE,WAAW,GAAG,YAC/C,oBAAC,gBAAgB,aAAjB;CACE,WAAW,GAIT,oBACA,cACA,gBACA,sBACA,kBACA,uBACA,SACF;CACA,GAAI;AACL,CAAA;;;ACfH,MAAa,cAAc,EAAE,UAAU,WAAW,GAAG,YACnD,oBAAC,OAAD;CACE,GAAI;CACJ,WAAW,GAAG,aAAa,oBAAoB,gBAAgB,oBAAoB,SAAS;CAE3F;AACI,CAAA"}

package/dist/Popover-BU7nGOv-.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Popover-BU7nGOv-.js","names":[],"sources":["../src/components/Popover/PopoverContent.tsx","../src/components/Popover/Popover.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport { Content, Portal } from '@radix-ui/react-popover';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\nimport { useArgoDesign } from '../ThemeProvider/context';\n\nconst variants = cva(\n  [\n    'tailwindcss-preflight',\n    'tw:group/popover-content',\n    'tw:z-[1055]',\n    'tw:focus-visible:outline-hidden',\n\n    // An open Radix Dialog sets `pointer-events: none` on <body>, which this portalled panel\n    // inherits; outside-click dismiss still works (it listens on document).\n    'tw:pointer-events-auto',\n\n    // sizing\n    'tw:min-w-32',\n    'tw:max-h-[var(--radix-popover-content-available-height)]',\n    'tw:origin-(--radix-popover-content-transform-origin)',\n\n    // layout\n    'tw:flex',\n    'tw:flex-col',\n    'tw:overflow-y-auto',\n\n    // border\n    'tw:box-border',\n    'tw:border',\n    'tw:border-solid',\n    'tw:border-border',\n    'tw:shadow-lg',\n\n    // surface — semantic tokens, so a portalled panel follows the brand and the scheme\n    'tw:bg-popover',\n    'tw:text-popover-foreground',\n\n    // open animation\n    'tw:data-[state=open]:animate-in',\n    'tw:data-[state=open]:fade-in-0',\n    'tw:data-[state=open]:zoom-in-95',\n\n    // closed animation\n    'tw:data-[state=closed]:animate-out',\n    'tw:data-[state=closed]:fade-out-0',\n    'tw:data-[state=closed]:zoom-out-95',\n\n    // position animation\n    'tw:data-[side=bottom]:slide-in-from-top-2',\n    'tw:data-[side=left]:slide-in-from-right-2',\n    'tw:data-[side=right]:slide-in-from-left-2',\n    'tw:data-[side=top]:slide-in-from-bottom-2',\n\n    // Default size for nested Lucide icons; callers can override on the icon.\n    \"tw:[&_svg.lucide:not([class*='tw:size-'])]:size-4\",\n    'tw:[&_svg]:shrink-0',\n  ],\n  {\n    defaultVariants: {\n      matchTriggerWidth: false,\n      variant: 'default',\n    },\n    variants: {\n      // Only radius differs; colours live in the base array.\n      variant: {\n        default: ['tw:rounded-md'],\n        argo: ['tw:rounded-popover'],\n      },\n      matchTriggerWidth: {\n        true: ['tw:w-[var(--radix-popover-trigger-width)]'],\n        false: [],\n      },\n    },\n  },\n);\n\ntype Props = ComponentProps<typeof Content> &\n  Omit<VariantProps<typeof variants>, 'variant'> & {\n    /**\n     * Portal target, default `document.body`; pass a theme-scoped host so the panel takes its theme.\n     */\n    container?: ComponentProps<typeof Portal>['container'];\n  };\n\nexport const PopoverContent = ({\n  ref,\n  className,\n  align = 'center',\n  sideOffset = 4,\n  matchTriggerWidth = false,\n  children,\n  onEscapeKeyDown,\n  container,\n  ...props\n}: Props) => {\n  const effectiveVariant: NonNullable<VariantProps<typeof variants>['variant']> = useArgoDesign()\n    ? 'argo'\n    : 'default';\n  return (\n    <Portal container={container}>\n      <Content\n        ref={ref}\n        align={matchTriggerWidth ? 'start' : align}\n        sideOffset={sideOffset}\n        className={cn(variants({ className, matchTriggerWidth, variant: effectiveVariant }))}\n        onEscapeKeyDown={(event) => {\n          // Keeps parent modals (e.g. FullScreenModal) from closing.\n          event.stopPropagation();\n          onEscapeKeyDown?.(event);\n        }}\n        {...props}\n      >\n        {children}\n      </Content>\n    </Portal>\n  );\n};\n","import type { ComponentProps } from 'react';\nimport { Anchor, Close, Root, Trigger } from '@radix-ui/react-popover';\n\nimport { PopoverContent } from './PopoverContent';\n\ntype Props = ComponentProps<typeof Root>;\n\nexport const Popover = (props: Props) => <Root {...props} />;\n\n/**\n * Main Layout\n */\nPopover.Content = PopoverContent;\nPopover.Trigger = Trigger;\n// Positions a controlled popover against an element other than its trigger.\nPopover.Anchor = Anchor;\nPopover.Close = Close;\n"],"mappings":";;;;;;AAQA,MAAM,WAAW,IACf;CACE;CACA;CACA;CACA;CAIA;CAGA;CACA;CACA;CAGA;CACA;CACA;CAGA;CACA;CACA;CACA;CACA;CAGA;CACA;CAGA;CACA;CACA;CAGA;CACA;CACA;CAGA;CACA;CACA;CACA;CAGA;CACA;AACF,GACA;CACE,iBAAiB;EACf,mBAAmB;EACnB,SAAS;CACX;CACA,UAAU;EAER,SAAS;GACP,SAAS,CAAC,eAAe;GACzB,MAAM,CAAC,oBAAoB;EAC7B;EACA,mBAAmB;GACjB,MAAM,CAAC,2CAA2C;GAClD,OAAO,CAAC;EACV;CACF;AACF,CACF;AAUA,MAAa,kBAAkB,EAC7B,KACA,WACA,QAAQ,UACR,aAAa,GACb,oBAAoB,OACpB,UACA,iBACA,WACA,GAAG,YACQ;CACX,MAAM,mBAA0E,cAAc,IAC1F,SACA;CACJ,OACE,oBAAC,QAAD;EAAmB;EACjB,UAAA,oBAAC,SAAD;GACO;GACL,OAAO,oBAAoB,UAAU;GACzB;GACZ,WAAW,GAAG,SAAS;IAAE;IAAW;IAAmB,SAAS;GAAiB,CAAC,CAAC;GACnF,kBAAkB,UAAU;IAE1B,MAAM,gBAAgB;IACtB,kBAAkB,KAAK;GACzB;GACA,GAAI;GAEH;EACM,CAAA;CACH,CAAA;AAEZ;;;AChHA,MAAa,WAAW,UAAiB,oBAAC,MAAD,EAAM,GAAI,MAAQ,CAAA;;;;AAK3D,QAAQ,UAAU;AAClB,QAAQ,UAAU;AAElB,QAAQ,SAAS;AACjB,QAAQ,QAAQ"}

package/dist/RadioGroup-C8EC3fqO.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioGroup-C8EC3fqO.js","names":[],"sources":["../src/components/RadioGroup/context.ts","../src/components/RadioGroup/Radio.tsx","../src/components/RadioGroup/RadioGroupItemButton.tsx","../src/components/RadioGroup/RadioGroupItem.tsx","../src/components/RadioGroup/RadioGroupSeparator.tsx","../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import { createContext, use } from 'react';\n\nexport type Variant = 'radio' | 'button' | 'radio-block';\nexport type Orientation = 'vertical' | 'horizontal';\n\nconst RadioGroupContext = createContext<{\n  variant: Variant;\n  orientation: Orientation;\n}>({\n  variant: 'radio',\n  orientation: 'horizontal',\n});\n\nexport const RadioGroupProvider = RadioGroupContext;\n\nexport const useRadioGroupContext = () => use(RadioGroupContext);\n","import type { ComponentProps } from 'react';\nimport { Indicator, Item } from '@radix-ui/react-radio-group';\n\nimport { Circle } from '../../icons';\nimport { cn } from '../../utils';\n\nimport type { RadioStyleVariant } from './styles';\nimport { radioCircleVariants, radioIndicatorVariants, radioVariants } from './styles';\n\ntype Props = ComponentProps<typeof Item> & { styleVariant?: RadioStyleVariant };\n\nexport const Radio = ({ className, styleVariant = 'default', ...props }: Props) => (\n  <Item\n    {...props}\n    className={cn(\n      radioCircleVariants({ variant: styleVariant }),\n      radioVariants({ variant: styleVariant }),\n      className,\n    )}\n  >\n    <Indicator className={cn('tw:flex', 'tw:items-center', 'tw:justify-center')}>\n      {/* Lucide Circle is stroke-only — force fill to match the stroke (currentColor)\n          so the indicator reads as a solid dot. */}\n      <Circle className={radioIndicatorVariants({ variant: styleVariant })} />\n    </Indicator>\n  </Item>\n);\n","import type { ComponentProps } from 'react';\nimport { Item } from '@radix-ui/react-radio-group';\n\nimport { cn } from '../../utils';\n\nimport type { RadioStyleVariant } from './styles';\nimport { radioItemButtonVariants } from './styles';\n\ntype Props = ComponentProps<typeof Item> & { styleVariant?: RadioStyleVariant };\n\nexport const RadioGroupItemButton = ({\n  ref,\n  className,\n  children,\n  styleVariant = 'default',\n  ...props\n}: Props) => (\n  <Item\n    ref={ref}\n    {...props}\n    className={cn(radioItemButtonVariants({ variant: styleVariant }), className)}\n  >\n    {children}\n  </Item>\n);\n","import { useId } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport type { Item } from '@radix-ui/react-radio-group';\n\nimport { cn } from '../../utils';\nimport { FieldBox } from '../FieldBox';\nimport { useArgoDesign } from '../ThemeProvider/context';\nimport type { Props as TooltipProps } from '../Tooltip';\nimport { Tooltip } from '../Tooltip';\n\nimport { useRadioGroupContext } from './context';\nimport { Radio } from './Radio';\nimport { RadioGroupItemButton } from './RadioGroupItemButton';\n\ntype ItemProps = Omit<ComponentProps<typeof Item>, 'asChild' | 'value'>;\n\ntype Props<T extends string = string> = ItemProps & {\n  value: T;\n  tooltip?: ReactNode;\n  tooltipVariant?: TooltipProps['variant'];\n  tooltipPlacement?: TooltipProps['placement'];\n  description?: ReactNode;\n};\n\nexport const RadioGroupItem = <T extends string = string>({\n  children,\n  className,\n  tooltip,\n  tooltipVariant,\n  tooltipPlacement,\n  description,\n  ...props\n}: Props<T>) => {\n  const { variant } = useRadioGroupContext();\n  const styleVariant = useArgoDesign() ? 'argo' : 'default';\n  const id = useId();\n\n  const item = (() => {\n    if (variant === 'button')\n      return (\n        <RadioGroupItemButton styleVariant={styleVariant} {...props} className={className}>\n          {children}\n        </RadioGroupItemButton>\n      );\n\n    return (\n      <FieldBox\n        variant={variant === 'radio-block' ? 'boxed' : 'default'}\n        htmlFor={id}\n        control={<Radio styleVariant={styleVariant} {...props} id={id} />}\n        className={cn(variant === 'radio-block' && 'tw:flex-1', className)}\n      >\n        <FieldBox.Title>{children}</FieldBox.Title>\n        {description && <FieldBox.Description>{description}</FieldBox.Description>}\n      </FieldBox>\n    );\n  })();\n\n  if (!tooltip) {\n    return item;\n  }\n\n  return (\n    <Tooltip tooltip={tooltip} variant={tooltipVariant} placement={tooltipPlacement} triggerAsChild>\n      {item}\n    </Tooltip>\n  );\n};\n","import { Separator } from '../Separator';\n\nimport { useRadioGroupContext } from './context';\n\nexport const RadioGroupSeparator = () => {\n  const { orientation } = useRadioGroupContext();\n  const invertedOrientation = orientation === 'horizontal' ? 'vertical' : 'horizontal';\n  const size = orientation === 'horizontal' ? '1/2' : 'full';\n  const className = orientation === 'horizontal' ? 'tw:mx-2' : 'tw:my-2';\n\n  return <Separator orientation={invertedOrientation} size={size} className={className} />;\n};\n","import type { ComponentProps } from 'react';\nimport * as RRadioGroup from '@radix-ui/react-radio-group';\nimport { cva } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\n\nimport type { Orientation, Variant } from './context';\nimport { RadioGroupProvider } from './context';\nimport { RadioGroupItem } from './RadioGroupItem';\nimport { RadioGroupSeparator } from './RadioGroupSeparator';\n\nconst radioGroupVariants = cva(['tw:flex'], {\n  variants: {\n    orientation: {\n      horizontal: ['tw:gap-2'],\n      vertical: ['tw:flex-col', 'tw:gap-3'],\n    },\n    variant: {\n      button: [],\n      radio: [],\n      'radio-block': ['tw:w-full'],\n    },\n  },\n});\n\ntype Props<Value> = {\n  variant?: Variant;\n  orientation?: Orientation;\n  onValueChange?: (value: Value) => void;\n  value?: Value | null;\n  defaultValue?: Value | null;\n} & Omit<\n  ComponentProps<typeof RRadioGroup.Root>,\n  'asChild' | 'orientation' | 'onValueChange' | 'onChange' | 'value' | 'defaultValue'\n>;\n\nexport const RadioGroup = <Value extends string = string>({\n  variant = 'radio',\n  className,\n  disabled = false,\n  orientation = 'horizontal',\n  onValueChange,\n  children,\n  value,\n  defaultValue,\n  ...props\n}: Props<Value>) => (\n  <RRadioGroup.Root\n    {...props}\n    onValueChange={onValueChange}\n    orientation={orientation}\n    className={cn(radioGroupVariants({ orientation, variant, className }))}\n    disabled={disabled}\n    value={value ?? void 0}\n    defaultValue={defaultValue ?? void 0}\n  >\n    <RadioGroupProvider value={{ variant, orientation }}>{children}</RadioGroupProvider>\n  </RRadioGroup.Root>\n);\n\nRadioGroup.Item = RadioGroupItem;\nRadioGroup.Separator = RadioGroupSeparator;\n"],"mappings":";;;;;;;;;;;;;AAKA,MAAM,oBAAoB,cAGvB;CACD,SAAS;CACT,aAAa;AACf,CAAC;AAED,MAAa,qBAAqB;AAElC,MAAa,6BAA6B,IAAI,iBAAiB;;;ACJ/D,MAAa,SAAS,EAAE,WAAW,eAAe,WAAW,GAAG,YAC9D,oBAAC,MAAD;CACE,GAAI;CACJ,WAAW,GACT,oBAAoB,EAAE,SAAS,aAAa,CAAC,GAC7C,cAAc,EAAE,SAAS,aAAa,CAAC,GACvC,SACF;CAEA,UAAA,oBAAC,WAAD;EAAW,WAAW,GAAG,WAAW,mBAAmB,mBAAmB;EAGxE,UAAA,oBAAC,QAAD,EAAQ,WAAW,uBAAuB,EAAE,SAAS,aAAa,CAAC,EAAI,CAAA;CAC9D,CAAA;AACP,CAAA;;;ACfR,MAAa,wBAAwB,EACnC,KACA,WACA,UACA,eAAe,WACf,GAAG,YAEH,oBAAC,MAAD;CACO;CACL,GAAI;CACJ,WAAW,GAAG,wBAAwB,EAAE,SAAS,aAAa,CAAC,GAAG,SAAS;CAE1E;AACG,CAAA;;;ACCR,MAAa,kBAA6C,EACxD,UACA,WACA,SACA,gBACA,kBACA,aACA,GAAG,YACW;CACd,MAAM,EAAE,YAAY,qBAAqB;CACzC,MAAM,eAAe,cAAc,IAAI,SAAS;CAChD,MAAM,KAAK,MAAM;CAEjB,MAAM,cAAc;EAClB,IAAI,YAAY,UACd,OACE,oBAAC,sBAAD;GAAoC;GAAc,GAAI;GAAkB;GACrE;EACmB,CAAA;EAG1B,OACE,qBAAC,UAAD;GACE,SAAS,YAAY,gBAAgB,UAAU;GAC/C,SAAS;GACT,SAAS,oBAAC,OAAD;IAAqB;IAAc,GAAI;IAAW;GAAK,CAAA;GAChE,WAAW,GAAG,YAAY,iBAAiB,aAAa,SAAS;GAJnE,UAAA,CAME,oBAAC,SAAS,OAAV,EAAiB,SAAyB,CAAA,GACzC,eAAe,oBAAC,SAAS,aAAV,EAAA,UAAuB,YAAkC,CAAA,CACjE;;CAEd,EAAA,CAAG;CAEH,IAAI,CAAC,SACH,OAAO;CAGT,OACE,oBAAC,SAAD;EAAkB;EAAS,SAAS;EAAgB,WAAW;EAAkB,gBAAA;EAC9E,UAAA;CACM,CAAA;AAEb;;;AC/DA,MAAa,4BAA4B;CACvC,MAAM,EAAE,gBAAgB,qBAAqB;CAK7C,OAAO,oBAAC,WAAD;EAAW,aAJU,gBAAgB,eAAe,aAAa;EAIpB,MAHvC,gBAAgB,eAAe,QAAQ;EAGY,WAF9C,gBAAgB,eAAe,YAAY;CAE0B,CAAA;AACzF;;;ACAA,MAAM,qBAAqB,IAAI,CAAC,SAAS,GAAG,EAC1C,UAAU;CACR,aAAa;EACX,YAAY,CAAC,UAAU;EACvB,UAAU,CAAC,eAAe,UAAU;CACtC;CACA,SAAS;EACP,QAAQ,CAAC;EACT,OAAO,CAAC;EACR,eAAe,CAAC,WAAW;CAC7B;AACF,EACF,CAAC;AAaD,MAAa,cAA6C,EACxD,UAAU,SACV,WACA,WAAW,OACX,cAAc,cACd,eACA,UACA,OACA,cACA,GAAG,YAEH,oBAAC,YAAY,MAAb;CACE,GAAI;CACW;CACF;CACb,WAAW,GAAG,mBAAmB;EAAE;EAAa;EAAS;CAAU,CAAC,CAAC;CAC3D;CACV,OAAO,SAAS,KAAK;CACrB,cAAc,gBAAgB,KAAK;CAEnC,UAAA,oBAAC,oBAAD;EAAoB,OAAO;GAAE;GAAS;EAAY;EAAI;CAA6B,CAAA;AACnE,CAAA;AAGpB,WAAW,OAAO;AAClB,WAAW,YAAY"}

package/dist/SearchInput-Dxi2GK4n.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchInput-Dxi2GK4n.js","names":[],"sources":["../src/blocks/SearchInput/SearchInput.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\nimport type { ChangeEventHandler, ComponentProps, FocusEventHandler } from 'react';\n\nimport { InputGroup } from '../../components/InputGroup';\nimport { Search, X } from '../../icons';\nimport { debounce } from '../../utils';\n\ntype InputGroupProps = Pick<\n  ComponentProps<typeof InputGroup>,\n  'variant' | 'focusVariant' | 'state' | 'sizing'\n>;\n\ntype InputGroupInputProps = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue'>;\n\n/**\n * - `onValueChange` is debounced by default (300ms).\n * - `value={null}` / `undefined` is uncontrolled (falls back to `defaultValue`, else empty).\n * - `value={\"\"}` is controlled-empty.\n */\ntype Props = InputGroupProps &\n  InputGroupInputProps & {\n    value?: string | null;\n    defaultValue?: string | null;\n    /** Debounced; fires synchronously on clear and with `disableDebounce`. Use `onChange` per keystroke. */\n    onValueChange?: (value: string) => void;\n    /** Called with the value on blur. */\n    onValueBlur?: (value: string) => void;\n    onClear?: () => void;\n    /** Shows the clear (x) button while the value is non-empty. */\n    allowClear?: boolean;\n    /** `onValueChange` fires on every keystroke. */\n    disableDebounce?: boolean;\n    /** In ms, default 300; ignored with `disableDebounce`. */\n    debounceDelay?: number;\n  };\n\n/**\n * Debounced search input with a search icon and optional clear button.\n *\n * - Use for list / table search and free-text filters, e.g. in `PageToolbar.Search`.\n * - Not for plain text (`TextInput`) or picking from a known list (`Combobox`).\n *\n * @see RECIPES.md#filter-toolbar\n */\nexport const SearchInput = ({\n  ref,\n\n  // group props\n  state,\n  variant,\n  focusVariant,\n  sizing,\n  className,\n\n  // own props\n  value: valueProp,\n  defaultValue,\n  onValueChange,\n  onValueBlur,\n  onChange,\n  onBlur,\n  onClear,\n  allowClear = false,\n  disableDebounce = false,\n  debounceDelay = 300,\n\n  // input props\n  disabled,\n  readOnly,\n  ...restInputProps\n}: Props) => {\n  const [internalValue, setInternalValue] = useState<string>(\n    valueProp != null ? valueProp : (defaultValue ?? ''),\n  );\n\n  // A pending debounced call; the controlled-value sync skips while set so typed characters survive.\n  const debounceInFlightRef = useRef(false);\n  const cancelRef = useRef<() => void>(() => {});\n\n  const debouncedOnValueChange = useMemo(() => {\n    if (!onValueChange || disableDebounce) {\n      cancelRef.current = () => {};\n      return onValueChange;\n    }\n    const d = debounce((val: string) => {\n      debounceInFlightRef.current = false;\n      onValueChange(val);\n    }, debounceDelay);\n    cancelRef.current = d.cancel;\n    return d;\n  }, [onValueChange, disableDebounce, debounceDelay]);\n\n  useEffect(() => {\n    return () => cancelRef.current();\n  }, [debouncedOnValueChange]);\n\n  // Skipped while a debounced call is in flight, so the input doesn't snap back mid-typing.\n  useEffect(() => {\n    if (valueProp == null) return;\n    if (debounceInFlightRef.current) return;\n    setInternalValue(valueProp);\n  }, [valueProp]);\n\n  const canClear = allowClear && !!internalValue && !disabled && !readOnly;\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n    const val = event.target.value;\n    setInternalValue(val);\n    if (!disableDebounce && debouncedOnValueChange) debounceInFlightRef.current = true;\n    debouncedOnValueChange?.(val);\n    onChange?.(event);\n  };\n\n  const handleBlur: FocusEventHandler<HTMLInputElement> = (event) => {\n    onValueBlur?.(event.target.value);\n    onBlur?.(event);\n  };\n\n  const handleClear = () => {\n    cancelRef.current();\n    debounceInFlightRef.current = false;\n    setInternalValue('');\n    onValueChange?.('');\n    onClear?.();\n  };\n\n  return (\n    <InputGroup\n      state={state}\n      variant={variant}\n      sizing={sizing}\n      focusVariant={focusVariant}\n      className={className}\n    >\n      <InputGroup.Addon align=\"inline-start\">\n        <Search className=\"tw:size-4 tw:shrink-0 tw:text-muted-foreground\" />\n      </InputGroup.Addon>\n\n      <InputGroup.Input\n        {...restInputProps}\n        ref={ref}\n        value={internalValue}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        disabled={disabled}\n        readOnly={readOnly}\n      />\n\n      {canClear && (\n        <InputGroup.Addon align=\"inline-end\">\n          <InputGroup.Button\n            aria-label=\"Clear search\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={handleClear}\n          >\n            <X className=\"tw:size-4\" />\n          </InputGroup.Button>\n        </InputGroup.Addon>\n      )}\n    </InputGroup>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AA4CA,MAAa,eAAe,EAC1B,KAGA,OACA,SACA,cACA,QACA,WAGA,OAAO,WACP,cACA,eACA,aACA,UACA,QACA,SACA,aAAa,OACb,kBAAkB,OAClB,gBAAgB,KAGhB,UACA,UACA,GAAG,qBACQ;CACX,MAAM,CAAC,eAAe,oBAAoB,SACxC,aAAa,OAAO,YAAa,gBAAgB,EACnD;CAGA,MAAM,sBAAsB,OAAO,KAAK;CACxC,MAAM,YAAY,aAAyB,CAAC,CAAC;CAE7C,MAAM,yBAAyB,cAAc;EAC3C,IAAI,CAAC,iBAAiB,iBAAiB;GACrC,UAAU,gBAAgB,CAAC;GAC3B,OAAO;EACT;EACA,MAAM,IAAI,UAAU,QAAgB;GAClC,oBAAoB,UAAU;GAC9B,cAAc,GAAG;EACnB,GAAG,aAAa;EAChB,UAAU,UAAU,EAAE;EACtB,OAAO;CACT,GAAG;EAAC;EAAe;EAAiB;CAAa,CAAC;CAElD,gBAAgB;EACd,aAAa,UAAU,QAAQ;CACjC,GAAG,CAAC,sBAAsB,CAAC;CAG3B,gBAAgB;EACd,IAAI,aAAa,MAAM;EACvB,IAAI,oBAAoB,SAAS;EACjC,iBAAiB,SAAS;CAC5B,GAAG,CAAC,SAAS,CAAC;CAEd,MAAM,WAAW,cAAc,CAAC,CAAC,iBAAiB,CAAC,YAAY,CAAC;CAEhE,MAAM,gBAAsD,UAAU;EACpE,MAAM,MAAM,MAAM,OAAO;EACzB,iBAAiB,GAAG;EACpB,IAAI,CAAC,mBAAmB,wBAAwB,oBAAoB,UAAU;EAC9E,yBAAyB,GAAG;EAC5B,WAAW,KAAK;CAClB;CAEA,MAAM,cAAmD,UAAU;EACjE,cAAc,MAAM,OAAO,KAAK;EAChC,SAAS,KAAK;CAChB;CAEA,MAAM,oBAAoB;EACxB,UAAU,QAAQ;EAClB,oBAAoB,UAAU;EAC9B,iBAAiB,EAAE;EACnB,gBAAgB,EAAE;EAClB,UAAU;CACZ;CAEA,OACE,qBAAC,YAAD;EACS;EACE;EACD;EACM;EACH;EALb,UAAA;GAOE,oBAAC,WAAW,OAAZ;IAAkB,OAAM;IACtB,UAAA,oBAAC,QAAD,EAAQ,WAAU,iDAAkD,CAAA;GACpD,CAAA;GAElB,oBAAC,WAAW,OAAZ;IACE,GAAI;IACC;IACL,OAAO;IACP,UAAU;IACV,QAAQ;IACE;IACA;GACX,CAAA;GAEA,YACC,oBAAC,WAAW,OAAZ;IAAkB,OAAM;IACtB,UAAA,oBAAC,WAAW,QAAZ;KACE,cAAW;KACX,cAAc,UAAU,MAAM,eAAe;KAC7C,SAAS;KAET,UAAA,oBAAC,GAAD,EAAG,WAAU,YAAa,CAAA;IACT,CAAA;GACH,CAAA;EAEV;;AAEhB"}

package/dist/Select-CjQgU_6K.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select-CjQgU_6K.js","names":["SelectItemComponent"],"sources":["../src/components/Select/SelectContent.tsx","../src/components/Select/SelectGroup.tsx","../src/components/Select/SelectItem.tsx","../src/components/Select/SelectLabel.tsx","../src/components/Select/SelectRoot.tsx","../src/components/Select/SelectSeparator.tsx","../src/components/Select/SelectTrigger.tsx","../src/components/Select/Select.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport * as SelectPrimitive from '@radix-ui/react-select';\n\nimport { ChevronDown, ChevronUp } from '../../icons';\nimport { cn } from '../../utils';\nimport { useArgoDesign } from '../ThemeProvider/context';\n\nconst scrollButtonStyles = cn(\n  'tw:flex',\n  'tw:items-center',\n  'tw:justify-center',\n  'tw:rounded-sm',\n  'tw:p-1',\n  'tw:[&_svg:not([class*=\"tw:size-\"])]:size-5',\n);\n\ntype Variant = 'default' | 'argo';\n\n/**\n * Props for `Select.Content`. `container` portals the listbox into a custom element (useful inside modals).\n */\ntype Props = ComponentProps<typeof SelectPrimitive.Content> & {\n  container?: HTMLElement | null;\n};\n\n/**\n * Listbox container for `Select`. Portals items into a popover sized to the trigger.\n * Normally rendered implicitly by `Select`; use directly only when composing custom item layouts via\n * the `Select.Root` / `Select.Trigger` / `Select.Content` compound parts.\n */\nexport const SelectContent = ({\n  ref,\n  className,\n  children,\n  container,\n  position = 'popper',\n  sideOffset = 4,\n  ...props\n}: Props) => {\n  const effectiveVariant: Variant = useArgoDesign() ? 'argo' : 'default';\n  return (\n    <SelectPrimitive.Portal container={container}>\n      <SelectPrimitive.Content\n        {...props}\n        ref={ref}\n        position={position}\n        sideOffset={sideOffset}\n        data-variant={effectiveVariant}\n        className={cn(\n          'tailwindcss-preflight',\n          'tw:group/select-content',\n          // Floating tier above Modal (1051): Tooltip 1060 / Combobox·Popover·Select 1055 / Modal 1051 / DropdownMenu.SubContent 1041 / FullScreenModal 1039\n          'tw:z-[1055]',\n\n          // layout\n          'tw:flex tw:flex-col',\n          'tw:p-1',\n          'tw:data-[variant=default]:p-0',\n          'tw:overflow-hidden',\n          'tw:origin-(--radix-select-content-transform-origin)',\n\n          // sizing\n          'tw:max-h-[var(--radix-select-content-available-height)]',\n          'tw:min-w-[var(--radix-select-trigger-width)]',\n\n          // appearance\n          'tw:bg-popover',\n          'tw:text-popover-foreground',\n          'tw:shadow-md',\n          'tw:ring-1',\n          'tw:ring-foreground/10',\n          'tw:rounded-lg',\n          'tw:data-[variant=default]:rounded',\n\n          // open animation\n          'tw:data-[state=open]:animate-in',\n          'tw:data-[state=open]:fade-in-0',\n          'tw:data-[state=open]:zoom-in-95',\n\n          // closed animation\n          'tw:data-[state=closed]:animate-out',\n          'tw:data-[state=closed]:fade-out-0',\n          'tw:data-[state=closed]:zoom-out-95',\n\n          // position animations\n          'tw:data-[side=bottom]:slide-in-from-top-2',\n          'tw:data-[side=left]:slide-in-from-right-2',\n          'tw:data-[side=right]:slide-in-from-left-2',\n          'tw:data-[side=top]:slide-in-from-bottom-2',\n          className,\n        )}\n      >\n        <SelectPrimitive.ScrollUpButton className={scrollButtonStyles}>\n          <ChevronUp />\n        </SelectPrimitive.ScrollUpButton>\n\n        <SelectPrimitive.Viewport\n          className={cn({\n            'tw:h-[var(--radix-select-trigger-height)] tw:w-full tw:min-w-[var(--radix-select-trigger-width)]':\n              position === 'popper',\n          })}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n\n        <SelectPrimitive.ScrollDownButton className={scrollButtonStyles}>\n          <ChevronDown />\n        </SelectPrimitive.ScrollDownButton>\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n};\n","import type { ComponentProps } from 'react';\nimport * as SelectPrimitive from '@radix-ui/react-select';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<typeof SelectPrimitive.Group>;\n\nexport const SelectGroup = ({ className, ...props }: Props) => (\n  <SelectPrimitive.Group {...props} className={cn('tw:flex tw:flex-col tw:gap-0.5', className)} />\n);\n","import { useId } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport * as SelectPrimitive from '@radix-ui/react-select';\n\nimport { Check } from '../../icons';\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<typeof SelectPrimitive.Item> & {\n  icon?: ReactNode;\n  hint?: ReactNode;\n};\n\nexport const SelectItem = ({\n  ref,\n  className,\n  children,\n  icon,\n  hint,\n  'aria-describedby': ariaDescribedBy,\n  ...props\n}: Props) => {\n  const hintId = useId();\n\n  return (\n    <SelectPrimitive.Item\n      {...props}\n      ref={ref}\n      // Radix names the option from `ItemText` alone (`aria-labelledby`), so the hint is\n      // described rather than named — it reaches a screen reader without joining the label.\n      aria-describedby={\n        [ariaDescribedBy, hint ? hintId : null].filter(Boolean).join(' ') || undefined\n      }\n      className={cn(\n        'tw:group/select-item',\n\n        // layout\n        'tw:relative',\n        'tw:flex',\n        'tw:flex-1',\n        'tw:items-center',\n        'tw:gap-2',\n\n        // spacing — default variant uses tighter radius and wider horizontal padding\n        'tw:py-2',\n        'tw:px-2',\n        'tw:group-data-[variant=default]/select-content:px-4',\n        'tw:rounded-lg',\n        'tw:group-data-[variant=default]/select-content:rounded-none',\n\n        // typography\n        'tw:text-sm',\n        'tw:select-none',\n        'tw:cursor-default',\n        'tw:outline-hidden',\n\n        // highlighted (keyboard / hover)\n        'tw:focus:outline-hidden',\n        'tw:data-[highlighted]:bg-hover',\n        // The legacy highlight is a neutral step, not the argo accent.\n        //\n        // - `secondary` carries its own foreground, so fill and ink move together.\n        // - `muted` is unusable: in dark it equals `popover`, so the band would disappear\n        //   into the listbox.\n        'tw:group-data-[variant=default]/select-content:data-[highlighted]:bg-secondary',\n        'tw:data-[highlighted]:text-hover-foreground',\n        'tw:group-data-[variant=default]/select-content:data-[highlighted]:text-secondary-foreground',\n\n        // disabled\n        'tw:data-[disabled]:pointer-events-none',\n        'tw:data-[disabled]:opacity-disabled',\n\n        // child svg defaults\n        'tw:[&_svg]:pointer-events-none',\n        'tw:[&_svg]:shrink-0',\n        'tw:[&_svg]:text-muted-foreground',\n        \"tw:[&_svg:not([class*='tw:size-'])]:size-4\",\n        className,\n      )}\n    >\n      {icon}\n      <span className=\"tw:flex-1 tw:truncate\">\n        <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n      </span>\n      {/* Outside `ItemText`, so the trigger shows the label alone once the option is picked. */}\n      {hint && (\n        <span id={hintId} className=\"tw:shrink-0 tw:text-xs tw:text-muted-foreground\">\n          {hint}\n        </span>\n      )}\n      <SelectPrimitive.ItemIndicator className=\"tw:pointer-events-none\">\n        <Check className=\"tw:size-4\" />\n      </SelectPrimitive.ItemIndicator>\n    </SelectPrimitive.Item>\n  );\n};\n","import type { ComponentProps } from 'react';\nimport * as SelectPrimitive from '@radix-ui/react-select';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<typeof SelectPrimitive.Label>;\n\nexport const SelectLabel = ({ className, ...props }: Props) => (\n  <SelectPrimitive.Label\n    {...props}\n    className={cn(\n      // Base (argo variant) — soft gray section label\n      'tw:px-2',\n      'tw:py-1.5',\n      'tw:text-xs',\n      'tw:font-medium',\n      'tw:leading-none',\n      'tw:text-muted-foreground',\n\n      // Default variant — uppercase tracked label, matches Combobox default\n      'tw:group-data-[variant=default]/select-content:uppercase',\n      'tw:group-data-[variant=default]/select-content:font-semibold',\n      'tw:group-data-[variant=default]/select-content:tracking-wider',\n      'tw:group-data-[variant=default]/select-content:text-[11px]',\n      'tw:group-data-[variant=default]/select-content:text-black',\n      'tw:group-data-[variant=default]/select-content:pt-2',\n      'tw:group-data-[variant=default]/select-content:px-4',\n\n      className,\n    )}\n  />\n);\n","import type { ReactNode } from 'react';\nimport { Root } from '@radix-ui/react-select';\n\n// Mirror Radix's `SelectProps` as an explicit list. We can't infer via\n// `ComponentProps<typeof Root>` or reuse Radix's `SelectProps` directly: both\n// transitively reference the un-exported `SelectSharedProps` interface, and\n// TS4023 fires when DTS emits anything that consumes it (e.g. `useAppForm`).\n// Keep this in sync with `@radix-ui/react-select`'s `SelectProps` shape.\nexport type SelectRootProps = {\n  // SelectSharedProps\n  children?: ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?(open: boolean): void;\n  dir?: 'ltr' | 'rtl';\n  name?: string;\n  autoComplete?: string;\n  disabled?: boolean;\n  required?: boolean;\n  form?: string;\n  // SelectProps\n  value?: string;\n  defaultValue?: string;\n  onValueChange?(value: string): void;\n};\n\nexport const SelectRoot = (props: SelectRootProps) => <Root {...props} />;\n","import type { ComponentProps } from 'react';\nimport * as SelectPrimitive from '@radix-ui/react-select';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<typeof SelectPrimitive.Separator>;\n\nexport const SelectSeparator = ({ className, ...props }: Props) => (\n  <SelectPrimitive.Separator\n    {...props}\n    className={cn('tw:mx-2 tw:my-1 tw:h-px tw:bg-border', className)}\n  />\n);\n","import type { ComponentProps } from 'react';\nimport * as SelectPrimitive from '@radix-ui/react-select';\nimport { type VariantProps } from 'class-variance-authority';\n\nimport { ChevronDown } from '../../icons';\nimport { cn } from '../../utils';\nimport type { WithAccessibleName } from '../../utils/accessibleName';\nimport { Button } from '../Button';\nimport { overlayTriggerVariants } from '../OverlayTrigger/styles';\nimport { useArgoDesign } from '../ThemeProvider/context';\n\ntype BaseProps = ComponentProps<typeof SelectPrimitive.Trigger> &\n  Omit<VariantProps<typeof overlayTriggerVariants>, 'variant'> & {\n    variant?: Exclude<VariantProps<typeof overlayTriggerVariants>['variant'], 'argo'> | 'inline';\n  } & Pick<ComponentProps<typeof SelectPrimitive.Value>, 'placeholder'>;\n\n/** `role=\"combobox\"` is not named from content: neither the item label nor `placeholder` names it. */\ntype SelectTriggerProps = WithAccessibleName<BaseProps>;\n\nexport const SelectTrigger = ({\n  ref,\n  className,\n  variant,\n  state,\n  sizing,\n  placeholder,\n  ...props\n}: SelectTriggerProps) => {\n  const isArgoDesign = useArgoDesign();\n  const effectiveVariant = (() => {\n    if (variant === 'inline') return 'inline';\n    if (isArgoDesign) return 'argo';\n    return variant;\n  })();\n  const isInlineVariant = effectiveVariant === 'inline';\n\n  if (isInlineVariant)\n    return (\n      <SelectPrimitive.Trigger {...props} ref={ref} className={cn(className)} asChild>\n        <Button variant=\"inline\">\n          <SelectPrimitive.Value placeholder={placeholder} />\n          <SelectPrimitive.Icon asChild>\n            <ChevronDown />\n          </SelectPrimitive.Icon>\n        </Button>\n      </SelectPrimitive.Trigger>\n    );\n\n  return (\n    <SelectPrimitive.Trigger\n      {...props}\n      ref={ref}\n      className={cn(\n        overlayTriggerVariants({ variant: effectiveVariant, state, sizing }),\n        className,\n      )}\n    >\n      <SelectPrimitive.Value placeholder={placeholder} />\n      <SelectPrimitive.Icon asChild>\n        <ChevronDown className=\"tw:size-4 tw:text-muted-foreground\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n};\n","import { useId } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport { forwardAccessibleName, type WithAccessibleName } from '../../utils/accessibleName';\n\nimport { SelectContent } from './SelectContent';\nimport { SelectGroup } from './SelectGroup';\nimport { SelectItem as SelectItemComponent } from './SelectItem';\nimport { SelectLabel } from './SelectLabel';\nimport { SelectRoot, type SelectRootProps } from './SelectRoot';\nimport { SelectSeparator } from './SelectSeparator';\nimport { SelectTrigger } from './SelectTrigger';\n\nexport type SelectItem = {\n  value: string;\n  label: ReactNode;\n  icon?: ReactNode;\n  /** Trailing muted note shown in the listbox only — never in the trigger. */\n  hint?: ReactNode;\n  disabled?: boolean;\n};\n\nexport type SelectItemGroup = {\n  label?: ReactNode;\n  items: readonly SelectItem[];\n};\n\nconst isGroup = (itemOrGroup: SelectItem | SelectItemGroup): itemOrGroup is SelectItemGroup =>\n  'items' in itemOrGroup;\n\ntype TriggerProps = ComponentProps<typeof SelectTrigger>;\n\ntype BaseProps = Pick<\n  SelectRootProps,\n  | 'value'\n  | 'defaultValue'\n  | 'onValueChange'\n  | 'disabled'\n  | 'name'\n  | 'required'\n  | 'open'\n  | 'defaultOpen'\n  | 'onOpenChange'\n  | 'dir'\n  | 'autoComplete'\n  | 'form'\n> &\n  Pick<\n    TriggerProps,\n    | 'variant'\n    | 'state'\n    | 'sizing'\n    | 'placeholder'\n    | 'id'\n    | 'className'\n    | 'onBlur'\n    | 'aria-label'\n    | 'aria-labelledby'\n    | 'aria-describedby'\n    | 'aria-invalid'\n    | 'aria-required'\n  > & {\n    items?: readonly (SelectItem | SelectItemGroup)[];\n  };\n\n/** `role=\"combobox\"` is not named from content: neither the item label nor `placeholder` names it. */\nexport type SelectProps = WithAccessibleName<BaseProps>;\n\n/**\n * Single selection from a short enumerated list. Built on Radix Select.\n *\n * - Use for ~10 or fewer options where search adds nothing; else `Combobox` / `MultiCombobox`.\n * - In forms: `FormGroup`, or `useAppForm` + `field.SelectField` for validation.\n * - Compound parts (`Select.Root`, `.Trigger`, `.Content`, `.Item`) for custom item layouts.\n */\nexport const Select = ({\n  value,\n  defaultValue,\n  onValueChange,\n  disabled,\n  name,\n  required,\n  open,\n  defaultOpen,\n  onOpenChange,\n  dir,\n  autoComplete,\n  form,\n  variant,\n  state,\n  sizing,\n  placeholder,\n  className,\n  onBlur,\n  'aria-describedby': ariaDescribedBy,\n  'aria-invalid': ariaInvalid,\n  'aria-required': ariaRequired,\n  items = [],\n  // Kept grouped: destructured apart, the required-one-of union becomes three optional props.\n  ...accessibleName\n}: SelectProps) => {\n  const groupKeyId = useId();\n\n  const renderItem = (item: SelectItem) => (\n    <SelectItemComponent\n      key={item.value}\n      value={item.value}\n      icon={item.icon}\n      hint={item.hint}\n      disabled={item.disabled}\n    >\n      {item.label}\n    </SelectItemComponent>\n  );\n\n  return (\n    <SelectRoot\n      value={value}\n      defaultValue={defaultValue}\n      onValueChange={onValueChange}\n      disabled={disabled}\n      name={name}\n      required={required}\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      dir={dir}\n      autoComplete={autoComplete}\n      form={form}\n    >\n      <SelectTrigger\n        {...forwardAccessibleName(accessibleName)}\n        variant={variant}\n        state={state}\n        sizing={sizing}\n        placeholder={placeholder}\n        className={className}\n        onBlur={onBlur}\n        aria-describedby={ariaDescribedBy}\n        aria-invalid={ariaInvalid}\n        aria-required={ariaRequired}\n      />\n      <SelectContent>\n        {items.map((itemOrGroup, index) => {\n          if (isGroup(itemOrGroup)) {\n            return (\n              <SelectGroup key={`${groupKeyId}-group-${index}`}>\n                {itemOrGroup.label && <SelectLabel>{itemOrGroup.label}</SelectLabel>}\n                {itemOrGroup.items.map(renderItem)}\n              </SelectGroup>\n            );\n          }\n\n          return renderItem(itemOrGroup);\n        })}\n      </SelectContent>\n    </SelectRoot>\n  );\n};\n\nSelect.Root = SelectRoot;\nSelect.Trigger = SelectTrigger;\nSelect.Content = SelectContent;\nSelect.Item = SelectItemComponent;\nSelect.Group = SelectGroup;\nSelect.Label = SelectLabel;\nSelect.Separator = SelectSeparator;\n"],"mappings":"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"}

package/dist/Sheet-utw4_rUa.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Sheet-utw4_rUa.js","names":[],"sources":["../src/components/Sheet/SheetBody.tsx","../src/components/Sheet/SheetOverlay.tsx","../src/components/Sheet/SheetContent.tsx","../src/components/Sheet/SheetFooter.tsx","../src/components/Sheet/SheetHeader.tsx","../src/components/Sheet/SheetTitle.tsx","../src/components/Sheet/Sheet.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'div'>;\n\nexport const SheetBody = ({ className, ...rest }: Props) => (\n  <div\n    {...rest}\n    className={cn('tw:flex', 'tw:flex-col', 'tw:overflow-x-hidden', 'tw:px-4', className)}\n  />\n);\n","import type { ComponentProps } from 'react';\n\nimport { ModalOverlay } from '../Modal/ModalOverlay';\n\ntype Props = ComponentProps<typeof ModalOverlay>;\n\n// Assuming it should have the same style as standard modal, if not remove the modal dependency and style it separately.\nexport const SheetOverlay = ({ ref, ...props }: Props) => <ModalOverlay ref={ref} {...props} />;\n","import type { ComponentProps } from 'react';\nimport { Content, Portal } from '@radix-ui/react-dialog';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\nimport { useArgoDesign } from '../ThemeProvider/context';\n\nimport { SheetOverlay } from './SheetOverlay';\n\nconst sheetContentVariants = cva(\n  [\n    'tailwindcss-preflight',\n\n    'tw:fixed',\n\n    'tw:z-[1051]',\n\n    'tw:flex',\n    'tw:flex-col',\n\n    'tw:bg-card',\n    'tw:text-card-foreground',\n    'tw:shadow-lg',\n\n    'tw:data-[argo=true]:border',\n    'tw:data-[argo=true]:border-border',\n    'tw:data-[argo=true]:focus-visible:outline-hidden',\n    'tw:data-[argo=true]:focus-visible:ring-2',\n    'tw:data-[argo=true]:focus-visible:ring-ring/50',\n\n    'tw:ease-in-out',\n    'tw:data-[state=open]:duration-200',\n    'tw:data-[state=closed]:duration-200',\n  ],\n  {\n    defaultVariants: {\n      side: 'right',\n      disableTransition: false,\n    },\n    variants: {\n      disableTransition: {\n        true: [],\n        false: ['tw:data-[state=open]:animate-in', 'tw:data-[state=closed]:animate-out'],\n      },\n      side: {\n        top: [\n          'tw:inset-x-0',\n          'tw:top-0',\n          'tw:h-auto',\n          'tw:data-[state=closed]:slide-out-to-top',\n          'tw:data-[state=open]:slide-in-from-top',\n          'tw:data-[argo=true]:rounded-b-sheet',\n        ],\n        right: [\n          'tw:inset-y-0',\n          'tw:right-0',\n          'tw:h-full',\n          'tw:data-[state=closed]:slide-out-to-right',\n          'tw:data-[state=open]:slide-in-from-right',\n          'tw:data-[argo=true]:rounded-l-sheet',\n        ],\n\n        bottom: [\n          'tw:inset-x-0',\n          'tw:bottom-0',\n          'tw:h-auto',\n          'tw:data-[state=closed]:slide-out-to-bottom',\n          'tw:data-[state=open]:slide-in-from-bottom',\n          'tw:drop-shadow-2xl', // standard tailwindcss shadow is invisible for a bottom sheet because of positioning\n          'tw:data-[argo=true]:rounded-t-sheet',\n        ],\n\n        left: [\n          'tw:inset-y-0',\n          'tw:left-0',\n          'tw:h-full',\n          'tw:data-[state=closed]:slide-out-to-left',\n          'tw:data-[state=open]:slide-in-from-left',\n          'tw:data-[argo=true]:rounded-r-sheet',\n        ],\n      },\n    },\n  },\n);\n\ntype Props = ComponentProps<typeof Content> & {\n  side?: 'top' | 'right' | 'bottom' | 'left';\n  hideOverlay?: boolean;\n  keepOpenOnPointerDownOutside?: boolean;\n} & VariantProps<typeof sheetContentVariants> &\n  Pick<ComponentProps<typeof Portal>, 'container'>;\n\nexport const SheetContent = ({\n  className,\n  children,\n  side = 'right',\n  disableTransition = false,\n  hideOverlay = false,\n  keepOpenOnPointerDownOutside = false,\n  onPointerDownOutside,\n  onInteractOutside,\n  container,\n  ...props\n}: Props) => {\n  const renderArgo = useArgoDesign();\n\n  const handleOnPointerDownOutside: ComponentProps<typeof Content>['onPointerDownOutside'] = (\n    event,\n  ) => {\n    if (keepOpenOnPointerDownOutside) event.preventDefault();\n    onPointerDownOutside?.(event);\n  };\n\n  const handleOnInteractOutside: ComponentProps<typeof Content>['onInteractOutside'] = (event) => {\n    if (keepOpenOnPointerDownOutside) event.preventDefault();\n    onInteractOutside?.(event);\n  };\n\n  return (\n    <Portal container={container}>\n      {!hideOverlay && <SheetOverlay disableTransition={disableTransition ?? false} />}\n      <Content\n        {...props}\n        // Silences Radix's missing-description warning; no sheet uses a description.\n        aria-describedby={undefined}\n        className={cn(sheetContentVariants({ side, className, disableTransition }))}\n        onPointerDownOutside={handleOnPointerDownOutside}\n        onInteractOutside={handleOnInteractOutside}\n        data-side={side}\n        data-argo={renderArgo}\n      >\n        {children}\n      </Content>\n    </Portal>\n  );\n};\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'div'>;\n\nexport const SheetFooter = ({ className, ...props }: Props) => (\n  <div className={cn('tw:mt-auto tw:flex tw:flex-col tw:gap-2 tw:p-4', className)} {...props} />\n);\n","import type { ComponentProps, ReactNode } from 'react';\nimport { Close } from '@radix-ui/react-dialog';\n\nimport { X } from '../../icons';\nimport { cn } from '../../utils';\nimport { Button } from '../Button';\nimport { ModalDescription } from '../Modal/ModalDescription';\nimport { ModalTitle } from '../Modal/ModalTitle';\n\ntype Props = {\n  title?: ReactNode;\n  description?: ReactNode;\n  hideCloseIcon?: boolean;\n} & ComponentProps<'div'>;\n\nexport const SheetHeader = ({\n  className,\n  children,\n  hideCloseIcon = false,\n  title,\n  description,\n  ...props\n}: Props) => {\n  const isHeaderRendered = title || description || !hideCloseIcon;\n\n  return (\n    <div className={cn('tw:flex', 'tw:flex-col', 'tw:gap-1.5', 'tw:p-4', className)} {...props}>\n      {isHeaderRendered && (\n        <div className=\"tw:flex tw:flex-col\">\n          <div className=\"tw:flex tw:justify-end tw:gap-2\">\n            {title && <ModalTitle>{title}</ModalTitle>}\n            {!hideCloseIcon && (\n              <Close asChild>\n                <Button variant=\"invisible\" size=\"icon-sm\">\n                  <X />\n                  <span className=\"tw:sr-only\">Close</span>\n                </Button>\n              </Close>\n            )}\n          </div>\n          {description && <ModalDescription>{description}</ModalDescription>}\n        </div>\n      )}\n\n      {children}\n    </div>\n  );\n};\n","import type { ComponentProps } from 'react';\nimport { Title } from '@radix-ui/react-dialog';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<typeof Title> & {\n  visuallyHidden?: boolean;\n};\n\nexport const SheetTitle = ({ className, visuallyHidden = false, ...props }: Props) => (\n  <Title className={cn({ 'tw:sr-only': visuallyHidden }, className)} {...props} />\n);\n","import type { ComponentProps } from 'react';\nimport { Close, Root, Trigger } from '@radix-ui/react-dialog';\n\nimport { SheetBody } from './SheetBody';\nimport { SheetContent } from './SheetContent';\nimport { SheetFooter } from './SheetFooter';\nimport { SheetHeader } from './SheetHeader';\nimport { SheetTitle } from './SheetTitle';\n\ntype Props = ComponentProps<typeof Root>;\n\nexport const Sheet = (props: Props) => <Root {...props} />;\n\nSheet.Close = Close;\nSheet.Trigger = Trigger;\nSheet.Content = SheetContent;\nSheet.Title = SheetTitle;\n\nSheet.Header = SheetHeader;\nSheet.Footer = SheetFooter;\nSheet.Body = SheetBody;\n"],"mappings":"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"}