@keboola/design 11.9.0 → 13.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"PasswordInput.js","names":[],"sources":["../../../src/blocks/PasswordInput/PasswordInput.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\nimport type {\n  ChangeEventHandler,\n  ComponentProps,\n  ComponentRef,\n  FocusEventHandler,\n  KeyboardEventHandler,\n  MouseEventHandler,\n} from 'react';\n\nimport { InputGroup } from '../../components/InputGroup';\nimport { useControllableState } from '../../hooks/useControllableState';\nimport { ArrowBigUpDash, Eye, EyeOff, X } from '../../icons';\nimport { createChangeInputEvent, mergeRefs } from '../../utils';\n\ntype InputGroupProps = Pick<\n  ComponentProps<typeof InputGroup>,\n  'variant' | 'focusVariant' | 'state' | 'sizing'\n>;\n\ntype InputGroupInputProps = Omit<\n  ComponentProps<typeof InputGroup.Input>,\n  'value' | 'defaultValue' | 'type' | 'autoComplete'\n>;\n\ntype Props = InputGroupProps &\n  InputGroupInputProps & {\n    value?: string | null;\n    defaultValue?: string | null;\n    onValueChange?: (value: string) => void;\n    onValueBlur?: (value: string) => void;\n    allowClear?: boolean;\n    allowPasswordToggle?: boolean;\n    /**\n     * Suffix appended to the reveal button's accessible name, e.g. the field\n     * title. Use it to disambiguate multiple password fields on one form —\n     * \"Show password: API token\" / \"Hide password: API token\". Omit for a\n     * single field.\n     */\n    passwordToggleLabel?: string;\n    autoComplete?: 'new-password' | 'current-password' | 'off';\n    defaultPasswordVisibility?: boolean;\n  };\n\nexport const PasswordInput = ({\n  ref,\n\n  // group props\n  state,\n  variant,\n  focusVariant,\n  sizing,\n  className,\n\n  // own props\n  value: valueProp,\n  defaultValue,\n  onValueChange,\n  onValueBlur,\n  onChange,\n  onBlur,\n  onKeyDown,\n  onKeyUp,\n  onMouseDown,\n  allowClear = false,\n  allowPasswordToggle = false,\n  passwordToggleLabel,\n  autoComplete = 'new-password',\n  defaultPasswordVisibility = false,\n\n  // input props\n  disabled,\n  readOnly,\n  ...restInputProps\n}: Props) => {\n  const inputRef = useRef<ComponentRef<'input'>>(null);\n\n  const [value, setValue] = useControllableState<string>({\n    // A `null` controlled value stays controlled (coerced to ''); `undefined` is uncontrolled.\n    prop: valueProp === null ? '' : valueProp,\n    defaultProp: defaultValue ?? '',\n    onChange: onValueChange,\n  });\n\n  const [capsLock, setCapsLock] = useState(false);\n  const [isPasswordVisible, setIsPasswordVisible] = useState(defaultPasswordVisibility);\n\n  const canClear = allowClear && !!value && !disabled && !readOnly;\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n    setValue(event.target.value);\n    onChange?.(event);\n  };\n\n  const handleBlur: FocusEventHandler<HTMLInputElement> = (event) => {\n    if (capsLock) setCapsLock(false);\n    onValueBlur?.(event.target.value);\n    onBlur?.(event);\n  };\n\n  // Both keyDown and keyUp are needed: pressing the Caps Lock key itself\n  // reports the *old* state on keyDown and the *new* state on keyUp, so\n  // toggling Caps Lock off mid-typing is only caught on keyUp.\n  const handleKeyDown: KeyboardEventHandler<HTMLInputElement> = (event) => {\n    const isOn = event.getModifierState('CapsLock');\n    if (isOn !== capsLock) setCapsLock(isOn);\n    onKeyDown?.(event);\n  };\n\n  const handleKeyUp: KeyboardEventHandler<HTMLInputElement> = (event) => {\n    const isOn = event.getModifierState('CapsLock');\n    if (isOn !== capsLock) setCapsLock(isOn);\n    onKeyUp?.(event);\n  };\n\n  // Catches the case where the user clicks into the field with Caps Lock\n  // already on. Tab-focus / autofocus have no API to query modifier state.\n  const handleMouseDown: MouseEventHandler<HTMLInputElement> = (event) => {\n    const isOn = event.getModifierState('CapsLock');\n    if (isOn !== capsLock) setCapsLock(isOn);\n    onMouseDown?.(event);\n  };\n\n  const handleClear: MouseEventHandler<HTMLButtonElement> = () => {\n    if (!inputRef.current) return;\n    inputRef.current.value = '';\n    setValue('');\n    onChange?.(createChangeInputEvent(inputRef.current));\n  };\n\n  const handleTogglePasswordVisibility = () => {\n    setIsPasswordVisible((prev) => !prev);\n  };\n\n  return (\n    <InputGroup\n      state={state}\n      variant={variant}\n      sizing={sizing}\n      focusVariant={focusVariant}\n      className={className}\n    >\n      <InputGroup.Input\n        {...restInputProps}\n        ref={mergeRefs(ref ?? null, inputRef)}\n        type={isPasswordVisible ? 'text' : 'password'}\n        autoComplete={autoComplete}\n        value={value}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        onKeyDown={handleKeyDown}\n        onKeyUp={handleKeyUp}\n        onMouseDown={handleMouseDown}\n        disabled={disabled}\n        readOnly={readOnly}\n      />\n\n      {(capsLock || canClear || allowPasswordToggle) && (\n        <InputGroup.Addon align=\"inline-end\">\n          {capsLock && (\n            <ArrowBigUpDash className=\"tw:size-4 tw:text-primary\">\n              <title>Caps Lock is on</title>\n            </ArrowBigUpDash>\n          )}\n          {canClear && (\n            <InputGroup.Button\n              aria-label=\"Clear password\"\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={handleClear}\n            >\n              <X className=\"tw:size-4\" />\n            </InputGroup.Button>\n          )}\n          {allowPasswordToggle && (\n            <InputGroup.Button\n              aria-label={`${isPasswordVisible ? 'Hide password' : 'Show password'}${\n                passwordToggleLabel ? `: ${passwordToggleLabel}` : ''\n              }`}\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={handleTogglePasswordVisibility}\n            >\n              {isPasswordVisible ? <EyeOff className=\"tw:size-4\" /> : <Eye className=\"tw:size-4\" />}\n            </InputGroup.Button>\n          )}\n        </InputGroup.Addon>\n      )}\n    </InputGroup>\n  );\n};\n"],"mappings":";;;;;;;;AA4CA,MAAa,iBAAiB,EAC5B,KAGA,OACA,SACA,cACA,QACA,WAGA,OAAO,WACP,cACA,eACA,aACA,UACA,QACA,WACA,SACA,aACA,aAAa,OACb,sBAAsB,OACtB,qBACA,eAAe,gBACf,4BAA4B,OAG5B,UACA,UACA,GAAG,qBACQ;CACX,MAAM,WAAW,OAA8B,IAAI;CAEnD,MAAM,CAAC,OAAO,YAAY,qBAA6B;EAErD,MAAM,cAAc,OAAO,KAAK;EAChC,aAAa,gBAAgB;EAC7B,UAAU;CACZ,CAAC;CAED,MAAM,CAAC,UAAU,eAAe,SAAS,KAAK;CAC9C,MAAM,CAAC,mBAAmB,wBAAwB,SAAS,yBAAyB;CAEpF,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC;CAExD,MAAM,gBAAsD,UAAU;EACpE,SAAS,MAAM,OAAO,KAAK;EAC3B,WAAW,KAAK;CAClB;CAEA,MAAM,cAAmD,UAAU;EACjE,IAAI,UAAU,YAAY,KAAK;EAC/B,cAAc,MAAM,OAAO,KAAK;EAChC,SAAS,KAAK;CAChB;CAKA,MAAM,iBAAyD,UAAU;EACvE,MAAM,OAAO,MAAM,iBAAiB,UAAU;EAC9C,IAAI,SAAS,UAAU,YAAY,IAAI;EACvC,YAAY,KAAK;CACnB;CAEA,MAAM,eAAuD,UAAU;EACrE,MAAM,OAAO,MAAM,iBAAiB,UAAU;EAC9C,IAAI,SAAS,UAAU,YAAY,IAAI;EACvC,UAAU,KAAK;CACjB;CAIA,MAAM,mBAAwD,UAAU;EACtE,MAAM,OAAO,MAAM,iBAAiB,UAAU;EAC9C,IAAI,SAAS,UAAU,YAAY,IAAI;EACvC,cAAc,KAAK;CACrB;CAEA,MAAM,oBAA0D;EAC9D,IAAI,CAAC,SAAS,SAAS;EACvB,SAAS,QAAQ,QAAQ;EACzB,SAAS,EAAE;EACX,WAAW,uBAAuB,SAAS,OAAO,CAAC;CACrD;CAEA,MAAM,uCAAuC;EAC3C,sBAAsB,SAAS,CAAC,IAAI;CACtC;CAEA,OACE,qBAAC,YAAD;EACS;EACE;EACD;EACM;EACH;EALb,UAAA,CAOE,oBAAC,WAAW,OAAZ;GACE,GAAI;GACJ,KAAK,UAAU,OAAO,MAAM,QAAQ;GACpC,MAAM,oBAAoB,SAAS;GACrB;GACP;GACP,UAAU;GACV,QAAQ;GACR,WAAW;GACX,SAAS;GACT,aAAa;GACH;GACA;EACX,CAAA,IAEC,YAAY,YAAY,wBACxB,qBAAC,WAAW,OAAZ;GAAkB,OAAM;GAAxB,UAAA;IACG,YACC,oBAAC,gBAAD;KAAgB,WAAU;KACxB,UAAA,oBAAC,SAAD,EAAA,UAAO,kBAAsB,CAAA;IACf,CAAA;IAEjB,YACC,oBAAC,WAAW,QAAZ;KACE,cAAW;KACX,cAAc,UAAU,MAAM,eAAe;KAC7C,SAAS;KAET,UAAA,oBAAC,GAAD,EAAG,WAAU,YAAa,CAAA;IACT,CAAA;IAEpB,uBACC,oBAAC,WAAW,QAAZ;KACE,cAAY,GAAG,oBAAoB,kBAAkB,kBACnD,sBAAsB,KAAK,wBAAwB;KAErD,cAAc,UAAU,MAAM,eAAe;KAC7C,SAAS;KAER,UAAA,oBAAoB,oBAAC,QAAD,EAAQ,WAAU,YAAa,CAAA,IAAI,oBAAC,KAAD,EAAK,WAAU,YAAa,CAAA;IACnE,CAAA;GAEL;EAEV,CAAA,CAAA;;AAEhB"}
+{"version":3,"file":"PasswordInput.js","names":[],"sources":["../../../src/blocks/PasswordInput/PasswordInput.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\nimport type {\n  ChangeEventHandler,\n  ComponentProps,\n  ComponentRef,\n  FocusEventHandler,\n  KeyboardEventHandler,\n  MouseEventHandler,\n} from 'react';\n\nimport { InputGroup } from '../../components/InputGroup';\nimport { useControllableState } from '../../hooks/useControllableState';\nimport { ArrowBigUpDash, Eye, EyeOff, X } from '../../icons';\nimport { createChangeInputEvent, mergeRefs } from '../../utils';\n\ntype InputGroupProps = Pick<\n  ComponentProps<typeof InputGroup>,\n  'variant' | 'focusVariant' | 'state' | 'sizing'\n>;\n\ntype InputGroupInputProps = Omit<\n  ComponentProps<typeof InputGroup.Input>,\n  'value' | 'defaultValue' | 'type' | 'autoComplete'\n>;\n\ntype Props = InputGroupProps &\n  InputGroupInputProps & {\n    value?: string | null;\n    defaultValue?: string | null;\n    onValueChange?: (value: string) => void;\n    onValueBlur?: (value: string) => void;\n    allowClear?: boolean;\n    allowPasswordToggle?: boolean;\n    /** Suffix of the reveal button's accessible name, to tell several password fields apart. */\n    passwordToggleLabel?: string;\n    autoComplete?: 'new-password' | 'current-password' | 'off';\n    defaultPasswordVisibility?: boolean;\n  };\n\nexport const PasswordInput = ({\n  ref,\n\n  // group props\n  state,\n  variant,\n  focusVariant,\n  sizing,\n  className,\n\n  // own props\n  value: valueProp,\n  defaultValue,\n  onValueChange,\n  onValueBlur,\n  onChange,\n  onBlur,\n  onKeyDown,\n  onKeyUp,\n  onMouseDown,\n  allowClear = false,\n  allowPasswordToggle = false,\n  passwordToggleLabel,\n  autoComplete = 'new-password',\n  defaultPasswordVisibility = false,\n\n  // input props\n  disabled,\n  readOnly,\n  ...restInputProps\n}: Props) => {\n  const inputRef = useRef<ComponentRef<'input'>>(null);\n\n  const [value, setValue] = useControllableState<string>({\n    // A `null` controlled value stays controlled (coerced to ''); `undefined` is uncontrolled.\n    prop: valueProp === null ? '' : valueProp,\n    defaultProp: defaultValue ?? '',\n    onChange: onValueChange,\n  });\n\n  const [capsLock, setCapsLock] = useState(false);\n  const [isPasswordVisible, setIsPasswordVisible] = useState(defaultPasswordVisibility);\n\n  const canClear = allowClear && !!value && !disabled && !readOnly;\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n    setValue(event.target.value);\n    onChange?.(event);\n  };\n\n  const handleBlur: FocusEventHandler<HTMLInputElement> = (event) => {\n    if (capsLock) setCapsLock(false);\n    onValueBlur?.(event.target.value);\n    onBlur?.(event);\n  };\n\n  // keyUp too: pressing Caps Lock itself reports the old state on keyDown.\n  const handleKeyDown: KeyboardEventHandler<HTMLInputElement> = (event) => {\n    const isOn = event.getModifierState('CapsLock');\n    if (isOn !== capsLock) setCapsLock(isOn);\n    onKeyDown?.(event);\n  };\n\n  const handleKeyUp: KeyboardEventHandler<HTMLInputElement> = (event) => {\n    const isOn = event.getModifierState('CapsLock');\n    if (isOn !== capsLock) setCapsLock(isOn);\n    onKeyUp?.(event);\n  };\n\n  // Caps Lock already on when clicking in; focus events cannot read modifier state.\n  const handleMouseDown: MouseEventHandler<HTMLInputElement> = (event) => {\n    const isOn = event.getModifierState('CapsLock');\n    if (isOn !== capsLock) setCapsLock(isOn);\n    onMouseDown?.(event);\n  };\n\n  const handleClear: MouseEventHandler<HTMLButtonElement> = () => {\n    if (!inputRef.current) return;\n    inputRef.current.value = '';\n    setValue('');\n    onChange?.(createChangeInputEvent(inputRef.current));\n  };\n\n  const handleTogglePasswordVisibility = () => {\n    setIsPasswordVisible((prev) => !prev);\n  };\n\n  return (\n    <InputGroup\n      state={state}\n      variant={variant}\n      sizing={sizing}\n      focusVariant={focusVariant}\n      className={className}\n    >\n      <InputGroup.Input\n        {...restInputProps}\n        ref={mergeRefs(ref ?? null, inputRef)}\n        type={isPasswordVisible ? 'text' : 'password'}\n        autoComplete={autoComplete}\n        value={value}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        onKeyDown={handleKeyDown}\n        onKeyUp={handleKeyUp}\n        onMouseDown={handleMouseDown}\n        disabled={disabled}\n        readOnly={readOnly}\n      />\n\n      {(capsLock || canClear || allowPasswordToggle) && (\n        <InputGroup.Addon align=\"inline-end\">\n          {capsLock && (\n            <ArrowBigUpDash className=\"tw:size-4 tw:text-primary\">\n              <title>Caps Lock is on</title>\n            </ArrowBigUpDash>\n          )}\n          {canClear && (\n            <InputGroup.Button\n              aria-label=\"Clear password\"\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={handleClear}\n            >\n              <X className=\"tw:size-4\" />\n            </InputGroup.Button>\n          )}\n          {allowPasswordToggle && (\n            <InputGroup.Button\n              aria-label={`${isPasswordVisible ? 'Hide password' : 'Show password'}${\n                passwordToggleLabel ? `: ${passwordToggleLabel}` : ''\n              }`}\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={handleTogglePasswordVisibility}\n            >\n              {isPasswordVisible ? <EyeOff className=\"tw:size-4\" /> : <Eye className=\"tw:size-4\" />}\n            </InputGroup.Button>\n          )}\n        </InputGroup.Addon>\n      )}\n    </InputGroup>\n  );\n};\n"],"mappings":";;;;;;;;AAuCA,MAAa,iBAAiB,EAC5B,KAGA,OACA,SACA,cACA,QACA,WAGA,OAAO,WACP,cACA,eACA,aACA,UACA,QACA,WACA,SACA,aACA,aAAa,OACb,sBAAsB,OACtB,qBACA,eAAe,gBACf,4BAA4B,OAG5B,UACA,UACA,GAAG,qBACQ;CACX,MAAM,WAAW,OAA8B,IAAI;CAEnD,MAAM,CAAC,OAAO,YAAY,qBAA6B;EAErD,MAAM,cAAc,OAAO,KAAK;EAChC,aAAa,gBAAgB;EAC7B,UAAU;CACZ,CAAC;CAED,MAAM,CAAC,UAAU,eAAe,SAAS,KAAK;CAC9C,MAAM,CAAC,mBAAmB,wBAAwB,SAAS,yBAAyB;CAEpF,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC;CAExD,MAAM,gBAAsD,UAAU;EACpE,SAAS,MAAM,OAAO,KAAK;EAC3B,WAAW,KAAK;CAClB;CAEA,MAAM,cAAmD,UAAU;EACjE,IAAI,UAAU,YAAY,KAAK;EAC/B,cAAc,MAAM,OAAO,KAAK;EAChC,SAAS,KAAK;CAChB;CAGA,MAAM,iBAAyD,UAAU;EACvE,MAAM,OAAO,MAAM,iBAAiB,UAAU;EAC9C,IAAI,SAAS,UAAU,YAAY,IAAI;EACvC,YAAY,KAAK;CACnB;CAEA,MAAM,eAAuD,UAAU;EACrE,MAAM,OAAO,MAAM,iBAAiB,UAAU;EAC9C,IAAI,SAAS,UAAU,YAAY,IAAI;EACvC,UAAU,KAAK;CACjB;CAGA,MAAM,mBAAwD,UAAU;EACtE,MAAM,OAAO,MAAM,iBAAiB,UAAU;EAC9C,IAAI,SAAS,UAAU,YAAY,IAAI;EACvC,cAAc,KAAK;CACrB;CAEA,MAAM,oBAA0D;EAC9D,IAAI,CAAC,SAAS,SAAS;EACvB,SAAS,QAAQ,QAAQ;EACzB,SAAS,EAAE;EACX,WAAW,uBAAuB,SAAS,OAAO,CAAC;CACrD;CAEA,MAAM,uCAAuC;EAC3C,sBAAsB,SAAS,CAAC,IAAI;CACtC;CAEA,OACE,qBAAC,YAAD;EACS;EACE;EACD;EACM;EACH;EALb,UAAA,CAOE,oBAAC,WAAW,OAAZ;GACE,GAAI;GACJ,KAAK,UAAU,OAAO,MAAM,QAAQ;GACpC,MAAM,oBAAoB,SAAS;GACrB;GACP;GACP,UAAU;GACV,QAAQ;GACR,WAAW;GACX,SAAS;GACT,aAAa;GACH;GACA;EACX,CAAA,IAEC,YAAY,YAAY,wBACxB,qBAAC,WAAW,OAAZ;GAAkB,OAAM;GAAxB,UAAA;IACG,YACC,oBAAC,gBAAD;KAAgB,WAAU;KACxB,UAAA,oBAAC,SAAD,EAAA,UAAO,kBAAsB,CAAA;IACf,CAAA;IAEjB,YACC,oBAAC,WAAW,QAAZ;KACE,cAAW;KACX,cAAc,UAAU,MAAM,eAAe;KAC7C,SAAS;KAET,UAAA,oBAAC,GAAD,EAAG,WAAU,YAAa,CAAA;IACT,CAAA;IAEpB,uBACC,oBAAC,WAAW,QAAZ;KACE,cAAY,GAAG,oBAAoB,kBAAkB,kBACnD,sBAAsB,KAAK,wBAAwB;KAErD,cAAc,UAAU,MAAM,eAAe;KAC7C,SAAS;KAER,UAAA,oBAAoB,oBAAC,QAAD,EAAQ,WAAU,YAAa,CAAA,IAAI,oBAAC,KAAD,EAAK,WAAU,YAAa,CAAA;IACnE,CAAA;GAEL;EAEV,CAAA,CAAA;;AAEhB"}

