@mastra/playground-ui 56.0.0-alpha.8 → 56.0.0

package/dist/components/IntegrationDialog.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"IntegrationDialog.cjs.js","sources":["../../src/ds/components/IntegrationDialog/integration-dialog.tsx"],"sourcesContent":["import { BlocksIcon } from 'lucide-react';\nimport { useRef, useState } from 'react';\nimport type { ReactNode, RefObject } from 'react';\nimport { Badge } from '@/ds/components/Badge';\nimport {\n  Dialog,\n  DialogBody,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from '@/ds/components/Dialog';\nimport type { DialogProps } from '@/ds/components/Dialog';\nimport { SearchFieldBlock } from '@/ds/components/FormFieldBlocks/fields/search-field-block';\nimport { controlFocusBorderVisible } from '@/ds/primitives/form-element';\nimport { cn } from '@/lib/utils';\n\nexport type IntegrationDialogItem = {\n  id: string;\n  name: string;\n  logo?: ReactNode;\n  badge?: string;\n  meta?: string;\n  disabled?: boolean;\n};\n\nexport type IntegrationDialogProps = Omit<DialogProps, 'variant' | 'intent' | 'children'> & {\n  title: ReactNode;\n  description?: ReactNode;\n  items: IntegrationDialogItem[];\n  onSelect: (item: IntegrationDialogItem) => void;\n  searchPlaceholder?: string;\n  searchLabel?: string;\n  emptyMessage?: ReactNode;\n  children?: ReactNode;\n  className?: string;\n};\n\nfunction matches(item: IntegrationDialogItem, query: string) {\n  return `${item.name} ${item.id} ${item.badge ?? ''}`.toLowerCase().includes(query);\n}\n\nfunction IntegrationDialog({\n  title,\n  description,\n  items,\n  onSelect,\n  searchPlaceholder = 'Search integrations',\n  searchLabel = 'Search integrations',\n  emptyMessage,\n  children,\n  className,\n  ...props\n}: IntegrationDialogProps) {\n  const searchRef = useRef<HTMLInputElement>(null);\n  return (\n    <Dialog variant=\"new\" {...props}>\n      {children}\n      <DialogContent className={cn('max-w-lg', className)} initialFocus={searchRef}>\n        <IntegrationDialogContent\n          searchRef={searchRef}\n          title={title}\n          description={description}\n          items={items}\n          onSelect={onSelect}\n          searchPlaceholder={searchPlaceholder}\n          searchLabel={searchLabel}\n          emptyMessage={emptyMessage}\n        />\n      </DialogContent>\n    </Dialog>\n  );\n}\n\ntype IntegrationDialogContentProps = Pick<\n  IntegrationDialogProps,\n  'title' | 'description' | 'items' | 'onSelect' | 'emptyMessage'\n> &\n  Required<Pick<IntegrationDialogProps, 'searchPlaceholder' | 'searchLabel'>> & {\n    searchRef: RefObject<HTMLInputElement | null>;\n  };\n\nfunction IntegrationDialogContent({\n  title,\n  description,\n  items,\n  onSelect,\n  searchPlaceholder,\n  searchLabel,\n  emptyMessage,\n  searchRef,\n}: IntegrationDialogContentProps) {\n  const [query, setQuery] = useState('');\n  const normalizedQuery = query.trim().toLowerCase();\n  const visibleItems = normalizedQuery ? items.filter(item => matches(item, normalizedQuery)) : items;\n\n  return (\n    <>\n      <DialogHeader>\n        <DialogTitle>{title}</DialogTitle>\n        {description ? <DialogDescription>{description}</DialogDescription> : null}\n      </DialogHeader>\n      <div className=\"shrink-0 px-5 py-2\">\n        <SearchFieldBlock\n          inputRef={searchRef}\n          name=\"integration-search\"\n          label={searchLabel}\n          labelIsHidden\n          placeholder={searchPlaceholder}\n          value={query}\n          onChange={event => setQuery(event.target.value)}\n          onReset={() => setQuery('')}\n          variant=\"outline\"\n          size=\"md\"\n        />\n      </div>\n      <DialogBody className=\"pt-2 pb-5\">\n        {visibleItems.length > 0 ? (\n          <ul className=\"flex flex-col gap-2\">\n            {visibleItems.map(item => {\n              return (\n                <li key={item.id}>\n                  <button\n                    type=\"button\"\n                    disabled={item.disabled}\n                    onClick={() => onSelect(item)}\n                    className={cn(\n                      'flex w-full cursor-pointer items-center gap-3 rounded-2xl border border-border1 px-4 py-3 text-left transition-colors duration-normal ease-out-custom hover:bg-surface3 disabled:pointer-events-none disabled:opacity-50',\n                      controlFocusBorderVisible,\n                    )}\n                  >\n                    <span className=\"text-neutral4 grid size-8 shrink-0 place-items-center [&>img]:size-full [&>img]:object-contain [&>svg]:size-4\">\n                      {item.logo ?? <BlocksIcon />}\n                    </span>\n                    <span className=\"text-ui-md leading-ui-md text-neutral6 min-w-0 truncate font-medium\">\n                      {item.name}\n                    </span>\n                    {item.badge ? <Badge size=\"sm\">{item.badge}</Badge> : null}\n                    {item.meta ? (\n                      <span className=\"text-ui-sm leading-ui-sm text-neutral3 ml-auto shrink-0\">{item.meta}</span>\n                    ) : null}\n                  </button>\n                </li>\n              );\n            })}\n          </ul>\n        ) : (\n          <p role=\"status\" className=\"text-ui-sm text-neutral3 py-8 text-center\">\n            {emptyMessage ?? (normalizedQuery ? `No integrations match “${query}”.` : 'No integrations are available.')}\n          </p>\n        )}\n      </DialogBody>\n    </>\n  );\n}\n\nIntegrationDialog.Trigger = DialogTrigger;\n\nexport { IntegrationDialog };\n"],"names":["useRef","jsxs","Dialog","jsx","DialogContent","cn","useState","Fragment","DialogHeader","DialogTitle","DialogDescription","SearchFieldBlock","DialogBody","controlFocusBorderVisible","BlocksIcon","Badge","DialogTrigger"],"mappings":"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"}
+{"version":3,"file":"IntegrationDialog.cjs.js","sources":["../../src/ds/components/IntegrationDialog/integration-dialog.tsx"],"sourcesContent":["import { BlocksIcon } from 'lucide-react';\nimport { useRef, useState } from 'react';\nimport type { ReactNode, RefObject } from 'react';\nimport { Badge } from '@/ds/components/Badge';\nimport {\n  Dialog,\n  DialogBody,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from '@/ds/components/Dialog';\nimport type { DialogProps } from '@/ds/components/Dialog';\nimport { SearchFieldBlock } from '@/ds/components/FormFieldBlocks/fields/search-field-block';\nimport { controlFocusBorderVisible } from '@/ds/primitives/form-element';\nimport { cn } from '@/lib/utils';\n\nexport type IntegrationDialogItem = {\n  id: string;\n  name: string;\n  logo?: ReactNode;\n  badge?: string;\n  meta?: string;\n  disabled?: boolean;\n};\n\nexport type IntegrationDialogProps = Omit<DialogProps, 'variant' | 'intent' | 'children'> & {\n  title: ReactNode;\n  description?: ReactNode;\n  items: IntegrationDialogItem[];\n  onSelect: (item: IntegrationDialogItem) => void;\n  searchPlaceholder?: string;\n  searchLabel?: string;\n  emptyMessage?: ReactNode;\n  children?: ReactNode;\n  className?: string;\n};\n\nfunction matches(item: IntegrationDialogItem, query: string) {\n  return `${item.name} ${item.id} ${item.badge ?? ''}`.toLowerCase().includes(query);\n}\n\nfunction IntegrationDialog({\n  title,\n  description,\n  items,\n  onSelect,\n  searchPlaceholder = 'Search integrations',\n  searchLabel = 'Search integrations',\n  emptyMessage,\n  children,\n  className,\n  ...props\n}: IntegrationDialogProps) {\n  const searchRef = useRef<HTMLInputElement>(null);\n  return (\n    <Dialog variant=\"new\" {...props}>\n      {children}\n      <DialogContent className={cn('max-w-lg', className)} initialFocus={searchRef}>\n        <IntegrationDialogContent\n          searchRef={searchRef}\n          title={title}\n          description={description}\n          items={items}\n          onSelect={onSelect}\n          searchPlaceholder={searchPlaceholder}\n          searchLabel={searchLabel}\n          emptyMessage={emptyMessage}\n        />\n      </DialogContent>\n    </Dialog>\n  );\n}\n\ntype IntegrationDialogContentProps = Pick<\n  IntegrationDialogProps,\n  'title' | 'description' | 'items' | 'onSelect' | 'emptyMessage'\n> &\n  Required<Pick<IntegrationDialogProps, 'searchPlaceholder' | 'searchLabel'>> & {\n    searchRef: RefObject<HTMLInputElement | null>;\n  };\n\nfunction IntegrationDialogContent({\n  title,\n  description,\n  items,\n  onSelect,\n  searchPlaceholder,\n  searchLabel,\n  emptyMessage,\n  searchRef,\n}: IntegrationDialogContentProps) {\n  const [query, setQuery] = useState('');\n  const normalizedQuery = query.trim().toLowerCase();\n  const visibleItems = normalizedQuery ? items.filter(item => matches(item, normalizedQuery)) : items;\n\n  return (\n    <>\n      <DialogHeader>\n        <DialogTitle>{title}</DialogTitle>\n        {description ? <DialogDescription>{description}</DialogDescription> : null}\n      </DialogHeader>\n      <div className=\"shrink-0 px-5 py-2\">\n        <SearchFieldBlock\n          inputRef={searchRef}\n          name=\"integration-search\"\n          label={searchLabel}\n          labelIsHidden\n          placeholder={searchPlaceholder}\n          value={query}\n          onChange={event => setQuery(event.target.value)}\n          onReset={() => setQuery('')}\n          size=\"md\"\n        />\n      </div>\n      <DialogBody className=\"pt-2 pb-5\">\n        {visibleItems.length > 0 ? (\n          <ul className=\"flex flex-col gap-2\">\n            {visibleItems.map(item => {\n              return (\n                <li key={item.id}>\n                  <button\n                    type=\"button\"\n                    disabled={item.disabled}\n                    onClick={() => onSelect(item)}\n                    className={cn(\n                      'flex w-full cursor-pointer items-center gap-3 rounded-2xl border border-border px-4 py-3 text-left transition-colors duration-normal ease-out-custom hover:bg-fill-subtle disabled:pointer-events-none disabled:opacity-50',\n                      controlFocusBorderVisible,\n                    )}\n                  >\n                    <span className=\"text-muted-foreground grid size-8 shrink-0 place-items-center [&>img]:size-full [&>img]:object-contain [&>svg]:size-4\">\n                      {item.logo ?? <BlocksIcon />}\n                    </span>\n                    <span className=\"text-subheading text-foreground min-w-0 truncate\">{item.name}</span>\n                    {item.badge ? <Badge size=\"sm\">{item.badge}</Badge> : null}\n                    {item.meta ? (\n                      <span className=\"text-caption text-muted-foreground ml-auto shrink-0\">{item.meta}</span>\n                    ) : null}\n                  </button>\n                </li>\n              );\n            })}\n          </ul>\n        ) : (\n          <p role=\"status\" className=\"text-caption text-muted-foreground py-8 text-center\">\n            {emptyMessage ?? (normalizedQuery ? `No integrations match “${query}”.` : 'No integrations are available.')}\n          </p>\n        )}\n      </DialogBody>\n    </>\n  );\n}\n\nIntegrationDialog.Trigger = DialogTrigger;\n\nexport { IntegrationDialog };\n"],"names":["useRef","jsxs","Dialog","jsx","DialogContent","cn","useState","Fragment","DialogHeader","DialogTitle","DialogDescription","SearchFieldBlock","DialogBody","controlFocusBorderVisible","BlocksIcon","Badge","DialogTrigger"],"mappings":"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"}

