@keboola/design 13.1.2 → 13.2.0

package/dist/internal/blocks/SplitButton.js

@@ -1,7 +1,7 @@
-import { ChevronDown } from "../../icons-wcA70iQx.js";
-import { Button } from "../../Button-B21oVcPU.js";
+import { ChevronDown } from "../../icons-ZIeZXXS7.js";
+import { Button } from "../../Button-D2JqBAq7.js";
 import { ButtonGroup } from "../components/ButtonGroup.js";
-import { DropdownMenu } from "../../DropdownMenu-BJGLjpVc.js";
+import { DropdownMenu } from "../../DropdownMenu-DtRYcKEx.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/blocks/SplitButton/SplitButton.tsx
 const iconSizeMap = {
@@ -9,7 +9,7 @@ const iconSizeMap = {
 	large: "icon-lg",
 	small: "icon-sm"
 };
-const SplitButtonBase = ({ ref, disabled, actions, variant, size = "medium", isActionsOpen, onActionsOpenChange, icon, children, ...rest }) => /* @__PURE__ */ jsxs(ButtonGroup, {
+const SplitButtonBase = ({ ref, disabled, actions, variant, size = "medium", isActionsOpen, onActionsOpenChange, onActionsCloseAutoFocus, icon, children, ...rest }) => /* @__PURE__ */ jsxs(ButtonGroup, {
 	space: "compact",
 	children: [/* @__PURE__ */ jsxs(Button, {
 		...rest,
@@ -17,7 +17,7 @@ const SplitButtonBase = ({ ref, disabled, actions, variant, size = "medium", isA
 		disabled,
 		variant,
 		size,
-		children: [!rest.isLoading && icon, children]
+		children: [icon, children]
 	}), actions && /* @__PURE__ */ jsxs(DropdownMenu, {
 		open: isActionsOpen,
 		onOpenChange: onActionsOpenChange,
@@ -32,6 +32,7 @@ const SplitButtonBase = ({ ref, disabled, actions, variant, size = "medium", isA
 			})
 		}), /* @__PURE__ */ jsx(DropdownMenu.Content, {
 			align: "end",
+			onCloseAutoFocus: onActionsCloseAutoFocus,
 			children: actions
 		})]
 	})]

package/dist/internal/blocks/SplitButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SplitButton.js","names":[],"sources":["../../../src/blocks/SplitButton/SplitButton.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { Button } from '../../components/Button';\nimport { ButtonGroup } from '../../components/ButtonGroup';\nimport { DropdownMenu } from '../../components/DropdownMenu';\nimport { ChevronDown } from '../../icons';\n\ntype Variant = ComponentProps<typeof Button>['variant'];\ntype Size = NonNullable<ComponentProps<typeof Button>['size']>;\ntype SpitButtonSize = Exclude<\n  Size,\n  'icon' | 'icon-lg' | 'icon-sm' | 'icon-xs' | 'icon-2xs' | 'icon-3xs'\n>;\n\ntype Props = {\n  actions?: ReactNode;\n  isActionsOpen?: boolean;\n  onActionsOpenChange?: (open: boolean) => void;\n  /** Optional leading-icon slot — pass a Lucide icon node. */\n  icon?: ReactNode;\n  // inline and invisible aren't supported in SplitButton\n  variant?: Exclude<Variant, 'inline' | 'invisible'>;\n  size?: SpitButtonSize;\n} & Omit<ComponentProps<typeof Button>, 'variant' | 'size' | 'icon'>;\n\nconst iconSizeMap: Record<SpitButtonSize, Size> = {\n  medium: 'icon',\n  large: 'icon-lg',\n  small: 'icon-sm',\n};\n\nconst SplitButtonBase = ({\n  ref,\n  disabled,\n  actions,\n  variant,\n  size = 'medium',\n  isActionsOpen,\n  onActionsOpenChange,\n  icon,\n  children,\n  ...rest\n}: Props) => (\n  <ButtonGroup space=\"compact\">\n    <Button {...rest} ref={ref} disabled={disabled} variant={variant} size={size}>\n      {/* Suppress the leading icon while Button renders its spinner so the two\n          glyphs don't double-stack. */}\n      {!rest.isLoading && icon}\n      {children}\n    </Button>\n\n    {actions && (\n      <DropdownMenu open={isActionsOpen} onOpenChange={onActionsOpenChange}>\n        {/* The trigger button is disabled if the main button is disabled, disabled has to be on trigger to prevent dropdown opening*/}\n        <DropdownMenu.Trigger asChild disabled={disabled}>\n          <Button size={iconSizeMap[size]} variant={variant} aria-label=\"Additional actions\">\n            <ChevronDown className=\"tw:size-5\" />\n          </Button>\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Content align=\"end\">{actions}</DropdownMenu.Content>\n      </DropdownMenu>\n    )}\n  </ButtonGroup>\n);\n\nexport const SplitButton = Object.assign(SplitButtonBase, {\n  Action: DropdownMenu.Item,\n  Actions: DropdownMenu.Group,\n});\n"],"mappings":";;;;;;AAyBA,MAAM,cAA4C;CAChD,QAAQ;CACR,OAAO;CACP,OAAO;AACT;AAEA,MAAM,mBAAmB,EACvB,KACA,UACA,SACA,SACA,OAAO,UACP,eACA,qBACA,MACA,UACA,GAAG,WAEH,qBAAC,aAAD;CAAa,OAAM;CAAnB,UAAA,CACE,qBAAC,QAAD;EAAQ,GAAI;EAAW;EAAe;EAAmB;EAAe;EAAxE,UAAA,CAGG,CAAC,KAAK,aAAa,MACnB,QACK;CAEP,CAAA,GAAA,WACC,qBAAC,cAAD;EAAc,MAAM;EAAe,cAAc;EAAjD,UAAA,CAEE,oBAAC,aAAa,SAAd;GAAsB,SAAA;GAAkB;GACtC,UAAA,oBAAC,QAAD;IAAQ,MAAM,YAAY;IAAgB;IAAS,cAAW;IAC5D,UAAA,oBAAC,aAAD,EAAa,WAAU,YAAa,CAAA;GAC9B,CAAA;EACY,CAAA,GACtB,oBAAC,aAAa,SAAd;GAAsB,OAAM;GAAO,UAAA;EAA8B,CAAA,CACrD;CAEL,CAAA,CAAA;;AAGf,MAAa,cAAc,OAAO,OAAO,iBAAiB;CACxD,QAAQ,aAAa;CACrB,SAAS,aAAa;AACxB,CAAC"}
+{"version":3,"file":"SplitButton.js","names":[],"sources":["../../../src/blocks/SplitButton/SplitButton.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { Button } from '../../components/Button';\nimport { ButtonGroup } from '../../components/ButtonGroup';\nimport { DropdownMenu } from '../../components/DropdownMenu';\nimport { ChevronDown } from '../../icons';\n\ntype Variant = ComponentProps<typeof Button>['variant'];\ntype Size = NonNullable<ComponentProps<typeof Button>['size']>;\ntype SpitButtonSize = Exclude<\n  Size,\n  'icon' | 'icon-lg' | 'icon-sm' | 'icon-xs' | 'icon-2xs' | 'icon-3xs'\n>;\n\ntype Props = {\n  actions?: ReactNode;\n  isActionsOpen?: boolean;\n  onActionsOpenChange?: (open: boolean) => void;\n  /** Runs as the actions menu closes; prevent it to keep focus off the trigger, e.g. for a modal. */\n  onActionsCloseAutoFocus?: ComponentProps<typeof DropdownMenu.Content>['onCloseAutoFocus'];\n  /** Optional leading-icon slot — pass a Lucide icon node. */\n  icon?: ReactNode;\n  // inline and invisible aren't supported in SplitButton\n  variant?: Exclude<Variant, 'inline' | 'invisible'>;\n  size?: SpitButtonSize;\n} & Omit<ComponentProps<typeof Button>, 'variant' | 'size' | 'icon'>;\n\nconst iconSizeMap: Record<SpitButtonSize, Size> = {\n  medium: 'icon',\n  large: 'icon-lg',\n  small: 'icon-sm',\n};\n\nconst SplitButtonBase = ({\n  ref,\n  disabled,\n  actions,\n  variant,\n  size = 'medium',\n  isActionsOpen,\n  onActionsOpenChange,\n  onActionsCloseAutoFocus,\n  icon,\n  children,\n  ...rest\n}: Props) => (\n  <ButtonGroup space=\"compact\">\n    <Button {...rest} ref={ref} disabled={disabled} variant={variant} size={size}>\n      {icon}\n      {children}\n    </Button>\n\n    {actions && (\n      <DropdownMenu open={isActionsOpen} onOpenChange={onActionsOpenChange}>\n        {/* The trigger button is disabled if the main button is disabled, disabled has to be on trigger to prevent dropdown opening*/}\n        <DropdownMenu.Trigger asChild disabled={disabled}>\n          <Button size={iconSizeMap[size]} variant={variant} aria-label=\"Additional actions\">\n            <ChevronDown className=\"tw:size-5\" />\n          </Button>\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Content align=\"end\" onCloseAutoFocus={onActionsCloseAutoFocus}>\n          {actions}\n        </DropdownMenu.Content>\n      </DropdownMenu>\n    )}\n  </ButtonGroup>\n);\n\nexport const SplitButton = Object.assign(SplitButtonBase, {\n  Action: DropdownMenu.Item,\n  Actions: DropdownMenu.Group,\n});\n"],"mappings":";;;;;;AA2BA,MAAM,cAA4C;CAChD,QAAQ;CACR,OAAO;CACP,OAAO;AACT;AAEA,MAAM,mBAAmB,EACvB,KACA,UACA,SACA,SACA,OAAO,UACP,eACA,qBACA,yBACA,MACA,UACA,GAAG,WAEH,qBAAC,aAAD;CAAa,OAAM;CAAnB,UAAA,CACE,qBAAC,QAAD;EAAQ,GAAI;EAAW;EAAe;EAAmB;EAAe;EAAxE,UAAA,CACG,MACA,QACK;CAEP,CAAA,GAAA,WACC,qBAAC,cAAD;EAAc,MAAM;EAAe,cAAc;EAAjD,UAAA,CAEE,oBAAC,aAAa,SAAd;GAAsB,SAAA;GAAkB;GACtC,UAAA,oBAAC,QAAD;IAAQ,MAAM,YAAY;IAAgB;IAAS,cAAW;IAC5D,UAAA,oBAAC,aAAD,EAAa,WAAU,YAAa,CAAA;GAC9B,CAAA;EACY,CAAA,GACtB,oBAAC,aAAa,SAAd;GAAsB,OAAM;GAAM,kBAAkB;GACjD,UAAA;EACmB,CAAA,CACV;CAEL,CAAA,CAAA;;AAGf,MAAa,cAAc,OAAO,OAAO,iBAAiB;CACxD,QAAQ,aAAa;CACrB,SAAS,aAAa;AACxB,CAAC"}

package/dist/internal/blocks/StatCard.js

@@ -1,5 +1,5 @@
-import { cn } from "../../classNames-BzrkDnOD.js";
-import { Card } from "../../Card-BQmBWHXl.js";
+import { cn } from "../../classNames-DcGnTh2N.js";
+import { Card } from "../../Card-Bpc_ZlL4.js";
 import { cva } from "class-variance-authority";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/blocks/StatCard/StatCard.tsx

package/dist/internal/blocks/TextInput.js

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

package/dist/internal/blocks/Textarea.js

@@ -1,4 +1,4 @@
-import { InputGroup } from "../../InputGroup-CrlMRz4X.js";
+import { InputGroup } from "../../InputGroup-Dm014ruw.js";
 import { useControllableState } from "../../useControllableState-CUYXMsfz.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-Bd28bWgm.js";
+import { createChangeInputEvent } from "../../utils-p6tjltbX.js";
 import { mergeRefs } from "../utils/mergeRefs.js";
-import { Clock, X } from "../../icons-wcA70iQx.js";
-import { InputGroup } from "../../InputGroup-CrlMRz4X.js";
+import { Clock, X } from "../../icons-ZIeZXXS7.js";
+import { InputGroup } from "../../InputGroup-Dm014ruw.js";
 import { useControllableState } from "../../useControllableState-CUYXMsfz.js";
-import { TimePicker } from "../../TimePicker-CDGYrRxi.js";
+import { TimePicker } from "../../TimePicker-DyyV3nw8.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-UI-CIs-1.js";
+import { Alert } from "../../Alert-DuAGeYyM.js";
 export { Alert };

package/dist/internal/components/AlertModal.js

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

package/dist/internal/components/Avatar.js

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

package/dist/internal/components/Badge.js

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

package/dist/internal/components/BrandLogo.js

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

package/dist/internal/components/Breadcrumb.js

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

package/dist/internal/components/Button.js

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

package/dist/internal/components/ButtonGroup.js

@@ -1,4 +1,4 @@
-import { cn } from "../../classNames-BzrkDnOD.js";
+import { cn } from "../../classNames-DcGnTh2N.js";
 import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/ButtonGroup/ButtonGroup.tsx

package/dist/internal/components/Calendar.js

@@ -1,2 +1,2 @@
-import { Calendar } from "../../Calendar-DFtmZzbF.js";
+import { Calendar } from "../../Calendar-BnKi1kPu.js";
 export { Calendar };

package/dist/internal/components/Card.js

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

package/dist/internal/components/Checkbox.js

@@ -1,2 +1,2 @@
-import { Checkbox } from "../../Checkbox-8yIIgY7g.js";
+import { Checkbox } from "../../Checkbox-D9rafoKh.js";
 export { Checkbox };

package/dist/internal/components/Clipboard.js

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

package/dist/internal/components/Collapsible.js

@@ -1,2 +1,2 @@
-import { Collapsible } from "../../Collapsible-BQXWEOBC.js";
+import { Collapsible } from "../../Collapsible-DD4xTL75.js";
 export { Collapsible };

package/dist/internal/components/CollapsiblePanel.js

@@ -1,7 +1,7 @@
-import { cn } from "../../classNames-BzrkDnOD.js";
-import { keyCodes } from "../../utils-Bd28bWgm.js";
-import { ChevronDown } from "../../icons-wcA70iQx.js";
-import { Collapsible } from "../../Collapsible-BQXWEOBC.js";
+import { cn } from "../../classNames-DcGnTh2N.js";
+import { keyCodes } from "../../utils-p6tjltbX.js";
+import { ChevronDown } from "../../icons-ZIeZXXS7.js";
+import { Collapsible } from "../../Collapsible-DD4xTL75.js";
 import { useState } from "react";
 import { cva } from "class-variance-authority";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -13,7 +13,7 @@ const headerVariants = cva("tw:flex tw:flex-1 tw:items-center tw:gap-2 tw:rounde
 			white: "tw:bg-card"
 		},
 		isDisabled: {
-			true: "tw:cursor-not-allowed tw:opacity-50",
+			true: "tw:cursor-not-allowed tw:opacity-disabled",
 			false: ""
 		},
 		hasEnforcedState: {

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

@@ -1 +1 @@
-{"version":3,"file":"CollapsiblePanel.js","names":[],"sources":["../../../src/components/CollapsiblePanel.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { KeyboardEvent, MouseEvent, ReactNode } from 'react';\nimport { cva } from 'class-variance-authority';\n\nimport { keyCodes } from '../constants/keyCodes';\nimport { ChevronDown } from '../icons';\nimport { cn } from '../utils';\n\nimport { Collapsible } from './Collapsible';\n\nconst headerVariants = cva(\n  'tw:flex tw:flex-1 tw:items-center tw:gap-2 tw:rounded tw:px-4 tw:py-2.5 tw:text-sm tw:text-muted-foreground',\n  {\n    variants: {\n      variant: {\n        default: 'tw:bg-muted',\n        white: 'tw:bg-card',\n      },\n      isDisabled: {\n        true: 'tw:cursor-not-allowed tw:opacity-50',\n        false: '',\n      },\n      hasEnforcedState: {\n        true: '',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      {\n        isDisabled: false,\n        hasEnforcedState: false,\n        class: 'tw:cursor-pointer tw:hover:text-primary',\n      },\n    ],\n    defaultVariants: {\n      variant: 'default',\n      isDisabled: false,\n      hasEnforcedState: false,\n    },\n  },\n);\n\ntype Props = {\n  header: ReactNode;\n  isDisabled?: boolean;\n  defaultExpanded?: boolean;\n  className?: string;\n  bodyClassName?: string;\n  headerClassName?: string;\n  isOpen?: boolean;\n  onToggle?: (event?: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>) => void;\n  variant?: 'default' | 'white';\n  children: ReactNode;\n};\n\nexport const CollapsiblePanel = ({\n  header,\n  className,\n  bodyClassName,\n  headerClassName,\n  defaultExpanded = false,\n  isDisabled = false,\n  children,\n  isOpen,\n  onToggle,\n  variant = 'default',\n}: Props) => {\n  const [isUncontrolledOpen, setIsUncontrolledOpen] = useState(defaultExpanded);\n  const open = isOpen ?? isUncontrolledOpen;\n  const hasEnforcedState = isOpen !== undefined && onToggle === undefined;\n\n  const handleCollapse = (event: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>) => {\n    if (event) {\n      event.stopPropagation();\n    }\n    if (!isDisabled) {\n      setIsUncontrolledOpen(!isUncontrolledOpen);\n    }\n  };\n\n  const handleClick = (e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>) => {\n    if (onToggle) {\n      onToggle(e);\n      return;\n    }\n    handleCollapse(e);\n  };\n\n  const handleKeyUp = (e: KeyboardEvent<HTMLDivElement>) => {\n    if ([keyCodes.ENTER, keyCodes.SPACE].includes(e.key)) {\n      handleClick(e);\n    }\n  };\n\n  return (\n    // `header` is caller-supplied and routinely contains its own buttons, so the toggle stays on\n    // this wrapper — `Collapsible.Trigger` renders a `<button>` and would nest them.\n    <Collapsible\n      open={open}\n      className={cn(\n        'tw:group tw:flex tw:flex-col tw:rounded tw:!border tw:!border-solid tw:!border-border tw:bg-card',\n        className,\n      )}\n    >\n      <div\n        className={cn(headerVariants({ variant, isDisabled, hasEnforcedState }), headerClassName)}\n        {...(!hasEnforcedState &&\n          !isDisabled && {\n            role: 'button',\n            tabIndex: 0,\n            onClick: handleClick,\n            onKeyUp: handleKeyUp,\n          })}\n      >\n        <div className=\"tw:flex tw:min-w-0 tw:flex-1 tw:items-center tw:gap-2 tw:py-px tw:text-sm tw:font-medium tw:text-foreground\">\n          {header}\n        </div>\n        {!isDisabled && (\n          <div className=\"tw:ml-auto tw:shrink-0\">\n            {/* `group-*` matches *any* ancestor `.group`, so a nested panel's chevron would\n                follow the outer panel's state. */}\n            <ChevronDown\n              data-state={open ? 'open' : 'closed'}\n              className=\"tw:size-5 tw:data-[state=open]:rotate-180\"\n            />\n          </div>\n        )}\n      </div>\n      <Collapsible.Content>\n        <div className={cn('tw:px-4 tw:py-3', bodyClassName)}>{children}</div>\n      </Collapsible.Content>\n    </Collapsible>\n  );\n};\n"],"mappings":";;;;;;;;AAUA,MAAM,iBAAiB,IACrB,+GACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,OAAO;EACT;EACA,YAAY;GACV,MAAM;GACN,OAAO;EACT;EACA,kBAAkB;GAChB,MAAM;GACN,OAAO;EACT;CACF;CACA,kBAAkB,CAChB;EACE,YAAY;EACZ,kBAAkB;EAClB,OAAO;CACT,CACF;CACA,iBAAiB;EACf,SAAS;EACT,YAAY;EACZ,kBAAkB;CACpB;AACF,CACF;AAeA,MAAa,oBAAoB,EAC/B,QACA,WACA,eACA,iBACA,kBAAkB,OAClB,aAAa,OACb,UACA,QACA,UACA,UAAU,gBACC;CACX,MAAM,CAAC,oBAAoB,yBAAyB,SAAS,eAAe;CAC5E,MAAM,OAAO,UAAU;CACvB,MAAM,mBAAmB,WAAW,KAAA,KAAa,aAAa,KAAA;CAE9D,MAAM,kBAAkB,UAAsE;EAC5F,IAAI,OACF,MAAM,gBAAgB;EAExB,IAAI,CAAC,YACH,sBAAsB,CAAC,kBAAkB;CAE7C;CAEA,MAAM,eAAe,MAAkE;EACrF,IAAI,UAAU;GACZ,SAAS,CAAC;GACV;EACF;EACA,eAAe,CAAC;CAClB;CAEA,MAAM,eAAe,MAAqC;EACxD,IAAI,CAAC,SAAS,OAAO,SAAS,KAAK,CAAC,CAAC,SAAS,EAAE,GAAG,GACjD,YAAY,CAAC;CAEjB;CAEA,OAGE,qBAAC,aAAD;EACQ;EACN,WAAW,GACT,oGACA,SACF;EALF,UAAA,CAOE,qBAAC,OAAD;GACE,WAAW,GAAG,eAAe;IAAE;IAAS;IAAY;GAAiB,CAAC,GAAG,eAAe;GACxF,GAAK,CAAC,oBACJ,CAAC,cAAc;IACb,MAAM;IACN,UAAU;IACV,SAAS;IACT,SAAS;GACX;GARJ,UAAA,CAUE,oBAAC,OAAD;IAAK,WAAU;IACZ,UAAA;GACE,CAAA,GACJ,CAAC,cACA,oBAAC,OAAD;IAAK,WAAU;IAGb,UAAA,oBAAC,aAAD;KACE,cAAY,OAAO,SAAS;KAC5B,WAAU;IACX,CAAA;GACE,CAAA,CAEJ;EACL,CAAA,GAAA,oBAAC,YAAY,SAAb,EAAA,UACE,oBAAC,OAAD;GAAK,WAAW,GAAG,mBAAmB,aAAa;GAAI;EAAc,CAAA,EAClD,CAAA,CACV;;AAEjB"}
+{"version":3,"file":"CollapsiblePanel.js","names":[],"sources":["../../../src/components/CollapsiblePanel.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { KeyboardEvent, MouseEvent, ReactNode } from 'react';\nimport { cva } from 'class-variance-authority';\n\nimport { keyCodes } from '../constants/keyCodes';\nimport { ChevronDown } from '../icons';\nimport { cn } from '../utils';\n\nimport { Collapsible } from './Collapsible';\n\nconst headerVariants = cva(\n  'tw:flex tw:flex-1 tw:items-center tw:gap-2 tw:rounded tw:px-4 tw:py-2.5 tw:text-sm tw:text-muted-foreground',\n  {\n    variants: {\n      variant: {\n        default: 'tw:bg-muted',\n        white: 'tw:bg-card',\n      },\n      isDisabled: {\n        true: 'tw:cursor-not-allowed tw:opacity-disabled',\n        false: '',\n      },\n      hasEnforcedState: {\n        true: '',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      {\n        isDisabled: false,\n        hasEnforcedState: false,\n        class: 'tw:cursor-pointer tw:hover:text-primary',\n      },\n    ],\n    defaultVariants: {\n      variant: 'default',\n      isDisabled: false,\n      hasEnforcedState: false,\n    },\n  },\n);\n\ntype Props = {\n  header: ReactNode;\n  isDisabled?: boolean;\n  defaultExpanded?: boolean;\n  className?: string;\n  bodyClassName?: string;\n  headerClassName?: string;\n  isOpen?: boolean;\n  onToggle?: (event?: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>) => void;\n  variant?: 'default' | 'white';\n  children: ReactNode;\n};\n\nexport const CollapsiblePanel = ({\n  header,\n  className,\n  bodyClassName,\n  headerClassName,\n  defaultExpanded = false,\n  isDisabled = false,\n  children,\n  isOpen,\n  onToggle,\n  variant = 'default',\n}: Props) => {\n  const [isUncontrolledOpen, setIsUncontrolledOpen] = useState(defaultExpanded);\n  const open = isOpen ?? isUncontrolledOpen;\n  const hasEnforcedState = isOpen !== undefined && onToggle === undefined;\n\n  const handleCollapse = (event: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>) => {\n    if (event) {\n      event.stopPropagation();\n    }\n    if (!isDisabled) {\n      setIsUncontrolledOpen(!isUncontrolledOpen);\n    }\n  };\n\n  const handleClick = (e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>) => {\n    if (onToggle) {\n      onToggle(e);\n      return;\n    }\n    handleCollapse(e);\n  };\n\n  const handleKeyUp = (e: KeyboardEvent<HTMLDivElement>) => {\n    if ([keyCodes.ENTER, keyCodes.SPACE].includes(e.key)) {\n      handleClick(e);\n    }\n  };\n\n  return (\n    // `header` is caller-supplied and routinely contains its own buttons, so the toggle stays on\n    // this wrapper — `Collapsible.Trigger` renders a `<button>` and would nest them.\n    <Collapsible\n      open={open}\n      className={cn(\n        'tw:group tw:flex tw:flex-col tw:rounded tw:!border tw:!border-solid tw:!border-border tw:bg-card',\n        className,\n      )}\n    >\n      <div\n        className={cn(headerVariants({ variant, isDisabled, hasEnforcedState }), headerClassName)}\n        {...(!hasEnforcedState &&\n          !isDisabled && {\n            role: 'button',\n            tabIndex: 0,\n            onClick: handleClick,\n            onKeyUp: handleKeyUp,\n          })}\n      >\n        <div className=\"tw:flex tw:min-w-0 tw:flex-1 tw:items-center tw:gap-2 tw:py-px tw:text-sm tw:font-medium tw:text-foreground\">\n          {header}\n        </div>\n        {!isDisabled && (\n          <div className=\"tw:ml-auto tw:shrink-0\">\n            {/* `group-*` matches *any* ancestor `.group`, so a nested panel's chevron would\n                follow the outer panel's state. */}\n            <ChevronDown\n              data-state={open ? 'open' : 'closed'}\n              className=\"tw:size-5 tw:data-[state=open]:rotate-180\"\n            />\n          </div>\n        )}\n      </div>\n      <Collapsible.Content>\n        <div className={cn('tw:px-4 tw:py-3', bodyClassName)}>{children}</div>\n      </Collapsible.Content>\n    </Collapsible>\n  );\n};\n"],"mappings":";;;;;;;;AAUA,MAAM,iBAAiB,IACrB,+GACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,OAAO;EACT;EACA,YAAY;GACV,MAAM;GACN,OAAO;EACT;EACA,kBAAkB;GAChB,MAAM;GACN,OAAO;EACT;CACF;CACA,kBAAkB,CAChB;EACE,YAAY;EACZ,kBAAkB;EAClB,OAAO;CACT,CACF;CACA,iBAAiB;EACf,SAAS;EACT,YAAY;EACZ,kBAAkB;CACpB;AACF,CACF;AAeA,MAAa,oBAAoB,EAC/B,QACA,WACA,eACA,iBACA,kBAAkB,OAClB,aAAa,OACb,UACA,QACA,UACA,UAAU,gBACC;CACX,MAAM,CAAC,oBAAoB,yBAAyB,SAAS,eAAe;CAC5E,MAAM,OAAO,UAAU;CACvB,MAAM,mBAAmB,WAAW,KAAA,KAAa,aAAa,KAAA;CAE9D,MAAM,kBAAkB,UAAsE;EAC5F,IAAI,OACF,MAAM,gBAAgB;EAExB,IAAI,CAAC,YACH,sBAAsB,CAAC,kBAAkB;CAE7C;CAEA,MAAM,eAAe,MAAkE;EACrF,IAAI,UAAU;GACZ,SAAS,CAAC;GACV;EACF;EACA,eAAe,CAAC;CAClB;CAEA,MAAM,eAAe,MAAqC;EACxD,IAAI,CAAC,SAAS,OAAO,SAAS,KAAK,CAAC,CAAC,SAAS,EAAE,GAAG,GACjD,YAAY,CAAC;CAEjB;CAEA,OAGE,qBAAC,aAAD;EACQ;EACN,WAAW,GACT,oGACA,SACF;EALF,UAAA,CAOE,qBAAC,OAAD;GACE,WAAW,GAAG,eAAe;IAAE;IAAS;IAAY;GAAiB,CAAC,GAAG,eAAe;GACxF,GAAK,CAAC,oBACJ,CAAC,cAAc;IACb,MAAM;IACN,UAAU;IACV,SAAS;IACT,SAAS;GACX;GARJ,UAAA,CAUE,oBAAC,OAAD;IAAK,WAAU;IACZ,UAAA;GACE,CAAA,GACJ,CAAC,cACA,oBAAC,OAAD;IAAK,WAAU;IAGb,UAAA,oBAAC,aAAD;KACE,cAAY,OAAO,SAAS;KAC5B,WAAU;IACX,CAAA;GACE,CAAA,CAEJ;EACL,CAAA,GAAA,oBAAC,YAAY,SAAb,EAAA,UACE,oBAAC,OAAD;GAAK,WAAW,GAAG,mBAAmB,aAAa;GAAI;EAAc,CAAA,EAClD,CAAA,CACV;;AAEjB"}

package/dist/internal/components/Combobox.js

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

package/dist/internal/components/DatePicker.js

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

package/dist/internal/components/DateRangePicker.js

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

package/dist/internal/components/DiffView.js

@@ -1,2 +1,2 @@
-import { DiffType, DiffView, computeDiffRows, computeLineInformation } from "../../DiffView-ppTIzh2h.js";
+import { DiffType, DiffView, computeDiffRows, computeLineInformation } from "../../DiffView-Dy4z-n-1.js";
 export { DiffType, DiffView, computeDiffRows, computeLineInformation };

package/dist/internal/components/DotsLoader.js

@@ -1,4 +1,4 @@
-import { cn } from "../../classNames-BzrkDnOD.js";
+import { cn } from "../../classNames-DcGnTh2N.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/DotsLoader.tsx
 const DOT_CLASS_NAME = cn("tw:h-1.5", "tw:w-1.5", "tw:rounded-full", "tw:bg-muted-foreground");

package/dist/internal/components/DropdownMenu.js

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

package/dist/internal/components/FileUpload.js

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

package/dist/internal/components/FullScreenModal.js

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

package/dist/internal/components/HoverCard.js

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

package/dist/internal/components/InputGroup.js

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

package/dist/internal/components/Kbd.js

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

package/dist/internal/components/Label.js

@@ -1,4 +1,4 @@
-import { cn } from "../../classNames-BzrkDnOD.js";
+import { cn } from "../../classNames-DcGnTh2N.js";
 import { jsx } from "react/jsx-runtime";
 import * as RLabel from "@radix-ui/react-label";
 //#region src/components/Label/Label.tsx
@@ -28,7 +28,7 @@ const Label = ({ className, children, id, htmlFor, ...rest }) => /* @__PURE__ */
 	...rest,
 	id: id?.toString(),
 	htmlFor: htmlFor?.toString(),
-	className: cn("tw:m-0 tw:text-foreground tw:font-normal tw:peer-disabled:opacity-50", className),
+	className: cn("tw:m-0 tw:text-foreground tw:font-normal tw:peer-disabled:opacity-disabled", className),
 	children
 });
 Label.Optional = Optional;

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

@@ -1 +1 @@
-{"version":3,"file":"Label.js","names":[],"sources":["../../../src/components/Label/Label.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react';\nimport type { LabelProps } from '@radix-ui/react-label';\nimport * as RLabel from '@radix-ui/react-label';\n\nimport { cn } from '../../utils';\n\ntype Props = { id?: string | number; htmlFor?: string | number } & Omit<\n  LabelProps,\n  'id' | 'htmlFor'\n>;\n\n/**\n * Decorative optional marker (`(optional)`). Like `Label.Required` it is `aria-hidden`, so it is\n * purely visual — optionality is conveyed by the *absence* of `aria-required`/`required` on the\n * associated control, not by this text.\n */\nconst Optional = ({ className, ...props }: ComponentPropsWithRef<'span'>) => (\n  <span {...props} aria-hidden className={cn('tw:ml-0.5', 'tw:text-muted-foreground', className)}>\n    (optional)\n  </span>\n);\n\n/**\n * Decorative required marker (the `*`). It is `aria-hidden`, so it is purely visual and is **not**\n * announced by assistive tech — conveying the requirement is the caller's responsibility: set\n * `aria-required` (or `required`) on the associated control.\n */\nconst Required = ({ className, ...props }: ComponentPropsWithRef<'span'>) => (\n  <span {...props} aria-hidden className={cn('tw:ml-0.5', 'tw:text-primary', className)}>\n    *\n  </span>\n);\n\nexport const Label = ({ className, children, id, htmlFor, ...rest }: Props) => (\n  <RLabel.Root\n    {...rest}\n    id={id?.toString()}\n    htmlFor={htmlFor?.toString()}\n    className={cn(\n      'tw:m-0 tw:text-foreground tw:font-normal tw:peer-disabled:opacity-50',\n      className,\n    )}\n  >\n    {children}\n  </RLabel.Root>\n);\n\nLabel.Optional = Optional;\nLabel.Required = Required;\n"],"mappings":";;;;;;;;;AAgBA,MAAM,YAAY,EAAE,WAAW,GAAG,YAChC,oBAAC,QAAD;CAAM,GAAI;CAAO,eAAA;CAAY,WAAW,GAAG,aAAa,4BAA4B,SAAS;CAAG,UAAA;AAE1F,CAAA;;;;;;AAQR,MAAM,YAAY,EAAE,WAAW,GAAG,YAChC,oBAAC,QAAD;CAAM,GAAI;CAAO,eAAA;CAAY,WAAW,GAAG,aAAa,mBAAmB,SAAS;CAAG,UAAA;AAEjF,CAAA;AAGR,MAAa,SAAS,EAAE,WAAW,UAAU,IAAI,SAAS,GAAG,WAC3D,oBAAC,OAAO,MAAR;CACE,GAAI;CACJ,IAAI,IAAI,SAAS;CACjB,SAAS,SAAS,SAAS;CAC3B,WAAW,GACT,wEACA,SACF;CAEC;AACU,CAAA;AAGf,MAAM,WAAW;AACjB,MAAM,WAAW"}
+{"version":3,"file":"Label.js","names":[],"sources":["../../../src/components/Label/Label.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react';\nimport type { LabelProps } from '@radix-ui/react-label';\nimport * as RLabel from '@radix-ui/react-label';\n\nimport { cn } from '../../utils';\n\ntype Props = { id?: string | number; htmlFor?: string | number } & Omit<\n  LabelProps,\n  'id' | 'htmlFor'\n>;\n\n/**\n * Decorative optional marker (`(optional)`). Like `Label.Required` it is `aria-hidden`, so it is\n * purely visual — optionality is conveyed by the *absence* of `aria-required`/`required` on the\n * associated control, not by this text.\n */\nconst Optional = ({ className, ...props }: ComponentPropsWithRef<'span'>) => (\n  <span {...props} aria-hidden className={cn('tw:ml-0.5', 'tw:text-muted-foreground', className)}>\n    (optional)\n  </span>\n);\n\n/**\n * Decorative required marker (the `*`). It is `aria-hidden`, so it is purely visual and is **not**\n * announced by assistive tech — conveying the requirement is the caller's responsibility: set\n * `aria-required` (or `required`) on the associated control.\n */\nconst Required = ({ className, ...props }: ComponentPropsWithRef<'span'>) => (\n  <span {...props} aria-hidden className={cn('tw:ml-0.5', 'tw:text-primary', className)}>\n    *\n  </span>\n);\n\nexport const Label = ({ className, children, id, htmlFor, ...rest }: Props) => (\n  <RLabel.Root\n    {...rest}\n    id={id?.toString()}\n    htmlFor={htmlFor?.toString()}\n    className={cn(\n      'tw:m-0 tw:text-foreground tw:font-normal tw:peer-disabled:opacity-disabled',\n      className,\n    )}\n  >\n    {children}\n  </RLabel.Root>\n);\n\nLabel.Optional = Optional;\nLabel.Required = Required;\n"],"mappings":";;;;;;;;;AAgBA,MAAM,YAAY,EAAE,WAAW,GAAG,YAChC,oBAAC,QAAD;CAAM,GAAI;CAAO,eAAA;CAAY,WAAW,GAAG,aAAa,4BAA4B,SAAS;CAAG,UAAA;AAE1F,CAAA;;;;;;AAQR,MAAM,YAAY,EAAE,WAAW,GAAG,YAChC,oBAAC,QAAD;CAAM,GAAI;CAAO,eAAA;CAAY,WAAW,GAAG,aAAa,mBAAmB,SAAS;CAAG,UAAA;AAEjF,CAAA;AAGR,MAAa,SAAS,EAAE,WAAW,UAAU,IAAI,SAAS,GAAG,WAC3D,oBAAC,OAAO,MAAR;CACE,GAAI;CACJ,IAAI,IAAI,SAAS;CACjB,SAAS,SAAS,SAAS;CAC3B,WAAW,GACT,8EACA,SACF;CAEC;AACU,CAAA;AAGf,MAAM,WAAW;AACjB,MAAM,WAAW"}

package/dist/internal/components/Link.js

@@ -1,4 +1,4 @@
-import { cn } from "../../classNames-BzrkDnOD.js";
+import { cn } from "../../classNames-DcGnTh2N.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Link.tsx
 const Link = ({ ref, children, target = "_blank", rel = "noopener noreferrer", onClick, className, ...rest }) => {

package/dist/internal/components/MergeEditor/ConflictStatus/ConflictStatusIndicator.js

@@ -1,5 +1,5 @@
-import { cn } from "../../../../classNames-BzrkDnOD.js";
-import { AlertTriangle, CircleCheck } from "../../../../icons-wcA70iQx.js";
+import { cn } from "../../../../classNames-DcGnTh2N.js";
+import { AlertTriangle, CircleCheck } from "../../../../icons-ZIeZXXS7.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/MergeEditor/ConflictStatus/ConflictStatusIndicator.tsx
 const ConflictStatusIndicator = ({ remainingConflicts, remainingSafeChanges }) => {

package/dist/internal/components/Modal.js

@@ -1,2 +1,2 @@
-import { Modal } from "../../Modal-BkSuS9Yz.js";
+import { Modal } from "../../Modal-DQIauzar.js";
 export { Modal };

package/dist/internal/components/Navbar.js

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

package/dist/internal/components/Pagination.js

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

package/dist/internal/components/PanelWithDetails.js

@@ -1,6 +1,6 @@
-import { cn } from "../../classNames-BzrkDnOD.js";
-import { ChevronDown } from "../../icons-wcA70iQx.js";
-import { Collapsible } from "../../Collapsible-BQXWEOBC.js";
+import { cn } from "../../classNames-DcGnTh2N.js";
+import { ChevronDown } from "../../icons-ZIeZXXS7.js";
+import { Collapsible } from "../../Collapsible-DD4xTL75.js";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/PanelWithDetails.tsx

package/dist/internal/components/Popconfirm.js

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

package/dist/internal/components/Popover.js

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

package/dist/internal/components/Progress.js

@@ -1,4 +1,4 @@
-import { cn } from "../../classNames-BzrkDnOD.js";
+import { cn } from "../../classNames-DcGnTh2N.js";
 import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 import { Indicator, Root } from "@radix-ui/react-progress";

package/dist/internal/components/RadioGroup.js

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

package/dist/internal/components/Resizable.js

@@ -1,2 +1,2 @@
-import { ResizableHandle, ResizablePanel, ResizablePanelGroup, useDefaultLayout } from "../../Resizable-D3vYToZH.js";
+import { ResizableHandle, ResizablePanel, ResizablePanelGroup, useDefaultLayout } from "../../Resizable-D8zs0kcq.js";
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup, useDefaultLayout };

package/dist/internal/components/ScrollArea.js

@@ -1,4 +1,4 @@
-import { cn } from "../../classNames-BzrkDnOD.js";
+import { cn } from "../../classNames-DcGnTh2N.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 //#region src/components/ScrollArea/ScrollBar.tsx

package/dist/internal/components/Search.js

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

package/dist/internal/components/Select.js

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

package/dist/internal/components/Separator.js

@@ -1,4 +1,4 @@
-import { cn } from "../../classNames-BzrkDnOD.js";
+import { cn } from "../../classNames-DcGnTh2N.js";
 import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 import * as RSeparator from "@radix-ui/react-separator";

package/dist/internal/components/Sheet.js

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

package/dist/internal/components/Sidebar.js

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

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

@@ -1,4 +1,4 @@
-import { cn } from "../../../classNames-BzrkDnOD.js";
+import { cn } from "../../../classNames-DcGnTh2N.js";
 import { useId } from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 //#region src/components/Skeleton/Skeleton.tsx

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

@@ -1,4 +1,4 @@
-import { cn } from "../../../classNames-BzrkDnOD.js";
+import { cn } from "../../../classNames-DcGnTh2N.js";
 import { Skeleton } from "./Skeleton.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Skeleton/SkeletonList.tsx

package/dist/internal/components/Slider.js

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

package/dist/internal/components/SpotlightBackdrop.js

@@ -1,4 +1,4 @@
-import { cn } from "../../classNames-BzrkDnOD.js";
+import { cn } from "../../classNames-DcGnTh2N.js";
 import { useId, useLayoutEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/SpotlightBackdrop/SpotlightBackdrop.tsx

package/dist/internal/components/Stepper.js

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

package/dist/internal/components/Switch.js

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

package/dist/internal/components/Table.js

@@ -1,2 +1,2 @@
-import { Table, TableSortHeader, tableAriaSort } from "../../Table-BaVT5Tkn.js";
+import { Table, TableSortHeader, tableAriaSort } from "../../Table-CgSC-fSo.js";
 export { Table, TableSortHeader, tableAriaSort };

package/dist/internal/components/Tabs.js

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

package/dist/internal/components/ThemeProvider.js

@@ -1,4 +1,4 @@
 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-VF38VfUa.js";
+import { ThemeProvider, ThemeScope, agnes, brandSchema, exampleCustomer, harbor, keboola, keboolaLegacySidebar, useThemeScopeContainer } from "../../ThemeProvider-Dt9b67sW.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 };

package/dist/internal/components/TimePicker.js

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

package/dist/internal/components/Timeline.js

@@ -1,2 +1,2 @@
-import { Timeline } from "../../Timeline-B-I6sb0M.js";
+import { Timeline } from "../../Timeline-DUXgByUE.js";
 export { Timeline };

package/dist/internal/components/Toast.js

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

package/dist/internal/components/Toggle.js

@@ -1,4 +1,4 @@
-import { cn } from "../../classNames-BzrkDnOD.js";
+import { cn } from "../../classNames-DcGnTh2N.js";
 import { cva } from "class-variance-authority";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Root } from "@radix-ui/react-toggle";
@@ -26,7 +26,7 @@ const toggleVariants = cva([
 	"tw:[&_svg]:ease-linear",
 	"tw:not-disabled:hover:border-neutral-300",
 	"tw:not-disabled:hover:bg-neutral-100",
-	"tw:disabled:opacity-50",
+	"tw:disabled:opacity-disabled",
 	"tw:disabled:cursor-not-allowed",
 	"tw:[&:not(:active)]:not-disabled:focus-visible:outline",
 	"tw:!outline-offset-0",
@@ -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-accent",
+				"tw:not-disabled:hover:bg-hover",
 				"tw:not-disabled:hover:border-transparent",
-				"tw:not-disabled:hover:text-accent-foreground",
-				"tw:not-disabled:hover:[&_svg]:text-accent-foreground",
+				"tw:not-disabled:hover:text-hover-foreground",
+				"tw:not-disabled:hover:[&_svg]:text-hover-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: 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"}
+{"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"}

package/dist/internal/components/ToggleGroup.js

@@ -1,2 +1,2 @@
-import { ToggleGroup } from "../../ToggleGroup-Cy_10Mvu.js";
+import { ToggleGroup } from "../../ToggleGroup-BOz1yyz6.js";
 export { ToggleGroup };

package/dist/internal/components/Tooltip.js

@@ -1,2 +1,2 @@
-import { HINT_UNDERLINE_CLASS_NAME, Tooltip, TooltipProvider } from "../../utils-Bd28bWgm.js";
+import { HINT_UNDERLINE_CLASS_NAME, Tooltip, TooltipProvider } from "../../utils-p6tjltbX.js";
 export { HINT_UNDERLINE_CLASS_NAME, Tooltip, TooltipProvider };