@keboola/design 9.1.0 → 11.0.0

package/dist/chunk-NFHKYBRD.js

@@ -0,0 +1,156 @@
+import { cva } from 'class-variance-authority';
+
+// src/components/OverlayTrigger/styles.ts
+var overlayTriggerVariants = cva(
+  [
+    "tailwindcss-preflight",
+    "tw:group",
+    "tw:box-border",
+    // layout
+    "tw:inline-flex",
+    "tw:items-center",
+    "tw:justify-between",
+    "tw:gap-2",
+    "tw:w-full",
+    "tw:text-left",
+    // base appearance
+    "tw:rounded",
+    "tw:border",
+    "tw:border-solid",
+    "tw:border-neutral-200",
+    "tw:text-neutral-800",
+    // Scoped transition (no `outline`) — prevents the UA focus-outline color
+    // from interpolating through its dark default during state changes.
+    "tw:transition-[color,background-color,border-color,box-shadow]",
+    // focus base — ring width here, color comes from state variant
+    "tw:!outline-hidden",
+    "tw:focus:ring-4",
+    "tw:data-[state=open]:ring-4",
+    // disabled
+    "tw:disabled:cursor-not-allowed",
+    "tw:aria-disabled:cursor-not-allowed",
+    // placeholder (Radix sets data-placeholder on the trigger when no value)
+    "tw:data-[placeholder]:text-muted-foreground",
+    // child svg defaults
+    "tw:[&_svg]:shrink-0",
+    "tw:[&_svg]:pointer-events-none"
+  ],
+  {
+    defaultVariants: {
+      variant: "primary",
+      state: "default",
+      sizing: "medium"
+    },
+    compoundVariants: [
+      {
+        variant: "secondary",
+        state: "error",
+        className: ["tw:bg-error-100"]
+      },
+      {
+        variant: "secondary",
+        state: "warning",
+        className: ["tw:bg-warning-100"]
+      },
+      // --- argo ---
+      {
+        variant: "argo",
+        state: "default",
+        className: [
+          "tw:focus:border-primary",
+          "tw:focus:ring-ring/50",
+          "tw:data-[state=open]:border-primary",
+          "tw:data-[state=open]:ring-ring/50"
+        ]
+      },
+      {
+        variant: "argo",
+        state: "error",
+        className: [
+          "tw:border-destructive",
+          "tw:focus:border-destructive",
+          "tw:focus:ring-destructive/20",
+          "tw:data-[state=open]:border-destructive",
+          "tw:data-[state=open]:ring-destructive/20"
+        ]
+      }
+    ],
+    variants: {
+      variant: {
+        primary: [
+          "tw:bg-white",
+          "tw:disabled:opacity-40",
+          "tw:aria-disabled:opacity-40",
+          // aria-invalid on the trigger surfaces the error chrome without a `state` prop — the
+          // accessible path (mirrors the `state="error"` legacy tokens). The extra attribute
+          // selector outranks the default focus/open state, so it wins without `!important`.
+          "tw:aria-[invalid=true]:border-error-500",
+          "tw:aria-[invalid=true]:focus:border-error-500",
+          "tw:aria-[invalid=true]:focus:ring-error-200",
+          "tw:aria-[invalid=true]:data-[state=open]:border-error-500",
+          "tw:aria-[invalid=true]:data-[state=open]:ring-error-200"
+        ],
+        secondary: [
+          "tw:bg-neutral-100",
+          "tw:border-neutral-100",
+          "tw:disabled:opacity-40",
+          "tw:aria-disabled:opacity-40",
+          "tw:aria-[invalid=true]:border-error-500",
+          "tw:aria-[invalid=true]:focus:border-error-500",
+          "tw:aria-[invalid=true]:focus:ring-error-200",
+          "tw:aria-[invalid=true]:data-[state=open]:border-error-500",
+          "tw:aria-[invalid=true]:data-[state=open]:ring-error-200"
+        ],
+        argo: [
+          // muted filled input surface — gray, distinct from white containers; not the app-background token
+          "tw:bg-muted",
+          "tw:border-input",
+          // token-driven radius so the trigger tracks --radius-lg like sibling inputs (InputGroup/Combobox/Button)
+          "tw:rounded-[var(--radius-lg,0.25rem)]",
+          "tw:text-foreground",
+          "tw:disabled:opacity-50",
+          "tw:aria-disabled:opacity-50",
+          // aria-invalid on the trigger surfaces the error chrome without a `state` prop — the
+          // accessible path (uses the themeable `destructive` status token).
+          "tw:aria-[invalid=true]:border-destructive",
+          "tw:aria-[invalid=true]:focus:border-destructive",
+          "tw:aria-[invalid=true]:focus:ring-destructive/20",
+          "tw:aria-[invalid=true]:data-[state=open]:border-destructive",
+          "tw:aria-[invalid=true]:data-[state=open]:ring-destructive/20"
+        ]
+      },
+      sizing: {
+        // border-inclusive heights: 40 / 36 / 32 px (small matches Button small)
+        default: ["tw:px-4", "tw:py-2.5", "tw:text-sm/[18px]", "tw:h-10", "tw:min-h-10"],
+        medium: ["tw:px-4", "tw:py-2", "tw:text-sm/[18px]", "tw:h-9", "tw:min-h-9"],
+        small: ["tw:px-4", "tw:py-2", "tw:text-sm/[16px]", "tw:h-8", "tw:min-h-8"]
+      },
+      state: {
+        default: [
+          "tw:focus:border-ring",
+          "tw:focus:ring-ring/30",
+          "tw:data-[state=open]:border-ring",
+          "tw:data-[state=open]:ring-ring/30"
+        ],
+        error: [
+          "tw:border-error-500",
+          "tw:focus:border-error-500",
+          "tw:focus:ring-error-200",
+          "tw:data-[state=open]:border-error-500",
+          "tw:data-[state=open]:ring-error-200"
+        ],
+        warning: [
+          "tw:border-warning-500",
+          "tw:focus:border-warning-500",
+          "tw:focus:ring-warning-200",
+          "tw:data-[state=open]:border-warning-500",
+          "tw:data-[state=open]:ring-warning-200"
+        ]
+      }
+    }
+  }
+);
+
+export { overlayTriggerVariants };
+//# sourceMappingURL=chunk-NFHKYBRD.js.map
+//# sourceMappingURL=chunk-NFHKYBRD.js.map

