@keboola/design 10.1.0 → 11.0.0

package/dist/chunk-SC275NHZ.js

@@ -0,0 +1,407 @@
+import { Button } from './chunk-IXAYNBOY.js';
+import { useArgoDesign } from './chunk-WETKNYZX.js';
+import { cn } from './chunk-LXLIQ2D6.js';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+import TextareaAutosize from 'react-textarea-autosize';
+
+var addonVariants = cva(
+  [
+    "tw:flex",
+    "tw:items-center",
+    "tw:gap-1",
+    // Default size for nested Lucide icons in prefix/suffix slots; callers can override on the icon.
+    "tw:[&_svg.lucide:not([class*='tw:size-'])]:size-4",
+    "tw:[&_svg]:shrink-0"
+  ],
+  {
+    defaultVariants: {
+      align: "inline-start"
+    },
+    variants: {
+      align: {
+        "inline-start": ["tw:order-first", "tw:[&:not(:empty)]:pl-4"],
+        "inline-end": ["tw:order-last", "tw:[&:not(:empty)]:pr-4"],
+        "block-start": [
+          "tw:order-first",
+          // `tw:w-full` needs to be empty-conditional too — when the addon
+          // has no content the root stays in flex-row, and a 100%-wide
+          // empty addon would claim half of the input row beside the input.
+          "tw:[&:not(:empty)]:w-full",
+          "tw:[&:not(:empty)]:px-4",
+          "tw:[&:not(:empty)]:py-1.5"
+        ],
+        "block-end": [
+          "tw:order-last",
+          "tw:[&:not(:empty)]:w-full",
+          "tw:[&:not(:empty)]:px-4",
+          "tw:[&:not(:empty)]:py-1.5"
+        ]
+      }
+    }
+  }
+);
+var InputGroupAddon = ({
+  children,
+  align = "inline-start",
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx("div", { ...props, "data-align": align, className: cn(addonVariants({ align, className })), children });
+var InputGroupButton = ({ ref, className, tabIndex = -1, ...props }) => /* @__PURE__ */ jsx(
+  Button,
+  {
+    ...props,
+    tabIndex,
+    ref,
+    variant: "invisible",
+    size: "icon-sm",
+    className: cn("tw:size-5", "tw:[&_svg]:text-muted-foreground", className)
+  }
+);
+var InputGroupInput = ({ ref, className, ...inputProps }) => /* @__PURE__ */ jsx(
+  "input",
+  {
+    ...inputProps,
+    ref,
+    className: cn(
+      "tw:w-full",
+      "tw:bg-transparent",
+      "tw:outline-hidden",
+      // font
+      "tw:font-sans",
+      "tw:text-sm",
+      // placeholder
+      "tw:placeholder:text-neutral-400",
+      "tw:placeholder:font-normal",
+      // disabled
+      "tw:disabled:cursor-not-allowed",
+      className
+    )
+  }
+);
+var InputGroupText = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "span",
+  {
+    className: cn(
+      "tw:flex",
+      "tw:items-center",
+      "tw:gap-2",
+      "tw:text-sm",
+      "tw:text-muted-foreground",
+      "tw:[&_svg]:pointer-events-none",
+      'tw:[&_svg:not([class*="tw:size-"])]:size-4',
+      className
+    ),
+    ...props
+  }
+);
+var InputGroupTextArea = ({
+  ref,
+  className,
+  onChange,
+  onValueChange,
+  value,
+  defaultValue,
+  onBlur,
+  onValueBlur,
+  disableResize = false,
+  minRows = 1,
+  maxRows = 4,
+  ...props
+}) => {
+  const handleChange = (event) => {
+    onValueChange?.(event.target.value);
+    onChange?.(event);
+  };
+  const handleBlur = (event) => {
+    onValueBlur?.(event.target.value);
+    onBlur?.(event);
+  };
+  return /* @__PURE__ */ jsx(
+    TextareaAutosize,
+    {
+      ...props,
+      ref,
+      value: value ?? void 0,
+      defaultValue: defaultValue ?? void 0,
+      onChange: handleChange,
+      onBlur: handleBlur,
+      minRows,
+      maxRows: maxRows === "unlimited" ? void 0 : maxRows,
+      className: cn(
+        "tw:w-full",
+        "tw:bg-transparent",
+        "tw:outline-hidden",
+        "tw:px-4",
+        // font
+        "tw:font-sans",
+        "tw:text-sm",
+        // placeholder
+        "tw:placeholder:text-neutral-400",
+        "tw:placeholder:font-normal",
+        // disabled
+        "tw:disabled:cursor-not-allowed",
+        {
+          "tw:resize-none": disableResize
+        },
+        className
+      )
+    }
+  );
+};
+var inputGroupVariants = cva(
+  [
+    "tailwindcss-preflight",
+    "tw:group",
+    "tw:overflow-hidden",
+    "tw:box-border",
+    // positioning
+    "tw:flex",
+    "tw:items-center",
+    // base — legacy (non-argo) chrome uses a fixed radius; argo overrides it with
+    // the brand radius token in the `argo` variant below.
+    "tw:rounded",
+    "tw:border",
+    "tw:border-solid",
+    // `border-input` rather than the fixed `neutral-200` — same light-scheme
+    // grey, but it follows the dark scheme too. The base text stays pinned:
+    // `secondary` and the readonly state below both fill with a fixed light
+    // grey, so a scheme-following text colour would go light-on-light there.
+    // `primary` opts into the token itself (and re-pins its readonly fill).
+    "tw:border-input",
+    "tw:text-neutral-800",
+    "tw:transition",
+    // focus
+    "tw:has-[:is(input,textarea):focus]:ring-4",
+    // readonly
+    "tw:has-[:is(input,textarea)[readonly]]:bg-neutral-150",
+    "tw:has-[:is(input,textarea)[readonly]]:focus-within:ring-0",
+    "tw:has-[:is(input,textarea)[readonly]]:border-neutral-150",
+    // disabled cursor (opacity owned by variant)
+    "tw:has-[:is(input,textarea):disabled]:cursor-not-allowed",
+    // textarea: top-align addons, allow vertical expansion, own its y-padding
+    "tw:has-[textarea]:items-start",
+    "tw:has-[[data-align=block-start]:not(:empty)]:flex-wrap",
+    "tw:has-[[data-align=block-end]:not(:empty)]:flex-wrap",
+    "tw:[&>input]:has-[[data-align=block-start]:not(:empty)]:w-auto",
+    "tw:[&>input]:has-[[data-align=block-start]:not(:empty)]:flex-1",
+    "tw:[&>input]:has-[[data-align=block-end]:not(:empty)]:w-auto",
+    "tw:[&>input]:has-[[data-align=block-end]:not(:empty)]:flex-1",
+    "tw:[&>input]:px-4",
+    "tw:[&>input]:has-[[data-align=inline-start]:not(:empty)]:pl-2",
+    "tw:[&>input]:has-[[data-align=inline-end]:not(:empty)]:pr-2"
+  ],
+  {
+    defaultVariants: {
+      variant: "primary",
+      state: "default",
+      sizing: "medium",
+      focusVariant: "default"
+    },
+    compoundVariants: [
+      {
+        variant: "secondary",
+        state: "error",
+        className: ["tw:bg-error-100"]
+      },
+      {
+        variant: "secondary",
+        state: "warning",
+        className: ["tw:bg-warning-100"]
+      },
+      {
+        variant: "primary",
+        state: "default",
+        focusVariant: "off",
+        className: ["tw:has-[:is(input,textarea):focus]:border-neutral-200"]
+      },
+      {
+        variant: "secondary",
+        state: "default",
+        focusVariant: "off",
+        className: ["tw:has-[:is(input,textarea):focus]:border-neutral-100"]
+      },
+      {
+        variant: ["primary", "secondary"],
+        state: "error",
+        focusVariant: "on",
+        className: ["tw:!border-error-500", "tw:!ring-error-200"]
+      },
+      {
+        variant: ["primary", "secondary"],
+        state: "warning",
+        focusVariant: "on",
+        className: ["tw:!border-warning-500", "tw:!ring-warning-200"]
+      },
+      // --- argo ---
+      {
+        variant: "argo",
+        state: "default",
+        className: [
+          "tw:has-[:is(input,textarea):focus]:border-primary",
+          "tw:has-[:is(input,textarea):focus]:ring-ring/50"
+        ]
+      },
+      {
+        variant: "argo",
+        state: "error",
+        className: [
+          "tw:border-destructive",
+          "tw:has-[:is(input,textarea):focus]:border-destructive",
+          "tw:has-[:is(input,textarea):focus]:ring-destructive/20"
+        ]
+      },
+      {
+        variant: "argo",
+        focusVariant: "on",
+        className: ["tw:!border-primary", "tw:!ring-ring/50"]
+      },
+      {
+        variant: "argo",
+        state: "error",
+        focusVariant: "on",
+        className: ["tw:!border-destructive", "tw:!ring-destructive/20"]
+      },
+      {
+        variant: "argo",
+        state: "default",
+        focusVariant: "off",
+        className: ["tw:has-[:is(input,textarea):focus]:border-input"]
+      }
+    ],
+    variants: {
+      focusVariant: {
+        default: [],
+        on: ["tw:!border-ring", "tw:!ring-ring/30", "tw:!ring-4"],
+        off: ["tw:has-[:is(input,textarea):focus]:!ring-0"]
+      },
+      variant: {
+        primary: [
+          // The field-surface token — white in the light scheme, so this is a
+          // no-op there; the dark scheme gets a field fill, not a white slab.
+          "tw:bg-input-background",
+          "tw:text-foreground",
+          // The base readonly fill is a fixed light grey, which the scheme-following
+          // text above would sit on invisibly in dark. Re-pin to the same
+          // `muted`/`input` pair argo uses for exactly this reason.
+          "tw:has-[:is(input,textarea)[readonly]]:bg-muted",
+          "tw:has-[:is(input,textarea)[readonly]]:border-input",
+          "tw:has-[:is(input,textarea):disabled]:opacity-40",
+          // aria-invalid on the control surfaces the error chrome without a `state` prop — the
+          // accessible path (mirrors the `state="error"` legacy tokens). Higher specificity than
+          // the default focus selector, so it wins without `!important`.
+          "tw:has-[:is(input,textarea)[aria-invalid=true]]:border-error-500",
+          "tw:has-[:is(input,textarea)[aria-invalid=true]:focus]:border-error-500",
+          "tw:has-[:is(input,textarea)[aria-invalid=true]:focus]:ring-error-200"
+        ],
+        secondary: [
+          "tw:bg-neutral-100",
+          "tw:border-neutral-100",
+          "tw:has-[:is(input,textarea):disabled]:opacity-40",
+          "tw:has-[:is(input,textarea)[aria-invalid=true]]:border-error-500",
+          "tw:has-[:is(input,textarea)[aria-invalid=true]:focus]:border-error-500",
+          "tw:has-[:is(input,textarea)[aria-invalid=true]:focus]:ring-error-200"
+        ],
+        argo: [
+          // argo follows the brand radius token (overrides the static base)
+          "tw:rounded-[var(--radius-lg,0.25rem)]",
+          // muted filled input surface — gray, distinct from white containers; not the app-background token.
+          // Deliberately `muted`, not the `input-background` field token legacy uses: argo's field is a
+          // grey inset by design. Converging the two is a brand-value decision, not a component one.
+          "tw:bg-muted",
+          "tw:border-input",
+          "tw:text-foreground",
+          "tw:has-[:is(input,textarea):disabled]:opacity-50",
+          // readonly: keep the themed input surface/border. The base layer's fixed
+          // `neutral-150` (a light grey) is correct for the legacy light chrome but
+          // collides with argo's themed `foreground` text — light-on-light, invisible
+          // in dark mode. Re-pin to the same `muted`/`input` tokens the editable argo
+          // input uses (validated AA), so readonly stays legible in every scheme.
+          "tw:has-[:is(input,textarea)[readonly]]:bg-muted",
+          "tw:has-[:is(input,textarea)[readonly]]:border-input",
+          // higher specificity than has-[:is(input,textarea):focus] — prevents focus border on readonly
+          "tw:has-[:is(input,textarea)[readonly]:focus]:border-input",
+          // aria-invalid on the control surfaces the error chrome without a `state` prop — the
+          // accessible path (uses the themeable `destructive` status token).
+          "tw:has-[:is(input,textarea)[aria-invalid=true]]:border-destructive",
+          "tw:has-[:is(input,textarea)[aria-invalid=true]:focus]:border-destructive",
+          "tw:has-[:is(input,textarea)[aria-invalid=true]:focus]:ring-destructive/20"
+        ]
+      },
+      sizing: {
+        default: [
+          "tw:[&>:is(input,textarea)]:py-2.5",
+          "tw:[&>:is(input,textarea)]:leading-[18px]",
+          "tw:[&>textarea]:!min-h-[calc(2.5rem-2px)]"
+        ],
+        small: [
+          "tw:[&>:is(input,textarea)]:py-2",
+          "tw:[&>:is(input,textarea)]:leading-[16px]",
+          "tw:[&>textarea]:!min-h-[calc(2rem-2px)]"
+        ],
+        medium: [
+          "tw:[&>:is(input,textarea)]:py-2",
+          "tw:[&>:is(input,textarea)]:leading-[18px]",
+          "tw:[&>textarea]:!min-h-[calc(2.25rem-2px)]"
+        ]
+      },
+      state: {
+        default: [
+          "tw:has-[:is(input,textarea):focus]:border-ring",
+          "tw:has-[:is(input,textarea):focus]:ring-ring/30"
+        ],
+        error: [
+          "tw:border-error-500",
+          "tw:has-[:is(input,textarea):focus]:border-error-500",
+          "tw:has-[:is(input,textarea):focus]:ring-error-200"
+        ],
+        warning: [
+          "tw:border-warning-500",
+          "tw:has-[:is(input,textarea):focus]:border-warning-500",
+          "tw:has-[:is(input,textarea):focus]:ring-warning-200"
+        ]
+      }
+    }
+  }
+);
+var InputGroupRoot = ({
+  ref,
+  children,
+  state,
+  variant,
+  sizing,
+  focusVariant,
+  className,
+  ...props
+}) => {
+  const isArgo = useArgoDesign();
+  const effectiveVariant = isArgo ? "argo" : variant;
+  const effectiveSizing = effectiveVariant === "argo" ? "medium" : sizing;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...props,
+      ref,
+      className: cn(
+        inputGroupVariants({
+          state,
+          variant: effectiveVariant,
+          sizing: effectiveSizing,
+          focusVariant,
+          className
+        })
+      ),
+      children
+    }
+  );
+};
+var InputGroup = InputGroupRoot;
+InputGroup.Input = InputGroupInput;
+InputGroup.Addon = InputGroupAddon;
+InputGroup.Button = InputGroupButton;
+InputGroup.TextArea = InputGroupTextArea;
+InputGroup.Text = InputGroupText;
+
+export { InputGroup };
+//# sourceMappingURL=chunk-SC275NHZ.js.map
+//# sourceMappingURL=chunk-SC275NHZ.js.map