package/dist/internal/blocks/SearchInput.js

@@ -1,2 +1,2 @@
-import { SearchInput } from "../../SearchInput-92r2bkA7.js";
+import { SearchInput } from "../../SearchInput-D3qMkHaW.js";
 export { SearchInput };

package/dist/internal/blocks/SearchInputWithNavigation.js

@@ -1,10 +1,10 @@
 import { cn } from "../../classNames-BzrkDnOD.js";
-import { keyCodes } from "../../utils-BW4AE8VP.js";
-import { ChevronDown, ChevronUp, Search } from "../../icons-Cek151jC.js";
-import { Button } from "../../Button-DsRrU5F1.js";
+import { keyCodes } from "../../utils-Bd28bWgm.js";
+import { ChevronDown, ChevronUp, Search } from "../../icons-wcA70iQx.js";
+import { Button } from "../../Button-B21oVcPU.js";
 import { ButtonGroup } from "../components/ButtonGroup.js";
 import { Separator } from "../components/Separator.js";
-import { TextInput } from "../../TextInput-CFTf4Cz1.js";
+import { TextInput } from "../../TextInput-BWYXbfs4.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/blocks/SearchInputWithNavigation/SearchInputWithNavigation.tsx
 const SearchInputWithNavigation = ({ ref, value, onValueChange, placeholder = "Search...", variant = "secondary", onClear, focusVariant, currentIndex, totalResults, onNavigateNext, onNavigatePrevious, className }) => {

package/dist/internal/blocks/SectionNav.js

@@ -1,2 +1,2 @@
-import { SectionNav } from "../../SectionNav-CNLJsiVG.js";
+import { SectionNav } from "../../SectionNav-TU5i3JeM.js";
 export { SectionNav };

package/dist/internal/blocks/SplitButton.js

@@ -1,7 +1,7 @@
-import { ChevronDown } from "../../icons-Cek151jC.js";
-import { Button } from "../../Button-DsRrU5F1.js";
+import { ChevronDown } from "../../icons-wcA70iQx.js";
+import { Button } from "../../Button-B21oVcPU.js";
 import { ButtonGroup } from "../components/ButtonGroup.js";
-import { DropdownMenu } from "../../DropdownMenu-CgVwhDvl.js";
+import { DropdownMenu } from "../../DropdownMenu-gRM-A8qU.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/blocks/SplitButton/SplitButton.tsx
 const iconSizeMap = {

package/dist/internal/blocks/StatCard.js

@@ -1,5 +1,5 @@
 import { cn } from "../../classNames-BzrkDnOD.js";
-import { Card } from "../../Card-Dyo7055Q.js";
+import { Card } from "../../Card-BQmBWHXl.js";
 import { cva } from "class-variance-authority";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/blocks/StatCard/StatCard.tsx
@@ -18,14 +18,10 @@ const trendClassnames = cva([
 	defaultVariants: { direction: "flat" }
 });
 /**
-* A single KPI / metric tile — a signature composition over `Card` with a label,
-* a large value, an optional trend delta, and an optional leading icon + footnote.
+* A single KPI / metric tile over `Card`.
 *
-* **When to use:** the headline numbers of a dashboard (revenue, active users, uptime),
-* usually in a `StatCardGrid` strip at the top of a page.
-* **When NOT to use:** for a chart use `ChartPanel`; for a generic content surface use `Card`.
-* **Composition:** `StatCard.Icon`, `StatCard.Label`, `StatCard.Value`, `StatCard.Trend`,
-* `StatCard.Footnote`. All colours read semantic tokens, so the tile re-skins with the brand.
+* **When to use:** dashboard headline numbers, usually in a `StatCardGrid`.
+* **When NOT to use:** charts (`ChartPanel`) or generic surfaces (`Card`).
 */
 const StatCardRoot = ({ className, children, bordered = true, ...rest }) => /* @__PURE__ */ jsx(Card, {
 	bordered,

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

@@ -1 +1 @@
-{"version":3,"file":"StatCard.js","names":[],"sources":["../../../src/blocks/StatCard/StatCard.tsx","../../../src/blocks/StatCard/StatCardGrid.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\nimport { Card } from '../../components/Card';\nimport { cn } from '../../utils';\n\nconst trendClassnames = cva(\n  ['tw:inline-flex', 'tw:items-center', 'tw:gap-1', 'tw:text-sm', 'tw:font-medium'],\n  {\n    variants: {\n      direction: {\n        up: 'tw:text-success',\n        down: 'tw:text-destructive',\n        flat: 'tw:text-muted-foreground',\n      },\n    },\n    defaultVariants: {\n      direction: 'flat',\n    },\n  },\n);\n\ntype TrendDirection = NonNullable<VariantProps<typeof trendClassnames>['direction']>;\n\ntype RootProps = ComponentProps<typeof Card>;\n\n/**\n * A single KPI / metric tile — a signature composition over `Card` with a label,\n * a large value, an optional trend delta, and an optional leading icon + footnote.\n *\n * **When to use:** the headline numbers of a dashboard (revenue, active users, uptime),\n * usually in a `StatCardGrid` strip at the top of a page.\n * **When NOT to use:** for a chart use `ChartPanel`; for a generic content surface use `Card`.\n * **Composition:** `StatCard.Icon`, `StatCard.Label`, `StatCard.Value`, `StatCard.Trend`,\n * `StatCard.Footnote`. All colours read semantic tokens, so the tile re-skins with the brand.\n */\nconst StatCardRoot = ({ className, children, bordered = true, ...rest }: RootProps) => (\n  <Card bordered={bordered} className={cn('tw:gap-2', className)} role=\"group\" {...rest}>\n    {children}\n  </Card>\n);\n\ntype IconProps = ComponentProps<'div'>;\n\nconst StatCardIcon = ({ className, children, ...rest }: IconProps) => (\n  <div\n    className={cn(\n      'tw:flex tw:size-9 tw:items-center tw:justify-center tw:rounded-md tw:bg-accent tw:text-accent-foreground',\n      'tw:[&_svg:not([class*=\"tw:size-\"])]:size-5',\n      className,\n    )}\n    {...rest}\n  >\n    {children}\n  </div>\n);\n\ntype LabelProps = ComponentProps<'p'>;\n\nconst StatCardLabel = ({ className, children, ...rest }: LabelProps) => (\n  <p\n    className={cn('tw:m-0 tw:text-sm tw:font-medium tw:text-muted-foreground', className)}\n    {...rest}\n  >\n    {children}\n  </p>\n);\n\ntype ValueProps = ComponentProps<'p'>;\n\nconst StatCardValue = ({ className, children, ...rest }: ValueProps) => (\n  <p\n    className={cn(\n      'tw:m-0 tw:text-3xl tw:font-semibold tw:leading-tight tw:tracking-tight tw:text-foreground',\n      className,\n    )}\n    {...rest}\n  >\n    {children}\n  </p>\n);\n\ntype TrendProps = ComponentProps<'span'> & {\n  /** Which way the metric moved — sets the semantic colour (`success` / `destructive` / muted). */\n  direction?: TrendDirection;\n  /** Optional leading icon (e.g. an arrow). */\n  icon?: ReactNode;\n};\n\nconst StatCardTrend = ({ className, direction = 'flat', icon, children, ...rest }: TrendProps) => (\n  <span className={trendClassnames({ direction, className })} {...rest}>\n    {icon}\n    {children}\n  </span>\n);\n\ntype FootnoteProps = ComponentProps<'p'>;\n\nconst StatCardFootnote = ({ className, children, ...rest }: FootnoteProps) => (\n  <p className={cn('tw:m-0 tw:text-xs tw:text-muted-foreground', className)} {...rest}>\n    {children}\n  </p>\n);\n\nexport const StatCard = StatCardRoot as typeof StatCardRoot & {\n  Icon: typeof StatCardIcon;\n  Label: typeof StatCardLabel;\n  Value: typeof StatCardValue;\n  Trend: typeof StatCardTrend;\n  Footnote: typeof StatCardFootnote;\n};\n\nStatCard.Icon = StatCardIcon;\nStatCard.Label = StatCardLabel;\nStatCard.Value = StatCardValue;\nStatCard.Trend = StatCardTrend;\nStatCard.Footnote = StatCardFootnote;\n\nexport type {\n  RootProps as StatCardProps,\n  TrendProps as StatCardTrendProps,\n  TrendDirection as StatCardTrendDirection,\n};\n","import type { ComponentProps } from 'react';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\nconst gridClassnames = cva(['tw:grid', 'tw:gap-4'], {\n  variants: {\n    columns: {\n      2: 'tw:grid-cols-1 tw:sm:grid-cols-2',\n      3: 'tw:grid-cols-1 tw:sm:grid-cols-2 tw:lg:grid-cols-3',\n      4: 'tw:grid-cols-1 tw:sm:grid-cols-2 tw:lg:grid-cols-4',\n    },\n  },\n  defaultVariants: {\n    columns: 4,\n  },\n});\n\ntype Props = ComponentProps<'div'> & VariantProps<typeof gridClassnames>;\n\n/**\n * Responsive strip of KPI tiles. Lay `StatCard`s inside it at the top of a dashboard.\n * `columns` caps the tiles per row on large screens; the grid collapses to one column on\n * mobile and two on small screens.\n */\nexport const StatCardGrid = ({ className, columns = 4, children, ...rest }: Props) => (\n  <div className={gridClassnames({ columns, className })} {...rest}>\n    {children}\n  </div>\n);\n\nexport type { Props as StatCardGridProps };\n"],"mappings":";;;;;AAOA,MAAM,kBAAkB,IACtB;CAAC;CAAkB;CAAmB;CAAY;CAAc;AAAgB,GAChF;CACE,UAAU,EACR,WAAW;EACT,IAAI;EACJ,MAAM;EACN,MAAM;CACR,EACF;CACA,iBAAiB,EACf,WAAW,OACb;AACF,CACF;;;;;;;;;;;AAgBA,MAAM,gBAAgB,EAAE,WAAW,UAAU,WAAW,MAAM,GAAG,WAC/D,oBAAC,MAAD;CAAgB;CAAU,WAAW,GAAG,YAAY,SAAS;CAAG,MAAK;CAAQ,GAAI;CAC9E;AACG,CAAA;AAKR,MAAM,gBAAgB,EAAE,WAAW,UAAU,GAAG,WAC9C,oBAAC,OAAD;CACE,WAAW,GACT,4GACA,gDACA,SACF;CACA,GAAI;CAEH;AACE,CAAA;AAKP,MAAM,iBAAiB,EAAE,WAAW,UAAU,GAAG,WAC/C,oBAAC,KAAD;CACE,WAAW,GAAG,6DAA6D,SAAS;CACpF,GAAI;CAEH;AACA,CAAA;AAKL,MAAM,iBAAiB,EAAE,WAAW,UAAU,GAAG,WAC/C,oBAAC,KAAD;CACE,WAAW,GACT,6FACA,SACF;CACA,GAAI;CAEH;AACA,CAAA;AAUL,MAAM,iBAAiB,EAAE,WAAW,YAAY,QAAQ,MAAM,UAAU,GAAG,WACzE,qBAAC,QAAD;CAAM,WAAW,gBAAgB;EAAE;EAAW;CAAU,CAAC;CAAG,GAAI;CAAhE,UAAA,CACG,MACA,QACG;;AAKR,MAAM,oBAAoB,EAAE,WAAW,UAAU,GAAG,WAClD,oBAAC,KAAD;CAAG,WAAW,GAAG,8CAA8C,SAAS;CAAG,GAAI;CAC5E;AACA,CAAA;AAGL,MAAa,WAAW;AAQxB,SAAS,OAAO;AAChB,SAAS,QAAQ;AACjB,SAAS,QAAQ;AACjB,SAAS,QAAQ;AACjB,SAAS,WAAW;;;ACjHpB,MAAM,iBAAiB,IAAI,CAAC,WAAW,UAAU,GAAG;CAClD,UAAU,EACR,SAAS;EACP,GAAG;EACH,GAAG;EACH,GAAG;CACL,EACF;CACA,iBAAiB,EACf,SAAS,EACX;AACF,CAAC;;;;;;AASD,MAAa,gBAAgB,EAAE,WAAW,UAAU,GAAG,UAAU,GAAG,WAClE,oBAAC,OAAD;CAAK,WAAW,eAAe;EAAE;EAAS;CAAU,CAAC;CAAG,GAAI;CACzD;AACE,CAAA"}
+{"version":3,"file":"StatCard.js","names":[],"sources":["../../../src/blocks/StatCard/StatCard.tsx","../../../src/blocks/StatCard/StatCardGrid.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\nimport { Card } from '../../components/Card';\nimport { cn } from '../../utils';\n\nconst trendClassnames = cva(\n  ['tw:inline-flex', 'tw:items-center', 'tw:gap-1', 'tw:text-sm', 'tw:font-medium'],\n  {\n    variants: {\n      direction: {\n        up: 'tw:text-success',\n        down: 'tw:text-destructive',\n        flat: 'tw:text-muted-foreground',\n      },\n    },\n    defaultVariants: {\n      direction: 'flat',\n    },\n  },\n);\n\ntype TrendDirection = NonNullable<VariantProps<typeof trendClassnames>['direction']>;\n\ntype RootProps = ComponentProps<typeof Card>;\n\n/**\n * A single KPI / metric tile over `Card`.\n *\n * **When to use:** dashboard headline numbers, usually in a `StatCardGrid`.\n * **When NOT to use:** charts (`ChartPanel`) or generic surfaces (`Card`).\n */\nconst StatCardRoot = ({ className, children, bordered = true, ...rest }: RootProps) => (\n  <Card bordered={bordered} className={cn('tw:gap-2', className)} role=\"group\" {...rest}>\n    {children}\n  </Card>\n);\n\ntype IconProps = ComponentProps<'div'>;\n\nconst StatCardIcon = ({ className, children, ...rest }: IconProps) => (\n  <div\n    className={cn(\n      'tw:flex tw:size-9 tw:items-center tw:justify-center tw:rounded-md tw:bg-accent tw:text-accent-foreground',\n      'tw:[&_svg:not([class*=\"tw:size-\"])]:size-5',\n      className,\n    )}\n    {...rest}\n  >\n    {children}\n  </div>\n);\n\ntype LabelProps = ComponentProps<'p'>;\n\nconst StatCardLabel = ({ className, children, ...rest }: LabelProps) => (\n  <p\n    className={cn('tw:m-0 tw:text-sm tw:font-medium tw:text-muted-foreground', className)}\n    {...rest}\n  >\n    {children}\n  </p>\n);\n\ntype ValueProps = ComponentProps<'p'>;\n\nconst StatCardValue = ({ className, children, ...rest }: ValueProps) => (\n  <p\n    className={cn(\n      'tw:m-0 tw:text-3xl tw:font-semibold tw:leading-tight tw:tracking-tight tw:text-foreground',\n      className,\n    )}\n    {...rest}\n  >\n    {children}\n  </p>\n);\n\ntype TrendProps = ComponentProps<'span'> & {\n  /** Sets the semantic colour. */\n  direction?: TrendDirection;\n  icon?: ReactNode;\n};\n\nconst StatCardTrend = ({ className, direction = 'flat', icon, children, ...rest }: TrendProps) => (\n  <span className={trendClassnames({ direction, className })} {...rest}>\n    {icon}\n    {children}\n  </span>\n);\n\ntype FootnoteProps = ComponentProps<'p'>;\n\nconst StatCardFootnote = ({ className, children, ...rest }: FootnoteProps) => (\n  <p className={cn('tw:m-0 tw:text-xs tw:text-muted-foreground', className)} {...rest}>\n    {children}\n  </p>\n);\n\nexport const StatCard = StatCardRoot as typeof StatCardRoot & {\n  Icon: typeof StatCardIcon;\n  Label: typeof StatCardLabel;\n  Value: typeof StatCardValue;\n  Trend: typeof StatCardTrend;\n  Footnote: typeof StatCardFootnote;\n};\n\nStatCard.Icon = StatCardIcon;\nStatCard.Label = StatCardLabel;\nStatCard.Value = StatCardValue;\nStatCard.Trend = StatCardTrend;\nStatCard.Footnote = StatCardFootnote;\n\nexport type {\n  RootProps as StatCardProps,\n  TrendProps as StatCardTrendProps,\n  TrendDirection as StatCardTrendDirection,\n};\n","import type { ComponentProps } from 'react';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\nconst gridClassnames = cva(['tw:grid', 'tw:gap-4'], {\n  variants: {\n    columns: {\n      2: 'tw:grid-cols-1 tw:sm:grid-cols-2',\n      3: 'tw:grid-cols-1 tw:sm:grid-cols-2 tw:lg:grid-cols-3',\n      4: 'tw:grid-cols-1 tw:sm:grid-cols-2 tw:lg:grid-cols-4',\n    },\n  },\n  defaultVariants: {\n    columns: 4,\n  },\n});\n\ntype Props = ComponentProps<'div'> & VariantProps<typeof gridClassnames>;\n\n/**\n * Responsive strip of KPI tiles. Lay `StatCard`s inside it at the top of a dashboard.\n * `columns` caps the tiles per row on large screens; the grid collapses to one column on\n * mobile and two on small screens.\n */\nexport const StatCardGrid = ({ className, columns = 4, children, ...rest }: Props) => (\n  <div className={gridClassnames({ columns, className })} {...rest}>\n    {children}\n  </div>\n);\n\nexport type { Props as StatCardGridProps };\n"],"mappings":";;;;;AAOA,MAAM,kBAAkB,IACtB;CAAC;CAAkB;CAAmB;CAAY;CAAc;AAAgB,GAChF;CACE,UAAU,EACR,WAAW;EACT,IAAI;EACJ,MAAM;EACN,MAAM;CACR,EACF;CACA,iBAAiB,EACf,WAAW,OACb;AACF,CACF;;;;;;;AAYA,MAAM,gBAAgB,EAAE,WAAW,UAAU,WAAW,MAAM,GAAG,WAC/D,oBAAC,MAAD;CAAgB;CAAU,WAAW,GAAG,YAAY,SAAS;CAAG,MAAK;CAAQ,GAAI;CAC9E;AACG,CAAA;AAKR,MAAM,gBAAgB,EAAE,WAAW,UAAU,GAAG,WAC9C,oBAAC,OAAD;CACE,WAAW,GACT,4GACA,gDACA,SACF;CACA,GAAI;CAEH;AACE,CAAA;AAKP,MAAM,iBAAiB,EAAE,WAAW,UAAU,GAAG,WAC/C,oBAAC,KAAD;CACE,WAAW,GAAG,6DAA6D,SAAS;CACpF,GAAI;CAEH;AACA,CAAA;AAKL,MAAM,iBAAiB,EAAE,WAAW,UAAU,GAAG,WAC/C,oBAAC,KAAD;CACE,WAAW,GACT,6FACA,SACF;CACA,GAAI;CAEH;AACA,CAAA;AASL,MAAM,iBAAiB,EAAE,WAAW,YAAY,QAAQ,MAAM,UAAU,GAAG,WACzE,qBAAC,QAAD;CAAM,WAAW,gBAAgB;EAAE;EAAW;CAAU,CAAC;CAAG,GAAI;CAAhE,UAAA,CACG,MACA,QACG;;AAKR,MAAM,oBAAoB,EAAE,WAAW,UAAU,GAAG,WAClD,oBAAC,KAAD;CAAG,WAAW,GAAG,8CAA8C,SAAS;CAAG,GAAI;CAC5E;AACA,CAAA;AAGL,MAAa,WAAW;AAQxB,SAAS,OAAO;AAChB,SAAS,QAAQ;AACjB,SAAS,QAAQ;AACjB,SAAS,QAAQ;AACjB,SAAS,WAAW;;;AC5GpB,MAAM,iBAAiB,IAAI,CAAC,WAAW,UAAU,GAAG;CAClD,UAAU,EACR,SAAS;EACP,GAAG;EACH,GAAG;EACH,GAAG;CACL,EACF;CACA,iBAAiB,EACf,SAAS,EACX;AACF,CAAC;;;;;;AASD,MAAa,gBAAgB,EAAE,WAAW,UAAU,GAAG,UAAU,GAAG,WAClE,oBAAC,OAAD;CAAK,WAAW,eAAe;EAAE;EAAS;CAAU,CAAC;CAAG,GAAI;CACzD;AACE,CAAA"}

package/dist/internal/blocks/TextInput.js

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

package/dist/internal/blocks/Textarea.js

@@ -1,5 +1,5 @@
-import { InputGroup } from "../../InputGroup-Do8K2hvD.js";
-import { useControllableState } from "../../useControllableState-M6494mCT.js";
+import { InputGroup } from "../../InputGroup-CrlMRz4X.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-BW4AE8VP.js";
+import { createChangeInputEvent } from "../../utils-Bd28bWgm.js";
 import { mergeRefs } from "../utils/mergeRefs.js";
-import { Clock, X } from "../../icons-Cek151jC.js";
-import { InputGroup } from "../../InputGroup-Do8K2hvD.js";
-import { useControllableState } from "../../useControllableState-M6494mCT.js";
-import { TimePicker } from "../../TimePicker-BGeqc-Ed.js";
+import { Clock, X } from "../../icons-wcA70iQx.js";
+import { InputGroup } from "../../InputGroup-CrlMRz4X.js";
+import { useControllableState } from "../../useControllableState-CUYXMsfz.js";
+import { TimePicker } from "../../TimePicker-CDGYrRxi.js";
 import { useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/blocks/TimeInput/TimeInput.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"TimeInput.js","names":[],"sources":["../../../src/blocks/TimeInput/TimeInput.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\nimport type {\n  ChangeEventHandler,\n  ComponentProps,\n  ComponentRef,\n  FocusEventHandler,\n  MouseEventHandler,\n} from 'react';\n\nimport { InputGroup } from '../../components/InputGroup';\nimport { TimePicker } from '../../components/TimePicker';\nimport { useControllableState } from '../../hooks/useControllableState';\nimport { Clock, X } from '../../icons';\nimport { createChangeInputEvent, mergeRefs } from '../../utils';\n\ntype InputGroupProps = Pick<\n  ComponentProps<typeof InputGroup>,\n  'variant' | 'focusVariant' | 'state' | 'sizing'\n>;\n\ntype InputGroupInputProps = Omit<\n  ComponentProps<typeof InputGroup.Input>,\n  'value' | 'defaultValue' | 'type'\n>;\n\ntype Props = InputGroupProps &\n  InputGroupInputProps & {\n    value?: string | null;\n    defaultValue?: string | null;\n    onValueChange?: (value: string | null) => void;\n    onValueBlur?: (value: string | null) => void;\n    allowClear?: boolean;\n  };\n\nexport const TimeInput = ({\n  ref,\n\n  // group props\n  state,\n  variant,\n  focusVariant,\n  sizing,\n  className,\n\n  // own props\n  value: valueProp,\n  defaultValue,\n  onValueChange,\n  onValueBlur,\n  onChange,\n  onBlur,\n  allowClear = false,\n\n  // input props\n  disabled,\n  readOnly,\n  placeholder = 'Select time',\n  ...restInputProps\n}: Props) => {\n  const inputRef = useRef<ComponentRef<'input'>>(null);\n\n  const [isOpen, setIsOpen] = useState(false);\n\n  const [value, setValue] = useControllableState<string | null>({\n    prop: valueProp,\n    defaultProp: defaultValue ?? null,\n    onChange: onValueChange,\n  });\n\n  const canClear = allowClear && !!value && !disabled && !readOnly;\n  const showPicker = !disabled && !readOnly;\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n    setValue(event.target.value || null);\n    onChange?.(event);\n  };\n\n  const handleBlur: FocusEventHandler<HTMLInputElement> = (event) => {\n    // The value is already committed on change via `setValue`, so blur only needs to notify.\n    onValueBlur?.(event.target.value || null);\n    onBlur?.(event);\n  };\n\n  const handleTimePickerSelect = (time: string) => {\n    setValue(time);\n  };\n\n  const handleClear: MouseEventHandler<HTMLButtonElement> = () => {\n    if (!inputRef.current) return;\n    inputRef.current.value = '';\n    setValue(null);\n    onChange?.(createChangeInputEvent(inputRef.current));\n  };\n\n  return (\n    <InputGroup\n      state={state}\n      variant={variant}\n      sizing={sizing}\n      focusVariant={focusVariant}\n      className={className}\n    >\n      <InputGroup.Input\n        {...restInputProps}\n        ref={mergeRefs(ref ?? null, inputRef)}\n        type=\"time\"\n        // hide native time picker indicator to avoid confusion with custom picker;\n        // zero the UA `::-webkit-datetime-edit-fields-wrapper` padding (1px top/bottom) so\n        // the field matches the InputGroup input height instead of rendering 2px taller\n        className=\"tw:[&::-webkit-calendar-picker-indicator]:hidden tw:[&::-webkit-datetime-edit-fields-wrapper]:py-0\"\n        value={value ?? ''}\n        placeholder={placeholder}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        disabled={disabled}\n        readOnly={readOnly}\n      />\n\n      {(canClear || showPicker) && (\n        <InputGroup.Addon align=\"inline-end\">\n          {canClear && (\n            <InputGroup.Button\n              aria-label=\"Clear time\"\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={handleClear}\n            >\n              <X className=\"tw:size-4\" />\n            </InputGroup.Button>\n          )}\n          {showPicker && (\n            <TimePicker\n              open={isOpen}\n              onOpenChange={setIsOpen}\n              onSelect={handleTimePickerSelect}\n              selected={value}\n            >\n              <InputGroup.Button aria-label=\"Select time\">\n                <Clock className=\"tw:size-4\" />\n              </InputGroup.Button>\n            </TimePicker>\n          )}\n        </InputGroup.Addon>\n      )}\n    </InputGroup>\n  );\n};\n"],"mappings":";;;;;;;;;AAkCA,MAAa,aAAa,EACxB,KAGA,OACA,SACA,cACA,QACA,WAGA,OAAO,WACP,cACA,eACA,aACA,UACA,QACA,aAAa,OAGb,UACA,UACA,cAAc,eACd,GAAG,qBACQ;CACX,MAAM,WAAW,OAA8B,IAAI;CAEnD,MAAM,CAAC,QAAQ,aAAa,SAAS,KAAK;CAE1C,MAAM,CAAC,OAAO,YAAY,qBAAoC;EAC5D,MAAM;EACN,aAAa,gBAAgB;EAC7B,UAAU;CACZ,CAAC;CAED,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC;CACxD,MAAM,aAAa,CAAC,YAAY,CAAC;CAEjC,MAAM,gBAAsD,UAAU;EACpE,SAAS,MAAM,OAAO,SAAS,IAAI;EACnC,WAAW,KAAK;CAClB;CAEA,MAAM,cAAmD,UAAU;EAEjE,cAAc,MAAM,OAAO,SAAS,IAAI;EACxC,SAAS,KAAK;CAChB;CAEA,MAAM,0BAA0B,SAAiB;EAC/C,SAAS,IAAI;CACf;CAEA,MAAM,oBAA0D;EAC9D,IAAI,CAAC,SAAS,SAAS;EACvB,SAAS,QAAQ,QAAQ;EACzB,SAAS,IAAI;EACb,WAAW,uBAAuB,SAAS,OAAO,CAAC;CACrD;CAEA,OACE,qBAAC,YAAD;EACS;EACE;EACD;EACM;EACH;EALb,UAAA,CAOE,oBAAC,WAAW,OAAZ;GACE,GAAI;GACJ,KAAK,UAAU,OAAO,MAAM,QAAQ;GACpC,MAAK;GAIL,WAAU;GACV,OAAO,SAAS;GACH;GACb,UAAU;GACV,QAAQ;GACE;GACA;EACX,CAAA,IAEC,YAAY,eACZ,qBAAC,WAAW,OAAZ;GAAkB,OAAM;GAAxB,UAAA,CACG,YACC,oBAAC,WAAW,QAAZ;IACE,cAAW;IACX,cAAc,UAAU,MAAM,eAAe;IAC7C,SAAS;IAET,UAAA,oBAAC,GAAD,EAAG,WAAU,YAAa,CAAA;GACT,CAAA,GAEpB,cACC,oBAAC,YAAD;IACE,MAAM;IACN,cAAc;IACd,UAAU;IACV,UAAU;IAEV,UAAA,oBAAC,WAAW,QAAZ;KAAmB,cAAW;KAC5B,UAAA,oBAAC,OAAD,EAAO,WAAU,YAAa,CAAA;IACb,CAAA;GACT,CAAA,CAEE;EAEV,CAAA,CAAA;;AAEhB"}
+{"version":3,"file":"TimeInput.js","names":[],"sources":["../../../src/blocks/TimeInput/TimeInput.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\nimport type {\n  ChangeEventHandler,\n  ComponentProps,\n  ComponentRef,\n  FocusEventHandler,\n  MouseEventHandler,\n} from 'react';\n\nimport { InputGroup } from '../../components/InputGroup';\nimport { TimePicker } from '../../components/TimePicker';\nimport { useControllableState } from '../../hooks/useControllableState';\nimport { Clock, X } from '../../icons';\nimport { createChangeInputEvent, mergeRefs } from '../../utils';\n\ntype InputGroupProps = Pick<\n  ComponentProps<typeof InputGroup>,\n  'variant' | 'focusVariant' | 'state' | 'sizing'\n>;\n\ntype InputGroupInputProps = Omit<\n  ComponentProps<typeof InputGroup.Input>,\n  'value' | 'defaultValue' | 'type'\n>;\n\ntype Props = InputGroupProps &\n  InputGroupInputProps & {\n    value?: string | null;\n    defaultValue?: string | null;\n    onValueChange?: (value: string | null) => void;\n    onValueBlur?: (value: string | null) => void;\n    allowClear?: boolean;\n  };\n\nexport const TimeInput = ({\n  ref,\n\n  // group props\n  state,\n  variant,\n  focusVariant,\n  sizing,\n  className,\n\n  // own props\n  value: valueProp,\n  defaultValue,\n  onValueChange,\n  onValueBlur,\n  onChange,\n  onBlur,\n  allowClear = false,\n\n  // input props\n  disabled,\n  readOnly,\n  placeholder = 'Select time',\n  ...restInputProps\n}: Props) => {\n  const inputRef = useRef<ComponentRef<'input'>>(null);\n\n  const [isOpen, setIsOpen] = useState(false);\n\n  const [value, setValue] = useControllableState<string | null>({\n    prop: valueProp,\n    defaultProp: defaultValue ?? null,\n    onChange: onValueChange,\n  });\n\n  const canClear = allowClear && !!value && !disabled && !readOnly;\n  const showPicker = !disabled && !readOnly;\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n    setValue(event.target.value || null);\n    onChange?.(event);\n  };\n\n  const handleBlur: FocusEventHandler<HTMLInputElement> = (event) => {\n    // The value is already committed on change via `setValue`, so blur only needs to notify.\n    onValueBlur?.(event.target.value || null);\n    onBlur?.(event);\n  };\n\n  const handleTimePickerSelect = (time: string) => {\n    setValue(time);\n  };\n\n  const handleClear: MouseEventHandler<HTMLButtonElement> = () => {\n    if (!inputRef.current) return;\n    inputRef.current.value = '';\n    setValue(null);\n    onChange?.(createChangeInputEvent(inputRef.current));\n  };\n\n  return (\n    <InputGroup\n      state={state}\n      variant={variant}\n      sizing={sizing}\n      focusVariant={focusVariant}\n      className={className}\n    >\n      <InputGroup.Input\n        {...restInputProps}\n        ref={mergeRefs(ref ?? null, inputRef)}\n        type=\"time\"\n        // Hide the native picker indicator (custom picker); zero the UA fields-wrapper padding\n        // so the input isn't 2px taller than the InputGroup input.\n        className=\"tw:[&::-webkit-calendar-picker-indicator]:hidden tw:[&::-webkit-datetime-edit-fields-wrapper]:py-0\"\n        value={value ?? ''}\n        placeholder={placeholder}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        disabled={disabled}\n        readOnly={readOnly}\n      />\n\n      {(canClear || showPicker) && (\n        <InputGroup.Addon align=\"inline-end\">\n          {canClear && (\n            <InputGroup.Button\n              aria-label=\"Clear time\"\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={handleClear}\n            >\n              <X className=\"tw:size-4\" />\n            </InputGroup.Button>\n          )}\n          {showPicker && (\n            <TimePicker\n              open={isOpen}\n              onOpenChange={setIsOpen}\n              onSelect={handleTimePickerSelect}\n              selected={value}\n            >\n              <InputGroup.Button aria-label=\"Select time\">\n                <Clock className=\"tw:size-4\" />\n              </InputGroup.Button>\n            </TimePicker>\n          )}\n        </InputGroup.Addon>\n      )}\n    </InputGroup>\n  );\n};\n"],"mappings":";;;;;;;;;AAkCA,MAAa,aAAa,EACxB,KAGA,OACA,SACA,cACA,QACA,WAGA,OAAO,WACP,cACA,eACA,aACA,UACA,QACA,aAAa,OAGb,UACA,UACA,cAAc,eACd,GAAG,qBACQ;CACX,MAAM,WAAW,OAA8B,IAAI;CAEnD,MAAM,CAAC,QAAQ,aAAa,SAAS,KAAK;CAE1C,MAAM,CAAC,OAAO,YAAY,qBAAoC;EAC5D,MAAM;EACN,aAAa,gBAAgB;EAC7B,UAAU;CACZ,CAAC;CAED,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC;CACxD,MAAM,aAAa,CAAC,YAAY,CAAC;CAEjC,MAAM,gBAAsD,UAAU;EACpE,SAAS,MAAM,OAAO,SAAS,IAAI;EACnC,WAAW,KAAK;CAClB;CAEA,MAAM,cAAmD,UAAU;EAEjE,cAAc,MAAM,OAAO,SAAS,IAAI;EACxC,SAAS,KAAK;CAChB;CAEA,MAAM,0BAA0B,SAAiB;EAC/C,SAAS,IAAI;CACf;CAEA,MAAM,oBAA0D;EAC9D,IAAI,CAAC,SAAS,SAAS;EACvB,SAAS,QAAQ,QAAQ;EACzB,SAAS,IAAI;EACb,WAAW,uBAAuB,SAAS,OAAO,CAAC;CACrD;CAEA,OACE,qBAAC,YAAD;EACS;EACE;EACD;EACM;EACH;EALb,UAAA,CAOE,oBAAC,WAAW,OAAZ;GACE,GAAI;GACJ,KAAK,UAAU,OAAO,MAAM,QAAQ;GACpC,MAAK;GAGL,WAAU;GACV,OAAO,SAAS;GACH;GACb,UAAU;GACV,QAAQ;GACE;GACA;EACX,CAAA,IAEC,YAAY,eACZ,qBAAC,WAAW,OAAZ;GAAkB,OAAM;GAAxB,UAAA,CACG,YACC,oBAAC,WAAW,QAAZ;IACE,cAAW;IACX,cAAc,UAAU,MAAM,eAAe;IAC7C,SAAS;IAET,UAAA,oBAAC,GAAD,EAAG,WAAU,YAAa,CAAA;GACT,CAAA,GAEpB,cACC,oBAAC,YAAD;IACE,MAAM;IACN,cAAc;IACd,UAAU;IACV,UAAU;IAEV,UAAA,oBAAC,WAAW,QAAZ;KAAmB,cAAW;KAC5B,UAAA,oBAAC,OAAD,EAAO,WAAU,YAAa,CAAA;IACb,CAAA;GACT,CAAA,CAEE;EAEV,CAAA,CAAA;;AAEhB"}

package/dist/internal/components/Alert.js

@@ -1,2 +1,2 @@
-import { Alert } from "../../Alert-BsIM_oFK.js";
+import { Alert } from "../../Alert-UI-CIs-1.js";
 export { Alert };

package/dist/internal/components/AlertModal.js

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

package/dist/internal/components/Avatar.js

@@ -1,5 +1,5 @@
 import { cn } from "../../classNames-BzrkDnOD.js";
-import { useSHA256 } from "../../utils-BW4AE8VP.js";
+import { useSHA256 } from "../../utils-Bd28bWgm.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-o5jURtpB.js";
+import { Badge } from "../../Badge-DIjhwPvh.js";
 export { Badge };

package/dist/internal/components/BrandLogo.js

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

package/dist/internal/components/Breadcrumb.js

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

package/dist/internal/components/Button.js

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

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 raw className append: a caller passing e.g.\n      // `tw:hidden` must override the base `tw:inline-flex`. cva only concatenates, so both\n      // land on the element and the winner is decided by CSS source order — which flipped in\n      // v4 (`inline-flex` now sorts after `hidden`), leaving hover-reveal groups always visible.\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;EAKd,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-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"}

package/dist/internal/components/Calendar.js

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

package/dist/internal/components/Card.js

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

package/dist/internal/components/Checkbox.js

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

package/dist/internal/components/Clipboard.js

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

package/dist/internal/components/CollapsiblePanel.js

@@ -1,6 +1,6 @@
 import { cn } from "../../classNames-BzrkDnOD.js";
-import { keyCodes } from "../../utils-BW4AE8VP.js";
-import { ChevronDown } from "../../icons-Cek151jC.js";
+import { keyCodes } from "../../utils-Bd28bWgm.js";
+import { ChevronDown } from "../../icons-wcA70iQx.js";
 import { Collapsible } from "../../Collapsible-BQXWEOBC.js";
 import { useState } from "react";
 import { cva } from "class-variance-authority";
@@ -66,7 +66,7 @@ const CollapsiblePanel = ({ header, className, bodyClassName, headerClassName, d
 				onKeyUp: handleKeyUp
 			},
 			children: [/* @__PURE__ */ jsx("div", {
-				className: "tw:flex tw:flex-1 tw:items-center tw:gap-2 tw:py-px tw:text-sm tw:font-medium tw:text-foreground",
+				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",
 				children: header
 			}), !isDisabled && /* @__PURE__ */ jsx("div", {
 				className: "tw:ml-auto tw:shrink-0",

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: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-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"}

package/dist/internal/components/Combobox.js

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

package/dist/internal/components/DatePicker.js

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

package/dist/internal/components/DateRangePicker.js

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

package/dist/internal/components/DropdownMenu.js

@@ -1,2 +1,2 @@
-import { DropdownMenu } from "../../DropdownMenu-CgVwhDvl.js";
+import { DropdownMenu } from "../../DropdownMenu-gRM-A8qU.js";
 export { DropdownMenu };

package/dist/internal/components/FileUpload.js

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

package/dist/internal/components/FullScreenModal.js

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

package/dist/internal/components/HoverCard.js

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

package/dist/internal/components/InputGroup.js

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

package/dist/internal/components/Kbd.js

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

package/dist/internal/components/MarkedText.js

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

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

@@ -1,5 +1,5 @@
 import { cn } from "../../../../classNames-BzrkDnOD.js";
-import { AlertTriangle, CircleCheck } from "../../../../icons-Cek151jC.js";
+import { AlertTriangle, CircleCheck } from "../../../../icons-wcA70iQx.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-I3VWk2oo.js";
+import { Modal } from "../../Modal-BkSuS9Yz.js";
 export { Modal };

package/dist/internal/components/Navbar.js

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

package/dist/internal/components/Pagination.js

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

package/dist/internal/components/PanelWithDetails.js

@@ -1,5 +1,5 @@
 import { cn } from "../../classNames-BzrkDnOD.js";
-import { ChevronDown } from "../../icons-Cek151jC.js";
+import { ChevronDown } from "../../icons-wcA70iQx.js";
 import { Collapsible } from "../../Collapsible-BQXWEOBC.js";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/internal/components/Popconfirm.js

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

package/dist/internal/components/Popover.js

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

package/dist/internal/components/RadioGroup.js

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

package/dist/internal/components/Search.js

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

package/dist/internal/components/Select.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"Separator.js","names":[],"sources":["../../../src/components/Separator/Separator.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\nimport * as RSeparator from '@radix-ui/react-separator';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\n\nconst separatorVariants = cva(\n  [\n    // position\n    'tw:flex',\n    'tw:items-center',\n    'tw:justify-center',\n    'tw:self-stretch',\n\n    // before\n    \"tw:before:content-['']\",\n    'tw:before:bg-border',\n  ],\n  {\n    defaultVariants: {\n      orientation: 'vertical',\n      size: 'full',\n    },\n    compoundVariants: [\n      {\n        orientation: 'horizontal',\n        size: 'full',\n        className: ['tw:before:w-full'],\n      },\n      {\n        orientation: 'horizontal',\n        size: '1/2',\n        className: ['tw:before:w-1/2'],\n      },\n      {\n        orientation: 'horizontal',\n        size: '3/4',\n        className: ['tw:before:w-3/4'],\n      },\n      {\n        orientation: 'vertical',\n        size: 'full',\n        className: ['tw:before:h-full'],\n      },\n      {\n        orientation: 'vertical',\n        size: '1/2',\n        className: ['tw:before:h-1/2'],\n      },\n      {\n        orientation: 'vertical',\n        size: '3/4',\n        className: ['tw:before:h-3/4'],\n      },\n    ],\n    variants: {\n      size: {\n        full: ['tw:before:h-full'],\n        '1/2': [],\n        '3/4': [],\n      },\n      orientation: {\n        vertical: ['tw:before:w-px'],\n        horizontal: ['tw:before:h-px'],\n      },\n    },\n  },\n);\n\ntype Props = VariantProps<typeof separatorVariants> &\n  Omit<ComponentProps<typeof RSeparator.Root>, 'decorative'> & {\n    /**\n     * Optional label rendered centered between two line segments\n     * (typical \"OR\" divider). Implies `orientation=\"horizontal\"`.\n     * Overrides any `children` passed to the component.\n     */\n    label?: ReactNode;\n  };\n\nexport const Separator = ({\n  className,\n  orientation = 'vertical',\n  size = 'full',\n  label,\n  ...props\n}: Props) => {\n  if (label != null && label !== false) {\n    return (\n      <RSeparator.Root\n        {...props}\n        decorative\n        orientation=\"horizontal\"\n        className={cn(\n          'tw:flex tw:w-full tw:items-center tw:gap-3 tw:self-stretch',\n          'tw:text-xs tw:font-medium tw:text-muted-foreground',\n          \"tw:before:content-[''] tw:before:h-px tw:before:flex-1 tw:before:bg-border\",\n          \"tw:after:content-[''] tw:after:h-px tw:after:flex-1 tw:after:bg-border\",\n          className,\n        )}\n      >\n        {label}\n      </RSeparator.Root>\n    );\n  }\n\n  return (\n    <RSeparator.Root\n      {...props}\n      decorative\n      orientation={orientation}\n      className={separatorVariants({ size, orientation, className })}\n    />\n  );\n};\n"],"mappings":";;;;;AAOA,MAAM,oBAAoB,IACxB;CAEE;CACA;CACA;CACA;CAGA;CACA;AACF,GACA;CACE,iBAAiB;EACf,aAAa;EACb,MAAM;CACR;CACA,kBAAkB;EAChB;GACE,aAAa;GACb,MAAM;GACN,WAAW,CAAC,kBAAkB;EAChC;EACA;GACE,aAAa;GACb,MAAM;GACN,WAAW,CAAC,iBAAiB;EAC/B;EACA;GACE,aAAa;GACb,MAAM;GACN,WAAW,CAAC,iBAAiB;EAC/B;EACA;GACE,aAAa;GACb,MAAM;GACN,WAAW,CAAC,kBAAkB;EAChC;EACA;GACE,aAAa;GACb,MAAM;GACN,WAAW,CAAC,iBAAiB;EAC/B;EACA;GACE,aAAa;GACb,MAAM;GACN,WAAW,CAAC,iBAAiB;EAC/B;CACF;CACA,UAAU;EACR,MAAM;GACJ,MAAM,CAAC,kBAAkB;GACzB,OAAO,CAAC;GACR,OAAO,CAAC;EACV;EACA,aAAa;GACX,UAAU,CAAC,gBAAgB;GAC3B,YAAY,CAAC,gBAAgB;EAC/B;CACF;AACF,CACF;AAYA,MAAa,aAAa,EACxB,WACA,cAAc,YACd,OAAO,QACP,OACA,GAAG,YACQ;CACX,IAAI,SAAS,QAAQ,UAAU,OAC7B,OACE,oBAAC,WAAW,MAAZ;EACE,GAAI;EACJ,YAAA;EACA,aAAY;EACZ,WAAW,GACT,8DACA,sDACA,8EACA,0EACA,SACF;EAEC,UAAA;CACc,CAAA;CAIrB,OACE,oBAAC,WAAW,MAAZ;EACE,GAAI;EACJ,YAAA;EACa;EACb,WAAW,kBAAkB;GAAE;GAAM;GAAa;EAAU,CAAC;CAC9D,CAAA;AAEL"}
+{"version":3,"file":"Separator.js","names":[],"sources":["../../../src/components/Separator/Separator.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\nimport * as RSeparator from '@radix-ui/react-separator';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\n\nconst separatorVariants = cva(\n  [\n    'tw:flex',\n    'tw:items-center',\n    'tw:justify-center',\n    'tw:self-stretch',\n\n    \"tw:before:content-['']\",\n    'tw:before:bg-border',\n  ],\n  {\n    defaultVariants: {\n      orientation: 'vertical',\n      size: 'full',\n    },\n    compoundVariants: [\n      {\n        orientation: 'horizontal',\n        size: 'full',\n        className: ['tw:before:w-full'],\n      },\n      {\n        orientation: 'horizontal',\n        size: '1/2',\n        className: ['tw:before:w-1/2'],\n      },\n      {\n        orientation: 'horizontal',\n        size: '3/4',\n        className: ['tw:before:w-3/4'],\n      },\n      {\n        orientation: 'vertical',\n        size: 'full',\n        className: ['tw:before:h-full'],\n      },\n      {\n        orientation: 'vertical',\n        size: '1/2',\n        className: ['tw:before:h-1/2'],\n      },\n      {\n        orientation: 'vertical',\n        size: '3/4',\n        className: ['tw:before:h-3/4'],\n      },\n    ],\n    variants: {\n      size: {\n        full: ['tw:before:h-full'],\n        '1/2': [],\n        '3/4': [],\n      },\n      orientation: {\n        vertical: ['tw:before:w-px'],\n        horizontal: ['tw:before:h-px'],\n      },\n    },\n  },\n);\n\ntype Props = VariantProps<typeof separatorVariants> &\n  Omit<ComponentProps<typeof RSeparator.Root>, 'decorative'> & {\n    /** Centered \"OR\"-style label; implies `orientation=\"horizontal\"`, overrides `children`. */\n    label?: ReactNode;\n  };\n\nexport const Separator = ({\n  className,\n  orientation = 'vertical',\n  size = 'full',\n  label,\n  ...props\n}: Props) => {\n  if (label != null && label !== false) {\n    return (\n      <RSeparator.Root\n        {...props}\n        decorative\n        orientation=\"horizontal\"\n        className={cn(\n          'tw:flex tw:w-full tw:items-center tw:gap-3 tw:self-stretch',\n          'tw:text-xs tw:font-medium tw:text-muted-foreground',\n          \"tw:before:content-[''] tw:before:h-px tw:before:flex-1 tw:before:bg-border\",\n          \"tw:after:content-[''] tw:after:h-px tw:after:flex-1 tw:after:bg-border\",\n          className,\n        )}\n      >\n        {label}\n      </RSeparator.Root>\n    );\n  }\n\n  return (\n    <RSeparator.Root\n      {...props}\n      decorative\n      orientation={orientation}\n      className={separatorVariants({ size, orientation, className })}\n    />\n  );\n};\n"],"mappings":";;;;;AAOA,MAAM,oBAAoB,IACxB;CACE;CACA;CACA;CACA;CAEA;CACA;AACF,GACA;CACE,iBAAiB;EACf,aAAa;EACb,MAAM;CACR;CACA,kBAAkB;EAChB;GACE,aAAa;GACb,MAAM;GACN,WAAW,CAAC,kBAAkB;EAChC;EACA;GACE,aAAa;GACb,MAAM;GACN,WAAW,CAAC,iBAAiB;EAC/B;EACA;GACE,aAAa;GACb,MAAM;GACN,WAAW,CAAC,iBAAiB;EAC/B;EACA;GACE,aAAa;GACb,MAAM;GACN,WAAW,CAAC,kBAAkB;EAChC;EACA;GACE,aAAa;GACb,MAAM;GACN,WAAW,CAAC,iBAAiB;EAC/B;EACA;GACE,aAAa;GACb,MAAM;GACN,WAAW,CAAC,iBAAiB;EAC/B;CACF;CACA,UAAU;EACR,MAAM;GACJ,MAAM,CAAC,kBAAkB;GACzB,OAAO,CAAC;GACR,OAAO,CAAC;EACV;EACA,aAAa;GACX,UAAU,CAAC,gBAAgB;GAC3B,YAAY,CAAC,gBAAgB;EAC/B;CACF;AACF,CACF;AAQA,MAAa,aAAa,EACxB,WACA,cAAc,YACd,OAAO,QACP,OACA,GAAG,YACQ;CACX,IAAI,SAAS,QAAQ,UAAU,OAC7B,OACE,oBAAC,WAAW,MAAZ;EACE,GAAI;EACJ,YAAA;EACA,aAAY;EACZ,WAAW,GACT,8DACA,sDACA,8EACA,0EACA,SACF;EAEC,UAAA;CACc,CAAA;CAIrB,OACE,oBAAC,WAAW,MAAZ;EACE,GAAI;EACJ,YAAA;EACa;EACb,WAAW,kBAAkB;GAAE;GAAM;GAAa;EAAU,CAAC;CAC9D,CAAA;AAEL"}

package/dist/internal/components/Sheet.js

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

package/dist/internal/components/Sidebar.js

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

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

@@ -13,17 +13,13 @@ const HEIGHT_CLASS_NAME = {
 };
 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");
 /**
-* Animated placeholder shown in place of content that is still loading.
+* Placeholder in the slot of loading content.
 *
-* **When to use:** during initial page or section load while the real content is fetched. Match the
-* placeholder shape to the eventual content (one `Skeleton height="lg"` per title row, several `xs` for
-* paragraph lines). For list shells use `count` to render N stacked placeholders.
-* **When NOT to use:** for indeterminate background work without a layout slot use `DotsLoader` or
-* `Button isLoading`; for empty / error states once the request resolves use `EmptyState` / `ErrorState`.
-* **Composition:** drop directly into the slot the real content will occupy. `SkeletonList` is the typical
-* shell for `Table` / `Card`-list pages.
+* - Match the eventual shape (`lg` per title row, `xs` per text line).
+* - Not for slotless work (`DotsLoader`, `Button isLoading`) or empty / error states.
+* - `SkeletonList` shells `Table` / `Card`-list pages.
 *
-* @see RECIPES.md#data-card-with-skeleton — for a loading card pattern
+* @see RECIPES.md#data-card-with-skeleton
 */
 const Skeleton = ({ height = "md", className, count = 1 }) => {
 	const prefixId = useId();

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\n/**\n * Props for `Skeleton`. `height` maps to the named token (xxs 12px → 2xl 48px); `count` renders multiple\n * stacked placeholders sharing the same shape.\n */\ntype SkeletonProps = {\n  /** Named height token — `xxs` (12px) through `2xl` (48px). */\n  height?: Height;\n  className?: string;\n  /** Number of stacked placeholder rows. Use for list-style loading states. */\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  // base styles\n  'tw:relative',\n  'tw:overflow-hidden',\n  'tw:pointer-events-none',\n  'tw:bg-skeleton',\n\n  // before\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 * Animated placeholder shown in place of content that is still loading.\n *\n * **When to use:** during initial page or section load while the real content is fetched. Match the\n * placeholder shape to the eventual content (one `Skeleton height=\"lg\"` per title row, several `xs` for\n * paragraph lines). For list shells use `count` to render N stacked placeholders.\n * **When NOT to use:** for indeterminate background work without a layout slot use `DotsLoader` or\n * `Button isLoading`; for empty / error states once the request resolves use `EmptyState` / `ErrorState`.\n * **Composition:** drop directly into the slot the real content will occupy. `SkeletonList` is the typical\n * shell for `Table` / `Card`-list pages.\n *\n * @see RECIPES.md#data-card-with-skeleton — for a loading card pattern\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":";;;;AAkBA,MAAM,oBAA4C;CAChD,KAAK;CACL,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;AACT;AAEA,MAAM,uBAAuB,GAE3B,eACA,sBACA,0BACA,kBAGA,4BACA,yBACA,sBACA,qBACA,+BACA,2CACA,8BACA,8BACA,4BACA,wBACF;;;;;;;;;;;;;;AAeA,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);\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 * - `SkeletonList` shells `Table` / `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"}

package/dist/internal/components/Slider.js

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

package/dist/internal/components/SpotlightBackdrop.js

@@ -3,15 +3,10 @@ import { useId, useLayoutEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/SpotlightBackdrop/SpotlightBackdrop.tsx
 /**
-* Full-viewport dimmed layer with an SVG-mask cut-out around a target rect,
-* producing a spotlight highlight. With `rect={null}` it dims the whole viewport
-* (no cut-out). The dim tone uses the semantic `foreground` token, so it re-skins
-* with the active brand.
+* Full-viewport dim with a spotlight cut-out around `rect`.
 *
-* **Presentational primitive** — pass a `rect` from `useTargetRect`, and compose
-* with `Popover` for an anchored callout. Tour / coachmark orchestration
-* (steps, next/prev, "seen" persistence) is intentionally app-owned; see the
-* "Guided tour (recipe)" story for the composition.
+* - Presentational: `rect` from `useTargetRect`, callout via `Popover`.
+* - Tour steps and "seen" persistence are app-owned — see the "Guided tour (recipe)" story.
 */
 const SpotlightBackdrop = ({ rect, padding = 8, radius = 8, className, onClick }) => {
 	const maskId = useId();