@keboola/design 11.3.0 → 11.5.0

package/dist/internal/components/Navbar.js

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

package/dist/internal/components/Pagination.js

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

package/dist/internal/components/Popconfirm.js

@@ -1,2 +1,2 @@
-import { Popconfirm } from "../../Popconfirm-C2Ky5hJO.js";
+import { Popconfirm } from "../../Popconfirm-5pBzT_HQ.js";
 export { Popconfirm };

package/dist/internal/components/Popover.js

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

package/dist/internal/components/RadioGroup.js

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

package/dist/internal/components/Search.js

@@ -1,2 +1,2 @@
-import { Search, SearchForm } from "../../Search-DFeECt5D.js";
+import { Search, SearchForm } from "../../Search-5uQAiNIP.js";
 export { Search, SearchForm };

package/dist/internal/components/Select.js

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

package/dist/internal/components/Sheet.js

@@ -1,2 +1,2 @@
-import { Sheet } from "../../Sheet-BIzs2K2H.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-r1TW4g_b.js";
+import { Sidebar, SidebarProvider, useOptionalSidebar, useSidebar } from "../../Sidebar-D3cY1kha.js";
 export { Sidebar, SidebarProvider, useOptionalSidebar, useSidebar };

package/dist/internal/components/Slider.js

@@ -1,2 +1,2 @@
-import { Slider } from "../../Slider-CjxyfEty.js";
+import { Slider } from "../../Slider-CRf-bB4y.js";
 export { Slider };

package/dist/internal/components/Switch.js

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

package/dist/internal/components/Tabs.js

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

package/dist/internal/components/ThemeProvider.js

@@ -1,4 +1,4 @@
-import { DEFAULT_BRAND_ID, DEFAULT_COLOR_SCHEME } from "../../defaults-CTfvj2KB.js";
-import { ArgoDesignContext, useArgoDesign, useTheme } from "../../context-BrNtMc1H.js";
-import { ThemeProvider, brandSchema, exampleCustomer, keboola, keboolaLegacySidebar, keboolaLegacyTopnav } from "../../ThemeProvider-DZfGdf1v.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-2RMdVGxO.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-B6d2rAbX.js";
+import { TimePicker } from "../../TimePicker-BGeqc-Ed.js";
 export { TimePicker };

package/dist/internal/components/Timeline.js

@@ -1,2 +1,2 @@
-import { Timeline } from "../../Timeline-6btyJl4D.js";
+import { Timeline } from "../../Timeline-BG5Xogxh.js";
 export { Timeline };

package/dist/internal/components/Toast.js

@@ -1,3 +1,3 @@
-import { toast } from "../../toast-BweSoKn3.js";
-import { Toaster, useNotification } from "../../Toast-CxXUulYN.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-B-g7d_Jb.js";
+import { Tooltip, TooltipProvider } from "../../utils-DSvrhU8E.js";
 export { Tooltip, TooltipProvider };

package/dist/internal/components/Truncated.js

@@ -1,5 +1,5 @@
 import { cn } from "../../classNames-BzrkDnOD.js";
-import { Tooltip } from "../../utils-B-g7d_Jb.js";
+import { Tooltip } from "../../utils-DSvrhU8E.js";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Truncated.tsx

package/dist/internal/components/Workbench.js

@@ -1,2 +1,2 @@
-import { DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Workbench, useWorkbench } from "../../Workbench-BzE-Vvd9.js";
+import { DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Workbench, useWorkbench } from "../../Workbench-UR2FBC7I.js";
 export { DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Workbench, useWorkbench };

package/dist/internal/components/ZoomableSvg.js