package/dist/components/IntegrationDialog.es.js

@@ -1,11 +1,11 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { BlocksIcon } from 'lucide-react';
 import { useRef, useState } from 'react';
-import { B as Badge } from '../Badge-BCwBpIc7.js';
-import { D as Dialog, a as DialogContent, b as DialogHeader, c as DialogTitle, d as DialogDescription, e as DialogBody, m as DialogTrigger } from '../dialog-C60a4DWO.js';
-import { S as SearchFieldBlock } from '../search-field-block-zF_99MJ5.js';
+import { B as Badge } from '../Badge-TD55_qZJ.js';
+import { D as Dialog, a as DialogContent, b as DialogHeader, c as DialogTitle, d as DialogDescription, e as DialogBody, m as DialogTrigger } from '../dialog-DRpMek34.js';
+import { S as SearchFieldBlock } from '../search-field-block-B5vUVTpl.js';
 import { controlFocusBorderVisible } from '../primitives/form-element.es.js';
-import { c as cn } from '../cn-C6s2yXwM.js';
+import { c as cn } from '../cn-65Adrsfj.js';
 
 function matches(item, query) {
   return `${item.name} ${item.id} ${item.badge ?? ""}`.toLowerCase().includes(query);
@@ -69,7 +69,6 @@ function IntegrationDialogContent({
         value: query,
         onChange: (event) => setQuery(event.target.value),
         onReset: () => setQuery(""),
-        variant: "outline",
         size: "md"
       }
     ) }),
@@ -81,18 +80,18 @@ function IntegrationDialogContent({
           disabled: item.disabled,
           onClick: () => onSelect(item),
           className: cn(
-            "flex w-full cursor-pointer items-center gap-3 rounded-2xl border border-border1 px-4 py-3 text-left transition-colors duration-normal ease-out-custom hover:bg-surface3 disabled:pointer-events-none disabled:opacity-50",
+            "flex w-full cursor-pointer items-center gap-3 rounded-2xl border border-border px-4 py-3 text-left transition-colors duration-normal ease-out-custom hover:bg-fill-subtle disabled:pointer-events-none disabled:opacity-50",
             controlFocusBorderVisible
           ),
           children: [
-            /* @__PURE__ */ jsx("span", { className: "text-neutral4 grid size-8 shrink-0 place-items-center [&>img]:size-full [&>img]:object-contain [&>svg]:size-4", children: item.logo ?? /* @__PURE__ */ jsx(BlocksIcon, {}) }),
-            /* @__PURE__ */ jsx("span", { className: "text-ui-md leading-ui-md text-neutral6 min-w-0 truncate font-medium", children: item.name }),
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground grid size-8 shrink-0 place-items-center [&>img]:size-full [&>img]:object-contain [&>svg]:size-4", children: item.logo ?? /* @__PURE__ */ jsx(BlocksIcon, {}) }),
+            /* @__PURE__ */ jsx("span", { className: "text-subheading text-foreground min-w-0 truncate", children: item.name }),
             item.badge ? /* @__PURE__ */ jsx(Badge, { size: "sm", children: item.badge }) : null,
-            item.meta ? /* @__PURE__ */ jsx("span", { className: "text-ui-sm leading-ui-sm text-neutral3 ml-auto shrink-0", children: item.meta }) : null
+            item.meta ? /* @__PURE__ */ jsx("span", { className: "text-caption text-muted-foreground ml-auto shrink-0", children: item.meta }) : null
           ]
         }
       ) }, item.id);
-    }) }) : /* @__PURE__ */ jsx("p", { role: "status", className: "text-ui-sm text-neutral3 py-8 text-center", children: emptyMessage ?? (normalizedQuery ? `No integrations match “${query}”.` : "No integrations are available.") }) })
+    }) }) : /* @__PURE__ */ jsx("p", { role: "status", className: "text-caption text-muted-foreground py-8 text-center", children: emptyMessage ?? (normalizedQuery ? `No integrations match “${query}”.` : "No integrations are available.") }) })
   ] });
 }
 IntegrationDialog.Trigger = DialogTrigger;

