@keboola/design 11.2.0 → 11.4.0

package/dist/internal/blocks/TextInput.js

@@ -1,2 +1,2 @@
-import { TextInput } from "../../TextInput-CMuN1WfY.js";
+import { TextInput } from "../../TextInput-DHM6dHmn.js";
 export { TextInput };

package/dist/internal/blocks/Textarea.js

@@ -1,4 +1,4 @@
-import { InputGroup } from "../../InputGroup-CdTq8H7c.js";
+import { InputGroup } from "../../InputGroup-BnLHY0eq.js";
 import { useControllableState } from "../../useControllableState-M6494mCT.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/blocks/Textarea/Textarea.tsx

package/dist/internal/blocks/TimeInput.js

@@ -1,9 +1,9 @@
-import { createChangeInputEvent } from "../../utils-D0c5VAyF.js";
+import { createChangeInputEvent } from "../../utils-B5Z52hYs.js";
 import { mergeRefs } from "../utils/mergeRefs.js";
 import { Clock, X } from "../../icons-Cek151jC.js";
-import { InputGroup } from "../../InputGroup-CdTq8H7c.js";
+import { InputGroup } from "../../InputGroup-BnLHY0eq.js";
 import { useControllableState } from "../../useControllableState-M6494mCT.js";
-import { TimePicker } from "../../TimePicker-D9zktB8A.js";
+import { TimePicker } from "../../TimePicker-BGeqc-Ed.js";
 import { useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/blocks/TimeInput/TimeInput.tsx

package/dist/internal/components/Alert.js

@@ -1,2 +1,2 @@
-import { Alert } from "../../Alert-DfZq9kGe.js";
+import { Alert } from "../../Alert-DHJFrWnS.js";
 export { Alert };

package/dist/internal/components/AlertModal.js

@@ -1,2 +1,2 @@
-import { AlertModal } from "../../AlertModal-Dp_XuJBW.js";
+import { AlertModal } from "../../AlertModal-BGJdaRRj.js";
 export { AlertModal };

package/dist/internal/components/Avatar.js

@@ -1,5 +1,5 @@
 import { cn } from "../../classNames-BzrkDnOD.js";
-import { useSHA256 } from "../../utils-D0c5VAyF.js";
+import { useSHA256 } from "../../utils-B5Z52hYs.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import BoringAvatar from "boring-avatars";
 //#region src/components/Avatar.tsx

package/dist/internal/components/BrandLogo.js

@@ -1,2 +1,2 @@
-import { BrandLogo } from "../../BrandLogo-CJkRd0F8.js";
+import { BrandLogo } from "../../BrandLogo-Dmi7jo21.js";
 export { BrandLogo };

package/dist/internal/components/Breadcrumb.js

@@ -1,2 +1,2 @@
-import { Breadcrumb } from "../../Breadcrumb-Frst8MTA.js";
+import { Breadcrumb } from "../../Breadcrumb-uEkM6adI.js";
 export { Breadcrumb };

package/dist/internal/components/Button.js

@@ -1,2 +1,2 @@
-import { Button, ButtonInline, argoVariants } from "../../Button-6xBX0nNl.js";
+import { Button, ButtonInline, argoVariants } from "../../Button-DsRrU5F1.js";
 export { Button, ButtonInline, argoVariants };

package/dist/internal/components/Card.js

@@ -1,2 +1,2 @@
-import { Card } from "../../Card-BAoZ35CV.js";
+import { Card } from "../../Card-Dyo7055Q.js";
 export { Card };

package/dist/internal/components/Checkbox.js

@@ -1,2 +1,2 @@
-import { Checkbox } from "../../Checkbox-GJ8-srt4.js";
+import { Checkbox } from "../../Checkbox-fC0BuO2B.js";
 export { Checkbox };

package/dist/internal/components/Clipboard.js

@@ -1,2 +1,2 @@
-import { Clipboard } from "../../Clipboard-CBJZiviP.js";
+import { Clipboard } from "../../Clipboard-ChPdiUy3.js";
 export { Clipboard };

package/dist/internal/components/CollapsiblePanel.js

@@ -1,5 +1,5 @@
 import { cn } from "../../classNames-BzrkDnOD.js";
-import { keyCodes } from "../../utils-D0c5VAyF.js";
+import { keyCodes } from "../../utils-B5Z52hYs.js";
 import { ChevronDown } from "../../icons-Cek151jC.js";
 import { Collapsible } from "../../Collapsible-BQXWEOBC.js";
 import { useState } from "react";

package/dist/internal/components/Combobox.js

@@ -1,2 +1,2 @@
-import { Combobox } from "../../Combobox-Dgm6Z4ib.js";
+import { Combobox } from "../../Combobox-Cs_1pj2q.js";
 export { Combobox };

package/dist/internal/components/DatePicker.js

@@ -1,2 +1,2 @@
-import { DatePicker } from "../../DatePicker-Dw3DpbUh.js";
+import { DatePicker } from "../../DatePicker-nA8YdE84.js";
 export { DatePicker };

package/dist/internal/components/DateRangePicker.js

@@ -1,2 +1,2 @@
-import { DateRangePicker } from "../../DateRangePicker-DCmMHg4s.js";
+import { DateRangePicker } from "../../DateRangePicker-DjSUFjh4.js";
 export { DateRangePicker };

package/dist/internal/components/DropdownMenu.js

@@ -1,2 +1,2 @@
-import { DropdownMenu } from "../../DropdownMenu-t90tVw6l.js";
+import { DropdownMenu } from "../../DropdownMenu-CASr-jgl.js";
 export { DropdownMenu };

package/dist/internal/components/FileUpload.js

@@ -1,2 +1,2 @@
-import { FileUpload, useFileDropTarget, useFileUploadRejections } from "../../FileUpload-BRv0TaZk.js";
+import { FileUpload, useFileDropTarget, useFileUploadRejections } from "../../FileUpload-ABThVZyg.js";
 export { FileUpload, useFileDropTarget, useFileUploadRejections };

package/dist/internal/components/FullScreenModal.js

@@ -1,2 +1,2 @@
-import { FullScreenModal, FullScreenModalBody, FullScreenModalHeader } from "../../FullScreenModal-Cb3PGgh4.js";
+import { FullScreenModal, FullScreenModalBody, FullScreenModalHeader } from "../../FullScreenModal-BvPuYibe.js";
 export { FullScreenModal, FullScreenModalBody, FullScreenModalHeader };

package/dist/internal/components/HoverCard.js

@@ -1,2 +1,2 @@
-import { HoverCard } from "../../HoverCard-WfDkLK1s.js";
+import { HoverCard } from "../../HoverCard-B9ZMJxjn.js";
 export { HoverCard };

package/dist/internal/components/InputGroup.js

@@ -1,2 +1,2 @@
-import { InputGroup } from "../../InputGroup-CdTq8H7c.js";
+import { InputGroup } from "../../InputGroup-BnLHY0eq.js";
 export { InputGroup };

package/dist/internal/components/Kbd.js

@@ -1,2 +1,2 @@
-import { Kbd, kbdVariants, keys } from "../../Kbd-CxHAo1oo.js";
+import { Kbd, kbdVariants, keys } from "../../Kbd-CvSM3D3-.js";
 export { Kbd, kbdVariants, keys };

package/dist/internal/components/MarkedText.js

@@ -1,2 +1,2 @@
-import { MarkedText } from "../../MarkedText-Ckbft5mw.js";
+import { MarkedText } from "../../MarkedText-DNGEUVWc.js";
 export { MarkedText };

package/dist/internal/components/Modal.js

@@ -1,2 +1,2 @@
-import { Modal } from "../../Modal-wqG8nJiK.js";
+import { Modal } from "../../Modal-Coj-H02o.js";
 export { Modal };

package/dist/internal/components/Navbar.js

@@ -1,2 +1,2 @@
-import { Navbar } from "../../Navbar-BfaPeLUL.js";
+import { Navbar } from "../../Navbar-B2UsolVU.js";
 export { Navbar };

package/dist/internal/components/Pagination.js

@@ -1,2 +1,2 @@
-import { Pagination } from "../../Pagination-Cjfda8KG.js";
+import { Pagination } from "../../Pagination-C_b7Xhey.js";
 export { Pagination };

package/dist/internal/components/Popconfirm.js

@@ -1,2 +1,2 @@
-import { Popconfirm } from "../../Popconfirm-D7_vfxFd.js";
+import { Popconfirm } from "../../Popconfirm-CILjmzKI.js";
 export { Popconfirm };

package/dist/internal/components/Popover.js

@@ -1,2 +1,2 @@
-import { Popover } from "../../Popover-CzeHjvrB.js";
+import { Popover } from "../../Popover-BEbQrC_P.js";
 export { Popover };

package/dist/internal/components/RadioGroup.js

@@ -1,2 +1,2 @@
-import { RadioGroup } from "../../RadioGroup-sIveSsNa.js";
+import { RadioGroup } from "../../RadioGroup-XFzFd1ti.js";
 export { RadioGroup };

package/dist/internal/components/Search.js

@@ -1,2 +1,2 @@
-import { Search, SearchForm } from "../../Search-3UiqNZRj.js";
+import { Search, SearchForm } from "../../Search-4Bxtt8hS.js";
 export { Search, SearchForm };

package/dist/internal/components/Select.js

@@ -1,2 +1,2 @@
-import { Select } from "../../Select-Is0VkePH.js";
+import { Select } from "../../Select-DpcgKqKB.js";
 export { Select };

package/dist/internal/components/Sheet.js

@@ -1,2 +1,2 @@
-import { Sheet } from "../../Sheet-Dw9BDvjI.js";
+import { Sheet } from "../../Sheet-Chf0kX1E.js";
 export { Sheet };

package/dist/internal/components/Sidebar.js

@@ -1,2 +1,2 @@
-import { Sidebar, SidebarProvider, useOptionalSidebar, useSidebar } from "../../Sidebar-Dcb4rinA.js";
+import { Sidebar, SidebarProvider, useOptionalSidebar, useSidebar } from "../../Sidebar-Cm6I4dE1.js";
 export { Sidebar, SidebarProvider, useOptionalSidebar, useSidebar };

package/dist/internal/components/Slider.js

@@ -1,2 +1,2 @@
-import { Slider } from "../../Slider-BOPfMOMm.js";
+import { Slider } from "../../Slider-pPC_3gz9.js";
 export { Slider };

package/dist/internal/components/Switch.js

@@ -1,2 +1,2 @@
-import { Switch } from "../../Switch-CX2A0v50.js";
+import { Switch } from "../../Switch-ChfPKcTE.js";
 export { Switch };

package/dist/internal/components/Tabs.js

@@ -1,2 +1,2 @@
-import { Tabs, TabsContent } from "../../Tabs-UMQuDoW8.js";
+import { Tabs, TabsContent } from "../../Tabs-eB974xJf.js";
 export { Tabs, TabsContent };

package/dist/internal/components/ThemeProvider.js

@@ -1,3 +1,4 @@
-import { ArgoDesignContext, DEFAULT_BRAND_ID, DEFAULT_COLOR_SCHEME, useArgoDesign, useTheme } from "../../context-KxxeMHbR.js";
-import { ThemeProvider, brandSchema, exampleCustomer, keboola, keboolaLegacySidebar, keboolaLegacyTopnav } from "../../ThemeProvider-QncUrfJn.js";
-export { ArgoDesignContext, DEFAULT_COLOR_SCHEME, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, ThemeProvider, brandSchema, exampleCustomer, keboola, keboolaLegacySidebar, keboolaLegacyTopnav, useArgoDesign, useTheme };
+import { DEFAULT_BRAND_ID, DEFAULT_COLOR_SCHEME } from "../../defaults-i_xG2F_1.js";
+import { ArgoDesignContext, useArgoDesign, useTheme } from "../../context-D7X470dy.js";
+import { ThemeProvider, ThemeScope, brandSchema, exampleCustomer, keboola, keboolaLegacySidebar, keboolaLegacyTopnav, useThemeScopeContainer } from "../../ThemeProvider-DrQJtzpd.js";
+export { ArgoDesignContext, DEFAULT_COLOR_SCHEME, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, ThemeProvider, ThemeScope, brandSchema, exampleCustomer, keboola, keboolaLegacySidebar, keboolaLegacyTopnav, useArgoDesign, useTheme, useThemeScopeContainer };

package/dist/internal/components/TimePicker.js

@@ -1,2 +1,2 @@
-import { TimePicker } from "../../TimePicker-D9zktB8A.js";
+import { TimePicker } from "../../TimePicker-BGeqc-Ed.js";
 export { TimePicker };

package/dist/internal/components/Toast.js

@@ -1,3 +1,3 @@
-import { toast } from "../../toast-CjkURw0M.js";
-import { Toaster, useNotification } from "../../Toast-DQSbs3oA.js";
+import { toast } from "../../toast-DIC0iNRf.js";
+import { Toaster, useNotification } from "../../Toast-Dr6Uw7ao.js";
 export { Toaster, toast, useNotification };

package/dist/internal/components/Toggle.js

@@ -65,10 +65,10 @@ const toggleVariants = cva([
 				"tw:to-violet-600",
 				"tw:text-white",
 				"tw:not-disabled:hover:bg-none",
-				"tw:not-disabled:hover:bg-sky-100",
+				"tw:not-disabled:hover:bg-accent",
 				"tw:not-disabled:hover:border-transparent",
-				"tw:not-disabled:hover:text-sky-700",
-				"tw:not-disabled:hover:[&_svg]:text-sky-700",
+				"tw:not-disabled:hover:text-accent-foreground",
+				"tw:not-disabled:hover:[&_svg]:text-accent-foreground",
 				"tw:aria-[pressed=true]:bg-gradient-to-br",
 				"tw:aria-[pressed=true]:from-sky-700",
 				"tw:aria-[pressed=true]:to-sky-900",

package/dist/internal/components/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","names":[],"sources":["../../../src/components/Toggle/Toggle.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\nimport { Root } from '@radix-ui/react-toggle';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\n\nconst toggleVariants = cva(\n  [\n    'tailwindcss-preflight',\n\n    // layout\n    'tw:relative',\n    'tw:flex',\n    'tw:items-center',\n    'tw:justify-center',\n    'tw:gap-2',\n\n    // text\n    'tw:uppercase',\n    'tw:text-xs',\n    'tw:leading-5',\n    'tw:font-medium',\n    'tw:tracking-[1px]',\n\n    // border\n    'tw:border',\n\n    // style\n    'tw:rounded',\n    'tw:whitespace-nowrap',\n\n    // transitions\n    'tw:transition-colors',\n    'tw:duration-100',\n    'tw:ease-linear',\n    'tw:[&_svg]:transition-colors',\n    'tw:[&_svg]:duration-100',\n    'tw:[&_svg]:ease-linear',\n\n    // hover\n    'tw:not-disabled:hover:border-neutral-300',\n    'tw:not-disabled:hover:bg-neutral-100',\n\n    'tw:disabled:opacity-50',\n    'tw:disabled:cursor-not-allowed',\n\n    // focus-visible\n    'tw:[&:not(:active)]:not-disabled:focus-visible:outline',\n    'tw:!outline-offset-0',\n    'tw:[&:not(:active)]:not-disabled:focus-visible:outline-ring',\n    'tw:[&:not(:active)]:not-disabled:focus-visible:outline-1',\n    'tw:[&:not(:active)]:not-disabled:focus-visible:ring-4',\n    'tw:[&:not(:active)]:not-disabled:focus-visible:ring-ring/20',\n  ],\n  {\n    variants: {\n      variant: {\n        ai: [\n          'tw:border-0',\n\n          // off state\n          'tw:aria-[pressed=false]:bg-gradient-to-br',\n          'tw:aria-[pressed=false]:from-secondary-100',\n          'tw:aria-[pressed=false]:to-purple-100',\n          'tw:hover:aria-[pressed=false]:from-secondary-200',\n          'tw:hover:aria-[pressed=false]:to-purple-200',\n\n          // on state\n          'tw:aria-pressed:bg-gradient-to-br',\n          'tw:aria-pressed:from-secondary-600',\n          'tw:aria-pressed:to-purple-600',\n          'tw:hover:aria-pressed:from-secondary-700',\n          'tw:hover:aria-pressed:to-purple-700',\n\n          // icon color - gradient stroke when off, white stroke when on.\n          // Lucide icons are stroke-based; targeting every shape (`*`)\n          // catches paths, circles, and other non-path sub-shapes so the\n          // whole glyph picks up the gradient.\n          'tw:[&_*]:stroke-aigradient-600',\n          'tw:aria-pressed:[&_*]:stroke-white',\n          'tw:*:aria-pressed:text-white',\n        ],\n        'ai-vivid': [\n          'tw:border-0',\n          'tw:rounded-lg',\n          'tw:normal-case',\n          'tw:tracking-normal',\n          'tw:gap-1.5',\n\n          // default: sky → violet gradient, white text\n          'tw:bg-gradient-to-br',\n          'tw:from-sky-400',\n          'tw:via-sky-600',\n          'tw:to-violet-600',\n          'tw:text-white',\n\n          // hover: light sky bg, dark text\n          'tw:not-disabled:hover:bg-none',\n          'tw:not-disabled:hover:bg-sky-100',\n          'tw:not-disabled:hover:border-transparent',\n          'tw:not-disabled:hover:text-sky-700',\n          'tw:not-disabled:hover:[&_svg]:text-sky-700',\n\n          // pressed: dark navy gradient, white\n          'tw:aria-[pressed=true]:bg-gradient-to-br',\n          'tw:aria-[pressed=true]:from-sky-700',\n          'tw:aria-[pressed=true]:to-sky-900',\n          'tw:aria-[pressed=true]:text-white',\n          'tw:aria-[pressed=true]:[&_svg]:text-white',\n        ],\n        ghost: [\n          'tw:border-0',\n          'tw:rounded-lg',\n\n          // The neutral utility variant — mostly icon-only, and where it does carry a label that\n          // label is content (a value, an identifier), not chrome, so it keeps its own casing.\n          // `ai` / `ai-vivid` stay on the house `uppercase` (`ai-vivid` already opts out).\n          'tw:normal-case',\n\n          // The fills are surface-relative — `muted` for hover, a translucent\n          // blue tint for pressed — rather than the fixed pale `neutral-100` /\n          // `secondary-100`, which glared as bright blocks on the dark scheme.\n          // The blue mark itself is unchanged and reads on either surface.\n          // default state - transparent background\n          'tw:bg-transparent',\n          'tw:[&_svg]:text-muted-foreground',\n\n          // hover state\n          'tw:not-disabled:hover:bg-muted',\n          'tw:not-disabled:hover:[&_svg]:text-secondary-500',\n\n          // pressed state\n          'tw:aria-pressed:bg-secondary-500/15',\n          'tw:aria-pressed:[&_svg]:text-secondary-500',\n\n          // hover on pressed state\n          'tw:not-disabled:hover:aria-pressed:bg-secondary-500/25',\n          'tw:not-disabled:hover:aria-pressed:[&_svg]:text-secondary-500',\n        ],\n      },\n      size: {\n        small: 'tw:max-h-8 tw:min-h-8 tw:px-2 tw:py-1.5',\n        medium: 'tw:max-h-10 tw:min-h-10 tw:px-4 tw:py-2.5',\n        large: 'tw:max-h-12 tw:min-h-12 tw:px-4 tw:py-3.5',\n      },\n      // A stacked label wraps (`break-words` splits an identifier too long for its column) instead\n      // of forcing every cell as wide as its longest label.\n      orientation: {\n        horizontal: '',\n        vertical: [\n          'tw:flex-col',\n          'tw:gap-1',\n          'tw:whitespace-normal',\n          'tw:break-words',\n          'tw:text-center',\n        ],\n      },\n      iconOnly: {\n        true: 'tw:p-0',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      { iconOnly: true, size: 'small', className: 'tw:size-8' },\n      { iconOnly: true, size: 'medium', className: 'tw:size-10' },\n      { iconOnly: true, size: 'large', className: 'tw:size-12' },\n    ],\n    defaultVariants: {\n      variant: 'ai',\n      size: 'medium',\n      iconOnly: false,\n      orientation: 'horizontal',\n    },\n  },\n);\n\ntype Props = {\n  icon?: ReactNode;\n  badge?: ReactNode;\n  orientation?: 'horizontal' | 'vertical';\n} & ComponentProps<typeof Root> &\n  Omit<VariantProps<typeof toggleVariants>, 'iconOnly' | 'orientation'>;\n\nexport const Toggle = ({\n  ref,\n  className,\n  variant = 'ai',\n  size = 'medium',\n  orientation = 'horizontal',\n  children,\n  icon,\n  badge,\n  disabled = false,\n  ...props\n}: Props) => {\n  const isAiVariant = variant === 'ai';\n  const isIconOnly = Boolean(icon && children == null);\n\n  return (\n    <Root\n      {...props}\n      ref={ref}\n      className={cn(\n        toggleVariants({ variant, size, orientation, iconOnly: isIconOnly, className }),\n      )}\n      disabled={disabled}\n    >\n      {badge && (\n        <span className=\"tw:absolute tw:right-0 tw:top-0 tw:-translate-y-1/2 tw:translate-x-1/4\">\n          {badge}\n        </span>\n      )}\n      {icon && (\n        <span className=\"tw:inline-flex tw:size-4 tw:shrink-0 tw:items-center tw:justify-center tw:align-middle tw:[&_svg:not([class*='tw:size-'])]:size-4\">\n          {icon}\n        </span>\n      )}\n\n      {isAiVariant ? (\n        <div className=\"tw:bg-gradient-to-br tw:from-secondary-700 tw:to-purple-700 tw:bg-clip-text tw:text-transparent\">\n          {children}\n        </div>\n      ) : (\n        children\n      )}\n    </Root>\n  );\n};\n"],"mappings":";;;;;AAMA,MAAM,iBAAiB,IACrB;CACE;CAGA;CACA;CACA;CACA;CACA;CAGA;CACA;CACA;CACA;CACA;CAGA;CAGA;CACA;CAGA;CACA;CACA;CACA;CACA;CACA;CAGA;CACA;CAEA;CACA;CAGA;CACA;CACA;CACA;CACA;CACA;AACF,GACA;CACE,UAAU;EACR,SAAS;GACP,IAAI;IACF;IAGA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IAMA;IACA;IACA;GACF;GACA,YAAY;IACV;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;GACF;GACA,OAAO;IACL;IACA;IAKA;IAOA;IACA;IAGA;IACA;IAGA;IACA;IAGA;IACA;GACF;EACF;EACA,MAAM;GACJ,OAAO;GACP,QAAQ;GACR,OAAO;EACT;EAGA,aAAa;GACX,YAAY;GACZ,UAAU;IACR;IACA;IACA;IACA;IACA;GACF;EACF;EACA,UAAU;GACR,MAAM;GACN,OAAO;EACT;CACF;CACA,kBAAkB;EAChB;GAAE,UAAU;GAAM,MAAM;GAAS,WAAW;EAAY;EACxD;GAAE,UAAU;GAAM,MAAM;GAAU,WAAW;EAAa;EAC1D;GAAE,UAAU;GAAM,MAAM;GAAS,WAAW;EAAa;CAC3D;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;EACN,UAAU;EACV,aAAa;CACf;AACF,CACF;AASA,MAAa,UAAU,EACrB,KACA,WACA,UAAU,MACV,OAAO,UACP,cAAc,cACd,UACA,MACA,OACA,WAAW,OACX,GAAG,YACQ;CACX,MAAM,cAAc,YAAY;CAChC,MAAM,aAAa,QAAQ,QAAQ,YAAY,IAAI;CAEnD,OACE,qBAAC,MAAD;EACE,GAAI;EACC;EACL,WAAW,GACT,eAAe;GAAE;GAAS;GAAM;GAAa,UAAU;GAAY;EAAU,CAAC,CAChF;EACU;EANZ,UAAA;GAQG,SACC,oBAAC,QAAD;IAAM,WAAU;IACb,UAAA;GACG,CAAA;GAEP,QACC,oBAAC,QAAD;IAAM,WAAU;IACb,UAAA;GACG,CAAA;GAGP,cACC,oBAAC,OAAD;IAAK,WAAU;IACZ;GACE,CAAA,IAEL;EAEE;;AAEV"}
+{"version":3,"file":"Toggle.js","names":[],"sources":["../../../src/components/Toggle/Toggle.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\nimport { Root } from '@radix-ui/react-toggle';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\n\nconst toggleVariants = cva(\n  [\n    'tailwindcss-preflight',\n\n    // layout\n    'tw:relative',\n    'tw:flex',\n    'tw:items-center',\n    'tw:justify-center',\n    'tw:gap-2',\n\n    // text\n    'tw:uppercase',\n    'tw:text-xs',\n    'tw:leading-5',\n    'tw:font-medium',\n    'tw:tracking-[1px]',\n\n    // border\n    'tw:border',\n\n    // style\n    'tw:rounded',\n    'tw:whitespace-nowrap',\n\n    // transitions\n    'tw:transition-colors',\n    'tw:duration-100',\n    'tw:ease-linear',\n    'tw:[&_svg]:transition-colors',\n    'tw:[&_svg]:duration-100',\n    'tw:[&_svg]:ease-linear',\n\n    // hover\n    'tw:not-disabled:hover:border-neutral-300',\n    'tw:not-disabled:hover:bg-neutral-100',\n\n    'tw:disabled:opacity-50',\n    'tw:disabled:cursor-not-allowed',\n\n    // focus-visible\n    'tw:[&:not(:active)]:not-disabled:focus-visible:outline',\n    'tw:!outline-offset-0',\n    'tw:[&:not(:active)]:not-disabled:focus-visible:outline-ring',\n    'tw:[&:not(:active)]:not-disabled:focus-visible:outline-1',\n    'tw:[&:not(:active)]:not-disabled:focus-visible:ring-4',\n    'tw:[&:not(:active)]:not-disabled:focus-visible:ring-ring/20',\n  ],\n  {\n    variants: {\n      variant: {\n        ai: [\n          'tw:border-0',\n\n          // off state\n          'tw:aria-[pressed=false]:bg-gradient-to-br',\n          'tw:aria-[pressed=false]:from-secondary-100',\n          'tw:aria-[pressed=false]:to-purple-100',\n          'tw:hover:aria-[pressed=false]:from-secondary-200',\n          'tw:hover:aria-[pressed=false]:to-purple-200',\n\n          // on state\n          'tw:aria-pressed:bg-gradient-to-br',\n          'tw:aria-pressed:from-secondary-600',\n          'tw:aria-pressed:to-purple-600',\n          'tw:hover:aria-pressed:from-secondary-700',\n          'tw:hover:aria-pressed:to-purple-700',\n\n          // icon color - gradient stroke when off, white stroke when on.\n          // Lucide icons are stroke-based; targeting every shape (`*`)\n          // catches paths, circles, and other non-path sub-shapes so the\n          // whole glyph picks up the gradient.\n          'tw:[&_*]:stroke-aigradient-600',\n          'tw:aria-pressed:[&_*]:stroke-white',\n          'tw:*:aria-pressed:text-white',\n        ],\n        'ai-vivid': [\n          'tw:border-0',\n          'tw:rounded-lg',\n          'tw:normal-case',\n          'tw:tracking-normal',\n          'tw:gap-1.5',\n\n          // default: sky → violet gradient, white text\n          'tw:bg-gradient-to-br',\n          'tw:from-sky-400',\n          'tw:via-sky-600',\n          'tw:to-violet-600',\n          'tw:text-white',\n\n          // hover: the shared interactive-hover pairing. Tokens, not sky-100 —\n          // the hardcoded value matched `accent` in light mode but stayed light\n          // in dark mode, and drifted from every other hover surface.\n          'tw:not-disabled:hover:bg-none',\n          'tw:not-disabled:hover:bg-accent',\n          'tw:not-disabled:hover:border-transparent',\n          'tw:not-disabled:hover:text-accent-foreground',\n          'tw:not-disabled:hover:[&_svg]:text-accent-foreground',\n\n          // pressed: dark navy gradient, white\n          'tw:aria-[pressed=true]:bg-gradient-to-br',\n          'tw:aria-[pressed=true]:from-sky-700',\n          'tw:aria-[pressed=true]:to-sky-900',\n          'tw:aria-[pressed=true]:text-white',\n          'tw:aria-[pressed=true]:[&_svg]:text-white',\n        ],\n        ghost: [\n          'tw:border-0',\n          'tw:rounded-lg',\n\n          // The neutral utility variant — mostly icon-only, and where it does carry a label that\n          // label is content (a value, an identifier), not chrome, so it keeps its own casing.\n          // `ai` / `ai-vivid` stay on the house `uppercase` (`ai-vivid` already opts out).\n          'tw:normal-case',\n\n          // The fills are surface-relative — `muted` for hover, a translucent\n          // blue tint for pressed — rather than the fixed pale `neutral-100` /\n          // `secondary-100`, which glared as bright blocks on the dark scheme.\n          // The blue mark itself is unchanged and reads on either surface.\n          // default state - transparent background\n          'tw:bg-transparent',\n          'tw:[&_svg]:text-muted-foreground',\n\n          // hover state\n          'tw:not-disabled:hover:bg-muted',\n          'tw:not-disabled:hover:[&_svg]:text-secondary-500',\n\n          // pressed state\n          'tw:aria-pressed:bg-secondary-500/15',\n          'tw:aria-pressed:[&_svg]:text-secondary-500',\n\n          // hover on pressed state\n          'tw:not-disabled:hover:aria-pressed:bg-secondary-500/25',\n          'tw:not-disabled:hover:aria-pressed:[&_svg]:text-secondary-500',\n        ],\n      },\n      size: {\n        small: 'tw:max-h-8 tw:min-h-8 tw:px-2 tw:py-1.5',\n        medium: 'tw:max-h-10 tw:min-h-10 tw:px-4 tw:py-2.5',\n        large: 'tw:max-h-12 tw:min-h-12 tw:px-4 tw:py-3.5',\n      },\n      // A stacked label wraps (`break-words` splits an identifier too long for its column) instead\n      // of forcing every cell as wide as its longest label.\n      orientation: {\n        horizontal: '',\n        vertical: [\n          'tw:flex-col',\n          'tw:gap-1',\n          'tw:whitespace-normal',\n          'tw:break-words',\n          'tw:text-center',\n        ],\n      },\n      iconOnly: {\n        true: 'tw:p-0',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      { iconOnly: true, size: 'small', className: 'tw:size-8' },\n      { iconOnly: true, size: 'medium', className: 'tw:size-10' },\n      { iconOnly: true, size: 'large', className: 'tw:size-12' },\n    ],\n    defaultVariants: {\n      variant: 'ai',\n      size: 'medium',\n      iconOnly: false,\n      orientation: 'horizontal',\n    },\n  },\n);\n\ntype Props = {\n  icon?: ReactNode;\n  badge?: ReactNode;\n  orientation?: 'horizontal' | 'vertical';\n} & ComponentProps<typeof Root> &\n  Omit<VariantProps<typeof toggleVariants>, 'iconOnly' | 'orientation'>;\n\nexport const Toggle = ({\n  ref,\n  className,\n  variant = 'ai',\n  size = 'medium',\n  orientation = 'horizontal',\n  children,\n  icon,\n  badge,\n  disabled = false,\n  ...props\n}: Props) => {\n  const isAiVariant = variant === 'ai';\n  const isIconOnly = Boolean(icon && children == null);\n\n  return (\n    <Root\n      {...props}\n      ref={ref}\n      className={cn(\n        toggleVariants({ variant, size, orientation, iconOnly: isIconOnly, className }),\n      )}\n      disabled={disabled}\n    >\n      {badge && (\n        <span className=\"tw:absolute tw:right-0 tw:top-0 tw:-translate-y-1/2 tw:translate-x-1/4\">\n          {badge}\n        </span>\n      )}\n      {icon && (\n        <span className=\"tw:inline-flex tw:size-4 tw:shrink-0 tw:items-center tw:justify-center tw:align-middle tw:[&_svg:not([class*='tw:size-'])]:size-4\">\n          {icon}\n        </span>\n      )}\n\n      {isAiVariant ? (\n        <div className=\"tw:bg-gradient-to-br tw:from-secondary-700 tw:to-purple-700 tw:bg-clip-text tw:text-transparent\">\n          {children}\n        </div>\n      ) : (\n        children\n      )}\n    </Root>\n  );\n};\n"],"mappings":";;;;;AAMA,MAAM,iBAAiB,IACrB;CACE;CAGA;CACA;CACA;CACA;CACA;CAGA;CACA;CACA;CACA;CACA;CAGA;CAGA;CACA;CAGA;CACA;CACA;CACA;CACA;CACA;CAGA;CACA;CAEA;CACA;CAGA;CACA;CACA;CACA;CACA;CACA;AACF,GACA;CACE,UAAU;EACR,SAAS;GACP,IAAI;IACF;IAGA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IAMA;IACA;IACA;GACF;GACA,YAAY;IACV;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IAKA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;GACF;GACA,OAAO;IACL;IACA;IAKA;IAOA;IACA;IAGA;IACA;IAGA;IACA;IAGA;IACA;GACF;EACF;EACA,MAAM;GACJ,OAAO;GACP,QAAQ;GACR,OAAO;EACT;EAGA,aAAa;GACX,YAAY;GACZ,UAAU;IACR;IACA;IACA;IACA;IACA;GACF;EACF;EACA,UAAU;GACR,MAAM;GACN,OAAO;EACT;CACF;CACA,kBAAkB;EAChB;GAAE,UAAU;GAAM,MAAM;GAAS,WAAW;EAAY;EACxD;GAAE,UAAU;GAAM,MAAM;GAAU,WAAW;EAAa;EAC1D;GAAE,UAAU;GAAM,MAAM;GAAS,WAAW;EAAa;CAC3D;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;EACN,UAAU;EACV,aAAa;CACf;AACF,CACF;AASA,MAAa,UAAU,EACrB,KACA,WACA,UAAU,MACV,OAAO,UACP,cAAc,cACd,UACA,MACA,OACA,WAAW,OACX,GAAG,YACQ;CACX,MAAM,cAAc,YAAY;CAChC,MAAM,aAAa,QAAQ,QAAQ,YAAY,IAAI;CAEnD,OACE,qBAAC,MAAD;EACE,GAAI;EACC;EACL,WAAW,GACT,eAAe;GAAE;GAAS;GAAM;GAAa,UAAU;GAAY;EAAU,CAAC,CAChF;EACU;EANZ,UAAA;GAQG,SACC,oBAAC,QAAD;IAAM,WAAU;IACb,UAAA;GACG,CAAA;GAEP,QACC,oBAAC,QAAD;IAAM,WAAU;IACb,UAAA;GACG,CAAA;GAGP,cACC,oBAAC,OAAD;IAAK,WAAU;IACZ;GACE,CAAA,IAEL;EAEE;;AAEV"}

package/dist/internal/components/Tooltip.js

@@ -1,2 +1,2 @@
-import { Tooltip, TooltipProvider } from "../../utils-D0c5VAyF.js";
+import { Tooltip, TooltipProvider } from "../../utils-B5Z52hYs.js";
 export { Tooltip, TooltipProvider };

package/dist/internal/components/Truncated.js

@@ -1,16 +1,24 @@
 import { cn } from "../../classNames-BzrkDnOD.js";
-import { Tooltip } from "../../utils-D0c5VAyF.js";
+import { Tooltip } from "../../utils-B5Z52hYs.js";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Truncated.tsx
 const OFFSET_TOLERANCE = 2;
+/**
+* Whether the text is actually cut off, on either axis.
+*
+* - A clamp that wraps overflows **vertically**.
+* - A single line that cannot wrap overflows **horizontally** — the case an
+*   inherited `white-space: nowrap` produces (e.g. inside a `Button` under a
+*   non-legacy brand).
+* - The tolerance absorbs subpixel rounding, which would otherwise report
+*   overflow on text that fits exactly.
+*/
+const hasTruncationOverflow = (m) => m.scrollHeight - OFFSET_TOLERANCE >= m.clientHeight || m.scrollWidth - OFFSET_TOLERANCE >= m.clientWidth;
 const Truncated = ({ ref, text, tooltip = text, className, twoLines = false, noTooltip = false, tooltipVariant = "explanatory", tooltipPlacement = "top", ...rest }) => {
 	const tooltipText = typeof tooltip === "string" ? tooltip : "";
 	const [showTooltip, setShowTooltip] = useState(false);
-	const isScrollableTarget = (e) => {
-		return e.scrollHeight - OFFSET_TOLERANCE >= e.clientHeight;
-	};
-	const truncatedClasses = cn(className, "tw:[word-break:break-all]", twoLines ? "tw:line-clamp-2 tw:[word-break:break-word]" : "tw:line-clamp-1");
+	const truncatedClasses = cn(className, "tw:[word-break:break-all] tw:text-ellipsis", twoLines ? "tw:line-clamp-2 tw:[word-break:break-word]" : "tw:line-clamp-1");
 	if (noTooltip || !tooltipText) return /* @__PURE__ */ jsx("span", {
 		ref,
 		className: truncatedClasses,
@@ -28,11 +36,11 @@ const Truncated = ({ ref, text, tooltip = text, className, twoLines = false, noT
 			className: truncatedClasses,
 			...rest,
 			onMouseOver: (e) => {
-				setShowTooltip(isScrollableTarget(e.currentTarget));
+				setShowTooltip(hasTruncationOverflow(e.currentTarget));
 				rest.onMouseOver?.(e);
 			},
 			onFocus: (e) => {
-				setShowTooltip(isScrollableTarget(e.currentTarget));
+				setShowTooltip(hasTruncationOverflow(e.currentTarget));
 				rest.onFocus?.(e);
 			},
 			children: text
@@ -40,6 +48,6 @@ const Truncated = ({ ref, text, tooltip = text, className, twoLines = false, noT
 	});
 };
 //#endregion
-export { Truncated };
+export { Truncated, hasTruncationOverflow };
 
 //# sourceMappingURL=Truncated.js.map

package/dist/internal/components/Truncated.js.map

@@ -1 +1 @@
-{"version":3,"file":"Truncated.js","names":[],"sources":["../../../src/components/Truncated.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport { cn } from '../utils';\n\nimport { type Props as TooltipProps, Tooltip } from './Tooltip';\n\nconst OFFSET_TOLERANCE = 2;\n\ntype Props = {\n  text: ReactNode;\n  tooltip?: ReactNode;\n  twoLines?: boolean;\n  noTooltip?: boolean;\n  tooltipVariant?: TooltipProps['variant'];\n  tooltipPlacement?: TooltipProps['placement'];\n} & Omit<ComponentProps<'span'>, 'children'>;\n\nexport const Truncated = ({\n  ref,\n  text,\n  tooltip = text,\n  className,\n  twoLines = false,\n  noTooltip = false,\n  tooltipVariant = 'explanatory',\n  tooltipPlacement = 'top',\n  ...rest\n}: Props) => {\n  const tooltipText = typeof tooltip === 'string' ? tooltip : '';\n  const [showTooltip, setShowTooltip] = useState(false);\n\n  const isScrollableTarget = (e: HTMLElement): boolean => {\n    return e.scrollHeight - OFFSET_TOLERANCE >= e.clientHeight;\n  };\n\n  // v4's native `line-clamp-*` emits the full `-webkit-box` recipe (display,\n  // box-orient, line-clamp, overflow). The old hand-rolled `[display:-webkit-box!important]`\n  // arbitrary property produced NO rule under v4 — it doesn't support `!important` inside\n  // arbitrary-property brackets (v3 did) — so the clamp silently stopped applying and long\n  // text wrapped instead of truncating.\n  const truncatedClasses = cn(\n    className,\n    'tw:[word-break:break-all]',\n    twoLines ? 'tw:line-clamp-2 tw:[word-break:break-word]' : 'tw:line-clamp-1',\n  );\n\n  if (noTooltip || !tooltipText) {\n    return (\n      <span ref={ref} className={truncatedClasses} {...rest}>\n        {text}\n      </span>\n    );\n  }\n\n  return (\n    <Tooltip\n      placement={tooltipPlacement}\n      variant={tooltipVariant}\n      forceHide={!showTooltip}\n      tooltip={<div>{tooltipText}</div>}\n      triggerAsChild\n    >\n      <span\n        ref={ref}\n        className={truncatedClasses}\n        {...rest}\n        onMouseOver={(e) => {\n          setShowTooltip(isScrollableTarget(e.currentTarget));\n          rest.onMouseOver?.(e);\n        }}\n        onFocus={(e) => {\n          setShowTooltip(isScrollableTarget(e.currentTarget));\n          rest.onFocus?.(e);\n        }}\n      >\n        {text}\n      </span>\n    </Tooltip>\n  );\n};\n"],"mappings":";;;;;AAOA,MAAM,mBAAmB;AAWzB,MAAa,aAAa,EACxB,KACA,MACA,UAAU,MACV,WACA,WAAW,OACX,YAAY,OACZ,iBAAiB,eACjB,mBAAmB,OACnB,GAAG,WACQ;CACX,MAAM,cAAc,OAAO,YAAY,WAAW,UAAU;CAC5D,MAAM,CAAC,aAAa,kBAAkB,SAAS,KAAK;CAEpD,MAAM,sBAAsB,MAA4B;EACtD,OAAO,EAAE,eAAe,oBAAoB,EAAE;CAChD;CAOA,MAAM,mBAAmB,GACvB,WACA,6BACA,WAAW,+CAA+C,iBAC5D;CAEA,IAAI,aAAa,CAAC,aAChB,OACE,oBAAC,QAAD;EAAW;EAAK,WAAW;EAAkB,GAAI;EAC9C,UAAA;CACG,CAAA;CAIV,OACE,oBAAC,SAAD;EACE,WAAW;EACX,SAAS;EACT,WAAW,CAAC;EACZ,SAAS,oBAAC,OAAD,EAAA,UAAM,YAAiB,CAAA;EAChC,gBAAA;EAEA,UAAA,oBAAC,QAAD;GACO;GACL,WAAW;GACX,GAAI;GACJ,cAAc,MAAM;IAClB,eAAe,mBAAmB,EAAE,aAAa,CAAC;IAClD,KAAK,cAAc,CAAC;GACtB;GACA,UAAU,MAAM;IACd,eAAe,mBAAmB,EAAE,aAAa,CAAC;IAClD,KAAK,UAAU,CAAC;GAClB;GAEC,UAAA;EACG,CAAA;CACC,CAAA;AAEb"}
+{"version":3,"file":"Truncated.js","names":[],"sources":["../../../src/components/Truncated.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport { cn } from '../utils';\n\nimport { type Props as TooltipProps, Tooltip } from './Tooltip';\n\nconst OFFSET_TOLERANCE = 2;\n\ntype Metrics = Pick<HTMLElement, 'scrollWidth' | 'clientWidth' | 'scrollHeight' | 'clientHeight'>;\n\n/**\n * Whether the text is actually cut off, on either axis.\n *\n * - A clamp that wraps overflows **vertically**.\n * - A single line that cannot wrap overflows **horizontally** — the case an\n *   inherited `white-space: nowrap` produces (e.g. inside a `Button` under a\n *   non-legacy brand).\n * - The tolerance absorbs subpixel rounding, which would otherwise report\n *   overflow on text that fits exactly.\n */\nexport const hasTruncationOverflow = (m: Metrics): boolean =>\n  m.scrollHeight - OFFSET_TOLERANCE >= m.clientHeight ||\n  m.scrollWidth - OFFSET_TOLERANCE >= m.clientWidth;\n\ntype Props = {\n  text: ReactNode;\n  tooltip?: ReactNode;\n  twoLines?: boolean;\n  noTooltip?: boolean;\n  tooltipVariant?: TooltipProps['variant'];\n  tooltipPlacement?: TooltipProps['placement'];\n} & Omit<ComponentProps<'span'>, 'children'>;\n\nexport const Truncated = ({\n  ref,\n  text,\n  tooltip = text,\n  className,\n  twoLines = false,\n  noTooltip = false,\n  tooltipVariant = 'explanatory',\n  tooltipPlacement = 'top',\n  ...rest\n}: Props) => {\n  const tooltipText = typeof tooltip === 'string' ? tooltip : '';\n  const [showTooltip, setShowTooltip] = useState(false);\n\n  // v4's native `line-clamp-*` emits the full `-webkit-box` recipe (display,\n  // box-orient, line-clamp, overflow). The old hand-rolled `[display:-webkit-box!important]`\n  // arbitrary property produced NO rule under v4 — it doesn't support `!important` inside\n  // arbitrary-property brackets (v3 did) — so the clamp silently stopped applying and long\n  // text wrapped instead of truncating.\n  //\n  // `text-ellipsis` covers what the clamp cannot: `-webkit-line-clamp` draws its ellipsis\n  // only on text it wrapped itself, so text that cannot wrap (an inherited\n  // `white-space: nowrap`) was cut mid-word with no ellipsis at all.\n  const truncatedClasses = cn(\n    className,\n    'tw:[word-break:break-all] tw:text-ellipsis',\n    twoLines ? 'tw:line-clamp-2 tw:[word-break:break-word]' : 'tw:line-clamp-1',\n  );\n\n  if (noTooltip || !tooltipText) {\n    return (\n      <span ref={ref} className={truncatedClasses} {...rest}>\n        {text}\n      </span>\n    );\n  }\n\n  return (\n    <Tooltip\n      placement={tooltipPlacement}\n      variant={tooltipVariant}\n      forceHide={!showTooltip}\n      tooltip={<div>{tooltipText}</div>}\n      triggerAsChild\n    >\n      <span\n        ref={ref}\n        className={truncatedClasses}\n        {...rest}\n        onMouseOver={(e) => {\n          setShowTooltip(hasTruncationOverflow(e.currentTarget));\n          rest.onMouseOver?.(e);\n        }}\n        onFocus={(e) => {\n          setShowTooltip(hasTruncationOverflow(e.currentTarget));\n          rest.onFocus?.(e);\n        }}\n      >\n        {text}\n      </span>\n    </Tooltip>\n  );\n};\n"],"mappings":";;;;;AAOA,MAAM,mBAAmB;;;;;;;;;;;AAczB,MAAa,yBAAyB,MACpC,EAAE,eAAe,oBAAoB,EAAE,gBACvC,EAAE,cAAc,oBAAoB,EAAE;AAWxC,MAAa,aAAa,EACxB,KACA,MACA,UAAU,MACV,WACA,WAAW,OACX,YAAY,OACZ,iBAAiB,eACjB,mBAAmB,OACnB,GAAG,WACQ;CACX,MAAM,cAAc,OAAO,YAAY,WAAW,UAAU;CAC5D,MAAM,CAAC,aAAa,kBAAkB,SAAS,KAAK;CAWpD,MAAM,mBAAmB,GACvB,WACA,8CACA,WAAW,+CAA+C,iBAC5D;CAEA,IAAI,aAAa,CAAC,aAChB,OACE,oBAAC,QAAD;EAAW;EAAK,WAAW;EAAkB,GAAI;EAC9C,UAAA;CACG,CAAA;CAIV,OACE,oBAAC,SAAD;EACE,WAAW;EACX,SAAS;EACT,WAAW,CAAC;EACZ,SAAS,oBAAC,OAAD,EAAA,UAAM,YAAiB,CAAA;EAChC,gBAAA;EAEA,UAAA,oBAAC,QAAD;GACO;GACL,WAAW;GACX,GAAI;GACJ,cAAc,MAAM;IAClB,eAAe,sBAAsB,EAAE,aAAa,CAAC;IACrD,KAAK,cAAc,CAAC;GACtB;GACA,UAAU,MAAM;IACd,eAAe,sBAAsB,EAAE,aAAa,CAAC;IACrD,KAAK,UAAU,CAAC;GAClB;GAEC,UAAA;EACG,CAAA;CACC,CAAA;AAEb"}

package/dist/internal/components/ZoomableSvg.js

@@ -1,2 +1,2 @@
-import { ZoomableSvg, svgToPngBlob, toSvgFileContent } from "../../ZoomableSvg-CZEu6sAq.js";
+import { ZoomableSvg, svgToPngBlob, toSvgFileContent } from "../../ZoomableSvg-BWnDkR61.js";
 export { ZoomableSvg, svgToPngBlob, toSvgFileContent };

package/dist/internal/utils.js

@@ -1,5 +1,5 @@
 import { cn } from "../classNames-BzrkDnOD.js";
-import { copyToClipboard, createChangeInputEvent, createPrefixedString, debounce, isMac, noop, useSHA256, withHiddenFullscreen, withTooltipProvider } from "../utils-D0c5VAyF.js";
-import { escapeStringRegexp } from "../escapeStringRegexp-8MxP2knR.js";
+import { copyToClipboard, createChangeInputEvent, createPrefixedString, debounce, isMac, noop, useSHA256, withHiddenFullscreen, withTooltipProvider } from "../utils-B5Z52hYs.js";
+import { findLiteralMatches, findLiteralTermMatches, hasLiteralMatch } from "../findLiteralMatches-BGBw8Vbl.js";
 import { mergeRefs } from "./utils/mergeRefs.js";
-export { cn, copyToClipboard, createChangeInputEvent, createPrefixedString, debounce, escapeStringRegexp, isMac, mergeRefs, noop, useSHA256, withHiddenFullscreen, withTooltipProvider };
+export { cn, copyToClipboard, createChangeInputEvent, createPrefixedString, debounce, findLiteralMatches, findLiteralTermMatches, hasLiteralMatch, isMac, mergeRefs, noop, useSHA256, withHiddenFullscreen, withTooltipProvider };

package/dist/markdown-editor.js

@@ -1,14 +1,14 @@
 import { cn } from "./classNames-BzrkDnOD.js";
-import { Tooltip } from "./utils-D0c5VAyF.js";
+import { Tooltip } from "./utils-B5Z52hYs.js";
 import { AlignCenter, AlignJustify, AlignLeft, AlignRight, Bold, ChevronDown, Code, Heading1, Heading2, Heading3, Italic, Link, List, ListOrdered, Quote, SquareCode, Strikethrough, Type, Underline } from "./icons-Cek151jC.js";
-import { Button } from "./Button-6xBX0nNl.js";
+import { Button } from "./Button-DsRrU5F1.js";
 import { ButtonGroup } from "./internal/components/ButtonGroup.js";
-import { DropdownMenu } from "./DropdownMenu-t90tVw6l.js";
+import { DropdownMenu } from "./DropdownMenu-CASr-jgl.js";
 import { Label } from "./internal/components/Label.js";
-import { TextInput } from "./TextInput-CMuN1WfY.js";
-import { FormGroup } from "./FormGroup-C41n65cE.js";
+import { TextInput } from "./TextInput-DHM6dHmn.js";
+import { FormGroup } from "./FormGroup-DbcDtrgU.js";
 import { Skeleton } from "./internal/components/Skeleton/Skeleton.js";
-import { toast } from "./toast-CjkURw0M.js";
+import { toast } from "./toast-DIC0iNRf.js";
 import { Suspense, createContext, lazy, use, useCallback, useEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
@@ -140,7 +140,7 @@ const $isImageNode = (node) => {
 };
 //#endregion
 //#region src/blocks/MarkdownEditor/nodes/MermaidNodeComponent.tsx
-const MermaidDiagram = lazy(() => import("./MermaidDiagram-ChL3WIQT.js").then((n) => n.MermaidDiagram_exports).then((m) => ({ default: m.MermaidDiagram }), (error) => {
+const MermaidDiagram = lazy(() => import("./MermaidDiagram-WkonYErO.js").then((n) => n.MermaidDiagram_exports).then((m) => ({ default: m.MermaidDiagram }), (error) => {
 	console.error("[MarkdownEditor] failed to load MermaidDiagram chunk", error);
 	return { default: ({ code }) => /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx("code", { children: code }) }) };
 }));

package/dist/mermaid.js

@@ -1,2 +1,2 @@
-import { MermaidDiagram } from "./MermaidDiagram-ChL3WIQT.js";
+import { MermaidDiagram } from "./MermaidDiagram-WkonYErO.js";
 export { MermaidDiagram };

package/dist/rjsf.js

@@ -1,21 +1,21 @@
-import { Tooltip, debounce } from "./utils-D0c5VAyF.js";
+import { Tooltip, debounce } from "./utils-B5Z52hYs.js";
 import { BookOpen, Info, Trash2 } from "./icons-Cek151jC.js";
-import { Button } from "./Button-6xBX0nNl.js";
+import { Button } from "./Button-DsRrU5F1.js";
 import { Label } from "./internal/components/Label.js";
 import { Link } from "./internal/components/Link.js";
-import { TextInput } from "./TextInput-CMuN1WfY.js";
-import { RadioGroup } from "./RadioGroup-sIveSsNa.js";
-import { Checkbox } from "./Checkbox-GJ8-srt4.js";
-import { Combobox } from "./Combobox-Dgm6Z4ib.js";
-import { FormGroup } from "./FormGroup-C41n65cE.js";
+import { TextInput } from "./TextInput-DHM6dHmn.js";
+import { RadioGroup } from "./RadioGroup-XFzFd1ti.js";
+import { Checkbox } from "./Checkbox-fC0BuO2B.js";
+import { Combobox } from "./Combobox-Cs_1pj2q.js";
+import { FormGroup } from "./FormGroup-DbcDtrgU.js";
 import { NumberInput } from "./internal/blocks/NumberInput.js";
 import { Textarea } from "./internal/blocks/Textarea.js";
-import { DateInput } from "./DateInput-B3UdzRfW.js";
+import { DateInput } from "./DateInput-ZdaMQo5i.js";
 import { PasswordInput } from "./internal/blocks/PasswordInput.js";
-import { Alert } from "./Alert-DfZq9kGe.js";
+import { Alert } from "./Alert-DHJFrWnS.js";
 import { CollapsiblePanel } from "./internal/components/CollapsiblePanel.js";
-import { Tabs, TabsContent } from "./Tabs-UMQuDoW8.js";
-import { CodeEditor, isLanguageMode } from "./CodeEditor-DyaN-Ij2.js";
+import { Tabs, TabsContent } from "./Tabs-eB974xJf.js";
+import { CodeEditor, isLanguageMode } from "./CodeEditor-Cxy3HnKH.js";
 import { createContext, isValidElement, use, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import DOMPurify from "dompurify";

package/dist/{styles-DSUP_-9Z.js → styles-BAFscjSV.js}

@@ -18,7 +18,6 @@ const overlayTriggerVariants = cva([
 	"tw:rounded",
 	"tw:border",
 	"tw:border-solid",
-	"tw:border-neutral-200",
 	"tw:text-neutral-800",
 	"tw:transition-[color,background-color,border-color,box-shadow]",
 	"tw:!outline-hidden",
@@ -71,7 +70,9 @@ const overlayTriggerVariants = cva([
 	variants: {
 		variant: {
 			primary: [
-				"tw:bg-white",
+				"tw:bg-input-background",
+				"tw:text-foreground",
+				"tw:border-input",
 				"tw:disabled:opacity-40",
 				"tw:aria-disabled:opacity-40",
 				"tw:aria-[invalid=true]:border-error-500",
@@ -155,4 +156,4 @@ const overlayTriggerVariants = cva([
 //#endregion
 export { overlayTriggerVariants };
 
-//# sourceMappingURL=styles-DSUP_-9Z.js.map
+//# sourceMappingURL=styles-BAFscjSV.js.map

package/dist/styles-BAFscjSV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-BAFscjSV.js","names":[],"sources":["../src/components/OverlayTrigger/styles.ts"],"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    // Ink for `secondary`, whose fixed light-grey fill a scheme-following colour would\n    // sit on invisibly. `primary` and `argo` both re-pin it to `foreground`.\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          // The same field trio the `primary` `InputGroup` beside it uses, so a trigger and\n          // an input in one row stay the same colour.\n          //\n          // - `--input-background` resolves to white in light; the fill only moves in dark.\n          // - The `neutral` ramp is scheme-blind — `[data-theme='dark']` redefines only the\n          //   semantic tokens — so a literal here paints light chrome on a dark surface.\n          'tw:bg-input-background',\n          'tw:text-foreground',\n          'tw:border-input',\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"],"mappings":";;;;;;;AAOA,MAAa,yBAAyB,IACpC;CACE;CACA;CACA;CAGA;CACA;CACA;CACA;CACA;CACA;CAGA;CACA;CACA;CAGA;CAGA;CAGA;CACA;CACA;CAGA;CACA;CAGA;CAGA;CACA;AACF,GACA;CACE,iBAAiB;EACf,SAAS;EACT,OAAO;EACP,QAAQ;CACV;CACA,kBAAkB;EAChB;GACE,SAAS;GACT,OAAO;GACP,WAAW,CAAC,iBAAiB;EAC/B;EACA;GACE,SAAS;GACT,OAAO;GACP,WAAW,CAAC,mBAAmB;EACjC;EAEA;GACE,SAAS;GACT,OAAO;GACP,WAAW;IACT;IACA;IACA;IACA;GACF;EACF;EACA;GACE,SAAS;GACT,OAAO;GACP,WAAW;IACT;IACA;IACA;IACA;IACA;GACF;EACF;CACF;CACA,UAAU;EACR,SAAS;GACP,SAAS;IAOP;IACA;IACA;IACA;IACA;IAIA;IACA;IACA;IACA;IACA;GACF;GACA,WAAW;IACT;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,MAAM;IAEJ;IACA;IAEA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;GACF;EACF;EACA,QAAQ;GAEN,SAAS;IAAC;IAAW;IAAa;IAAqB;IAAW;GAAa;GAC/E,QAAQ;IAAC;IAAW;IAAW;IAAqB;IAAU;GAAY;GAC1E,OAAO;IAAC;IAAW;IAAW;IAAqB;IAAU;GAAY;EAC3E;EACA,OAAO;GACL,SAAS;IACP;IACA;IACA;IACA;GACF;GACA,OAAO;IACL;IACA;IACA;IACA;IACA;GACF;GACA,SAAS;IACP;IACA;IACA;IACA;IACA;GACF;EACF;CACF;AACF,CACF"}