@@ -1,2 +1,2 @@
-import { ZoomableSvg, svgToPngBlob, toSvgFileContent } from "../../ZoomableSvg-CNIzRHKH.js";
+import { ZoomableSvg, svgToPngBlob, toSvgFileContent } from "../../ZoomableSvg-pooPb1Cu.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-B-g7d_Jb.js";
-import { escapeStringRegexp } from "../escapeStringRegexp-8MxP2knR.js";
+import { copyToClipboard, createChangeInputEvent, createPrefixedString, debounce, isMac, noop, useSHA256, withHiddenFullscreen, withTooltipProvider, withVisualSettle } from "../utils-DSvrhU8E.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, withVisualSettle };

package/dist/markdown-editor.js

@@ -1,14 +1,15 @@
 import { cn } from "./classNames-BzrkDnOD.js";
-import { Tooltip } from "./utils-B-g7d_Jb.js";
+import { Tooltip } from "./utils-DSvrhU8E.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-CPsEQuTN.js";
+import { Button } from "./Button-DsRrU5F1.js";
 import { ButtonGroup } from "./internal/components/ButtonGroup.js";
-import { DropdownMenu } from "./DropdownMenu-DpMEcyCq.js";
+import { DropdownMenu } from "./DropdownMenu-CASr-jgl.js";
 import { Label } from "./internal/components/Label.js";
-import { TextInput } from "./TextInput-DhdRk8qm.js";
-import { FormGroup } from "./FormGroup-BnwP0jNu.js";
+import { useStableCallback } from "./internal/hooks/useStableCallback.js";
+import { TextInput } from "./TextInput-DH5SkbsE.js";
+import { FormGroup } from "./FormGroup-DHvTFdno.js";
 import { Skeleton } from "./internal/components/Skeleton/Skeleton.js";
-import { toast } from "./toast-BweSoKn3.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 +141,7 @@ const $isImageNode = (node) => {
 };
 //#endregion
 //#region src/blocks/MarkdownEditor/nodes/MermaidNodeComponent.tsx