package/dist/chunk-NFHKYBRD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/OverlayTrigger/styles.ts"],"names":[],"mappings":"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","file":"chunk-NFHKYBRD.js","sourcesContent":["import { cva } from 'class-variance-authority';\n\n/**\n * Chrome for a control that looks like an input but opens an overlay on click. Shared by\n * `SelectTrigger` and `DateRangePicker`'s trigger so both sit at the same height and colour when\n * they stand next to each other in a filter row.\n */\nexport const overlayTriggerVariants = cva(\n  [\n    'tailwindcss-preflight',\n    'tw:group',\n    'tw:box-border',\n\n    // layout\n    'tw:inline-flex',\n    'tw:items-center',\n    'tw:justify-between',\n    'tw:gap-2',\n    'tw:w-full',\n    'tw:text-left',\n\n    // base appearance\n    'tw:rounded',\n    'tw:border',\n    'tw:border-solid',\n    'tw:border-neutral-200',\n    'tw:text-neutral-800',\n    // Scoped transition (no `outline`) — prevents the UA focus-outline color\n    // from interpolating through its dark default during state changes.\n    'tw:transition-[color,background-color,border-color,box-shadow]',\n\n    // focus base — ring width here, color comes from state variant\n    'tw:!outline-hidden',\n    'tw:focus:ring-4',\n    'tw:data-[state=open]:ring-4',\n\n    // disabled\n    'tw:disabled:cursor-not-allowed',\n    'tw:aria-disabled:cursor-not-allowed',\n\n    // placeholder (Radix sets data-placeholder on the trigger when no value)\n    'tw:data-[placeholder]:text-muted-foreground',\n\n    // child svg defaults\n    'tw:[&_svg]:shrink-0',\n    'tw:[&_svg]:pointer-events-none',\n  ],\n  {\n    defaultVariants: {\n      variant: 'primary',\n      state: 'default',\n      sizing: 'medium',\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      // --- argo ---\n      {\n        variant: 'argo',\n        state: 'default',\n        className: [\n          'tw:focus:border-primary',\n          'tw:focus:ring-ring/50',\n          'tw:data-[state=open]:border-primary',\n          'tw:data-[state=open]:ring-ring/50',\n        ],\n      },\n      {\n        variant: 'argo',\n        state: 'error',\n        className: [\n          'tw:border-destructive',\n          'tw:focus:border-destructive',\n          'tw:focus:ring-destructive/20',\n          'tw:data-[state=open]:border-destructive',\n          'tw:data-[state=open]:ring-destructive/20',\n        ],\n      },\n    ],\n    variants: {\n      variant: {\n        primary: [\n          'tw:bg-white',\n          'tw:disabled:opacity-40',\n          'tw:aria-disabled:opacity-40',\n          // aria-invalid on the trigger surfaces the error chrome without a `state` prop — the\n          // accessible path (mirrors the `state=\"error\"` legacy tokens). The extra attribute\n          // selector outranks the default focus/open state, so it wins without `!important`.\n          'tw:aria-[invalid=true]:border-error-500',\n          'tw:aria-[invalid=true]:focus:border-error-500',\n          'tw:aria-[invalid=true]:focus:ring-error-200',\n          'tw:aria-[invalid=true]:data-[state=open]:border-error-500',\n          'tw:aria-[invalid=true]:data-[state=open]:ring-error-200',\n        ],\n        secondary: [\n          'tw:bg-neutral-100',\n          'tw:border-neutral-100',\n          'tw:disabled:opacity-40',\n          'tw:aria-disabled:opacity-40',\n          'tw:aria-[invalid=true]:border-error-500',\n          'tw:aria-[invalid=true]:focus:border-error-500',\n          'tw:aria-[invalid=true]:focus:ring-error-200',\n          'tw:aria-[invalid=true]:data-[state=open]:border-error-500',\n          'tw:aria-[invalid=true]:data-[state=open]:ring-error-200',\n        ],\n        argo: [\n          // muted filled input surface — gray, distinct from white containers; not the app-background token\n          'tw:bg-muted',\n          'tw:border-input',\n          // token-driven radius so the trigger tracks --radius-lg like sibling inputs (InputGroup/Combobox/Button)\n          'tw:rounded-[var(--radius-lg,0.25rem)]',\n          'tw:text-foreground',\n          'tw:disabled:opacity-50',\n          'tw:aria-disabled:opacity-50',\n          // aria-invalid on the trigger surfaces the error chrome without a `state` prop — the\n          // accessible path (uses the themeable `destructive` status token).\n          'tw:aria-[invalid=true]:border-destructive',\n          'tw:aria-[invalid=true]:focus:border-destructive',\n          'tw:aria-[invalid=true]:focus:ring-destructive/20',\n          'tw:aria-[invalid=true]:data-[state=open]:border-destructive',\n          'tw:aria-[invalid=true]:data-[state=open]:ring-destructive/20',\n        ],\n      },\n      sizing: {\n        // border-inclusive heights: 40 / 36 / 32 px (small matches Button small)\n        default: ['tw:px-4', 'tw:py-2.5', 'tw:text-sm/[18px]', 'tw:h-10', 'tw:min-h-10'],\n        medium: ['tw:px-4', 'tw:py-2', 'tw:text-sm/[18px]', 'tw:h-9', 'tw:min-h-9'],\n        small: ['tw:px-4', 'tw:py-2', 'tw:text-sm/[16px]', 'tw:h-8', 'tw:min-h-8'],\n      },\n      state: {\n        default: [\n          'tw:focus:border-ring',\n          'tw:focus:ring-ring/30',\n          'tw:data-[state=open]:border-ring',\n          'tw:data-[state=open]:ring-ring/30',\n        ],\n        error: [\n          'tw:border-error-500',\n          'tw:focus:border-error-500',\n          'tw:focus:ring-error-200',\n          'tw:data-[state=open]:border-error-500',\n          'tw:data-[state=open]:ring-error-200',\n        ],\n        warning: [\n          'tw:border-warning-500',\n          'tw:focus:border-warning-500',\n          'tw:focus:ring-warning-200',\n          'tw:data-[state=open]:border-warning-500',\n          'tw:data-[state=open]:ring-warning-200',\n        ],\n      },\n    },\n  },\n);\n"]}

package/dist/chunk-NHJNNXD3.js

@@ -0,0 +1,89 @@
+import { ButtonGroup } from './chunk-ANZTVAJU.js';
+import { Separator } from './chunk-6DUMGC7Y.js';
+import { TextInput } from './chunk-HPMYYGP7.js';
+import { Button } from './chunk-IXAYNBOY.js';
+import { ChevronUp, ChevronDown, Search } from './chunk-RQVK4IYC.js';
+import { keyCodes } from './chunk-SWQFYNYG.js';
+import { cn } from './chunk-LXLIQ2D6.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var SearchInputWithNavigation = ({
+  ref,
+  value,
+  onValueChange,
+  placeholder = "Search...",
+  variant = "secondary",
+  onClear,
+  focusVariant,
+  currentIndex,
+  totalResults,
+  onNavigateNext,
+  onNavigatePrevious,
+  className
+}) => {
+  const withControls = totalResults > 0;
+  const handleKeyDown = (e) => {
+    if (e.key === keyCodes.ENTER) {
+      e.preventDefault();
+      e.shiftKey ? onNavigatePrevious() : onNavigateNext();
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    TextInput,
+    {
+      ref,
+      allowClear: true,
+      value,
+      placeholder,
+      onValueChange,
+      onClear,
+      prefix: /* @__PURE__ */ jsx(Search, { className: "tw:size-4 tw:shrink-0 tw:text-neutral-400" }),
+      focusVariant,
+      onKeyDown: handleKeyDown,
+      variant,
+      className,
+      leftSuffix: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn("tw:flex tw:items-center tw:gap-3", {
+            "tw:hidden": !withControls
+          }),
+          children: [
+            /* @__PURE__ */ jsxs("span", { className: "tw:text-xs tw:text-neutral-400", children: [
+              totalResults > 0 ? currentIndex ?? 0 : 0,
+              "/",
+              totalResults
+            ] }),
+            /* @__PURE__ */ jsx(Separator, { orientation: "vertical", size: "3/4" }),
+            /* @__PURE__ */ jsxs(ButtonGroup, { children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "inline",
+                  size: "icon-3xs",
+                  onClick: onNavigatePrevious,
+                  disabled: !totalResults,
+                  children: /* @__PURE__ */ jsx(ChevronUp, { className: "tw:size-4" })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "inline",
+                  size: "icon-3xs",
+                  onClick: onNavigateNext,
+                  disabled: !totalResults,
+                  children: /* @__PURE__ */ jsx(ChevronDown, { className: "tw:size-4" })
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+};
+
+export { SearchInputWithNavigation };
+//# sourceMappingURL=chunk-NHJNNXD3.js.map
+//# sourceMappingURL=chunk-NHJNNXD3.js.map

package/dist/chunk-NHJNNXD3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/blocks/SearchInputWithNavigation/SearchInputWithNavigation.tsx"],"names":[],"mappings":";;;;;;;;;AAyBO,IAAM,4BAA4B,CAAC;AAAA,EACxC,GAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA;AAAA,EACA,WAAA,GAAc,WAAA;AAAA,EACd,OAAA,GAAU,WAAA;AAAA,EACV,OAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,cAAA;AAAA,EACA,kBAAA;AAAA,EACA;AACF,CAAA,KAAwE;AACtE,EAAA,MAAM,eAAe,YAAA,GAAe,CAAA;AAEpC,EAAA,MAAM,aAAA,GAAgB,CAAC,CAAA,KAAqB;AAC1C,IAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,QAAA,CAAS,KAAA,EAAO;AAC5B,MAAA,CAAA,CAAE,cAAA,EAAe;AAEjB,MAAA,CAAA,CAAE,QAAA,GAAW,kBAAA,EAAmB,GAAI,cAAA,EAAe;AAAA,IACrD;AAAA,EACF,CAAA;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,UAAA,EAAU,IAAA;AAAA,MACV,KAAA;AAAA,MACA,WAAA;AAAA,MACA,aAAA;AAAA,MACA,OAAA;AAAA,MACA,MAAA,kBAAQ,GAAA,CAAC,MAAA,EAAA,EAAO,SAAA,EAAU,2CAAA,EAA4C,CAAA;AAAA,MACtE,YAAA;AAAA,MACA,SAAA,EAAW,aAAA;AAAA,MACX,OAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA,kBACE,IAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,GAAG,kCAAA,EAAoC;AAAA,YAChD,aAAa,CAAC;AAAA,WACf,CAAA;AAAA,UAED,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,gCAAA,EACb,QAAA,EAAA;AAAA,cAAA,YAAA,GAAe,CAAA,GAAK,gBAAgB,CAAA,GAAK,CAAA;AAAA,cAAE,GAAA;AAAA,cAAE;AAAA,aAAA,EAChD,CAAA;AAAA,4BACA,GAAA,CAAC,SAAA,EAAA,EAAU,WAAA,EAAY,UAAA,EAAW,MAAK,KAAA,EAAM,CAAA;AAAA,iCAC5C,WAAA,EAAA,EACC,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,OAAA,EAAQ,QAAA;AAAA,kBACR,IAAA,EAAK,UAAA;AAAA,kBACL,OAAA,EAAS,kBAAA;AAAA,kBACT,UAAU,CAAC,YAAA;AAAA,kBAEX,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAU,WAAA,EAAY;AAAA;AAAA,eACnC;AAAA,8BACA,GAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,OAAA,EAAQ,QAAA;AAAA,kBACR,IAAA,EAAK,UAAA;AAAA,kBACL,OAAA,EAAS,cAAA;AAAA,kBACT,UAAU,CAAC,YAAA;AAAA,kBAEX,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,SAAA,EAAU,WAAA,EAAY;AAAA;AAAA;AACrC,aAAA,EACF;AAAA;AAAA;AAAA;AACF;AAAA,GAEJ;AAEJ","file":"chunk-NHJNNXD3.js","sourcesContent":["import type { ComponentProps, KeyboardEvent, Ref } from 'react';\n\nimport { Button } from '../../components/Button';\nimport { ButtonGroup } from '../../components/ButtonGroup';\nimport { Separator } from '../../components/Separator';\nimport { keyCodes } from '../../constants/keyCodes';\nimport { ChevronDown, ChevronUp, Search } from '../../icons';\nimport { cn } from '../../utils';\nimport { TextInput } from '../TextInput';\n\ntype SearchInputWithNavigationProps = {\n  currentIndex: number | null;\n  totalResults: number;\n  onValueChange: (value: string) => void;\n  onNavigateNext: () => void;\n  onNavigatePrevious: () => void;\n\n  value?: string;\n  placeholder?: string;\n  variant?: 'primary' | 'secondary';\n  onClear?: () => void;\n  focusVariant?: ComponentProps<typeof TextInput>['focusVariant'];\n  className?: string;\n};\n\nexport const SearchInputWithNavigation = ({\n  ref,\n  value,\n  onValueChange,\n  placeholder = 'Search...',\n  variant = 'secondary',\n  onClear,\n  focusVariant,\n  currentIndex,\n  totalResults,\n  onNavigateNext,\n  onNavigatePrevious,\n  className,\n}: SearchInputWithNavigationProps & { ref?: Ref<HTMLInputElement> }) => {\n  const withControls = totalResults > 0;\n\n  const handleKeyDown = (e: KeyboardEvent) => {\n    if (e.key === keyCodes.ENTER) {\n      e.preventDefault();\n\n      e.shiftKey ? onNavigatePrevious() : onNavigateNext();\n    }\n  };\n\n  return (\n    <TextInput\n      ref={ref}\n      allowClear\n      value={value}\n      placeholder={placeholder}\n      onValueChange={onValueChange}\n      onClear={onClear}\n      prefix={<Search className=\"tw:size-4 tw:shrink-0 tw:text-neutral-400\" />}\n      focusVariant={focusVariant}\n      onKeyDown={handleKeyDown}\n      variant={variant}\n      className={className}\n      leftSuffix={\n        <div\n          className={cn('tw:flex tw:items-center tw:gap-3', {\n            'tw:hidden': !withControls,\n          })}\n        >\n          <span className=\"tw:text-xs tw:text-neutral-400\">\n            {totalResults > 0 ? (currentIndex ?? 0) : 0}/{totalResults}\n          </span>\n          <Separator orientation=\"vertical\" size=\"3/4\" />\n          <ButtonGroup>\n            <Button\n              variant=\"inline\"\n              size=\"icon-3xs\"\n              onClick={onNavigatePrevious}\n              disabled={!totalResults}\n            >\n              <ChevronUp className=\"tw:size-4\" />\n            </Button>\n            <Button\n              variant=\"inline\"\n              size=\"icon-3xs\"\n              onClick={onNavigateNext}\n              disabled={!totalResults}\n            >\n              <ChevronDown className=\"tw:size-4\" />\n            </Button>\n          </ButtonGroup>\n        </div>\n      }\n    />\n  );\n};\n"]}

package/dist/chunk-O2BF3HZL.js

@@ -0,0 +1,33 @@
+import { CircleCheck, AlertTriangle } from './chunk-RQVK4IYC.js';
+import { cn } from './chunk-LXLIQ2D6.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var ConflictStatusIndicator = ({ remainingConflicts, remainingSafeChanges }) => {
+  const hasConflicts = remainingConflicts > 0;
+  const allDone = !hasConflicts && remainingSafeChanges === 0;
+  const colorClass = hasConflicts ? "tw:text-warning-500" : allDone ? "tw:text-green-500" : "tw:text-muted-foreground";
+  const parts = [];
+  if (hasConflicts) {
+    parts.push(`${remainingConflicts} conflict${remainingConflicts !== 1 ? "s" : ""}`);
+  }
+  if (remainingSafeChanges > 0) {
+    parts.push(`${remainingSafeChanges} change${remainingSafeChanges !== 1 ? "s" : ""}`);
+  }
+  return /* @__PURE__ */ jsxs(
+    "p",
+    {
+      className: cn(
+        "tw:m-0 tw:flex tw:items-center tw:gap-1.5 tw:text-sm tw:font-medium",
+        colorClass
+      ),
+      children: [
+        allDone ? /* @__PURE__ */ jsx(CircleCheck, { className: "tw:size-4" }) : /* @__PURE__ */ jsx(AlertTriangle, { className: "tw:size-4" }),
+        allDone ? "All changes resolved" : `${parts.join(", ")} remaining`
+      ]
+    }
+  );
+};
+
+export { ConflictStatusIndicator };
+//# sourceMappingURL=chunk-O2BF3HZL.js.map
+//# sourceMappingURL=chunk-O2BF3HZL.js.map

package/dist/chunk-O2BF3HZL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MergeEditor/ConflictStatus/ConflictStatusIndicator.tsx"],"names":[],"mappings":";;;;AAQO,IAAM,uBAAA,GAA0B,CAAC,EAAE,kBAAA,EAAoB,sBAAqB,KAAa;AAC9F,EAAA,MAAM,eAAe,kBAAA,GAAqB,CAAA;AAC1C,EAAA,MAAM,OAAA,GAAU,CAAC,YAAA,IAAgB,oBAAA,KAAyB,CAAA;AAE1D,EAAA,MAAM,UAAA,GAAa,YAAA,GACf,qBAAA,GACA,OAAA,GACE,mBAAA,GACA,0BAAA;AAEN,EAAA,MAAM,QAAkB,EAAC;AACzB,EAAA,IAAI,YAAA,EAAc;AAChB,IAAA,KAAA,CAAM,IAAA,CAAK,GAAG,kBAAkB,CAAA,SAAA,EAAY,uBAAuB,CAAA,GAAI,GAAA,GAAM,EAAE,CAAA,CAAE,CAAA;AAAA,EACnF;AACA,EAAA,IAAI,uBAAuB,CAAA,EAAG;AAC5B,IAAA,KAAA,CAAM,IAAA,CAAK,GAAG,oBAAoB,CAAA,OAAA,EAAU,yBAAyB,CAAA,GAAI,GAAA,GAAM,EAAE,CAAA,CAAE,CAAA;AAAA,EACrF;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,qEAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,OAAA,mBAAU,GAAA,CAAC,eAAY,SAAA,EAAU,WAAA,EAAY,oBAAK,GAAA,CAAC,aAAA,EAAA,EAAc,WAAU,WAAA,EAAY,CAAA;AAAA,QACvF,UAAU,sBAAA,GAAyB,CAAA,EAAG,KAAA,CAAM,IAAA,CAAK,IAAI,CAAC,CAAA,UAAA;AAAA;AAAA;AAAA,GACzD;AAEJ","file":"chunk-O2BF3HZL.js","sourcesContent":["import { AlertTriangle, CircleCheck } from '../../../icons';\nimport { cn } from '../../../utils';\n\ntype Props = {\n  remainingConflicts: number;\n  remainingSafeChanges: number;\n};\n\nexport const ConflictStatusIndicator = ({ remainingConflicts, remainingSafeChanges }: Props) => {\n  const hasConflicts = remainingConflicts > 0;\n  const allDone = !hasConflicts && remainingSafeChanges === 0;\n\n  const colorClass = hasConflicts\n    ? 'tw:text-warning-500'\n    : allDone\n      ? 'tw:text-green-500'\n      : 'tw:text-muted-foreground';\n\n  const parts: string[] = [];\n  if (hasConflicts) {\n    parts.push(`${remainingConflicts} conflict${remainingConflicts !== 1 ? 's' : ''}`);\n  }\n  if (remainingSafeChanges > 0) {\n    parts.push(`${remainingSafeChanges} change${remainingSafeChanges !== 1 ? 's' : ''}`);\n  }\n\n  return (\n    <p\n      className={cn(\n        'tw:m-0 tw:flex tw:items-center tw:gap-1.5 tw:text-sm tw:font-medium',\n        colorClass,\n      )}\n    >\n      {allDone ? <CircleCheck className=\"tw:size-4\" /> : <AlertTriangle className=\"tw:size-4\" />}\n      {allDone ? 'All changes resolved' : `${parts.join(', ')} remaining`}\n    </p>\n  );\n};\n"]}

package/dist/chunk-OANXCZYD.js

@@ -0,0 +1,212 @@
+import { isGroupItems, isGroupItem, createCreatableItem, Combobox as Combobox$1, defaultItemToLabel, isCreatableItem, defaultQueryToCreateLabel, defaultGroupToLabel, defaultItemToDisabled, defaultItemToIcon, toLabel, defaultToCreateValue, isLabeledItem } from './chunk-5AIE6SET.js';
+import { InputGroup } from './chunk-SC275NHZ.js';
+import { X, ChevronDown, Plus } from './chunk-RQVK4IYC.js';
+import { useArgoDesign } from './chunk-WETKNYZX.js';
+import { useState, Fragment } from 'react';
+import { Combobox } from '@base-ui/react/combobox';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var selectAllItem = {
+  value: "__select_all__",
+  label: "Select All"
+};
+var isSelectAllItem = (item) => isLabeledItem(item) && item.value === "__select_all__";
+var MultiCombobox = ({
+  // root props
+  items: _itemsProp,
+  value: _valueProp,
+  defaultValue,
+  onValueChange,
+  itemToStringLabel,
+  itemToStringValue,
+  disabled,
+  filter: filterProp,
+  inputRef,
+  // input props
+  variant,
+  sizing,
+  focusVariant,
+  state,
+  placeholder,
+  allowClear,
+  id,
+  className,
+  // own props
+  allowSelectAll = false,
+  empty = "No items",
+  indicator,
+  // creatable
+  allowCreate,
+  queryToCreateValue,
+  queryToCreateLabel = defaultQueryToCreateLabel,
+  // own item props
+  itemToDisabled = defaultItemToDisabled,
+  itemToLabel = defaultItemToLabel,
+  itemToIcon = defaultItemToIcon,
+  groupToLabel = defaultGroupToLabel,
+  itemToChipLabel,
+  itemToChipColor,
+  maxVisible = 3
+}) => {
+  const itemsProp = _itemsProp ?? [];
+  const valueProp = _valueProp ?? [];
+  const renderArgo = useArgoDesign();
+  const chipVariant = renderArgo ? "pill" : "default";
+  const [inputValue, setInputValue] = useState("");
+  const [createdItems, setCreatedItems] = useState([]);
+  const query = inputValue.trim();
+  const queryLower = query.toLowerCase();
+  const baseItems = (() => {
+    if (createdItems.length === 0) return itemsProp;
+    if (isGroupItems(itemsProp))
+      return [...itemsProp, { items: createdItems }];
+    return [...itemsProp, ...createdItems];
+  })();
+  const allFlatItems = baseItems.flatMap((item) => isGroupItem(item) ? item.items : item);
+  const sampleItem = allFlatItems[0];
+  const isAllSelected = allFlatItems.length === (valueProp?.length ?? 0);
+  const defaultFilter = Combobox.useFilter({
+    multiple: true,
+    value: valueProp
+  });
+  const itemsWithSelectAllItem = (() => {
+    if (!allowSelectAll) return baseItems;
+    return [selectAllItem, ...baseItems];
+  })();
+  const itemToString = (item) => itemToStringLabel?.(item) ?? toLabel(item);
+  const items = (() => {
+    const base = itemsWithSelectAllItem;
+    if (!allowCreate || disabled || !query) return base;
+    const exactMatch = allFlatItems.some((item) => itemToString(item).toLowerCase() === queryLower);
+    const alreadySelected = valueProp.some(
+      (item) => itemToString(item).toLowerCase() === queryLower
+    );
+    if (exactMatch || alreadySelected) return base;
+    const creatable = createCreatableItem(query);
+    return isGroupItems(base) ? [...base, { items: [creatable] }] : [...base, creatable];
+  })();
+  const filter = (item, query2, itemToString2) => {
+    if (isSelectAllItem(item)) return true;
+    if (isCreatableItem(item)) return true;
+    if (filterProp) return filterProp(item, query2, itemToString2);
+    return defaultFilter.contains(item, query2, itemToString2);
+  };
+  const wrappedItemToStringLabel = !allowCreate ? itemToStringLabel : (item) => isCreatableItem(item) ? item.value : itemToString(item);
+  const wrappedItemToStringValue = !allowCreate || !itemToStringValue ? itemToStringValue : (item) => isCreatableItem(item) ? item.value : itemToStringValue(item);
+  const value = (() => {
+    if (!allowSelectAll) return valueProp;
+    return isAllSelected ? [...valueProp, selectAllItem] : valueProp;
+  })();
+  const handleValueChange = (next, event) => {
+    if (!onValueChange) return;
+    const created = [];
+    const converted = allowCreate ? next.map((item) => {
+      if (!isCreatableItem(item)) return item;
+      const value2 = defaultToCreateValue(item.value, sampleItem, queryToCreateValue);
+      created.push(value2);
+      return value2;
+    }) : next;
+    if (allowCreate) {
+      if (created.length > 0) setCreatedItems((prev) => [...prev, ...created]);
+      setInputValue("");
+    }
+    const hasSelectAll = converted.some((item) => isSelectAllItem(item));
+    const newValue = (() => {
+      if (!allowSelectAll) return converted;
+      if (!hasSelectAll) return isAllSelected ? [] : converted;
+      return isAllSelected ? converted.filter((item) => !isSelectAllItem(item)) : allFlatItems;
+    })();
+    onValueChange(newValue, event);
+  };
+  const renderItem = (item) => {
+    return /* @__PURE__ */ jsx(
+      Combobox$1.Item,
+      {
+        value: item,
+        indicator,
+        icon: itemToIcon(item),
+        disabled: itemToDisabled(item),
+        children: itemToLabel(item)
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxs(
+    Combobox$1.Root,
+    {
+      multiple: true,
+      items,
+      value,
+      defaultValue,
+      filter,
+      onValueChange: handleValueChange,
+      itemToStringLabel: wrappedItemToStringLabel,
+      itemToStringValue: wrappedItemToStringValue,
+      disabled,
+      inputRef,
+      ...allowCreate ? { inputValue, onInputValueChange: (nextValue) => setInputValue(nextValue) } : {},
+      children: [
+        /* @__PURE__ */ jsx(Combobox.Chips, { render: /* @__PURE__ */ jsx(Fragment, {}), children: /* @__PURE__ */ jsx(
+          Combobox$1.InputGroup,
+          {
+            variant,
+            sizing,
+            state,
+            focusVariant,
+            className,
+            children: /* @__PURE__ */ jsxs("div", { className: "tw:flex tw:min-w-0 tw:flex-1 tw:flex-wrap tw:items-center tw:gap-1.5 tw:px-4 tw:py-1.5", children: [
+              /* @__PURE__ */ jsx(
+                Combobox$1.Chips,
+                {
+                  maxVisible,
+                  variant: chipVariant,
+                  itemToChipLabel: itemToChipLabel ?? itemToLabel,
+                  itemToChipColor
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "tw:flex tw:flex-1 tw:items-center tw:gap-1", children: [
+                /* @__PURE__ */ jsx(
+                  Combobox$1.Input,
+                  {
+                    id,
+                    placeholder,
+                    disabled,
+                    className: "tw:w-auto tw:min-w-[120px] tw:flex-1"
+                  }
+                ),
+                allowClear && /* @__PURE__ */ jsx(InputGroup.Button, { asChild: true, "aria-label": "Clear", disabled, children: /* @__PURE__ */ jsx(Combobox.Clear, { children: /* @__PURE__ */ jsx(X, { className: "tw:size-4" }) }) }),
+                /* @__PURE__ */ jsx(InputGroup.Button, { disabled, asChild: true, "aria-label": "Open combobox", children: /* @__PURE__ */ jsx(Combobox.Trigger, { children: /* @__PURE__ */ jsx(ChevronDown, { className: "tw:size-4" }) }) })
+              ] })
+            ] })
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(Combobox$1.Content, { children: [
+          /* @__PURE__ */ jsx(Combobox$1.Empty, { children: empty }),
+          /* @__PURE__ */ jsx(Combobox$1.List, { children: (itemOrGroup) => {
+            if (isSelectAllItem(itemOrGroup)) {
+              return /* @__PURE__ */ jsx(Combobox$1.Item, { value: itemOrGroup, indicator: "checkbox", children: "Select All" });
+            }
+            if (isCreatableItem(itemOrGroup)) {
+              return /* @__PURE__ */ jsx(Combobox$1.Item, { value: itemOrGroup, icon: /* @__PURE__ */ jsx(Plus, {}), children: queryToCreateLabel(itemOrGroup.value) });
+            }
+            if (isGroupItem(itemOrGroup)) {
+              const maybeCreatable = itemOrGroup.items[0];
+              if (isCreatableItem(maybeCreatable)) {
+                return /* @__PURE__ */ jsx(Combobox$1.Item, { value: maybeCreatable, icon: /* @__PURE__ */ jsx(Plus, {}), children: queryToCreateLabel(maybeCreatable.value) });
+              }
+              const groupLabel = groupToLabel(itemOrGroup);
+              return /* @__PURE__ */ jsxs(Combobox$1.Group, { items: itemOrGroup.items, children: [
+                groupLabel && /* @__PURE__ */ jsx(Combobox$1.GroupLabel, { children: groupLabel }),
+                /* @__PURE__ */ jsx(Combobox$1.GroupList, { children: renderItem })
+              ] });
+            }
+            return renderItem(itemOrGroup);
+          } })
+        ] })
+      ]
+    }
+  );
+};
+
+export { MultiCombobox };
+//# sourceMappingURL=chunk-OANXCZYD.js.map
+//# sourceMappingURL=chunk-OANXCZYD.js.map

package/dist/chunk-OANXCZYD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/blocks/MultiCombobox/MultiCombobox.tsx"],"names":["BaseCombobox","query","itemToString","value","Combobox"],"mappings":"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","file":"chunk-OANXCZYD.js","sourcesContent":["import { type ComponentProps, Fragment, type ReactNode, useState } from 'react';\nimport { Combobox as BaseCombobox } from '@base-ui/react/combobox';\n\nimport { Combobox } from '../../components/Combobox';\nimport type { Group, LabeledItem } from '../../components/Combobox/types';\nimport {\n  createCreatableItem,\n  defaultGroupToLabel,\n  defaultItemToDisabled,\n  defaultItemToIcon,\n  defaultItemToLabel,\n  defaultQueryToCreateLabel,\n  defaultToCreateValue,\n  isCreatableItem,\n  isGroupItem,\n  isGroupItems,\n  isLabeledItem,\n  toLabel,\n} from '../../components/Combobox/utils';\nimport { InputGroup } from '../../components/InputGroup';\nimport { useArgoDesign } from '../../components/ThemeProvider/context';\nimport { ChevronDown, Plus, X } from '../../icons';\n\ntype ComboboxProps<Value> = BaseCombobox.Root.Props<Value, true>;\ntype ComboboxInputProps = ComponentProps<typeof Combobox.Input>;\ntype ComboboxInputGroupProps = ComponentProps<typeof Combobox.InputGroup>;\ntype ComboboxItemProps = ComponentProps<typeof Combobox.Item>;\ntype ComboboxChipsProps = ComponentProps<typeof Combobox.Chips>;\n\ntype Indicator = NonNullable<ComboboxItemProps['indicator']>;\n\ntype CreatableProps<Value> = {\n  allowCreate?: boolean;\n  queryToCreateLabel?: (query: string) => ReactNode;\n  queryToCreateValue?: (query: string) => Value;\n};\n\n/**\n * Props for `MultiCombobox`. Generic over `Value` (the item shape) and `GroupShape` (optional group wrapper).\n * Use `itemToLabel` / `itemToIcon` / `itemToDisabled` to project custom item shapes; use `filter` to override\n * the default substring matcher. Pass `allowCreate` to let the user add free-form values not in `items`.\n */\ntype Props<Value, GroupShape extends Group<Value> = Group<Value>> = Pick<\n  ComboboxInputProps,\n  'placeholder' | 'id'\n> &\n  Pick<ComboboxInputGroupProps, 'variant' | 'focusVariant' | 'sizing' | 'state' | 'className'> &\n  Pick<\n    ComboboxProps<Value>,\n    | 'disabled'\n    | 'inputRef'\n    | 'value'\n    | 'defaultValue'\n    | 'onValueChange'\n    | 'itemToStringLabel'\n    | 'itemToStringValue'\n    | 'filter'\n  > &\n  Pick<ComboboxChipsProps, 'itemToChipLabel' | 'itemToChipColor' | 'maxVisible'> &\n  CreatableProps<Value> & {\n    items?: readonly (Value | GroupShape)[];\n\n    // root specific\n    allowClear?: boolean;\n    allowSelectAll?: boolean;\n    empty?: ReactNode;\n    indicator?: Indicator;\n\n    // item specific\n    itemToLabel?: (item: Value) => ReactNode;\n    itemToIcon?: (item: Value) => ReactNode;\n    itemToDisabled?: (item: Value) => boolean;\n\n    // group specific\n    groupToLabel?: (group: GroupShape) => ReactNode;\n  };\n\nconst selectAllItem: LabeledItem = {\n  value: '__select_all__',\n  label: 'Select All',\n};\n\nconst isSelectAllItem = <Value,>(item: Value) =>\n  isLabeledItem(item) && item.value === '__select_all__';\n\n/**\n * Multi-selection combobox with chip display and search. Built on Base UI Combobox.\n *\n * **When to use:** picking several items from a searchable enumerated list (filter by tags, assign labels).\n * Items render as chips above the input; `maxVisible` collapses excess into a `+N more` chip.\n * **When NOT to use:** for single selection use `Combobox`; for short enums without search use `Select`.\n * **Composition:** wrap in `FormGroup` for label + help text, or use `useAppForm` for form integration.\n * Pass `allowSelectAll` for a sticky \"Select All\" item when the full enum is small. Pass `allowCreate`\n * to let the user add free-form values that are not in `items` (e.g. entering column names by hand).\n *\n * @see RECIPES.md#creatable-multi-combobox — for free-form-plus-enumerated patterns\n * @see RECIPES.md#filter-toolbar — for combining multi-select with other filter chips\n */\nexport const MultiCombobox = <Value, GroupShape extends Group<Value> = Group<Value>>({\n  // root props\n  items: _itemsProp,\n  value: _valueProp,\n  defaultValue,\n  onValueChange,\n  itemToStringLabel,\n  itemToStringValue,\n  disabled,\n  filter: filterProp,\n  inputRef,\n\n  // input props\n  variant,\n  sizing,\n  focusVariant,\n  state,\n  placeholder,\n  allowClear,\n  id,\n  className,\n\n  // own props\n  allowSelectAll = false,\n  empty = 'No items',\n  indicator,\n\n  // creatable\n  allowCreate,\n  queryToCreateValue,\n  queryToCreateLabel = defaultQueryToCreateLabel,\n\n  // own item props\n  itemToDisabled = defaultItemToDisabled,\n  itemToLabel = defaultItemToLabel,\n  itemToIcon = defaultItemToIcon,\n  groupToLabel = defaultGroupToLabel,\n  itemToChipLabel,\n  itemToChipColor,\n  maxVisible = 3,\n}: Props<Value, GroupShape>) => {\n  const itemsProp = _itemsProp ?? [];\n  const valueProp = _valueProp ?? [];\n  const renderArgo = useArgoDesign();\n  const chipVariant = renderArgo ? 'pill' : 'default';\n\n  const [inputValue, setInputValue] = useState('');\n  const [createdItems, setCreatedItems] = useState<Value[]>([]);\n  const query = inputValue.trim();\n  const queryLower = query.toLowerCase();\n\n  // Created values are appended to `items` so Base UI can keep resolving them (as chips and as\n  // list options) once the query clears — otherwise a value that isn't in `items` gets dropped.\n  const baseItems = (() => {\n    if (createdItems.length === 0) return itemsProp;\n    if (isGroupItems(itemsProp))\n      return [...itemsProp, { items: createdItems } as unknown as GroupShape];\n    return [...itemsProp, ...createdItems];\n  })();\n\n  const allFlatItems = baseItems.flatMap((item) => (isGroupItem(item) ? item.items : item));\n  const sampleItem = allFlatItems[0] as Value | undefined;\n  const isAllSelected = allFlatItems.length === (valueProp?.length ?? 0);\n\n  const defaultFilter = BaseCombobox.useFilter({\n    multiple: true,\n    value: valueProp,\n  });\n\n  const itemsWithSelectAllItem = (() => {\n    if (!allowSelectAll) return baseItems;\n    return [selectAllItem, ...baseItems];\n  })();\n\n  const itemToString = (item: Value) => itemToStringLabel?.(item) ?? toLabel(item);\n\n  const items = (() => {\n    const base = itemsWithSelectAllItem;\n    if (!allowCreate || disabled || !query) return base;\n\n    const exactMatch = allFlatItems.some((item) => itemToString(item).toLowerCase() === queryLower);\n    const alreadySelected = valueProp.some(\n      (item) => itemToString(item).toLowerCase() === queryLower,\n    );\n    if (exactMatch || alreadySelected) return base;\n\n    const creatable = createCreatableItem(query);\n    return isGroupItems(base)\n      ? [...base, { items: [creatable] } as unknown as GroupShape]\n      : [...base, creatable as unknown as Value];\n  })();\n\n  const filter = (item: Value, query: string, itemToString?: (value: Value) => string) => {\n    // keep select always visible\n    if (isSelectAllItem(item)) return true;\n    // always offer the transient \"create\" option\n    if (isCreatableItem(item)) return true;\n\n    if (filterProp) return filterProp(item, query, itemToString);\n    return defaultFilter.contains(item, query, itemToString);\n  };\n\n  const wrappedItemToStringLabel: ComboboxProps<Value>['itemToStringLabel'] = !allowCreate\n    ? itemToStringLabel\n    : (item) => (isCreatableItem(item) ? item.value : itemToString(item));\n\n  const wrappedItemToStringValue: ComboboxProps<Value>['itemToStringValue'] =\n    !allowCreate || !itemToStringValue\n      ? itemToStringValue\n      : (item) => (isCreatableItem(item) ? item.value : itemToStringValue(item));\n\n  const value = (() => {\n    if (!allowSelectAll) return valueProp;\n    return isAllSelected ? [...valueProp, selectAllItem as Value] : valueProp;\n  })();\n\n  const handleValueChange: ComboboxProps<Value>['onValueChange'] = (next, event) => {\n    if (!onValueChange) return;\n\n    const created: Value[] = [];\n    const converted = allowCreate\n      ? next.map((item) => {\n          if (!isCreatableItem(item)) return item;\n          const value = defaultToCreateValue(item.value, sampleItem, queryToCreateValue) as Value;\n          created.push(value);\n          return value;\n        })\n      : next;\n\n    if (allowCreate) {\n      if (created.length > 0) setCreatedItems((prev) => [...prev, ...created]);\n      setInputValue('');\n    }\n\n    const hasSelectAll = converted.some((item) => isSelectAllItem(item));\n    const newValue = (() => {\n      if (!allowSelectAll) return converted;\n      if (!hasSelectAll) return isAllSelected ? [] : converted;\n      return isAllSelected ? converted.filter((item) => !isSelectAllItem(item)) : allFlatItems;\n    })();\n\n    onValueChange(newValue, event);\n  };\n\n  const renderItem = (item: Value) => {\n    return (\n      <Combobox.Item\n        value={item}\n        indicator={indicator}\n        icon={itemToIcon(item)}\n        disabled={itemToDisabled(item)}\n      >\n        {itemToLabel(item)}\n      </Combobox.Item>\n    );\n  };\n\n  return (\n    <Combobox.Root<Value, true>\n      multiple\n      items={items}\n      value={value}\n      defaultValue={defaultValue}\n      filter={filter}\n      onValueChange={handleValueChange}\n      itemToStringLabel={wrappedItemToStringLabel}\n      itemToStringValue={wrappedItemToStringValue}\n      disabled={disabled}\n      inputRef={inputRef}\n      {...(allowCreate\n        ? { inputValue, onInputValueChange: (nextValue: string) => setInputValue(nextValue) }\n        : {})}\n    >\n      <BaseCombobox.Chips render={<Fragment />}>\n        <Combobox.InputGroup\n          variant={variant}\n          sizing={sizing}\n          state={state}\n          focusVariant={focusVariant}\n          className={className}\n        >\n          <div className=\"tw:flex tw:min-w-0 tw:flex-1 tw:flex-wrap tw:items-center tw:gap-1.5 tw:px-4 tw:py-1.5\">\n            <Combobox.Chips<Value>\n              maxVisible={maxVisible}\n              variant={chipVariant}\n              itemToChipLabel={itemToChipLabel ?? itemToLabel}\n              itemToChipColor={itemToChipColor}\n            />\n            <div className=\"tw:flex tw:flex-1 tw:items-center tw:gap-1\">\n              <Combobox.Input\n                id={id}\n                placeholder={placeholder}\n                disabled={disabled}\n                className=\"tw:w-auto tw:min-w-[120px] tw:flex-1\"\n              />\n              {allowClear && (\n                <InputGroup.Button asChild aria-label=\"Clear\" disabled={disabled}>\n                  <BaseCombobox.Clear>\n                    <X className=\"tw:size-4\" />\n                  </BaseCombobox.Clear>\n                </InputGroup.Button>\n              )}\n              <InputGroup.Button disabled={disabled} asChild aria-label=\"Open combobox\">\n                <BaseCombobox.Trigger>\n                  <ChevronDown className=\"tw:size-4\" />\n                </BaseCombobox.Trigger>\n              </InputGroup.Button>\n            </div>\n          </div>\n        </Combobox.InputGroup>\n      </BaseCombobox.Chips>\n      <Combobox.Content>\n        <Combobox.Empty>{empty}</Combobox.Empty>\n        <Combobox.List>\n          {(itemOrGroup: Value | GroupShape) => {\n            if (isSelectAllItem(itemOrGroup)) {\n              return (\n                <Combobox.Item value={itemOrGroup} indicator=\"checkbox\">\n                  Select All\n                </Combobox.Item>\n              );\n            }\n\n            if (isCreatableItem(itemOrGroup)) {\n              return (\n                <Combobox.Item value={itemOrGroup} icon={<Plus />}>\n                  {queryToCreateLabel(itemOrGroup.value)}\n                </Combobox.Item>\n              );\n            }\n\n            if (isGroupItem(itemOrGroup)) {\n              const maybeCreatable = itemOrGroup.items[0];\n\n              if (isCreatableItem(maybeCreatable)) {\n                return (\n                  <Combobox.Item value={maybeCreatable} icon={<Plus />}>\n                    {queryToCreateLabel(maybeCreatable.value)}\n                  </Combobox.Item>\n                );\n              }\n\n              const groupLabel = groupToLabel(itemOrGroup);\n              return (\n                <Combobox.Group items={itemOrGroup.items}>\n                  {groupLabel && <Combobox.GroupLabel>{groupLabel}</Combobox.GroupLabel>}\n                  <Combobox.GroupList>{renderItem}</Combobox.GroupList>\n                </Combobox.Group>\n              );\n            }\n\n            return renderItem(itemOrGroup);\n          }}\n        </Combobox.List>\n      </Combobox.Content>\n    </Combobox.Root>\n  );\n};\n"]}