package/dist/chunk-SC275NHZ.js.map

@@ -0,0 +1 @@
+{"version":3,"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"],"names":["jsx","cva"],"mappings":"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","file":"chunk-SC275NHZ.js","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:[&:not(:empty)]:pl-4'],\n        'inline-end': ['tw:order-last', '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:w-full',\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\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` rather than the fixed `neutral-200` — same light-scheme\n    // grey, but it follows the dark scheme too. The base text stays pinned:\n    // `secondary` and the readonly state below both fill with a fixed light\n    // grey, so a scheme-following text colour would go light-on-light there.\n    // `primary` opts into the token itself (and re-pins its readonly fill).\n    'tw:border-input',\n    'tw:text-neutral-800',\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-neutral-150',\n    'tw:has-[:is(input,textarea)[readonly]]:focus-within:ring-0',\n    'tw:has-[:is(input,textarea)[readonly]]:border-neutral-150',\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        className: ['tw:bg-error-100'],\n      },\n      {\n        variant: 'secondary',\n        state: 'warning',\n        className: ['tw:bg-warning-100'],\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-neutral-100'],\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          // The base readonly fill is a fixed light grey, which the scheme-following\n          // text above would sit on invisibly in dark. Re-pin to the same\n          // `muted`/`input` pair argo uses for exactly this reason.\n          'tw:has-[:is(input,textarea)[readonly]]:bg-muted',\n          'tw:has-[:is(input,textarea)[readonly]]:border-input',\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-neutral-100',\n          'tw:border-neutral-100',\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-50',\n          // readonly: keep the themed input surface/border. The base layer's fixed\n          // `neutral-150` (a light grey) is correct for the legacy light chrome but\n          // collides with argo's themed `foreground` text — light-on-light, invisible\n          // in dark mode. Re-pin to the same `muted`/`input` tokens the editable argo\n          // input uses (validated AA), so readonly stays legible in every scheme.\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"]}