-const MermaidDiagram = lazy(() => import("./MermaidDiagram-JlvuGcY-.js").then((n) => n.MermaidDiagram_exports).then((m) => ({ default: m.MermaidDiagram }), (error) => {
+const MermaidDiagram = lazy(() => import("./MermaidDiagram-CXG5tC6J.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 }) }) };
 }));
@@ -236,12 +237,11 @@ const getImageFilesFromDataTransfer = (dataTransfer) => {
 const escapeMarkdownAlt = (text) => text.replace(/[[\]()]/g, "");
 const ImagePastePlugin = ({ onImageUpload }) => {
 	const [editor] = useLexicalComposerContext();
-	const onImageUploadRef = useRef(onImageUpload);
-	onImageUploadRef.current = onImageUpload;
+	const canUploadImages = onImageUpload != null;
+	const uploadImage = useStableCallback((file) => onImageUpload?.(file));
 	useEffect(() => {
 		const uploadFile = (file) => {
-			const upload = onImageUploadRef.current;
-			if (!upload) return;
+			if (!canUploadImages) return;
 			if (file.size > MAX_IMAGE_SIZE) {
 				toast.error(`Image "${file.name}" is too large. Maximum size is 10 MB.`);
 				return;
@@ -254,7 +254,7 @@ const ImagePastePlugin = ({ onImageUpload }) => {
 			});
 			if (!nodeKey) return;
 			const capturedKey = nodeKey;
-			upload(file).then(({ url }) => {
+			uploadImage(file)?.then(({ url }) => {
 				editor.update(() => {
 					const node = $getNodeByKey(capturedKey);
 					if ($isImageNode(node)) {
@@ -273,7 +273,7 @@ const ImagePastePlugin = ({ onImageUpload }) => {
 			});
 		};
 		const removePaste = editor.registerCommand(PASTE_COMMAND, (event) => {
-			if (!onImageUploadRef.current) return false;
+			if (!canUploadImages) return false;
 			if (!(event instanceof ClipboardEvent)) return false;
 			const files = getImageFilesFromDataTransfer(event.clipboardData);
 			if (files.length === 0) return false;
@@ -282,7 +282,7 @@ const ImagePastePlugin = ({ onImageUpload }) => {
 			return true;
 		}, COMMAND_PRIORITY_CRITICAL);
 		const removeDrop = editor.registerCommand(DROP_COMMAND, (event) => {
-			if (!onImageUploadRef.current) return false;
+			if (!canUploadImages) return false;
 			const files = getImageFilesFromDataTransfer(event.dataTransfer);
 			if (files.length === 0) return false;
 			event.preventDefault();
@@ -293,17 +293,19 @@ const ImagePastePlugin = ({ onImageUpload }) => {
 			removePaste();
 			removeDrop();
 		};
-	}, [editor]);
+	}, [
+		editor,
+		canUploadImages,
+		uploadImage
+	]);
 	return null;
 };
 //#endregion
 //#region src/blocks/MarkdownEditor/plugins/KeyboardPlugin.tsx
 const KeyboardPlugin = ({ onSave, onCancel, singleLine, blurOnEscape, skipBlurSaveRef }) => {
 	const [editor] = useLexicalComposerContext();
-	const onSaveRef = useRef(onSave);
-	onSaveRef.current = onSave;
-	const onCancelRef = useRef(onCancel);
-	onCancelRef.current = onCancel;
+	const handleSave = useStableCallback(() => onSave?.());
+	const handleCancel = useStableCallback(() => onCancel?.());
 	const singleLineRef = useRef(singleLine);
 	singleLineRef.current = singleLine;
 	const blurOnEscapeRef = useRef(blurOnEscape);
@@ -313,7 +315,7 @@ const KeyboardPlugin = ({ onSave, onCancel, singleLine, blurOnEscape, skipBlurSa
 		return editor.registerCommand(KEY_DOWN_COMMAND, (event) => {
 			if (event.key === "Enter" && (event.ctrlKey || event.metaKey)) {
 				event.preventDefault();
-				onSaveRef.current?.();
+				handleSave();
 				return true;
 			}
 			if (event.key === "Enter" && !event.shiftKey && !event.altKey && singleLineRef.current) {
@@ -323,13 +325,18 @@ const KeyboardPlugin = ({ onSave, onCancel, singleLine, blurOnEscape, skipBlurSa
 			}
 			if (event.key === "Escape" && blurOnEscapeRef.current) {
 				if (skipBlurSaveExternalRef) skipBlurSaveExternalRef.current = true;
-				onCancelRef.current?.();
+				handleCancel();
 				editor.getRootElement()?.blur();
 				return true;
 			}
 			return false;
 		}, COMMAND_PRIORITY_HIGH);
-	}, [editor, skipBlurSaveExternalRef]);
+	}, [
+		editor,
+		skipBlurSaveExternalRef,
+		handleSave,
+		handleCancel
+	]);
 	return null;
 };
 /**
@@ -468,8 +475,7 @@ const IMPORT_TAG = "markdown-import";
 const MarkdownSyncPlugin = ({ value, editable, onChange, transformers = CUSTOM_TRANSFORMERS, singleLine = false }) => {
 	const [editor] = useLexicalComposerContext();
 	const lastExportedRef = useRef(value);
-	const onChangeRef = useRef(onChange);
-	onChangeRef.current = onChange;
+	const handleChange = useStableCallback((markdown) => onChange?.(markdown));
 	const transformersRef = useRef(transformers);
 	transformersRef.current = transformers;
 	const singleLineRef = useRef(singleLine);
@@ -492,11 +498,11 @@ const MarkdownSyncPlugin = ({ value, editable, onChange, transformers = CUSTOM_T
 				const markdown = singleLineRef.current ? unescapeMarkdownText(raw) : postprocessMarkdown(raw);
 				if (markdown !== lastExportedRef.current) {
 					lastExportedRef.current = markdown;
-					onChangeRef.current?.(markdown);
+					handleChange(markdown);
 				}
 			});
 		});
-	}, [editor]);
+	}, [editor, handleChange]);
 	return null;
 };
 //#endregion