package/dist/components/IntegrationDialog.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"IntegrationDialog.es.js","sources":["../../src/ds/components/IntegrationDialog/integration-dialog.tsx"],"sourcesContent":["import { BlocksIcon } from 'lucide-react';\nimport { useRef, useState } from 'react';\nimport type { ReactNode, RefObject } from 'react';\nimport { Badge } from '@/ds/components/Badge';\nimport {\n  Dialog,\n  DialogBody,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from '@/ds/components/Dialog';\nimport type { DialogProps } from '@/ds/components/Dialog';\nimport { SearchFieldBlock } from '@/ds/components/FormFieldBlocks/fields/search-field-block';\nimport { controlFocusBorderVisible } from '@/ds/primitives/form-element';\nimport { cn } from '@/lib/utils';\n\nexport type IntegrationDialogItem = {\n  id: string;\n  name: string;\n  logo?: ReactNode;\n  badge?: string;\n  meta?: string;\n  disabled?: boolean;\n};\n\nexport type IntegrationDialogProps = Omit<DialogProps, 'variant' | 'intent' | 'children'> & {\n  title: ReactNode;\n  description?: ReactNode;\n  items: IntegrationDialogItem[];\n  onSelect: (item: IntegrationDialogItem) => void;\n  searchPlaceholder?: string;\n  searchLabel?: string;\n  emptyMessage?: ReactNode;\n  children?: ReactNode;\n  className?: string;\n};\n\nfunction matches(item: IntegrationDialogItem, query: string) {\n  return `${item.name} ${item.id} ${item.badge ?? ''}`.toLowerCase().includes(query);\n}\n\nfunction IntegrationDialog({\n  title,\n  description,\n  items,\n  onSelect,\n  searchPlaceholder = 'Search integrations',\n  searchLabel = 'Search integrations',\n  emptyMessage,\n  children,\n  className,\n  ...props\n}: IntegrationDialogProps) {\n  const searchRef = useRef<HTMLInputElement>(null);\n  return (\n    <Dialog variant=\"new\" {...props}>\n      {children}\n      <DialogContent className={cn('max-w-lg', className)} initialFocus={searchRef}>\n        <IntegrationDialogContent\n          searchRef={searchRef}\n          title={title}\n          description={description}\n          items={items}\n          onSelect={onSelect}\n          searchPlaceholder={searchPlaceholder}\n          searchLabel={searchLabel}\n          emptyMessage={emptyMessage}\n        />\n      </DialogContent>\n    </Dialog>\n  );\n}\n\ntype IntegrationDialogContentProps = Pick<\n  IntegrationDialogProps,\n  'title' | 'description' | 'items' | 'onSelect' | 'emptyMessage'\n> &\n  Required<Pick<IntegrationDialogProps, 'searchPlaceholder' | 'searchLabel'>> & {\n    searchRef: RefObject<HTMLInputElement | null>;\n  };\n\nfunction IntegrationDialogContent({\n  title,\n  description,\n  items,\n  onSelect,\n  searchPlaceholder,\n  searchLabel,\n  emptyMessage,\n  searchRef,\n}: IntegrationDialogContentProps) {\n  const [query, setQuery] = useState('');\n  const normalizedQuery = query.trim().toLowerCase();\n  const visibleItems = normalizedQuery ? items.filter(item => matches(item, normalizedQuery)) : items;\n\n  return (\n    <>\n      <DialogHeader>\n        <DialogTitle>{title}</DialogTitle>\n        {description ? <DialogDescription>{description}</DialogDescription> : null}\n      </DialogHeader>\n      <div className=\"shrink-0 px-5 py-2\">\n        <SearchFieldBlock\n          inputRef={searchRef}\n          name=\"integration-search\"\n          label={searchLabel}\n          labelIsHidden\n          placeholder={searchPlaceholder}\n          value={query}\n          onChange={event => setQuery(event.target.value)}\n          onReset={() => setQuery('')}\n          variant=\"outline\"\n          size=\"md\"\n        />\n      </div>\n      <DialogBody className=\"pt-2 pb-5\">\n        {visibleItems.length > 0 ? (\n          <ul className=\"flex flex-col gap-2\">\n            {visibleItems.map(item => {\n              return (\n                <li key={item.id}>\n                  <button\n                    type=\"button\"\n                    disabled={item.disabled}\n                    onClick={() => onSelect(item)}\n                    className={cn(\n                      'flex w-full cursor-pointer items-center gap-3 rounded-2xl border border-border1 px-4 py-3 text-left transition-colors duration-normal ease-out-custom hover:bg-surface3 disabled:pointer-events-none disabled:opacity-50',\n                      controlFocusBorderVisible,\n                    )}\n                  >\n                    <span className=\"text-neutral4 grid size-8 shrink-0 place-items-center [&>img]:size-full [&>img]:object-contain [&>svg]:size-4\">\n                      {item.logo ?? <BlocksIcon />}\n                    </span>\n                    <span className=\"text-ui-md leading-ui-md text-neutral6 min-w-0 truncate font-medium\">\n                      {item.name}\n                    </span>\n                    {item.badge ? <Badge size=\"sm\">{item.badge}</Badge> : null}\n                    {item.meta ? (\n                      <span className=\"text-ui-sm leading-ui-sm text-neutral3 ml-auto shrink-0\">{item.meta}</span>\n                    ) : null}\n                  </button>\n                </li>\n              );\n            })}\n          </ul>\n        ) : (\n          <p role=\"status\" className=\"text-ui-sm text-neutral3 py-8 text-center\">\n            {emptyMessage ?? (normalizedQuery ? `No integrations match “${query}”.` : 'No integrations are available.')}\n          </p>\n        )}\n      </DialogBody>\n    </>\n  );\n}\n\nIntegrationDialog.Trigger = DialogTrigger;\n\nexport { IntegrationDialog };\n"],"names":[],"mappings":";;;;;;;;;AAuCA,SAAS,OAAA,CAAQ,MAA6B,KAAA,EAAe;AAC3D,EAAA,OAAO,CAAA,EAAG,IAAA,CAAK,IAAI,CAAA,CAAA,EAAI,KAAK,EAAE,CAAA,CAAA,EAAI,IAAA,CAAK,KAAA,IAAS,EAAE,CAAA,CAAA,CAAG,WAAA,EAAY,CAAE,SAAS,KAAK,CAAA;AACnF;AAEA,SAAS,iBAAA,CAAkB;AAAA,EACzB,KAAA;AAAA,EACA,WAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,iBAAA,GAAoB,qBAAA;AAAA,EACpB,WAAA,GAAc,qBAAA;AAAA,EACd,YAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA2B;AACzB,EAAA,MAAM,SAAA,GAAY,OAAyB,IAAI,CAAA;AAC/C,EAAA,uBACE,IAAA,CAAC,MAAA,EAAA,EAAO,OAAA,EAAQ,KAAA,EAAO,GAAG,KAAA,EACvB,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,oBACD,GAAA,CAAC,iBAAc,SAAA,EAAW,EAAA,CAAG,YAAY,SAAS,CAAA,EAAG,cAAc,SAAA,EACjE,QAAA,kBAAA,GAAA;AAAA,MAAC,wBAAA;AAAA,MAAA;AAAA,QACC,SAAA;AAAA,QACA,KAAA;AAAA,QACA,WAAA;AAAA,QACA,KAAA;AAAA,QACA,QAAA;AAAA,QACA,iBAAA;AAAA,QACA,WAAA;AAAA,QACA;AAAA;AAAA,KACF,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;AAUA,SAAS,wBAAA,CAAyB;AAAA,EAChC,KAAA;AAAA,EACA,WAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,iBAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAA,EAAkC;AAChC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,EAAE,CAAA;AACrC,EAAA,MAAM,eAAA,GAAkB,KAAA,CAAM,IAAA,EAAK,CAAE,WAAA,EAAY;AACjD,EAAA,MAAM,YAAA,GAAe,kBAAkB,KAAA,CAAM,MAAA,CAAO,UAAQ,OAAA,CAAQ,IAAA,EAAM,eAAe,CAAC,CAAA,GAAI,KAAA;AAE9F,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,eAAa,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,MACnB,WAAA,mBAAc,GAAA,CAAC,iBAAA,EAAA,EAAmB,QAAA,EAAA,WAAA,EAAY,CAAA,GAAuB;AAAA,KAAA,EACxE,CAAA;AAAA,oBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oBAAA,EACb,QAAA,kBAAA,GAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,QAAA,EAAU,SAAA;AAAA,QACV,IAAA,EAAK,oBAAA;AAAA,QACL,KAAA,EAAO,WAAA;AAAA,QACP,aAAA,EAAa,IAAA;AAAA,QACb,WAAA,EAAa,iBAAA;AAAA,QACb,KAAA,EAAO,KAAA;AAAA,QACP,QAAA,EAAU,CAAA,KAAA,KAAS,QAAA,CAAS,KAAA,CAAM,OAAO,KAAK,CAAA;AAAA,QAC9C,OAAA,EAAS,MAAM,QAAA,CAAS,EAAE,CAAA;AAAA,QAC1B,OAAA,EAAQ,SAAA;AAAA,QACR,IAAA,EAAK;AAAA;AAAA,KACP,EACF,CAAA;AAAA,oBACA,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAU,WAAA,EACnB,QAAA,EAAA,YAAA,CAAa,MAAA,GAAS,CAAA,mBACrB,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,qBAAA,EACX,QAAA,EAAA,YAAA,CAAa,IAAI,CAAA,IAAA,KAAQ;AACxB,MAAA,2BACG,IAAA,EAAA,EACC,QAAA,kBAAA,IAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,UAAU,IAAA,CAAK,QAAA;AAAA,UACf,OAAA,EAAS,MAAM,QAAA,CAAS,IAAI,CAAA;AAAA,UAC5B,SAAA,EAAW,EAAA;AAAA,YACT,0NAAA;AAAA,YACA;AAAA,WACF;AAAA,UAEA,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,UAAK,SAAA,EAAU,+GAAA,EACb,eAAK,IAAA,oBAAQ,GAAA,CAAC,cAAW,CAAA,EAC5B,CAAA;AAAA,4BACA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,qEAAA,EACb,eAAK,IAAA,EACR,CAAA;AAAA,YACC,IAAA,CAAK,wBAAQ,GAAA,CAAC,KAAA,EAAA,EAAM,MAAK,IAAA,EAAM,QAAA,EAAA,IAAA,CAAK,OAAM,CAAA,GAAW,IAAA;AAAA,YACrD,IAAA,CAAK,uBACJ,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,yDAAA,EAA2D,QAAA,EAAA,IAAA,CAAK,MAAK,CAAA,GACnF;AAAA;AAAA;AAAA,OACN,EAAA,EApBO,KAAK,EAqBd,CAAA;AAAA,IAEJ,CAAC,CAAA,EACH,CAAA,mBAEA,GAAA,CAAC,OAAE,IAAA,EAAK,QAAA,EAAS,SAAA,EAAU,2CAAA,EACxB,2BAAiB,eAAA,GAAkB,CAAA,uBAAA,EAA0B,KAAK,CAAA,EAAA,CAAA,GAAO,mCAC5E,CAAA,EAEJ;AAAA,GAAA,EACF,CAAA;AAEJ;AAEA,iBAAA,CAAkB,OAAA,GAAU,aAAA;;;;"}
+{"version":3,"file":"IntegrationDialog.es.js","sources":["../../src/ds/components/IntegrationDialog/integration-dialog.tsx"],"sourcesContent":["import { BlocksIcon } from 'lucide-react';\nimport { useRef, useState } from 'react';\nimport type { ReactNode, RefObject } from 'react';\nimport { Badge } from '@/ds/components/Badge';\nimport {\n  Dialog,\n  DialogBody,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from '@/ds/components/Dialog';\nimport type { DialogProps } from '@/ds/components/Dialog';\nimport { SearchFieldBlock } from '@/ds/components/FormFieldBlocks/fields/search-field-block';\nimport { controlFocusBorderVisible } from '@/ds/primitives/form-element';\nimport { cn } from '@/lib/utils';\n\nexport type IntegrationDialogItem = {\n  id: string;\n  name: string;\n  logo?: ReactNode;\n  badge?: string;\n  meta?: string;\n  disabled?: boolean;\n};\n\nexport type IntegrationDialogProps = Omit<DialogProps, 'variant' | 'intent' | 'children'> & {\n  title: ReactNode;\n  description?: ReactNode;\n  items: IntegrationDialogItem[];\n  onSelect: (item: IntegrationDialogItem) => void;\n  searchPlaceholder?: string;\n  searchLabel?: string;\n  emptyMessage?: ReactNode;\n  children?: ReactNode;\n  className?: string;\n};\n\nfunction matches(item: IntegrationDialogItem, query: string) {\n  return `${item.name} ${item.id} ${item.badge ?? ''}`.toLowerCase().includes(query);\n}\n\nfunction IntegrationDialog({\n  title,\n  description,\n  items,\n  onSelect,\n  searchPlaceholder = 'Search integrations',\n  searchLabel = 'Search integrations',\n  emptyMessage,\n  children,\n  className,\n  ...props\n}: IntegrationDialogProps) {\n  const searchRef = useRef<HTMLInputElement>(null);\n  return (\n    <Dialog variant=\"new\" {...props}>\n      {children}\n      <DialogContent className={cn('max-w-lg', className)} initialFocus={searchRef}>\n        <IntegrationDialogContent\n          searchRef={searchRef}\n          title={title}\n          description={description}\n          items={items}\n          onSelect={onSelect}\n          searchPlaceholder={searchPlaceholder}\n          searchLabel={searchLabel}\n          emptyMessage={emptyMessage}\n        />\n      </DialogContent>\n    </Dialog>\n  );\n}\n\ntype IntegrationDialogContentProps = Pick<\n  IntegrationDialogProps,\n  'title' | 'description' | 'items' | 'onSelect' | 'emptyMessage'\n> &\n  Required<Pick<IntegrationDialogProps, 'searchPlaceholder' | 'searchLabel'>> & {\n    searchRef: RefObject<HTMLInputElement | null>;\n  };\n\nfunction IntegrationDialogContent({\n  title,\n  description,\n  items,\n  onSelect,\n  searchPlaceholder,\n  searchLabel,\n  emptyMessage,\n  searchRef,\n}: IntegrationDialogContentProps) {\n  const [query, setQuery] = useState('');\n  const normalizedQuery = query.trim().toLowerCase();\n  const visibleItems = normalizedQuery ? items.filter(item => matches(item, normalizedQuery)) : items;\n\n  return (\n    <>\n      <DialogHeader>\n        <DialogTitle>{title}</DialogTitle>\n        {description ? <DialogDescription>{description}</DialogDescription> : null}\n      </DialogHeader>\n      <div className=\"shrink-0 px-5 py-2\">\n        <SearchFieldBlock\n          inputRef={searchRef}\n          name=\"integration-search\"\n          label={searchLabel}\n          labelIsHidden\n          placeholder={searchPlaceholder}\n          value={query}\n          onChange={event => setQuery(event.target.value)}\n          onReset={() => setQuery('')}\n          size=\"md\"\n        />\n      </div>\n      <DialogBody className=\"pt-2 pb-5\">\n        {visibleItems.length > 0 ? (\n          <ul className=\"flex flex-col gap-2\">\n            {visibleItems.map(item => {\n              return (\n                <li key={item.id}>\n                  <button\n                    type=\"button\"\n                    disabled={item.disabled}\n                    onClick={() => onSelect(item)}\n                    className={cn(\n                      'flex w-full cursor-pointer items-center gap-3 rounded-2xl border border-border px-4 py-3 text-left transition-colors duration-normal ease-out-custom hover:bg-fill-subtle disabled:pointer-events-none disabled:opacity-50',\n                      controlFocusBorderVisible,\n                    )}\n                  >\n                    <span className=\"text-muted-foreground grid size-8 shrink-0 place-items-center [&>img]:size-full [&>img]:object-contain [&>svg]:size-4\">\n                      {item.logo ?? <BlocksIcon />}\n                    </span>\n                    <span className=\"text-subheading text-foreground min-w-0 truncate\">{item.name}</span>\n                    {item.badge ? <Badge size=\"sm\">{item.badge}</Badge> : null}\n                    {item.meta ? (\n                      <span className=\"text-caption text-muted-foreground ml-auto shrink-0\">{item.meta}</span>\n                    ) : null}\n                  </button>\n                </li>\n              );\n            })}\n          </ul>\n        ) : (\n          <p role=\"status\" className=\"text-caption text-muted-foreground py-8 text-center\">\n            {emptyMessage ?? (normalizedQuery ? `No integrations match “${query}”.` : 'No integrations are available.')}\n          </p>\n        )}\n      </DialogBody>\n    </>\n  );\n}\n\nIntegrationDialog.Trigger = DialogTrigger;\n\nexport { IntegrationDialog };\n"],"names":[],"mappings":"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"}