package/dist/chunk-SCQPU4UE.js

@@ -0,0 +1,97 @@
+import { cn } from './chunk-LXLIQ2D6.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { cva } from 'class-variance-authority';
+
+var FieldBoxDescription = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "span",
+  {
+    ...props,
+    "data-slot": "field-box-description",
+    className: cn(
+      "tw:text-xs",
+      "tw:text-muted-foreground",
+      "tw:group-has-[:disabled]/field-box:opacity-50",
+      className
+    )
+  }
+);
+var FieldBoxTitle = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "span",
+  {
+    ...props,
+    "data-slot": "field-box-title",
+    className: cn(
+      "tw:text-sm",
+      "tw:font-medium",
+      "tw:text-foreground",
+      "tw:group-has-[:disabled]/field-box:cursor-not-allowed",
+      "tw:group-has-[:disabled]/field-box:opacity-50",
+      className
+    )
+  }
+);
+var fieldBoxVariants = cva(
+  [
+    "tw:group/field-box",
+    "tw:m-0",
+    "tw:inline-flex",
+    "tw:gap-3",
+    "tw:items-start",
+    "tw:cursor-pointer",
+    "tw:select-none",
+    "tw:has-[:disabled]:cursor-not-allowed"
+  ],
+  {
+    variants: {
+      variant: {
+        default: [],
+        boxed: [
+          "tw:rounded-lg",
+          "tw:border",
+          "tw:border-solid",
+          "tw:border-border",
+          "tw:p-3",
+          "tw:transition-colors",
+          "tw:has-[[data-state=checked]]:border-primary",
+          "tw:has-[[data-state=checked]]:bg-accent",
+          "tw:has-[[data-state=indeterminate]]:border-primary",
+          "tw:has-[[data-state=indeterminate]]:bg-accent"
+        ]
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var FieldBoxRoot = ({
+  ref,
+  className,
+  variant,
+  position = "start",
+  control,
+  children,
+  ...rest
+}) => /* @__PURE__ */ jsxs(
+  "label",
+  {
+    ...rest,
+    ref,
+    className: cn(
+      fieldBoxVariants({ variant, className }),
+      position === "end" && "tw:flex-row-reverse"
+    ),
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "tw:inline-flex tw:min-h-5 tw:shrink-0 tw:items-center tw:group-has-[[data-slot=field-box-description]]/field-box:mt-0.5", children: control }),
+      children != null && /* @__PURE__ */ jsx("span", { className: "tw:flex tw:flex-1 tw:flex-col tw:gap-0.5", children })
+    ]
+  }
+);
+var FieldBox = Object.assign(FieldBoxRoot, {
+  Title: FieldBoxTitle,
+  Description: FieldBoxDescription
+});
+
+export { FieldBox };
+//# sourceMappingURL=chunk-SCQPU4UE.js.map
+//# sourceMappingURL=chunk-SCQPU4UE.js.map

package/dist/chunk-SCQPU4UE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/FieldBox/FieldBoxDescription.tsx","../src/components/FieldBox/FieldBoxTitle.tsx","../src/components/FieldBox/styles.ts","../src/components/FieldBox/FieldBox.tsx"],"names":["jsx"],"mappings":";;;;AAMO,IAAM,sBAAsB,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,qBACxD,GAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACE,GAAG,KAAA;AAAA,IACJ,WAAA,EAAU,uBAAA;AAAA,IACV,SAAA,EAAW,EAAA;AAAA,MACT,YAAA;AAAA,MACA,0BAAA;AAAA,MACA,+CAAA;AAAA,MACA;AAAA;AACF;AACF,CAAA;ACVK,IAAM,gBAAgB,CAAC,EAAE,WAAW,GAAG,KAAA,uBAC5CA,GAAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACE,GAAG,KAAA;AAAA,IACJ,WAAA,EAAU,iBAAA;AAAA,IACV,SAAA,EAAW,EAAA;AAAA,MACT,YAAA;AAAA,MACA,gBAAA;AAAA,MACA,oBAAA;AAAA,MACA,uDAAA;AAAA,MACA,+CAAA;AAAA,MACA;AAAA;AACF;AACF,CAAA;AChBK,IAAM,gBAAA,GAAmB,GAAA;AAAA,EAC9B;AAAA,IACE,oBAAA;AAAA,IACA,QAAA;AAAA,IACA,gBAAA;AAAA,IACA,UAAA;AAAA,IACA,gBAAA;AAAA,IACA,mBAAA;AAAA,IACA,gBAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,SAAS,EAAC;AAAA,QACV,KAAA,EAAO;AAAA,UACL,eAAA;AAAA,UACA,WAAA;AAAA,UACA,iBAAA;AAAA,UACA,kBAAA;AAAA,UACA,QAAA;AAAA,UACA,sBAAA;AAAA,UACA,8CAAA;AAAA,UACA,yCAAA;AAAA,UACA,oDAAA;AAAA,UACA;AAAA;AACF;AACF,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ,CAAA;ACpBA,IAAM,eAAe,CAAC;AAAA,EACpB,GAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA,GAAW,OAAA;AAAA,EACX,OAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,qBACE,IAAA;AAAA,EAAC,OAAA;AAAA,EAAA;AAAA,IACE,GAAG,IAAA;AAAA,IACJ,GAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,gBAAA,CAAiB,EAAE,OAAA,EAAS,SAAA,EAAW,CAAA;AAAA,MACvC,aAAa,KAAA,IAAS;AAAA,KACxB;AAAA,IAEA,QAAA,EAAA;AAAA,sBAAAA,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yHAAA,EACb,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,MACC,YAAY,IAAA,oBACXA,IAAC,MAAA,EAAA,EAAK,SAAA,EAAU,4CAA4C,QAAA,EAAS;AAAA;AAAA;AAEzE,CAAA;AAGK,IAAM,QAAA,GAAW,MAAA,CAAO,MAAA,CAAO,YAAA,EAAc;AAAA,EAClD,KAAA,EAAO,aAAA;AAAA,EACP,WAAA,EAAa;AACf,CAAC","file":"chunk-SCQPU4UE.js","sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'span'>;\n\nexport const FieldBoxDescription = ({ className, ...props }: Props) => (\n  <span\n    {...props}\n    data-slot=\"field-box-description\"\n    className={cn(\n      'tw:text-xs',\n      'tw:text-muted-foreground',\n      'tw:group-has-[:disabled]/field-box:opacity-50',\n      className,\n    )}\n  />\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'span'>;\n\nexport const FieldBoxTitle = ({ className, ...props }: Props) => (\n  <span\n    {...props}\n    data-slot=\"field-box-title\"\n    className={cn(\n      'tw:text-sm',\n      'tw:font-medium',\n      'tw:text-foreground',\n      'tw:group-has-[:disabled]/field-box:cursor-not-allowed',\n      'tw:group-has-[:disabled]/field-box:opacity-50',\n      className,\n    )}\n  />\n);\n","import { cva } from 'class-variance-authority';\n\nexport const fieldBoxVariants = cva(\n  [\n    'tw:group/field-box',\n    'tw:m-0',\n    'tw:inline-flex',\n    'tw:gap-3',\n    'tw:items-start',\n    'tw:cursor-pointer',\n    'tw:select-none',\n    'tw:has-[:disabled]:cursor-not-allowed',\n  ],\n  {\n    variants: {\n      variant: {\n        default: [],\n        boxed: [\n          'tw:rounded-lg',\n          'tw:border',\n          'tw:border-solid',\n          'tw:border-border',\n          'tw:p-3',\n          'tw:transition-colors',\n          'tw:has-[[data-state=checked]]:border-primary',\n          'tw:has-[[data-state=checked]]:bg-accent',\n          'tw:has-[[data-state=indeterminate]]:border-primary',\n          'tw:has-[[data-state=indeterminate]]:bg-accent',\n        ],\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n","import type { ComponentProps, ReactNode } from 'react';\nimport type { VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\n\nimport { FieldBoxDescription } from './FieldBoxDescription';\nimport { FieldBoxTitle } from './FieldBoxTitle';\nimport { fieldBoxVariants } from './styles';\n\ntype Props = {\n  control: ReactNode;\n  position?: 'start' | 'end';\n} & ComponentProps<'label'> &\n  VariantProps<typeof fieldBoxVariants>;\n\nconst FieldBoxRoot = ({\n  ref,\n  className,\n  variant,\n  position = 'start',\n  control,\n  children,\n  ...rest\n}: Props) => (\n  <label\n    {...rest}\n    ref={ref}\n    className={cn(\n      fieldBoxVariants({ variant, className }),\n      position === 'end' && 'tw:flex-row-reverse',\n    )}\n  >\n    <span className=\"tw:inline-flex tw:min-h-5 tw:shrink-0 tw:items-center tw:group-has-[[data-slot=field-box-description]]/field-box:mt-0.5\">\n      {control}\n    </span>\n    {children != null && (\n      <span className=\"tw:flex tw:flex-1 tw:flex-col tw:gap-0.5\">{children}</span>\n    )}\n  </label>\n);\n\nexport const FieldBox = Object.assign(FieldBoxRoot, {\n  Title: FieldBoxTitle,\n  Description: FieldBoxDescription,\n});\n"]}

