@keboola/design 14.0.0 → 15.0.0

package/dist/internal/components/Badge.js

@@ -1,2 +1,2 @@
-import { Badge } from "../../Badge-Ba3epgcI.js";
+import { Badge } from "../../Badge-5GHIsgRS.js";
 export { Badge };

package/dist/internal/components/BrandLogo.js

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

package/dist/internal/components/Breadcrumb.js

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

package/dist/internal/components/Button.js

@@ -1,2 +1,2 @@
-import { Button, ButtonInline, argoVariants } from "../../Button-D2JqBAq7.js";
-export { Button, ButtonInline, argoVariants };
+import { Button, ButtonInline, buttonVariants } from "../../Button-BNkyYU8u.js";
+export { Button, ButtonInline, buttonVariants };

package/dist/internal/components/ButtonGroup.js

@@ -42,7 +42,7 @@ const buttonGroupVariant = cva([
 				"tw:[&>*:not(:first-child)]:before:left-0",
 				"tw:[&>*:not(:first-child)]:before:h-full",
 				"tw:[&>*:not(:first-child)]:before:w-px",
-				"tw:[&>*:not(:first-child)]:before:bg-black/10"
+				"tw:[&>*:not(:first-child)]:before:bg-border"
 			]
 		}
 	}

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.js","names":[],"sources":["../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\n\nconst buttonGroupVariant = cva(\n  ['tailwindcss-preflight', 'tw:inline-flex', 'tw:items-center', 'tw:group/button-group'],\n  {\n    defaultVariants: {\n      variant: 'inline',\n      space: 'small',\n    },\n    variants: {\n      variant: {\n        inline: [],\n        block: [\n          'tw:w-full',\n          'tw:flex-col',\n          'tw:sm:flex-row',\n          'tw:[&_a]:flex-1',\n          'tw:[&>button:not([data-icon-only=true])]:flex-1',\n        ],\n      },\n      space: {\n        'extra-small': 'tw:gap-1',\n        'little-small': 'tw:gap-2',\n        small: 'tw:gap-3',\n        medium: 'tw:gap-4',\n        large: 'tw:gap-6',\n        compact: [\n          'tw:border-collapse',\n          'tw:!gap-0',\n\n          // ensure that focus visible outline is at the top\n          'tw:[&>*:focus-visible]:!z-10',\n\n          'tw:[&>*:not(:first-child)]:rounded-l-none',\n          'tw:[&>*:not(:last-child)]:rounded-r-none',\n          'tw:[&>*:not(:last-child)]:border-r-0',\n          'tw:[&>*:not(:first-child)]:border-l-0',\n\n          // separator\n          'tw:[&>*:not(:first-child)]:before:content',\n          'tw:[&>*:not(:first-child)]:before:absolute',\n          'tw:[&>*:not(:first-child)]:before:left-0',\n          'tw:[&>*:not(:first-child)]:before:h-full',\n          'tw:[&>*:not(:first-child)]:before:w-px',\n          'tw:[&>*:not(:first-child)]:before:bg-black/10',\n        ],\n      },\n    },\n  },\n);\n\ntype Props = {\n  children: ReactNode;\n  className?: string;\n} & VariantProps<typeof buttonGroupVariant> &\n  ComponentProps<'div'>;\n\nexport const ButtonGroup = ({\n  ref,\n  children,\n  space = 'small',\n  className,\n  variant,\n  ...rest\n}: Props) => {\n  return (\n    <div\n      ref={ref}\n      {...rest}\n      role=\"group\"\n      data-variant={variant}\n      // `cn` (tailwind-merge), not cva's className: a caller's `tw:hidden` must beat `tw:inline-flex`.\n      className={cn(buttonGroupVariant({ variant, space }), className)}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;;AAMA,MAAM,qBAAqB,IACzB;CAAC;CAAyB;CAAkB;CAAmB;AAAuB,GACtF;CACE,iBAAiB;EACf,SAAS;EACT,OAAO;CACT;CACA,UAAU;EACR,SAAS;GACP,QAAQ,CAAC;GACT,OAAO;IACL;IACA;IACA;IACA;IACA;GACF;EACF;EACA,OAAO;GACL,eAAe;GACf,gBAAgB;GAChB,OAAO;GACP,QAAQ;GACR,OAAO;GACP,SAAS;IACP;IACA;IAGA;IAEA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;GACF;EACF;CACF;AACF,CACF;AAQA,MAAa,eAAe,EAC1B,KACA,UACA,QAAQ,SACR,WACA,SACA,GAAG,WACQ;CACX,OACE,oBAAC,OAAD;EACO;EACL,GAAI;EACJ,MAAK;EACL,gBAAc;EAEd,WAAW,GAAG,mBAAmB;GAAE;GAAS;EAAM,CAAC,GAAG,SAAS;EAE9D;CACE,CAAA;AAET"}
+{"version":3,"file":"ButtonGroup.js","names":[],"sources":["../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\n\nconst buttonGroupVariant = cva(\n  ['tailwindcss-preflight', 'tw:inline-flex', 'tw:items-center', 'tw:group/button-group'],\n  {\n    defaultVariants: {\n      variant: 'inline',\n      space: 'small',\n    },\n    variants: {\n      variant: {\n        inline: [],\n        block: [\n          'tw:w-full',\n          'tw:flex-col',\n          'tw:sm:flex-row',\n          'tw:[&_a]:flex-1',\n          'tw:[&>button:not([data-icon-only=true])]:flex-1',\n        ],\n      },\n      space: {\n        'extra-small': 'tw:gap-1',\n        'little-small': 'tw:gap-2',\n        small: 'tw:gap-3',\n        medium: 'tw:gap-4',\n        large: 'tw:gap-6',\n        compact: [\n          'tw:border-collapse',\n          'tw:!gap-0',\n\n          // ensure that focus visible outline is at the top\n          'tw:[&>*:focus-visible]:!z-10',\n\n          'tw:[&>*:not(:first-child)]:rounded-l-none',\n          'tw:[&>*:not(:last-child)]:rounded-r-none',\n          'tw:[&>*:not(:last-child)]:border-r-0',\n          'tw:[&>*:not(:first-child)]:border-l-0',\n\n          // separator\n          'tw:[&>*:not(:first-child)]:before:content',\n          'tw:[&>*:not(:first-child)]:before:absolute',\n          'tw:[&>*:not(:first-child)]:before:left-0',\n          'tw:[&>*:not(:first-child)]:before:h-full',\n          'tw:[&>*:not(:first-child)]:before:w-px',\n          'tw:[&>*:not(:first-child)]:before:bg-border',\n        ],\n      },\n    },\n  },\n);\n\ntype Props = {\n  children: ReactNode;\n  className?: string;\n} & VariantProps<typeof buttonGroupVariant> &\n  ComponentProps<'div'>;\n\nexport const ButtonGroup = ({\n  ref,\n  children,\n  space = 'small',\n  className,\n  variant,\n  ...rest\n}: Props) => {\n  return (\n    <div\n      ref={ref}\n      {...rest}\n      role=\"group\"\n      data-variant={variant}\n      // `cn` (tailwind-merge), not cva's className: a caller's `tw:hidden` must beat `tw:inline-flex`.\n      className={cn(buttonGroupVariant({ variant, space }), className)}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;;AAMA,MAAM,qBAAqB,IACzB;CAAC;CAAyB;CAAkB;CAAmB;AAAuB,GACtF;CACE,iBAAiB;EACf,SAAS;EACT,OAAO;CACT;CACA,UAAU;EACR,SAAS;GACP,QAAQ,CAAC;GACT,OAAO;IACL;IACA;IACA;IACA;IACA;GACF;EACF;EACA,OAAO;GACL,eAAe;GACf,gBAAgB;GAChB,OAAO;GACP,QAAQ;GACR,OAAO;GACP,SAAS;IACP;IACA;IAGA;IAEA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;GACF;EACF;CACF;AACF,CACF;AAQA,MAAa,eAAe,EAC1B,KACA,UACA,QAAQ,SACR,WACA,SACA,GAAG,WACQ;CACX,OACE,oBAAC,OAAD;EACO;EACL,GAAI;EACJ,MAAK;EACL,gBAAc;EAEd,WAAW,GAAG,mBAAmB;GAAE;GAAS;EAAM,CAAC,GAAG,SAAS;EAE9D;CACE,CAAA;AAET"}

package/dist/internal/components/Card.js

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

package/dist/internal/components/Checkbox.js

@@ -1,2 +1,2 @@
-import { Checkbox } from "../../Checkbox-uFE8XLT_.js";
+import { Checkbox } from "../../Checkbox-CHDDJyAA.js";
 export { Checkbox };

package/dist/internal/components/Clipboard.js

@@ -1,2 +1,2 @@
-import { Clipboard } from "../../Clipboard-D-9XOqy4.js";
+import { Clipboard } from "../../Clipboard-DlwVZS1P.js";
 export { Clipboard };

package/dist/internal/components/CollapsiblePanel.js

@@ -1,5 +1,5 @@
 import { cn } from "../../classNames-DcGnTh2N.js";
-import { keyCodes } from "../../utils-LQ4jJA-9.js";
+import { keyCodes } from "../../utils-DwC9u0tM.js";
 import { ChevronDown } from "../../icons-ZIeZXXS7.js";
 import { Collapsible } from "../../Collapsible-DD4xTL75.js";
 import { useState } from "react";

package/dist/internal/components/Combobox.js

@@ -1,2 +1,2 @@
-import { BLANK_VALUES, Combobox, filterByWords, matchByWords, namedLabel, withBlankValues } from "../../Combobox-CEesMe2M.js";
+import { BLANK_VALUES, Combobox, filterByWords, matchByWords, namedLabel, withBlankValues } from "../../Combobox-CaKqgstG.js";
 export { BLANK_VALUES, Combobox, filterByWords, matchByWords, namedLabel, withBlankValues };

package/dist/internal/components/DatePicker.js

@@ -1,2 +1,2 @@
-import { DatePicker } from "../../DatePicker-CgHAu9KX.js";
+import { DatePicker } from "../../DatePicker-BXpDRo-R.js";
 export { DatePicker };

package/dist/internal/components/DateRangePicker.js

@@ -1,2 +1,2 @@
-import { DateRangePicker } from "../../DateRangePicker-CXpXPMoh.js";
+import { DateRangePicker } from "../../DateRangePicker-C4-DoWac.js";
 export { DateRangePicker };

package/dist/internal/components/DropdownMenu.js

@@ -1,2 +1,2 @@
-import { DropdownMenu } from "../../DropdownMenu-B1gGvZoh.js";
+import { DropdownMenu } from "../../DropdownMenu-CcVbZ_5u.js";
 export { DropdownMenu };

package/dist/internal/components/FileUpload.js

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

package/dist/internal/components/FullScreenModal.js

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

package/dist/internal/components/HoverCard.js

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

package/dist/internal/components/InputGroup.js

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

package/dist/internal/components/Kbd.js

@@ -1,2 +1,2 @@
-import { Kbd, kbdVariants, keys } from "../../Kbd-3YM7NQO4.js";
+import { Kbd, kbdVariants, keys } from "../../Kbd-CflKthfu.js";
 export { Kbd, kbdVariants, keys };

package/dist/internal/components/Modal.js

@@ -1,2 +1,2 @@
-import { Modal } from "../../Modal-DMZRswk4.js";
+import { Modal } from "../../Modal-CbUz-5YH.js";
 export { Modal };

package/dist/internal/components/Navbar.js

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

package/dist/internal/components/Pagination.js

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

package/dist/internal/components/Popconfirm.js

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

package/dist/internal/components/Popover.js

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

package/dist/internal/components/RadioGroup.js

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

package/dist/internal/components/Search.js

@@ -1,2 +1,2 @@
-import { Search, SearchForm } from "../../Search-aaUMI4ix.js";
+import { Search, SearchForm } from "../../Search-vyZwGKMU.js";
 export { Search, SearchForm };

package/dist/internal/components/Select.js

@@ -1,2 +1,2 @@
-import { Select } from "../../Select-CjQgU_6K.js";
+import { Select } from "../../Select-B22hB_-w.js";
 export { Select };

package/dist/internal/components/Sheet.js

@@ -1,2 +1,2 @@
-import { Sheet } from "../../Sheet-utw4_rUa.js";
+import { Sheet } from "../../Sheet-0TWKTqid.js";
 export { Sheet };

package/dist/internal/components/Sidebar.js

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

package/dist/internal/components/Skeleton/Skeleton.js

@@ -11,7 +11,7 @@ const HEIGHT_CLASS_NAME = {
 	xl: "tw:h-10 tw:rounded-lg",
 	"2xl": "tw:h-12 tw:rounded-lg"
 };
-const ANIMATION_CLASS_NAME = cn("tw:relative", "tw:overflow-hidden", "tw:pointer-events-none", "tw:bg-skeleton", "tw:before:content-[\"\"]", "tw:before:opacity-100", "tw:before:absolute", "tw:before:inset-0", "tw:before:-translate-x-full", "tw:before:animate-[shimmer_2s_infinite]", "tw:before:bg-gradient-to-r", "tw:before:from-transparent", "tw:before:to-transparent", "tw:before:via-white/40");
+const ANIMATION_CLASS_NAME = cn("tw:relative", "tw:overflow-hidden", "tw:pointer-events-none", "tw:bg-skeleton", "tw:before:content-[\"\"]", "tw:before:opacity-100", "tw:before:absolute", "tw:before:inset-0", "tw:before:-translate-x-full", "tw:before:animate-[shimmer_2s_infinite]", "tw:before:bg-gradient-to-r", "tw:before:from-transparent", "tw:before:to-transparent", "tw:before:via-white/40", "tw:[[data-theme=dark]_&]:before:via-white/10");
 /**
 * Placeholder in the slot of loading content.
 *

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

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","names":[],"sources":["../../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import { useId } from 'react';\n\nimport { cn } from '../../utils';\n\nexport type Height = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\ntype SkeletonProps = {\n  /** `xxs` (12px) through `2xl` (48px). */\n  height?: Height;\n  className?: string;\n  /** Stacked rows. */\n  count?: number;\n};\n\nconst HEIGHT_CLASS_NAME: Record<Height, string> = {\n  xxs: 'tw:h-3 tw:rounded',\n  xs: 'tw:h-4 tw:rounded',\n  sm: 'tw:h-5 tw:rounded',\n  md: 'tw:h-6 tw:rounded-md',\n  lg: 'tw:h-8 tw:rounded-lg',\n  xl: 'tw:h-10 tw:rounded-lg',\n  '2xl': 'tw:h-12 tw:rounded-lg',\n};\n\nconst ANIMATION_CLASS_NAME = cn(\n  'tw:relative',\n  'tw:overflow-hidden',\n  'tw:pointer-events-none',\n  'tw:bg-skeleton',\n\n  'tw:before:content-[\"\"]',\n  'tw:before:opacity-100',\n  'tw:before:absolute',\n  'tw:before:inset-0',\n  'tw:before:-translate-x-full',\n  'tw:before:animate-[shimmer_2s_infinite]',\n  'tw:before:bg-gradient-to-r',\n  'tw:before:from-transparent',\n  'tw:before:to-transparent',\n  'tw:before:via-white/40',\n);\n\n/**\n * Placeholder in the slot of loading content.\n *\n * - Match the eventual shape (`lg` per title row, `xs` per text line).\n * - Not for slotless work (`DotsLoader`, `Button isLoading`) or empty / error states.\n * - `Table.SkeletonRows` fills a loading `Table`; `SkeletonList` shells `Card`-list pages.\n *\n * @see RECIPES.md#data-card-with-skeleton\n */\nexport const Skeleton = ({ height = 'md', className, count = 1 }: SkeletonProps) => {\n  const prefixId = useId();\n  const keys = Array.from({ length: count }, (_, i) => `${prefixId}-${i}`);\n\n  return (\n    <>\n      {keys.map((key) => (\n        <div\n          key={key}\n          data-skeleton=\"true\"\n          className={cn(HEIGHT_CLASS_NAME[height], ANIMATION_CLASS_NAME, className)}\n        />\n      ))}\n    </>\n  );\n};\n"],"mappings":";;;;AAcA,MAAM,oBAA4C;CAChD,KAAK;CACL,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;AACT;AAEA,MAAM,uBAAuB,GAC3B,eACA,sBACA,0BACA,kBAEA,4BACA,yBACA,sBACA,qBACA,+BACA,2CACA,8BACA,8BACA,4BACA,wBACF;;;;;;;;;;AAWA,MAAa,YAAY,EAAE,SAAS,MAAM,WAAW,QAAQ,QAAuB;CAClF,MAAM,WAAW,MAAM;CACvB,MAAM,OAAO,MAAM,KAAK,EAAE,QAAQ,MAAM,IAAI,GAAG,MAAM,GAAG,SAAS,GAAG,GAAG;CAEvE,OACE,oBAAA,YAAA,EAAA,UACG,KAAK,KAAK,QACT,oBAAC,OAAD;EAEE,iBAAc;EACd,WAAW,GAAG,kBAAkB,SAAS,sBAAsB,SAAS;CACzE,GAHM,GAGN,CACF,EACD,CAAA;AAEN"}
+{"version":3,"file":"Skeleton.js","names":[],"sources":["../../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import { useId } from 'react';\n\nimport { cn } from '../../utils';\n\nexport type Height = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\ntype SkeletonProps = {\n  /** `xxs` (12px) through `2xl` (48px). */\n  height?: Height;\n  className?: string;\n  /** Stacked rows. */\n  count?: number;\n};\n\nconst HEIGHT_CLASS_NAME: Record<Height, string> = {\n  xxs: 'tw:h-3 tw:rounded',\n  xs: 'tw:h-4 tw:rounded',\n  sm: 'tw:h-5 tw:rounded',\n  md: 'tw:h-6 tw:rounded-md',\n  lg: 'tw:h-8 tw:rounded-lg',\n  xl: 'tw:h-10 tw:rounded-lg',\n  '2xl': 'tw:h-12 tw:rounded-lg',\n};\n\nconst ANIMATION_CLASS_NAME = cn(\n  'tw:relative',\n  'tw:overflow-hidden',\n  'tw:pointer-events-none',\n  'tw:bg-skeleton',\n\n  'tw:before:content-[\"\"]',\n  'tw:before:opacity-100',\n  'tw:before:absolute',\n  'tw:before:inset-0',\n  'tw:before:-translate-x-full',\n  'tw:before:animate-[shimmer_2s_infinite]',\n  'tw:before:bg-gradient-to-r',\n  'tw:before:from-transparent',\n  'tw:before:to-transparent',\n  'tw:before:via-white/40',\n  'tw:[[data-theme=dark]_&]:before:via-white/10',\n);\n\n/**\n * Placeholder in the slot of loading content.\n *\n * - Match the eventual shape (`lg` per title row, `xs` per text line).\n * - Not for slotless work (`DotsLoader`, `Button isLoading`) or empty / error states.\n * - `Table.SkeletonRows` fills a loading `Table`; `SkeletonList` shells `Card`-list pages.\n *\n * @see RECIPES.md#data-card-with-skeleton\n */\nexport const Skeleton = ({ height = 'md', className, count = 1 }: SkeletonProps) => {\n  const prefixId = useId();\n  const keys = Array.from({ length: count }, (_, i) => `${prefixId}-${i}`);\n\n  return (\n    <>\n      {keys.map((key) => (\n        <div\n          key={key}\n          data-skeleton=\"true\"\n          className={cn(HEIGHT_CLASS_NAME[height], ANIMATION_CLASS_NAME, className)}\n        />\n      ))}\n    </>\n  );\n};\n"],"mappings":";;;;AAcA,MAAM,oBAA4C;CAChD,KAAK;CACL,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;AACT;AAEA,MAAM,uBAAuB,GAC3B,eACA,sBACA,0BACA,kBAEA,4BACA,yBACA,sBACA,qBACA,+BACA,2CACA,8BACA,8BACA,4BACA,0BACA,8CACF;;;;;;;;;;AAWA,MAAa,YAAY,EAAE,SAAS,MAAM,WAAW,QAAQ,QAAuB;CAClF,MAAM,WAAW,MAAM;CACvB,MAAM,OAAO,MAAM,KAAK,EAAE,QAAQ,MAAM,IAAI,GAAG,MAAM,GAAG,SAAS,GAAG,GAAG;CAEvE,OACE,oBAAA,YAAA,EAAA,UACG,KAAK,KAAK,QACT,oBAAC,OAAD;EAEE,iBAAc;EACd,WAAW,GAAG,kBAAkB,SAAS,sBAAsB,SAAS;CACzE,GAHM,GAGN,CACF,EACD,CAAA;AAEN"}

package/dist/internal/components/Slider.js

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

package/dist/internal/components/Stepper.js

@@ -1,2 +1,2 @@
-import { Stepper } from "../../Stepper-BBPembeK.js";
+import { Stepper } from "../../Stepper-CQrUPVFL.js";
 export { Stepper };

package/dist/internal/components/Switch.js

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

package/dist/internal/components/Tabs.js

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

package/dist/internal/components/ThemeProvider.js

@@ -1,4 +1,3 @@
-import { DEFAULT_BRAND_ID, DEFAULT_COLOR_SCHEME } from "../../defaults-i_xG2F_1.js";
-import { ArgoDesignContext, useArgoDesign, useTheme } from "../../context-U293r3v-.js";
-import { ThemeProvider, ThemeScope, agnes, brandSchema, exampleCustomer, harbor, keboola, keboolaLegacySidebar, useThemeScopeContainer } from "../../ThemeProvider-C8yaKlM1.js";
-export { ArgoDesignContext, DEFAULT_COLOR_SCHEME, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, ThemeProvider, ThemeScope, agnes, brandSchema, exampleCustomer, harbor, keboola, keboolaLegacySidebar, useArgoDesign, useTheme, useThemeScopeContainer };
+import { ThemeProvider, ThemeScope, agnes, brandSchema, exampleCustomer, harbor, kbcUi, keboola, useTheme, useThemeScopeContainer } from "../../ThemeProvider-BTK7AL-T.js";
+import { DEFAULT_BRAND_ID, DEFAULT_COLOR_SCHEME } from "../../themeScopeContext-CEVXbYvZ.js";
+export { DEFAULT_COLOR_SCHEME, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, ThemeProvider, ThemeScope, agnes, brandSchema, exampleCustomer, harbor, kbcUi, keboola, useTheme, useThemeScopeContainer };

package/dist/internal/components/TimePicker.js

@@ -1,2 +1,2 @@
-import { TimePicker } from "../../TimePicker-DyyV3nw8.js";
+import { TimePicker } from "../../TimePicker-CoRpiEM3.js";
 export { TimePicker };

package/dist/internal/components/Toast.js

@@ -1,3 +1,3 @@
-import { toast } from "../../toast-D6Z6MOB5.js";
-import { Toaster, useNotification } from "../../Toast-BGnUL4jV.js";
+import { toast } from "../../toast-Y3cTMBW8.js";
+import { Toaster, useNotification } from "../../Toast-937n7n8i.js";
 export { Toaster, toast, useNotification };

package/dist/internal/components/Toggle.js

@@ -24,8 +24,8 @@ const toggleVariants = cva([
 	"tw:[&_svg]:transition-colors",
 	"tw:[&_svg]:duration-100",
 	"tw:[&_svg]:ease-linear",
-	"tw:not-disabled:hover:border-neutral-300",
-	"tw:not-disabled:hover:bg-neutral-100",
+	"tw:not-disabled:hover:border-input",
+	"tw:not-disabled:hover:bg-muted",
 	"tw:disabled:opacity-disabled",
 	"tw:disabled:cursor-not-allowed",
 	"tw:[&:not(:active)]:not-disabled:focus-visible:outline",
@@ -44,6 +44,10 @@ const toggleVariants = cva([
 				"tw:aria-[pressed=false]:to-purple-100",
 				"tw:hover:aria-[pressed=false]:from-secondary-200",
 				"tw:hover:aria-[pressed=false]:to-purple-200",
+				"tw:[[data-theme=dark]_&]:aria-[pressed=false]:from-secondary-900",
+				"tw:[[data-theme=dark]_&]:aria-[pressed=false]:to-purple-900",
+				"tw:[[data-theme=dark]_&]:hover:aria-[pressed=false]:from-secondary-800",
+				"tw:[[data-theme=dark]_&]:hover:aria-[pressed=false]:to-purple-800",
 				"tw:aria-pressed:bg-gradient-to-br",
 				"tw:aria-pressed:from-secondary-600",
 				"tw:aria-pressed:to-purple-600",
@@ -63,7 +67,10 @@ const toggleVariants = cva([
 				"tw:from-sky-400",
 				"tw:via-sky-600",
 				"tw:to-violet-600",
-				"tw:text-white",
+				"tw:[[data-theme=dark]_&]:from-sky-300",
+				"tw:[[data-theme=dark]_&]:via-sky-400",
+				"tw:[[data-theme=dark]_&]:to-violet-400",
+				"tw:text-primary-foreground",
 				"tw:not-disabled:hover:bg-none",
 				"tw:not-disabled:hover:bg-hover",
 				"tw:not-disabled:hover:border-transparent",
@@ -72,6 +79,9 @@ const toggleVariants = cva([
 				"tw:aria-[pressed=true]:bg-gradient-to-br",
 				"tw:aria-[pressed=true]:from-sky-700",
 				"tw:aria-[pressed=true]:to-sky-900",
+				"tw:[[data-theme=dark]_&]:aria-[pressed=true]:from-sky-700",
+				"tw:[[data-theme=dark]_&]:aria-[pressed=true]:via-sky-800",
+				"tw:[[data-theme=dark]_&]:aria-[pressed=true]:to-sky-900",
 				"tw:aria-[pressed=true]:text-white",
 				"tw:aria-[pressed=true]:[&_svg]:text-white"
 			],

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-disabled',\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-hover',\n          'tw:not-disabled:hover:border-transparent',\n          'tw:not-disabled:hover:text-hover-foreground',\n          'tw:not-disabled:hover:[&_svg]:text-hover-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"}
+{"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-input',\n    'tw:not-disabled:hover:bg-muted',\n\n    'tw:disabled:opacity-disabled',\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          'tw:[[data-theme=dark]_&]:aria-[pressed=false]:from-secondary-900',\n          'tw:[[data-theme=dark]_&]:aria-[pressed=false]:to-purple-900',\n          'tw:[[data-theme=dark]_&]:hover:aria-[pressed=false]:from-secondary-800',\n          'tw:[[data-theme=dark]_&]:hover:aria-[pressed=false]:to-purple-800',\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; the label is primary's own foreground, like Kai's button\n          'tw:bg-gradient-to-br',\n          'tw:from-sky-400',\n          'tw:via-sky-600',\n          'tw:to-violet-600',\n          // Dark: a lighter gradient, so the near-black label stays AA across it.\n          'tw:[[data-theme=dark]_&]:from-sky-300',\n          'tw:[[data-theme=dark]_&]:via-sky-400',\n          'tw:[[data-theme=dark]_&]:to-violet-400',\n          'tw:text-primary-foreground',\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-hover',\n          'tw:not-disabled:hover:border-transparent',\n          'tw:not-disabled:hover:text-hover-foreground',\n          'tw:not-disabled:hover:[&_svg]:text-hover-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          // Dark: outranks the lighter dark gradient above, so the white label stays on navy.\n          'tw:[[data-theme=dark]_&]:aria-[pressed=true]:from-sky-700',\n          'tw:[[data-theme=dark]_&]:aria-[pressed=true]:via-sky-800',\n          'tw:[[data-theme=dark]_&]: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;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IAMA;IACA;IACA;GACF;GACA,YAAY;IACV;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IAKA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IAEA;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 { HINT_UNDERLINE_CLASS_NAME, Tooltip, TooltipProvider } from "../../utils-LQ4jJA-9.js";
+import { HINT_UNDERLINE_CLASS_NAME, Tooltip, TooltipProvider } from "../../utils-DwC9u0tM.js";
 export { HINT_UNDERLINE_CLASS_NAME, Tooltip, TooltipProvider };

package/dist/internal/components/Truncated.js

@@ -1,5 +1,5 @@
 import { cn } from "../../classNames-DcGnTh2N.js";
-import { Tooltip } from "../../utils-LQ4jJA-9.js";
+import { Tooltip } from "../../utils-DwC9u0tM.js";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Truncated.tsx

package/dist/internal/components/ZoomableSvg.js

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

package/dist/internal/utils.js

@@ -1,5 +1,5 @@
 import { cn } from "../classNames-DcGnTh2N.js";
-import { DEFAULT_ENTRY_SEPARATOR, copyToClipboard, createChangeInputEvent, createPrefixedString, debounce, isMac, noop, splitEntry, useSHA256, withHiddenFullscreen, withTooltipProvider, withVisualSettle } from "../utils-LQ4jJA-9.js";
+import { DEFAULT_ENTRY_SEPARATOR, copyToClipboard, createChangeInputEvent, createPrefixedString, debounce, isMac, noop, splitEntry, useSHA256, withHiddenFullscreen, withTooltipProvider, withVisualSettle } from "../utils-DwC9u0tM.js";
 import { findLiteralMatches, findLiteralTermMatches, hasLiteralMatch } from "../findLiteralMatches-DgGLzyG0.js";
 import { mergeRefs } from "./utils/mergeRefs.js";
 export { DEFAULT_ENTRY_SEPARATOR, cn, copyToClipboard, createChangeInputEvent, createPrefixedString, debounce, findLiteralMatches, findLiteralTermMatches, hasLiteralMatch, isMac, mergeRefs, noop, splitEntry, useSHA256, withHiddenFullscreen, withTooltipProvider, withVisualSettle };

package/dist/markdown-editor.js

@@ -1,17 +1,17 @@
 import { cn } from "./classNames-DcGnTh2N.js";
-import { Tooltip } from "./utils-LQ4jJA-9.js";
+import { Tooltip } from "./utils-DwC9u0tM.js";
 import { AlignCenter, AlignJustify, AlignLeft, AlignRight, Bold, ChevronDown, Code, Heading1, Heading2, Heading3, Italic, Link, List, ListOrdered, Quote, SquareCode, Strikethrough, Type, Underline } from "./icons-ZIeZXXS7.js";
-import { Button } from "./Button-D2JqBAq7.js";
+import { Button } from "./Button-BNkyYU8u.js";
 import { ButtonGroup } from "./internal/components/ButtonGroup.js";
-import { DropdownMenu } from "./DropdownMenu-B1gGvZoh.js";
+import { DropdownMenu } from "./DropdownMenu-CcVbZ_5u.js";
 import { Label } from "./internal/components/Label.js";
 import { useStableCallback } from "./internal/hooks/useStableCallback.js";
-import { Popover } from "./Popover-BU7nGOv-.js";
-import { TextInput } from "./TextInput-K2DSDs5O.js";
-import { FormGroup } from "./FormGroup-DiYFdEhH.js";
-import { Kbd } from "./Kbd-3YM7NQO4.js";
+import { Popover } from "./Popover-DtUDwUVO.js";
+import { TextInput } from "./TextInput-CR0_USaY.js";
+import { FormGroup } from "./FormGroup-V5kIgQRN.js";
+import { Kbd } from "./Kbd-CflKthfu.js";
 import { Skeleton } from "./internal/components/Skeleton/Skeleton.js";
-import { toast } from "./toast-D6Z6MOB5.js";
+import { toast } from "./toast-Y3cTMBW8.js";
 import { Suspense, createContext, lazy, use, useCallback, useEffect, useId, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { $createCodeNode, $isCodeNode, CodeNode } from "@lexical/code";
@@ -52,7 +52,7 @@ const isPlaceholder = (src) => src.startsWith("upload-placeholder-");
 const ImageNodeComponent = ({ src, alt }) => {
 	const renderer = useImageRenderer();
 	if (isPlaceholder(src)) return /* @__PURE__ */ jsx("span", {
-		className: "tw:inline-flex tw:items-center tw:gap-1 tw:rounded tw:bg-neutral-100 tw:px-2 tw:py-1 tw:text-xs tw:text-neutral-400",
+		className: "tw:inline-flex tw:items-center tw:gap-1 tw:rounded tw:bg-muted tw:px-2 tw:py-1 tw:text-xs tw:text-muted-foreground",
 		children: "Uploading image…"
 	});
 	if (renderer) return /* @__PURE__ */ jsx(Fragment$1, { children: renderer({
@@ -281,14 +281,14 @@ const KeyboardPlugin = ({ onSave, onCancel, singleLine, blurOnEscape, skipBlurSa
 };
 //#endregion
 //#region src/blocks/MarkdownEditor/nodes/MermaidNodeComponent.tsx
-const MermaidDiagram = lazy(() => import("./MermaidDiagram-CeiOkI60.js").then((n) => n.MermaidDiagram_exports).then((m) => ({ default: m.MermaidDiagram }), (error) => {
+const MermaidDiagram = lazy(() => import("./MermaidDiagram-Te-5gOCU.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 }) }) };
 }));
 const MermaidNodeComponent = ({ code }) => {
 	return /* @__PURE__ */ jsx(Suspense, {
 		fallback: /* @__PURE__ */ jsx("div", {
-			className: "tw:my-3 tw:overflow-hidden tw:rounded-card tw:border tw:border-neutral-150 tw:bg-neutral-50 tw:p-6",
+			className: "tw:my-3 tw:overflow-hidden tw:rounded-card tw:border tw:border-border tw:bg-background tw:p-6",
 			children: /* @__PURE__ */ jsx(Skeleton, { className: "tw:h-40" })
 		}),
 		children: /* @__PURE__ */ jsx(MermaidDiagram, { code })
@@ -799,7 +799,7 @@ const AlignmentDropdown = ({ editor, alignment }) => {
 			className: "tw:min-w-32",
 			children: ALIGNMENT_OPTIONS.map(({ value, label, icon: IconComp }) => /* @__PURE__ */ jsxs(DropdownMenu.Item, {
 				onSelect: () => handleSelect(value),
-				className: cn("tw:flex tw:items-center tw:gap-2", alignment === value && "tw:bg-secondary-50 tw:text-secondary-500"),
+				className: cn("tw:flex tw:items-center tw:gap-2", alignment === value && "tw:bg-selected tw:text-selected-foreground"),
 				children: [/* @__PURE__ */ jsx(IconComp, { className: "tw:size-4" }), label]
 			}, value))
 		})]
@@ -910,7 +910,7 @@ const BlockTypeDropdown = ({ editor, blockType }) => {
 			className: "tw:min-w-40",
 			children: BLOCK_TYPE_OPTIONS.map(({ value, label, icon: IconComp }) => /* @__PURE__ */ jsxs(DropdownMenu.Item, {
 				onSelect: () => handleSelect(value),
-				className: cn("tw:flex tw:items-center tw:gap-2", blockType === value && "tw:bg-secondary-50 tw:text-secondary-500"),
+				className: cn("tw:flex tw:items-center tw:gap-2", blockType === value && "tw:bg-selected tw:text-selected-foreground"),
 				children: [/* @__PURE__ */ jsx(IconComp, { className: "tw:size-4" }), label]
 			}, value))
 		})]
@@ -957,7 +957,7 @@ const ToolbarButton = ({ active, tooltip, shortcutKey, children, className: extr
 		...props,
 		"aria-label": tooltip,
 		"aria-keyshortcuts": shortcutKey ? `${MOD_KEY.aria}+${shortcutKey}` : void 0,
-		className: cn("tw:flex tw:h-7 tw:min-w-7 tw:cursor-pointer tw:items-center tw:justify-center tw:rounded tw:border-0 tw:bg-transparent tw:px-1 tw:text-xs tw:text-muted-foreground", "tw:hover:bg-hover tw:disabled:cursor-not-allowed tw:disabled:opacity-30", active && "tw:bg-secondary-100 tw:text-secondary-500", extraClassName),
+		className: cn("tw:flex tw:h-7 tw:min-w-7 tw:cursor-pointer tw:items-center tw:justify-center tw:rounded tw:border-0 tw:bg-transparent tw:px-1 tw:text-xs tw:text-muted-foreground", "tw:hover:bg-hover tw:disabled:cursor-not-allowed tw:disabled:opacity-30", active && "tw:bg-selected tw:text-selected-foreground", extraClassName),
 		children
 	})
 });
@@ -1080,8 +1080,7 @@ const LinkPanel = ({ editor, isLink }) => {
 					placeholder: "Link text",
 					value: label,
 					onValueChange: setLabel,
-					onKeyDown: handleKeyDown,
-					variant: "secondary"
+					onKeyDown: handleKeyDown
 				})] }),
 				/* @__PURE__ */ jsxs(FormGroup, { children: [/* @__PURE__ */ jsx(Label, {
 					htmlFor: urlId,
@@ -1092,8 +1091,7 @@ const LinkPanel = ({ editor, isLink }) => {
 					placeholder: "https://…",
 					value: url,
 					onValueChange: setUrl,
-					onKeyDown: handleKeyDown,
-					variant: "secondary"
+					onKeyDown: handleKeyDown
 				})] }),
 				/* @__PURE__ */ jsxs(ButtonGroup, { children: [/* @__PURE__ */ jsx(Button, {
 					size: "small",