package/dist/components/ItemList.cjs.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const utils_cn = require('../cn-BuHW7Wrt.cjs');
+const utils_cn = require('../cn-DG0X1KEP.cjs');
 const dateFns = require('date-fns');
 const format = require('date-fns/format');
 const isToday = require('date-fns/isToday');
 const React = require('react');
-const tooltip = require('../tooltip-_cda-a7s.cjs');
+const tooltip = require('../tooltip-FvWL16Xn.cjs');
 const primitives_transitions = require('../primitives/transitions.cjs.js');
 const lucideReact = require('lucide-react');
-const Badge = require('../Badge-RWi6V_JT.cjs');
+const Badge = require('../Badge-BEeYtjmv.cjs');
 
 function ItemListCell({ children, className }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("", className), children });
@@ -22,7 +22,7 @@ function ItemListDateCell({ date, className, withTime = false }) {
   const displayDayAndMonth = date ? isToday.isToday(new Date(date)) ? "Today" : format.format(new Date(date), "MMM dd") : "";
   const displayYear = date && !isThisYearDate ? format.format(new Date(date), "yyyy") : "";
   const displayTime = date && withTime ? `${format.format(new Date(date), "'at' h:mm aaa")}` : "";
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("truncate text-ui-md text-neutral2", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("truncate text-body text-placeholder", className), children: [
     displayDayAndMonth,
     " ",
     displayYear,
@@ -41,10 +41,10 @@ function getItemListColumnTemplate(columns) {
 }
 
 function ItemListHeader({ columns, isSelectionActive, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("sticky top-0 z-10 mb-2 rounded-lg bg-surface3 px-3"), children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("sticky top-0 z-10 mb-2 rounded-lg bg-card px-3"), children: /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: utils_cn.cn("grid items-center gap-3 text-left text-ui-xs tracking-widest text-neutral3 uppercase", {
+      className: utils_cn.cn("grid items-center gap-3 text-left text-meta tracking-widest text-muted-foreground uppercase", {
         "pl-12 [&>label]:absolute [&>label]:left-0": isSelectionActive
       }),
       style: { gridTemplateColumns: getItemListColumnTemplate(columns) },
@@ -59,7 +59,7 @@ function ItemListHeaderCol({ children, className }) {
 
 function ItemListIdCell({ id, className, isShortened = true }) {
   const displayId = isShortened ? id.slice(0, 8) : id;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("truncate py-[0.6rem] text-ui-md text-neutral2", className), children: displayId });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("truncate py-[0.6rem] text-body text-placeholder", className), children: displayId });
 }
 
 function ItemListItems({ children }) {
@@ -72,7 +72,16 @@ function ItemListItemsScroller({ children }) {
 }
 
 function ItemListLabelCell({ children, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("label", { className: utils_cn.cn("flex h-full w-14 items-center justify-center rounded-lg hover:bg-surface5", className), children });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "label",
+    {
+      className: utils_cn.cn(
+        "flex h-full w-14 items-center justify-center rounded-lg text-caption hover:bg-fill-subtle",
+        className
+      ),
+      children
+    }
+  );
 }
 
 function ItemListLinkCell({ children, href, className, LinkComponent: Link, tooltip: tooltip$1 }) {
@@ -82,7 +91,7 @@ function ItemListLinkCell({ children, href, className, LinkComponent: Link, tool
       href,
       className: utils_cn.cn(
         "flex w-full items-center justify-center gap-4 rounded-lg px-3 py-2 text-left",
-        "hover:bg-surface4",
+        "hover:bg-fill-subtle",
         primitives_transitions.transitions.colors,
         primitives_transitions.focusRing.visible,
         className
@@ -101,11 +110,11 @@ function ItemListMessage({ children, message, className, type }) {
   if (!children && !message) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("grid border-t border-border1", className), children: message ? /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("grid border-t border-border", className), children: message ? /* @__PURE__ */ jsxRuntime.jsxs(
     "p",
     {
       className: utils_cn.cn(
-        "grid justify-center justify-items-center gap-2 p-5 text-center text-ui-md text-neutral3",
+        "grid justify-center justify-items-center gap-2 p-5 text-center text-body text-muted-foreground",
         "[&>svg]:size-[1.5em] [&>svg]:opacity-75",
         {
           "[&>svg]:text-red-500": type === "error"
@@ -130,7 +139,7 @@ function ItemListNextPageLoading({
   if (!setEndOfListElement) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: setEndOfListElement, className: "text-ui-md text-neutral3 mt-4 flex justify-center opacity-50", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: setEndOfListElement, className: "text-body text-muted-foreground mt-4 flex justify-center opacity-50", children: [
     isLoading && loadingText,
     !hasMore && !isLoading && noMoreDataText
   ] });
@@ -138,7 +147,7 @@ function ItemListNextPageLoading({
 
 function ItemListPagination({ currentPage, hasMore, onNextPage, onPrevPage }) {
   const showNavigation = typeof currentPage === "number" && currentPage > 0 || hasMore;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("flex items-center justify-center gap-4 pt-4 text-ui-md text-neutral3"), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("flex items-center justify-center gap-4 pt-4 text-body text-muted-foreground"), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
       "Page ",
       /* @__PURE__ */ jsxRuntime.jsx("b", { children: currentPage ? currentPage + 1 : "1" })
@@ -148,8 +157,8 @@ function ItemListPagination({ currentPage, hasMore, onNextPage, onPrevPage }) {
       {
         className: utils_cn.cn(
           "flex gap-4",
-          "[&>button]:flex [&>button]:items-center [&>button]:gap-2 [&>button]:rounded-md [&>button]:border [&>button]:border-border1 [&>button]:p-1 [&>button]:px-2 [&>button]:text-neutral4 [&>button]:transition-colors [&>button:hover]:text-neutral5",
-          "[&_svg]:size-[1em] [&_svg]:text-neutral3"
+          "[&>button]:flex [&>button]:items-center [&>button]:gap-2 [&>button]:rounded-md [&>button]:border [&>button]:border-border [&>button]:p-1 [&>button]:px-2 [&>button]:text-muted-foreground [&>button]:transition-colors [&>button:hover]:text-foreground",
+          "[&_svg]:size-[1em] [&_svg]:text-muted-foreground"
         ),
         children: [
           typeof currentPage === "number" && currentPage > 0 && /* @__PURE__ */ jsxRuntime.jsxs("button", { onClick: onPrevPage, children: [
@@ -175,7 +184,7 @@ function ItemListRow({ isSelected, children, columns }) {
     "li",
     {
       className: utils_cn.cn(
-        "flex overflow-hidden rounded-lg border border-transparent border-t-border1 py-[3px] pb-[2px] text-ui-md text-neutral5 first:border-t-transparent",
+        "flex overflow-hidden rounded-lg border border-transparent border-t-border py-[3px] pb-[2px] text-body text-foreground first:border-t-transparent",
         "[&:last-child>button]:rounded-b-lg",
         "[&.selected-row]:border [&.selected-row]:border-dashed [&.selected-row]:border-white/50 [&.selected-row]:pr-[3px] [&.selected-row]:first:border-t",
         "[&:has(+.selected-row)]:rounded-b-none [&:has(+.selected-row)]:border-b-transparent",
@@ -216,8 +225,8 @@ function ItemListRowButton({
         primitives_transitions.transitions.colors,
         primitives_transitions.focusRing.visible,
         {
-          "bg-surface4": isFeatured,
-          "hover:bg-surface4": item && !isFeatured && !disabled
+          "bg-fill-hover": isFeatured,
+          "hover:bg-fill-subtle": item && !isFeatured && !disabled
         },
         className
       ),
@@ -256,7 +265,7 @@ function ItemListStatusCell({ status }) {
 }
 
 function ItemListTextCell({ children, isLoading, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("truncate  py-[0.6rem] text-ui-md text-neutral4", className), children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-surface4 h-4 animate-pulse rounded-md text-transparent select-none" }) : children });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("truncate py-[0.6rem] text-body text-muted-foreground", className), children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-muted h-4 animate-pulse rounded-md text-transparent select-none" }) : children });
 }
 
 const ITEM_LIST_VERSION_STATUS_LABELS = {
@@ -302,15 +311,15 @@ function ItemListVersionCell({ version, date, isLatest, isDeleted }) {
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: utils_cn.cn("grid gap-1 leading-none text-neutral3", {
-          "text-neutral4": isLatest
+        className: utils_cn.cn("grid gap-1 leading-none text-muted-foreground", {
+          "text-muted-foreground": isLatest
         }),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("strong", { className: "font-normal", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("strong", { className: "text-body-sm", children: [
             "v. ",
             version
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("em", { className: utils_cn.cn("text-ui-sm", "font-normal", "text-neutral2"), children: date ? dateFns.format(new Date(date), "MMM d, yyyy HH:mm") : null })
+          /* @__PURE__ */ jsxRuntime.jsx("em", { className: "text-caption text-placeholder", children: date ? dateFns.format(new Date(date), "MMM d, yyyy HH:mm") : null })
         ]
       }
     ),
@@ -352,7 +361,7 @@ function ItemListItemsSkeleton({ columns, numberOfRows = 3 }) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: "bg-surface4 h-4 animate-pulse rounded-md text-transparent select-none",
+        className: "bg-muted h-4 animate-pulse rounded-md text-transparent select-none",
         style: { width: `${getPseudoRandomWidth(rowIdx, colIdx)}` }
       },
       key

package/dist/components/ItemList.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemList.cjs.js","sources":["../../src/ds/components/ItemList/item-list-cell.tsx","../../src/ds/components/ItemList/item-list-date-cell.tsx","../../src/ds/components/ItemList/shared.tsx","../../src/ds/components/ItemList/item-list-header.tsx","../../src/ds/components/ItemList/item-list-header-col.tsx","../../src/ds/components/ItemList/item-list-id-cell.tsx","../../src/ds/components/ItemList/item-list-items.tsx","../../src/ds/components/ItemList/item-list-items-scroller.tsx","../../src/ds/components/ItemList/item-list-label-cell.tsx","../../src/ds/components/ItemList/item-list-link-cell.tsx","../../src/ds/components/ItemList/item-list-message.tsx","../../src/ds/components/ItemList/item-list-next-page-loading.tsx","../../src/ds/components/ItemList/item-list-pagination.tsx","../../src/ds/components/ItemList/item-list-root.tsx","../../src/ds/components/ItemList/item-list-row.tsx","../../src/ds/components/ItemList/item-list-row-button.tsx","../../src/ds/components/ItemList/item-list-status-cell.tsx","../../src/ds/components/ItemList/item-list-text-cell.tsx","../../src/ds/components/ItemList/helpers.ts","../../src/ds/components/ItemList/item-list-version-cell.tsx","../../src/ds/components/ItemList/item-list.tsx","../../src/ds/components/ItemList/item-list-items-skeleton.tsx","../../src/ds/components/ItemList/item-list-skeleton.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type ItemListTextCellProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function ItemListCell({ children, className }: ItemListTextCellProps) {\n  return <div className={cn('', className)}>{children}</div>;\n}\n","import { isThisYear } from 'date-fns';\nimport { format } from 'date-fns/format';\nimport { isToday } from 'date-fns/isToday';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListDateCellProps = {\n  date: Date | string | null;\n  className?: string;\n  withTime?: boolean;\n};\n\nexport function ItemListDateCell({ date, className, withTime = false }: ItemListDateCellProps) {\n  const isThisYearDate = date ? isThisYear(new Date(date)) : false;\n\n  const displayDayAndMonth = date ? (isToday(new Date(date)) ? 'Today' : format(new Date(date), 'MMM dd')) : '';\n  const displayYear = date && !isThisYearDate ? format(new Date(date), 'yyyy') : '';\n  const displayTime = date && withTime ? `${format(new Date(date), \"'at' h:mm aaa\")}` : '';\n\n  return (\n    <div className={cn('truncate text-ui-md text-neutral2', className)}>\n      {displayDayAndMonth} {displayYear} {displayTime}\n    </div>\n  );\n}\n","import type { ItemListColumn } from './types';\n\nexport function getItemListColumnTemplate(columns?: ItemListColumn[]): string {\n  if (!columns || columns.length === 0) {\n    return '';\n  }\n\n  return columns\n    ?.map(column => {\n      return column.size;\n    })\n    .join(' ');\n}\n","import { getItemListColumnTemplate } from './shared';\nimport type { ItemListColumn } from './types';\n\nimport { cn } from '@/lib/utils';\n\nexport type ItemListHeaderProps = {\n  columns?: ItemListColumn[];\n  isSelectionActive?: boolean;\n  children?: React.ReactNode;\n};\n\nexport function ItemListHeader({ columns, isSelectionActive, children }: ItemListHeaderProps) {\n  return (\n    <div className={cn('sticky top-0 z-10 mb-2 rounded-lg bg-surface3 px-3')}>\n      <div\n        className={cn('grid items-center gap-3 text-left text-ui-xs tracking-widest text-neutral3 uppercase', {\n          'pl-12 [&>label]:absolute [&>label]:left-0': isSelectionActive,\n        })}\n        style={{ gridTemplateColumns: getItemListColumnTemplate(columns) }}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type ItemListHeaderColProps = {\n  children?: React.ReactNode;\n  className?: string;\n};\n\nexport function ItemListHeaderCol({ children, className }: ItemListHeaderColProps) {\n  return <span className={cn('py-3', className)}>{children}</span>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type ItemListIdCellProps = {\n  id: string;\n  className?: string;\n  isShortened?: boolean;\n};\n\nexport function ItemListIdCell({ id, className, isShortened = true }: ItemListIdCellProps) {\n  const displayId = isShortened ? id.slice(0, 8) : id;\n  return <div className={cn('truncate py-[0.6rem] text-ui-md text-neutral2', className)}>{displayId}</div>;\n}\n","import React from 'react';\n\nexport type ItemListItemsProps = {\n  children?: React.ReactNode;\n};\n\nexport function ItemListItems({ children }: ItemListItemsProps) {\n  return <ul className=\"grid content-start\">{children}</ul>;\n}\n","import React, { useRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListItemsScroller = {\n  children?: React.ReactNode;\n};\n\nexport function ItemListItemsScroller({ children }: ItemListItemsScroller) {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <div ref={containerRef} className={cn('overflow-y-auto')}>\n      {children}\n    </div>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type ItemListLabelCellProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function ItemListLabelCell({ children, className }: ItemListLabelCellProps) {\n  return (\n    <label className={cn('flex h-full w-14 items-center justify-center rounded-lg hover:bg-surface5', className)}>\n      {children}\n    </label>\n  );\n}\n","import { Tooltip, TooltipContent, TooltipTrigger } from '../Tooltip';\nimport { transitions, focusRing } from '@/ds/primitives/transitions';\nimport type { LinkComponent } from '@/ds/types/link-component';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListLinkCellProps = {\n  children?: React.ReactNode;\n  className?: string;\n  href: string;\n  LinkComponent: LinkComponent;\n  tooltip?: React.ReactNode;\n};\n\nexport function ItemListLinkCell({ children, href, className, LinkComponent: Link, tooltip }: ItemListLinkCellProps) {\n  const link = (\n    <Link\n      href={href}\n      className={cn(\n        'flex w-full items-center justify-center gap-4 rounded-lg px-3 py-2 text-left',\n        'hover:bg-surface4',\n        transitions.colors,\n        focusRing.visible,\n\n        className,\n      )}\n    >\n      {children}\n    </Link>\n  );\n\n  if (tooltip == null) return link;\n\n  return (\n    <Tooltip>\n      <TooltipTrigger render={link} />\n      <TooltipContent>{tooltip}</TooltipContent>\n    </Tooltip>\n  );\n}\n","import { InfoIcon, TriangleAlertIcon } from 'lucide-react';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListMessageProps = {\n  children?: React.ReactNode;\n  message?: string;\n  className?: string;\n  type?: 'info' | 'error';\n};\n\nexport function ItemListMessage({ children, message, className, type }: ItemListMessageProps) {\n  if (!children && !message) {\n    return null;\n  }\n\n  return (\n    <div className={cn('grid border-t border-border1', className)}>\n      {message ? (\n        <p\n          className={cn(\n            'grid justify-center justify-items-center gap-2 p-5 text-center text-ui-md text-neutral3',\n            '[&>svg]:size-[1.5em] [&>svg]:opacity-75',\n            {\n              '[&>svg]:text-red-500': type === 'error',\n            },\n          )}\n        >\n          {type === 'error' ? <TriangleAlertIcon /> : <InfoIcon />} {message}\n        </p>\n      ) : (\n        children\n      )}\n    </div>\n  );\n}\n","export type ItemListNextPageLoadingProps = {\n  isLoading?: boolean;\n  hasMore?: boolean;\n  setEndOfListElement?: (element: HTMLDivElement | null) => void;\n  loadingText?: string;\n  noMoreDataText?: string;\n};\n\nexport function ItemListNextPageLoading({\n  isLoading,\n  hasMore,\n  setEndOfListElement,\n  loadingText = 'Loading more data...',\n  noMoreDataText = 'No more data to load',\n}: ItemListNextPageLoadingProps) {\n  if (!setEndOfListElement) {\n    return null;\n  }\n\n  return (\n    <div ref={setEndOfListElement} className=\"text-ui-md text-neutral3 mt-4 flex justify-center opacity-50\">\n      {isLoading && loadingText}\n      {!hasMore && !isLoading && noMoreDataText}\n    </div>\n  );\n}\n","import { ArrowLeftIcon, ArrowRightIcon } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\n\nexport type ItemListPaginationProps = {\n  currentPage?: number;\n  hasMore?: boolean;\n  onNextPage?: () => void;\n  onPrevPage?: () => void;\n};\n\nexport function ItemListPagination({ currentPage, hasMore, onNextPage, onPrevPage }: ItemListPaginationProps) {\n  const showNavigation = (typeof currentPage === 'number' && currentPage > 0) || hasMore;\n\n  return (\n    <div className={cn('flex items-center justify-center gap-4 pt-4 text-ui-md text-neutral3')}>\n      <span>\n        Page <b>{currentPage ? currentPage + 1 : '1'}</b>\n      </span>\n      {showNavigation && (\n        <div\n          className={cn(\n            'flex gap-4',\n            '[&>button]:flex [&>button]:items-center [&>button]:gap-2 [&>button]:rounded-md [&>button]:border [&>button]:border-border1 [&>button]:p-1 [&>button]:px-2 [&>button]:text-neutral4 [&>button]:transition-colors [&>button:hover]:text-neutral5',\n            '[&_svg]:size-[1em] [&_svg]:text-neutral3',\n          )}\n        >\n          {typeof currentPage === 'number' && currentPage > 0 && (\n            <button onClick={onPrevPage}>\n              <ArrowLeftIcon />\n              Previous\n            </button>\n          )}\n          {hasMore && (\n            <button onClick={onNextPage}>\n              Next\n              <ArrowRightIcon />\n            </button>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n","import React from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListRootProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function ItemListRoot({ children, className }: ItemListRootProps) {\n  return <div className={cn('grid grid-rows-[auto_1fr] overflow-y-auto', className)}>{children}</div>;\n}\n","import { getItemListColumnTemplate } from './shared';\nimport type { ItemListColumn } from './types';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListRowProps = {\n  isSelected?: boolean;\n  children?: React.ReactNode;\n  columns?: ItemListColumn[];\n};\n\nexport function ItemListRow({ isSelected, children, columns }: ItemListRowProps) {\n  return (\n    <li\n      className={cn(\n        'flex overflow-hidden rounded-lg border border-transparent border-t-border1 py-[3px] pb-[2px] text-ui-md text-neutral5 first:border-t-transparent',\n        '[&:last-child>button]:rounded-b-lg',\n        '[&.selected-row]:border [&.selected-row]:border-dashed [&.selected-row]:border-white/50 [&.selected-row]:pr-[3px] [&.selected-row]:first:border-t',\n        '[&:has(+.selected-row)]:rounded-b-none [&:has(+.selected-row)]:border-b-transparent',\n        '[.selected-row+&]:rounded-t-none',\n        transitions.colors,\n        {\n          'selected-row': isSelected,\n          'grid px-3 gap-3': columns,\n        },\n      )}\n      style={{ gridTemplateColumns: getItemListColumnTemplate(columns) }}\n    >\n      {children}\n    </li>\n  );\n}\n","import { Tooltip, TooltipContent, TooltipTrigger } from '../Tooltip';\nimport { getItemListColumnTemplate } from './shared';\nimport type { ItemListColumn } from './types';\nimport { transitions, focusRing } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListRowButtonProps = React.ComponentPropsWithoutRef<'button'> & {\n  item?: any;\n  isFeatured?: boolean;\n  children?: React.ReactNode;\n  onClick?: (itemId: string) => void;\n  columns?: ItemListColumn[];\n  className?: string;\n  disabled?: boolean;\n  tooltip?: React.ReactNode;\n};\n\nexport function ItemListRowButton({\n  item,\n  isFeatured,\n  onClick,\n  children,\n  columns,\n  className,\n  disabled,\n  tooltip,\n  ...props\n}: ItemListRowButtonProps) {\n  const handleClick = () => {\n    onClick?.(item?.id);\n  };\n\n  const button = (\n    <button\n      {...props}\n      onClick={handleClick}\n      className={cn(\n        'grid w-full items-center gap-3 rounded-lg px-3 text-left',\n        transitions.colors,\n        focusRing.visible,\n        {\n          'bg-surface4': isFeatured,\n          'hover:bg-surface4': item && !isFeatured && !disabled,\n        },\n        className,\n      )}\n      style={{ gridTemplateColumns: getItemListColumnTemplate(columns) }}\n      disabled={disabled}\n    >\n      {children}\n    </button>\n  );\n\n  if (tooltip == null) return button;\n\n  return (\n    <Tooltip>\n      <TooltipTrigger render={button} />\n      <TooltipContent>{tooltip}</TooltipContent>\n    </Tooltip>\n  );\n}\n","import { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListStatusCellProps = {\n  status?: string;\n};\n\nfunction capitalize(value: string): string {\n  return value.charAt(0).toUpperCase() + value.slice(1);\n}\n\nexport function ItemListStatusCell({ status }: ItemListStatusCellProps) {\n  if (!status) {\n    return null;\n  }\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <div className={cn('relative flex h-full w-10 items-center justify-center bg-transparent')}>\n          <div\n            className={cn('size-2 rounded-full', {\n              'bg-green-600': ['success', 'completed'].includes(status),\n              'bg-red-700': ['error', 'failed'].includes(status),\n              'bg-yellow-500': ['pending', 'running'].includes(status),\n            })}\n          ></div>\n        </div>\n      </TooltipTrigger>\n      <TooltipContent>{capitalize(status)}</TooltipContent>\n    </Tooltip>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type ItemListTextCellProps = {\n  children: React.ReactNode;\n  isLoading?: boolean;\n  className?: string;\n};\n\nexport function ItemListTextCell({ children, isLoading, className }: ItemListTextCellProps) {\n  return (\n    <div className={cn('truncate  py-[0.6rem] text-ui-md text-neutral4', className)}>\n      {isLoading ? (\n        <div className=\"bg-surface4 h-4 animate-pulse rounded-md text-transparent select-none\"></div>\n      ) : (\n        children\n      )}\n    </div>\n  );\n}\n","type getToItemFnParams = {\n  entries: { id: string }[];\n  id: string | undefined;\n  update: (id: string) => void;\n};\n\nexport const ITEM_LIST_VERSION_STATUS_LABELS = {\n  latest: 'Latest version',\n  deleted: 'Deleted in this version',\n} as const;\n\nexport function getItemListVersionStatusLabel({\n  isLatest,\n  isDeleted,\n}: {\n  isLatest?: boolean;\n  isDeleted?: boolean;\n}): string | undefined {\n  const labels: string[] = [];\n  if (isLatest) labels.push(ITEM_LIST_VERSION_STATUS_LABELS.latest);\n  if (isDeleted) labels.push(ITEM_LIST_VERSION_STATUS_LABELS.deleted);\n  return labels.length > 0 ? labels.join(' · ') : undefined;\n}\n\nexport function getToNextItemFn({ entries, id, update }: getToItemFnParams) {\n  const currentIndex = entries.findIndex(entry => entry.id === id);\n  const thereIsNextItem = currentIndex < entries.length - 1;\n\n  if (thereIsNextItem) {\n    return () => {\n      const nextItem = entries[currentIndex + 1];\n      if (!nextItem) return;\n      update(nextItem.id);\n    };\n  }\n\n  return undefined;\n}\n\nexport function getToPreviousItemFn({ entries, id, update }: getToItemFnParams) {\n  const currentIndex = entries.findIndex(entry => entry.id === id);\n  const thereIsPreviousItem = currentIndex > 0;\n\n  if (thereIsPreviousItem) {\n    return () => {\n      const previousItem = entries[currentIndex - 1];\n      if (!previousItem) return;\n      update(previousItem.id);\n    };\n  }\n\n  return undefined;\n}\n","import { format } from 'date-fns';\nimport { BanIcon, ClockIcon } from 'lucide-react';\nimport { Badge } from '../Badge/Badge';\nimport { ITEM_LIST_VERSION_STATUS_LABELS } from './helpers';\nimport { ItemListCell } from './item-list-cell';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListVersionCellProps = {\n  version: string | number;\n  date?: Date | string | null;\n  isLatest?: boolean;\n  isDeleted?: boolean;\n};\n\nexport function ItemListVersionCell({ version, date, isLatest, isDeleted }: ItemListVersionCellProps) {\n  return (\n    <ItemListCell className={cn('grid grid-cols-[1fr_auto] pl-1')}>\n      <div\n        className={cn('grid gap-1 leading-none text-neutral3', {\n          'text-neutral4': isLatest,\n        })}\n      >\n        <strong className=\"font-normal\">v. {version}</strong>\n        <em className={cn('text-ui-sm', 'font-normal', 'text-neutral2')}>\n          {date ? format(new Date(date), 'MMM d, yyyy HH:mm') : null}\n        </em>\n      </div>\n      {(isLatest || isDeleted) && (\n        <div className=\"flex items-center gap-1\">\n          {isLatest && (\n            <span className=\"inline-flex\" role=\"img\" aria-label={ITEM_LIST_VERSION_STATUS_LABELS.latest}>\n              <Badge variant=\"blue\" size=\"sm\" icon={<ClockIcon />} />\n            </span>\n          )}\n          {isDeleted && (\n            <span className=\"inline-flex\" role=\"img\" aria-label={ITEM_LIST_VERSION_STATUS_LABELS.deleted}>\n              <Badge variant=\"red\" size=\"sm\" icon={<BanIcon />} />\n            </span>\n          )}\n        </div>\n      )}\n    </ItemListCell>\n  );\n}\n","import { ItemListCell } from './item-list-cell';\nimport { ItemListDateCell } from './item-list-date-cell';\nimport { ItemListHeader } from './item-list-header';\nimport { ItemListHeaderCol } from './item-list-header-col';\nimport { ItemListIdCell } from './item-list-id-cell';\nimport { ItemListItems } from './item-list-items';\nimport { ItemListItemsScroller } from './item-list-items-scroller';\nimport { ItemListLabelCell } from './item-list-label-cell';\nimport { ItemListLinkCell } from './item-list-link-cell';\nimport { ItemListMessage } from './item-list-message';\nimport { ItemListNextPageLoading } from './item-list-next-page-loading';\nimport { ItemListPagination } from './item-list-pagination';\nimport { ItemListRoot } from './item-list-root';\nimport { ItemListRow } from './item-list-row';\nimport { ItemListRowButton } from './item-list-row-button';\nimport { ItemListStatusCell } from './item-list-status-cell';\nimport { ItemListTextCell } from './item-list-text-cell';\nimport { ItemListVersionCell } from './item-list-version-cell';\n\nexport const ItemList = Object.assign(ItemListRoot, {\n  Header: ItemListHeader,\n  HeaderCol: ItemListHeaderCol,\n  Items: ItemListItems,\n  Scroller: ItemListItemsScroller,\n  Row: ItemListRow,\n  RowButton: ItemListRowButton,\n  Message: ItemListMessage,\n  NextPageLoading: ItemListNextPageLoading,\n  Pagination: ItemListPagination,\n  Cell: ItemListCell,\n  TextCell: ItemListTextCell,\n  StatusCell: ItemListStatusCell,\n  VersionCell: ItemListVersionCell,\n  IdCell: ItemListIdCell,\n  DateCell: ItemListDateCell,\n  LinkCell: ItemListLinkCell,\n  LabelCell: ItemListLabelCell,\n});\n","import { ItemListItems } from './item-list-items';\nimport { ItemListRow } from './item-list-row';\nimport { ItemListRowButton } from './item-list-row-button';\nimport type { ItemListColumn } from './types';\n\nconst widths = ['75%', '50%', '65%', '90%', '60%', '80%'];\n\nexport type ItemListItemsSkeletonProps = {\n  columns?: ItemListColumn[];\n  numberOfRows?: number;\n};\n\nexport function ItemListItemsSkeleton({ columns, numberOfRows = 3 }: ItemListItemsSkeletonProps) {\n  const getPseudoRandomWidth = (rowIdx: number, colIdx: number) => {\n    const index = (rowIdx + colIdx + (columns?.length || 0) + (numberOfRows || 0)) % widths.length;\n    return widths[index];\n  };\n\n  return (\n    <ItemListItems>\n      {Array.from({ length: numberOfRows }).map((_, rowIdx) => (\n        <ItemListRow key={rowIdx}>\n          <ItemListRowButton columns={columns}>\n            {(columns || []).map((col, colIdx) => {\n              const key = `${col.name}-${colIdx}`;\n              return (\n                <div\n                  key={key}\n                  className=\"bg-surface4 h-4 animate-pulse rounded-md text-transparent select-none\"\n                  style={{ width: `${getPseudoRandomWidth(rowIdx, colIdx)}` }}\n                ></div>\n              );\n            })}\n          </ItemListRowButton>\n        </ItemListRow>\n      ))}\n    </ItemListItems>\n  );\n}\n","import { ItemList } from './item-list';\nimport { ItemListHeader } from './item-list-header';\nimport { ItemListItemsSkeleton } from './item-list-items-skeleton';\nimport type { ItemListItemsSkeletonProps } from './item-list-items-skeleton';\n\nexport function ItemListSkeleton({ columns, numberOfRows }: ItemListItemsSkeletonProps) {\n  return (\n    <ItemList>\n      <ItemListHeader columns={columns} />\n      <ItemListItemsSkeleton columns={columns} numberOfRows={numberOfRows} />\n    </ItemList>\n  );\n}\n"],"names":["cn","isThisYear","isToday","format","jsx","useRef","tooltip","transitions","focusRing","Tooltip","TooltipTrigger","TooltipContent","jsxs","TriangleAlertIcon","InfoIcon","ArrowLeftIcon","ArrowRightIcon","Badge","ClockIcon","BanIcon"],"mappings":"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"}
+{"version":3,"file":"ItemList.cjs.js","sources":["../../src/ds/components/ItemList/item-list-cell.tsx","../../src/ds/components/ItemList/item-list-date-cell.tsx","../../src/ds/components/ItemList/shared.tsx","../../src/ds/components/ItemList/item-list-header.tsx","../../src/ds/components/ItemList/item-list-header-col.tsx","../../src/ds/components/ItemList/item-list-id-cell.tsx","../../src/ds/components/ItemList/item-list-items.tsx","../../src/ds/components/ItemList/item-list-items-scroller.tsx","../../src/ds/components/ItemList/item-list-label-cell.tsx","../../src/ds/components/ItemList/item-list-link-cell.tsx","../../src/ds/components/ItemList/item-list-message.tsx","../../src/ds/components/ItemList/item-list-next-page-loading.tsx","../../src/ds/components/ItemList/item-list-pagination.tsx","../../src/ds/components/ItemList/item-list-root.tsx","../../src/ds/components/ItemList/item-list-row.tsx","../../src/ds/components/ItemList/item-list-row-button.tsx","../../src/ds/components/ItemList/item-list-status-cell.tsx","../../src/ds/components/ItemList/item-list-text-cell.tsx","../../src/ds/components/ItemList/helpers.ts","../../src/ds/components/ItemList/item-list-version-cell.tsx","../../src/ds/components/ItemList/item-list.tsx","../../src/ds/components/ItemList/item-list-items-skeleton.tsx","../../src/ds/components/ItemList/item-list-skeleton.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type ItemListTextCellProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function ItemListCell({ children, className }: ItemListTextCellProps) {\n  return <div className={cn('', className)}>{children}</div>;\n}\n","import { isThisYear } from 'date-fns';\nimport { format } from 'date-fns/format';\nimport { isToday } from 'date-fns/isToday';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListDateCellProps = {\n  date: Date | string | null;\n  className?: string;\n  withTime?: boolean;\n};\n\nexport function ItemListDateCell({ date, className, withTime = false }: ItemListDateCellProps) {\n  const isThisYearDate = date ? isThisYear(new Date(date)) : false;\n\n  const displayDayAndMonth = date ? (isToday(new Date(date)) ? 'Today' : format(new Date(date), 'MMM dd')) : '';\n  const displayYear = date && !isThisYearDate ? format(new Date(date), 'yyyy') : '';\n  const displayTime = date && withTime ? `${format(new Date(date), \"'at' h:mm aaa\")}` : '';\n\n  return (\n    <div className={cn('truncate text-body text-placeholder', className)}>\n      {displayDayAndMonth} {displayYear} {displayTime}\n    </div>\n  );\n}\n","import type { ItemListColumn } from './types';\n\nexport function getItemListColumnTemplate(columns?: ItemListColumn[]): string {\n  if (!columns || columns.length === 0) {\n    return '';\n  }\n\n  return columns\n    ?.map(column => {\n      return column.size;\n    })\n    .join(' ');\n}\n","import { getItemListColumnTemplate } from './shared';\nimport type { ItemListColumn } from './types';\n\nimport { cn } from '@/lib/utils';\n\nexport type ItemListHeaderProps = {\n  columns?: ItemListColumn[];\n  isSelectionActive?: boolean;\n  children?: React.ReactNode;\n};\n\nexport function ItemListHeader({ columns, isSelectionActive, children }: ItemListHeaderProps) {\n  return (\n    <div className={cn('sticky top-0 z-10 mb-2 rounded-lg bg-card px-3')}>\n      <div\n        className={cn('grid items-center gap-3 text-left text-meta tracking-widest text-muted-foreground uppercase', {\n          'pl-12 [&>label]:absolute [&>label]:left-0': isSelectionActive,\n        })}\n        style={{ gridTemplateColumns: getItemListColumnTemplate(columns) }}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type ItemListHeaderColProps = {\n  children?: React.ReactNode;\n  className?: string;\n};\n\nexport function ItemListHeaderCol({ children, className }: ItemListHeaderColProps) {\n  return <span className={cn('py-3', className)}>{children}</span>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type ItemListIdCellProps = {\n  id: string;\n  className?: string;\n  isShortened?: boolean;\n};\n\nexport function ItemListIdCell({ id, className, isShortened = true }: ItemListIdCellProps) {\n  const displayId = isShortened ? id.slice(0, 8) : id;\n  return <div className={cn('truncate py-[0.6rem] text-body text-placeholder', className)}>{displayId}</div>;\n}\n","import React from 'react';\n\nexport type ItemListItemsProps = {\n  children?: React.ReactNode;\n};\n\nexport function ItemListItems({ children }: ItemListItemsProps) {\n  return <ul className=\"grid content-start\">{children}</ul>;\n}\n","import React, { useRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListItemsScroller = {\n  children?: React.ReactNode;\n};\n\nexport function ItemListItemsScroller({ children }: ItemListItemsScroller) {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <div ref={containerRef} className={cn('overflow-y-auto')}>\n      {children}\n    </div>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type ItemListLabelCellProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function ItemListLabelCell({ children, className }: ItemListLabelCellProps) {\n  return (\n    <label\n      className={cn(\n        'flex h-full w-14 items-center justify-center rounded-lg text-caption hover:bg-fill-subtle',\n        className,\n      )}\n    >\n      {children}\n    </label>\n  );\n}\n","import { Tooltip, TooltipContent, TooltipTrigger } from '../Tooltip';\nimport { transitions, focusRing } from '@/ds/primitives/transitions';\nimport type { LinkComponent } from '@/ds/types/link-component';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListLinkCellProps = {\n  children?: React.ReactNode;\n  className?: string;\n  href: string;\n  LinkComponent: LinkComponent;\n  tooltip?: React.ReactNode;\n};\n\nexport function ItemListLinkCell({ children, href, className, LinkComponent: Link, tooltip }: ItemListLinkCellProps) {\n  const link = (\n    <Link\n      href={href}\n      className={cn(\n        'flex w-full items-center justify-center gap-4 rounded-lg px-3 py-2 text-left',\n        'hover:bg-fill-subtle',\n        transitions.colors,\n        focusRing.visible,\n\n        className,\n      )}\n    >\n      {children}\n    </Link>\n  );\n\n  if (tooltip == null) return link;\n\n  return (\n    <Tooltip>\n      <TooltipTrigger render={link} />\n      <TooltipContent>{tooltip}</TooltipContent>\n    </Tooltip>\n  );\n}\n","import { InfoIcon, TriangleAlertIcon } from 'lucide-react';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListMessageProps = {\n  children?: React.ReactNode;\n  message?: string;\n  className?: string;\n  type?: 'info' | 'error';\n};\n\nexport function ItemListMessage({ children, message, className, type }: ItemListMessageProps) {\n  if (!children && !message) {\n    return null;\n  }\n\n  return (\n    <div className={cn('grid border-t border-border', className)}>\n      {message ? (\n        <p\n          className={cn(\n            'grid justify-center justify-items-center gap-2 p-5 text-center text-body text-muted-foreground',\n            '[&>svg]:size-[1.5em] [&>svg]:opacity-75',\n            {\n              '[&>svg]:text-red-500': type === 'error',\n            },\n          )}\n        >\n          {type === 'error' ? <TriangleAlertIcon /> : <InfoIcon />} {message}\n        </p>\n      ) : (\n        children\n      )}\n    </div>\n  );\n}\n","export type ItemListNextPageLoadingProps = {\n  isLoading?: boolean;\n  hasMore?: boolean;\n  setEndOfListElement?: (element: HTMLDivElement | null) => void;\n  loadingText?: string;\n  noMoreDataText?: string;\n};\n\nexport function ItemListNextPageLoading({\n  isLoading,\n  hasMore,\n  setEndOfListElement,\n  loadingText = 'Loading more data...',\n  noMoreDataText = 'No more data to load',\n}: ItemListNextPageLoadingProps) {\n  if (!setEndOfListElement) {\n    return null;\n  }\n\n  return (\n    <div ref={setEndOfListElement} className=\"text-body text-muted-foreground mt-4 flex justify-center opacity-50\">\n      {isLoading && loadingText}\n      {!hasMore && !isLoading && noMoreDataText}\n    </div>\n  );\n}\n","import { ArrowLeftIcon, ArrowRightIcon } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\n\nexport type ItemListPaginationProps = {\n  currentPage?: number;\n  hasMore?: boolean;\n  onNextPage?: () => void;\n  onPrevPage?: () => void;\n};\n\nexport function ItemListPagination({ currentPage, hasMore, onNextPage, onPrevPage }: ItemListPaginationProps) {\n  const showNavigation = (typeof currentPage === 'number' && currentPage > 0) || hasMore;\n\n  return (\n    <div className={cn('flex items-center justify-center gap-4 pt-4 text-body text-muted-foreground')}>\n      <span>\n        Page <b>{currentPage ? currentPage + 1 : '1'}</b>\n      </span>\n      {showNavigation && (\n        <div\n          className={cn(\n            'flex gap-4',\n            '[&>button]:flex [&>button]:items-center [&>button]:gap-2 [&>button]:rounded-md [&>button]:border [&>button]:border-border [&>button]:p-1 [&>button]:px-2 [&>button]:text-muted-foreground [&>button]:transition-colors [&>button:hover]:text-foreground',\n            '[&_svg]:size-[1em] [&_svg]:text-muted-foreground',\n          )}\n        >\n          {typeof currentPage === 'number' && currentPage > 0 && (\n            <button onClick={onPrevPage}>\n              <ArrowLeftIcon />\n              Previous\n            </button>\n          )}\n          {hasMore && (\n            <button onClick={onNextPage}>\n              Next\n              <ArrowRightIcon />\n            </button>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n","import React from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListRootProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function ItemListRoot({ children, className }: ItemListRootProps) {\n  return <div className={cn('grid grid-rows-[auto_1fr] overflow-y-auto', className)}>{children}</div>;\n}\n","import { getItemListColumnTemplate } from './shared';\nimport type { ItemListColumn } from './types';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListRowProps = {\n  isSelected?: boolean;\n  children?: React.ReactNode;\n  columns?: ItemListColumn[];\n};\n\nexport function ItemListRow({ isSelected, children, columns }: ItemListRowProps) {\n  return (\n    <li\n      className={cn(\n        'flex overflow-hidden rounded-lg border border-transparent border-t-border py-[3px] pb-[2px] text-body text-foreground first:border-t-transparent',\n        '[&:last-child>button]:rounded-b-lg',\n        '[&.selected-row]:border [&.selected-row]:border-dashed [&.selected-row]:border-white/50 [&.selected-row]:pr-[3px] [&.selected-row]:first:border-t',\n        '[&:has(+.selected-row)]:rounded-b-none [&:has(+.selected-row)]:border-b-transparent',\n        '[.selected-row+&]:rounded-t-none',\n        transitions.colors,\n        {\n          'selected-row': isSelected,\n          'grid px-3 gap-3': columns,\n        },\n      )}\n      style={{ gridTemplateColumns: getItemListColumnTemplate(columns) }}\n    >\n      {children}\n    </li>\n  );\n}\n","import { Tooltip, TooltipContent, TooltipTrigger } from '../Tooltip';\nimport { getItemListColumnTemplate } from './shared';\nimport type { ItemListColumn } from './types';\nimport { transitions, focusRing } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListRowButtonProps = React.ComponentPropsWithoutRef<'button'> & {\n  item?: any;\n  isFeatured?: boolean;\n  children?: React.ReactNode;\n  onClick?: (itemId: string) => void;\n  columns?: ItemListColumn[];\n  className?: string;\n  disabled?: boolean;\n  tooltip?: React.ReactNode;\n};\n\nexport function ItemListRowButton({\n  item,\n  isFeatured,\n  onClick,\n  children,\n  columns,\n  className,\n  disabled,\n  tooltip,\n  ...props\n}: ItemListRowButtonProps) {\n  const handleClick = () => {\n    onClick?.(item?.id);\n  };\n\n  const button = (\n    <button\n      {...props}\n      onClick={handleClick}\n      className={cn(\n        'grid w-full items-center gap-3 rounded-lg px-3 text-left',\n        transitions.colors,\n        focusRing.visible,\n        {\n          'bg-fill-hover': isFeatured,\n          'hover:bg-fill-subtle': item && !isFeatured && !disabled,\n        },\n        className,\n      )}\n      style={{ gridTemplateColumns: getItemListColumnTemplate(columns) }}\n      disabled={disabled}\n    >\n      {children}\n    </button>\n  );\n\n  if (tooltip == null) return button;\n\n  return (\n    <Tooltip>\n      <TooltipTrigger render={button} />\n      <TooltipContent>{tooltip}</TooltipContent>\n    </Tooltip>\n  );\n}\n","import { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListStatusCellProps = {\n  status?: string;\n};\n\nfunction capitalize(value: string): string {\n  return value.charAt(0).toUpperCase() + value.slice(1);\n}\n\nexport function ItemListStatusCell({ status }: ItemListStatusCellProps) {\n  if (!status) {\n    return null;\n  }\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <div className={cn('relative flex h-full w-10 items-center justify-center bg-transparent')}>\n          <div\n            className={cn('size-2 rounded-full', {\n              'bg-green-600': ['success', 'completed'].includes(status),\n              'bg-red-700': ['error', 'failed'].includes(status),\n              'bg-yellow-500': ['pending', 'running'].includes(status),\n            })}\n          ></div>\n        </div>\n      </TooltipTrigger>\n      <TooltipContent>{capitalize(status)}</TooltipContent>\n    </Tooltip>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type ItemListTextCellProps = {\n  children: React.ReactNode;\n  isLoading?: boolean;\n  className?: string;\n};\n\nexport function ItemListTextCell({ children, isLoading, className }: ItemListTextCellProps) {\n  return (\n    <div className={cn('truncate py-[0.6rem] text-body text-muted-foreground', className)}>\n      {isLoading ? (\n        <div className=\"bg-muted h-4 animate-pulse rounded-md text-transparent select-none\"></div>\n      ) : (\n        children\n      )}\n    </div>\n  );\n}\n","type getToItemFnParams = {\n  entries: { id: string }[];\n  id: string | undefined;\n  update: (id: string) => void;\n};\n\nexport const ITEM_LIST_VERSION_STATUS_LABELS = {\n  latest: 'Latest version',\n  deleted: 'Deleted in this version',\n} as const;\n\nexport function getItemListVersionStatusLabel({\n  isLatest,\n  isDeleted,\n}: {\n  isLatest?: boolean;\n  isDeleted?: boolean;\n}): string | undefined {\n  const labels: string[] = [];\n  if (isLatest) labels.push(ITEM_LIST_VERSION_STATUS_LABELS.latest);\n  if (isDeleted) labels.push(ITEM_LIST_VERSION_STATUS_LABELS.deleted);\n  return labels.length > 0 ? labels.join(' · ') : undefined;\n}\n\nexport function getToNextItemFn({ entries, id, update }: getToItemFnParams) {\n  const currentIndex = entries.findIndex(entry => entry.id === id);\n  const thereIsNextItem = currentIndex < entries.length - 1;\n\n  if (thereIsNextItem) {\n    return () => {\n      const nextItem = entries[currentIndex + 1];\n      if (!nextItem) return;\n      update(nextItem.id);\n    };\n  }\n\n  return undefined;\n}\n\nexport function getToPreviousItemFn({ entries, id, update }: getToItemFnParams) {\n  const currentIndex = entries.findIndex(entry => entry.id === id);\n  const thereIsPreviousItem = currentIndex > 0;\n\n  if (thereIsPreviousItem) {\n    return () => {\n      const previousItem = entries[currentIndex - 1];\n      if (!previousItem) return;\n      update(previousItem.id);\n    };\n  }\n\n  return undefined;\n}\n","import { format } from 'date-fns';\nimport { BanIcon, ClockIcon } from 'lucide-react';\nimport { Badge } from '../Badge/Badge';\nimport { ITEM_LIST_VERSION_STATUS_LABELS } from './helpers';\nimport { ItemListCell } from './item-list-cell';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListVersionCellProps = {\n  version: string | number;\n  date?: Date | string | null;\n  isLatest?: boolean;\n  isDeleted?: boolean;\n};\n\nexport function ItemListVersionCell({ version, date, isLatest, isDeleted }: ItemListVersionCellProps) {\n  return (\n    <ItemListCell className={cn('grid grid-cols-[1fr_auto] pl-1')}>\n      <div\n        className={cn('grid gap-1 leading-none text-muted-foreground', {\n          'text-muted-foreground': isLatest,\n        })}\n      >\n        <strong className=\"text-body-sm\">v. {version}</strong>\n        <em className=\"text-caption text-placeholder\">{date ? format(new Date(date), 'MMM d, yyyy HH:mm') : null}</em>\n      </div>\n      {(isLatest || isDeleted) && (\n        <div className=\"flex items-center gap-1\">\n          {isLatest && (\n            <span className=\"inline-flex\" role=\"img\" aria-label={ITEM_LIST_VERSION_STATUS_LABELS.latest}>\n              <Badge variant=\"blue\" size=\"sm\" icon={<ClockIcon />} />\n            </span>\n          )}\n          {isDeleted && (\n            <span className=\"inline-flex\" role=\"img\" aria-label={ITEM_LIST_VERSION_STATUS_LABELS.deleted}>\n              <Badge variant=\"red\" size=\"sm\" icon={<BanIcon />} />\n            </span>\n          )}\n        </div>\n      )}\n    </ItemListCell>\n  );\n}\n","import { ItemListCell } from './item-list-cell';\nimport { ItemListDateCell } from './item-list-date-cell';\nimport { ItemListHeader } from './item-list-header';\nimport { ItemListHeaderCol } from './item-list-header-col';\nimport { ItemListIdCell } from './item-list-id-cell';\nimport { ItemListItems } from './item-list-items';\nimport { ItemListItemsScroller } from './item-list-items-scroller';\nimport { ItemListLabelCell } from './item-list-label-cell';\nimport { ItemListLinkCell } from './item-list-link-cell';\nimport { ItemListMessage } from './item-list-message';\nimport { ItemListNextPageLoading } from './item-list-next-page-loading';\nimport { ItemListPagination } from './item-list-pagination';\nimport { ItemListRoot } from './item-list-root';\nimport { ItemListRow } from './item-list-row';\nimport { ItemListRowButton } from './item-list-row-button';\nimport { ItemListStatusCell } from './item-list-status-cell';\nimport { ItemListTextCell } from './item-list-text-cell';\nimport { ItemListVersionCell } from './item-list-version-cell';\n\nexport const ItemList = Object.assign(ItemListRoot, {\n  Header: ItemListHeader,\n  HeaderCol: ItemListHeaderCol,\n  Items: ItemListItems,\n  Scroller: ItemListItemsScroller,\n  Row: ItemListRow,\n  RowButton: ItemListRowButton,\n  Message: ItemListMessage,\n  NextPageLoading: ItemListNextPageLoading,\n  Pagination: ItemListPagination,\n  Cell: ItemListCell,\n  TextCell: ItemListTextCell,\n  StatusCell: ItemListStatusCell,\n  VersionCell: ItemListVersionCell,\n  IdCell: ItemListIdCell,\n  DateCell: ItemListDateCell,\n  LinkCell: ItemListLinkCell,\n  LabelCell: ItemListLabelCell,\n});\n","import { ItemListItems } from './item-list-items';\nimport { ItemListRow } from './item-list-row';\nimport { ItemListRowButton } from './item-list-row-button';\nimport type { ItemListColumn } from './types';\n\nconst widths = ['75%', '50%', '65%', '90%', '60%', '80%'];\n\nexport type ItemListItemsSkeletonProps = {\n  columns?: ItemListColumn[];\n  numberOfRows?: number;\n};\n\nexport function ItemListItemsSkeleton({ columns, numberOfRows = 3 }: ItemListItemsSkeletonProps) {\n  const getPseudoRandomWidth = (rowIdx: number, colIdx: number) => {\n    const index = (rowIdx + colIdx + (columns?.length || 0) + (numberOfRows || 0)) % widths.length;\n    return widths[index];\n  };\n\n  return (\n    <ItemListItems>\n      {Array.from({ length: numberOfRows }).map((_, rowIdx) => (\n        <ItemListRow key={rowIdx}>\n          <ItemListRowButton columns={columns}>\n            {(columns || []).map((col, colIdx) => {\n              const key = `${col.name}-${colIdx}`;\n              return (\n                <div\n                  key={key}\n                  className=\"bg-muted h-4 animate-pulse rounded-md text-transparent select-none\"\n                  style={{ width: `${getPseudoRandomWidth(rowIdx, colIdx)}` }}\n                ></div>\n              );\n            })}\n          </ItemListRowButton>\n        </ItemListRow>\n      ))}\n    </ItemListItems>\n  );\n}\n","import { ItemList } from './item-list';\nimport { ItemListHeader } from './item-list-header';\nimport { ItemListItemsSkeleton } from './item-list-items-skeleton';\nimport type { ItemListItemsSkeletonProps } from './item-list-items-skeleton';\n\nexport function ItemListSkeleton({ columns, numberOfRows }: ItemListItemsSkeletonProps) {\n  return (\n    <ItemList>\n      <ItemListHeader columns={columns} />\n      <ItemListItemsSkeleton columns={columns} numberOfRows={numberOfRows} />\n    </ItemList>\n  );\n}\n"],"names":["cn","isThisYear","isToday","format","jsx","useRef","tooltip","transitions","focusRing","Tooltip","TooltipTrigger","TooltipContent","jsxs","TriangleAlertIcon","InfoIcon","ArrowLeftIcon","ArrowRightIcon","Badge","ClockIcon","BanIcon"],"mappings":"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"}