package/dist/chunk-SFFF2WQP.js

@@ -0,0 +1,8 @@
+import { Skeleton } from './chunk-PACNBKJV.js';
+import { jsx } from 'react/jsx-runtime';
+
+var DiagramSkeleton = () => /* @__PURE__ */ jsx("div", { className: "tw:my-3 tw:overflow-hidden tw:rounded-md tw:border tw:border-border tw:bg-muted tw:p-6", children: /* @__PURE__ */ jsx(Skeleton, { className: "tw:h-40" }) });
+
+export { DiagramSkeleton };
+//# sourceMappingURL=chunk-SFFF2WQP.js.map
+//# sourceMappingURL=chunk-SFFF2WQP.js.map

package/dist/chunk-SFFF2WQP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/blocks/MermaidDiagram/DiagramSkeleton.tsx"],"names":[],"mappings":";;;AAIO,IAAM,eAAA,GAAkB,sBAC7B,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0FACb,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,SAAA,EAAU,CAAA,EAChC","file":"chunk-SFFF2WQP.js","sourcesContent":["import { Skeleton } from '../../components/Skeleton/Skeleton';\n\n// Lives apart from MermaidDiagram so callers can show it while that component's\n// chunk is still loading, without importing beautiful-mermaid to do it.\nexport const DiagramSkeleton = () => (\n  <div className=\"tw:my-3 tw:overflow-hidden tw:rounded-md tw:border tw:border-border tw:bg-muted tw:p-6\">\n    <Skeleton className=\"tw:h-40\" />\n  </div>\n);\n"]}

package/dist/chunk-SJYMHZKA.js

@@ -0,0 +1,36 @@
+import { cn } from './chunk-LXLIQ2D6.js';
+import { Root, Indicator } from '@radix-ui/react-progress';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var variants = cva(
+  ["tw:relative", "tw:flex", "tw:items-center", "tw:z-0", "tw:overflow-x-hidden", "tw:w-full"],
+  {
+    defaultVariants: {
+      variant: "default",
+      size: "lg"
+    },
+    variants: {
+      variant: {
+        default: ["tw:bg-primary/20", 'tw:[&_[data-slot="progress-indicator"]]:bg-primary'],
+        success: ["tw:bg-success/20", 'tw:[&_[data-slot="progress-indicator"]]:bg-success']
+      },
+      size: {
+        sm: ["tw:rounded-full", "tw:h-1"],
+        lg: ["tw:rounded", "tw:h-4"]
+      }
+    }
+  }
+);
+var Progress = ({ ref, className, value, variant, size, ...props }) => /* @__PURE__ */ jsx(Root, { ...props, ref, className: cn(variants({ variant, size, className })), value, children: /* @__PURE__ */ jsx(
+  Indicator,
+  {
+    "data-slot": "progress-indicator",
+    className: "tw:size-full tw:flex-1 tw:transition-all",
+    style: { transform: `translateX(-${100 - (value ?? 0)}%)` }
+  }
+) });
+
+export { Progress };
+//# sourceMappingURL=chunk-SJYMHZKA.js.map
+//# sourceMappingURL=chunk-SJYMHZKA.js.map

package/dist/chunk-SJYMHZKA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Progress/Progress.tsx"],"names":[],"mappings":";;;;;AAOA,IAAM,QAAA,GAAW,GAAA;AAAA,EACf,CAAC,aAAA,EAAe,SAAA,EAAW,iBAAA,EAAmB,QAAA,EAAU,wBAAwB,WAAW,CAAA;AAAA,EAC3F;AAAA,IACE,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA,KACR;AAAA,IACA,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,CAAC,kBAAA,EAAoB,oDAAoD,CAAA;AAAA,QAClF,OAAA,EAAS,CAAC,kBAAA,EAAoB,oDAAoD;AAAA,OACpF;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,CAAC,iBAAA,EAAmB,QAAQ,CAAA;AAAA,QAChC,EAAA,EAAI,CAAC,YAAA,EAAc,QAAQ;AAAA;AAC7B;AACF;AAEJ,CAAA;AAIO,IAAM,QAAA,GAAW,CAAC,EAAE,GAAA,EAAK,SAAA,EAAW,KAAA,EAAO,OAAA,EAAS,IAAA,EAAM,GAAG,KAAA,EAAM,qBACxE,GAAA,CAAC,IAAA,EAAA,EAAM,GAAG,KAAA,EAAO,GAAA,EAAU,SAAA,EAAW,EAAA,CAAG,QAAA,CAAS,EAAE,OAAA,EAAS,IAAA,EAAM,SAAA,EAAW,CAAC,CAAA,EAAG,KAAA,EAChF,QAAA,kBAAA,GAAA;AAAA,EAAC,SAAA;AAAA,EAAA;AAAA,IACC,WAAA,EAAU,oBAAA;AAAA,IACV,SAAA,EAAU,0CAAA;AAAA,IACV,OAAO,EAAE,SAAA,EAAW,eAAe,GAAA,IAAO,KAAA,IAAS,EAAE,CAAA,EAAA,CAAA;AAAK;AAC5D,CAAA,EACF","file":"chunk-SJYMHZKA.js","sourcesContent":["import type { ComponentProps } from 'react';\nimport { Indicator, Root } from '@radix-ui/react-progress';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\n\nconst variants = cva(\n  ['tw:relative', 'tw:flex', 'tw:items-center', 'tw:z-0', 'tw:overflow-x-hidden', 'tw:w-full'],\n  {\n    defaultVariants: {\n      variant: 'default',\n      size: 'lg',\n    },\n    variants: {\n      variant: {\n        default: ['tw:bg-primary/20', 'tw:[&_[data-slot=\"progress-indicator\"]]:bg-primary'],\n        success: ['tw:bg-success/20', 'tw:[&_[data-slot=\"progress-indicator\"]]:bg-success'],\n      },\n      size: {\n        sm: ['tw:rounded-full', 'tw:h-1'],\n        lg: ['tw:rounded', 'tw:h-4'],\n      },\n    },\n  },\n);\n\ntype Props = ComponentProps<typeof Root> & VariantProps<typeof variants>;\n\nexport const Progress = ({ ref, className, value, variant, size, ...props }: Props) => (\n  <Root {...props} ref={ref} className={cn(variants({ variant, size, className }))} value={value}>\n    <Indicator\n      data-slot=\"progress-indicator\"\n      className=\"tw:size-full tw:flex-1 tw:transition-all\"\n      style={{ transform: `translateX(-${100 - (value ?? 0)}%)` }}\n    />\n  </Root>\n);\n"]}