@keboola/design 15.1.0 → 16.0.0

package/dist/TextInput--1CfZybC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput--1CfZybC.js","names":[],"sources":["../src/blocks/TextInput/utils.ts","../src/blocks/TextInput/TextInput.tsx"],"sourcesContent":["import { createPrefixedString } from '../../utils';\n\nexport const genInputTestId = (prefix: string = '') => {\n  const ps = createPrefixedString(prefix);\n  return {\n    toString: () => prefix,\n    inputWrapper: ps`input-wrapper`,\n    input: ps`input`,\n    clearButton: ps`clear-button`,\n  };\n};\n","import { useRef } from 'react';\nimport type {\n  ChangeEventHandler,\n  ComponentProps,\n  ComponentRef,\n  FocusEventHandler,\n  MouseEventHandler,\n  ReactNode,\n} from 'react';\n\nimport { InputGroup } from '../../components/InputGroup';\nimport { useControllableState } from '../../hooks/useControllableState';\nimport { X } from '../../icons';\nimport { cn, createChangeInputEvent, mergeRefs } from '../../utils';\n\nimport { genInputTestId } from './utils';\n\ntype InputGroupProps = Pick<ComponentProps<typeof InputGroup>, 'focusVariant' | 'state'>;\n\ntype OwnProps = {\n  prefix?: ReactNode;\n  /** `rightSuffixVariant=\"addon\"` truncates it; the ellipsis needs inline content (text or `<span>`). */\n  rightSuffix?: ReactNode;\n  rightSuffixVariant?: 'addon' | 'default';\n  leftSuffix?: ReactNode;\n  allowClear?: boolean;\n  onClear?: () => void;\n  testId?: string;\n  value?: string | null;\n  defaultValue?: string | null;\n  /** Receives the string value; `onChange` gets the raw event. */\n  onValueChange?: (value: string) => void;\n  /** Receives the string value; `onBlur` gets the raw event. */\n  onValueBlur?: (value: string) => void;\n  type?: 'text' | 'email' | 'url' | 'password' | 'datetime-local' | 'date';\n};\n\n/** Props for `TextInput`; `null` / `undefined` values are coerced to `''`. */\nexport type Props = InputGroupProps &\n  OwnProps &\n  Omit<ComponentProps<'input'>, 'prefix' | 'value' | 'defaultValue' | 'type' | 'accept' | 'step'>;\n\nconst sanitizeTextInputValue = (value: string | null | undefined) => {\n  if (typeof value === 'string' && value.trim() === '') return '';\n  return value;\n};\n\n/**\n * Standard text input with a string-only API, built on `InputGroup`.\n *\n * **When to use:** plain text / email / password / date fields outside `useAppForm`.\n * **When NOT to use:** `FormGroup.TextInput` (labelled group), `field.TextField` (validated\n * form), `SearchInput` (search).\n */\nexport const TextInput = ({\n  ref: forwardedRef,\n  state = 'default',\n  className,\n  prefix = null,\n  rightSuffix = null,\n  rightSuffixVariant = 'default',\n  leftSuffix = null,\n  allowClear = false,\n  onClear,\n  disabled = false,\n  testId: prefixTestId = '',\n  autoFocus = false,\n  id,\n  name,\n  readOnly,\n  type = 'text',\n  focusVariant = 'default',\n  onChange,\n  onBlur,\n  onValueChange,\n  onValueBlur,\n  value: valueProp,\n  defaultValue,\n  ...inputProps\n}: Props) => {\n  const inputRef = useRef<ComponentRef<'input'>>(null);\n\n  const [value, setValue] = useControllableState<string>({\n    // `undefined` stays uncontrolled; any other value (incl. `null`) is controlled.\n    prop: valueProp === undefined ? undefined : (sanitizeTextInputValue(valueProp) ?? ''),\n    defaultProp: sanitizeTextInputValue(defaultValue) ?? '',\n    onChange: onValueChange,\n  });\n\n  const testId = genInputTestId(prefixTestId);\n  const isClearButtonVisible = (!!value && !disabled && !readOnly) || !!onClear;\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n    setValue(event.target.value);\n    onChange?.(event);\n  };\n\n  const handleBlur: FocusEventHandler<HTMLInputElement> = (event) => {\n    onValueBlur?.(event.target.value);\n    onBlur?.(event);\n  };\n\n  const handleClear: MouseEventHandler<HTMLButtonElement> = () => {\n    if (inputRef.current === null) return;\n    inputRef.current.value = ''; // keep the DOM node in sync before firing the synthetic change\n    inputRef.current.focus();\n    onClear?.();\n    handleChange(createChangeInputEvent(inputRef.current));\n  };\n\n  return (\n    <InputGroup\n      state={state}\n      focusVariant={focusVariant}\n      className={className}\n      data-testid={testId.inputWrapper}\n    >\n      {prefix && <InputGroup.Addon align=\"inline-start\">{prefix}</InputGroup.Addon>}\n\n      <InputGroup.Input\n        {...inputProps}\n        value={value}\n        autoFocus={autoFocus}\n        type={type}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        ref={mergeRefs(forwardedRef ?? null, inputRef)}\n        disabled={disabled}\n        id={id}\n        name={name}\n        readOnly={readOnly}\n        data-testid={testId.input}\n      />\n\n      {(leftSuffix || allowClear || rightSuffix) && (\n        <InputGroup.Addon\n          align=\"inline-end\"\n          className={cn({ 'tw:min-w-0 tw:shrink': rightSuffixVariant === 'addon' })}\n        >\n          {leftSuffix}\n          {allowClear && isClearButtonVisible && (\n            <InputGroup.Button\n              aria-label=\"Clear\"\n              onMouseDown={(e) => e.preventDefault()}\n              onClick={handleClear}\n              data-testid={testId.clearButton}\n            >\n              <X className=\"tw:size-4\" />\n            </InputGroup.Button>\n          )}\n          {rightSuffix && (\n            <div\n              className={cn({\n                'tw:truncate tw:min-w-0 tw:bg-muted tw:px-4 tw:-mr-4 tw:py-2.5':\n                  rightSuffixVariant === 'addon',\n              })}\n            >\n              {rightSuffix}\n            </div>\n          )}\n        </InputGroup.Addon>\n      )}\n    </InputGroup>\n  );\n};\n"],"mappings":";;;;;;;;;AAEA,MAAa,kBAAkB,SAAiB,OAAO;CACrD,MAAM,KAAK,qBAAqB,MAAM;CACtC,OAAO;EACL,gBAAgB;EAChB,cAAc,EAAE;EAChB,OAAO,EAAE;EACT,aAAa,EAAE;CACjB;AACF;;ACgCA,MAAM,0BAA0B,UAAqC;CACnE,IAAI,OAAO,UAAU,YAAY,MAAM,KAAK,MAAM,IAAI,OAAO;CAC7D,OAAO;AACT;;;;;;;;AASA,MAAa,aAAa,EACxB,KAAK,cACL,QAAQ,WACR,WACA,SAAS,MACT,cAAc,MACd,qBAAqB,WACrB,aAAa,MACb,aAAa,OACb,SACA,WAAW,OACX,QAAQ,eAAe,IACvB,YAAY,OACZ,IACA,MACA,UACA,OAAO,QACP,eAAe,WACf,UACA,QACA,eACA,aACA,OAAO,WACP,cACA,GAAG,iBACQ;CACX,MAAM,WAAW,OAA8B,IAAI;CAEnD,MAAM,CAAC,OAAO,YAAY,qBAA6B;EAErD,MAAM,cAAc,KAAA,IAAY,KAAA,IAAa,uBAAuB,SAAS,KAAK;EAClF,aAAa,uBAAuB,YAAY,KAAK;EACrD,UAAU;CACZ,CAAC;CAED,MAAM,SAAS,eAAe,YAAY;CAC1C,MAAM,uBAAwB,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC,YAAa,CAAC,CAAC;CAEtE,MAAM,gBAAsD,UAAU;EACpE,SAAS,MAAM,OAAO,KAAK;EAC3B,WAAW,KAAK;CAClB;CAEA,MAAM,cAAmD,UAAU;EACjE,cAAc,MAAM,OAAO,KAAK;EAChC,SAAS,KAAK;CAChB;CAEA,MAAM,oBAA0D;EAC9D,IAAI,SAAS,YAAY,MAAM;EAC/B,SAAS,QAAQ,QAAQ;EACzB,SAAS,QAAQ,MAAM;EACvB,UAAU;EACV,aAAa,uBAAuB,SAAS,OAAO,CAAC;CACvD;CAEA,OACE,qBAAC,YAAD;EACS;EACO;EACH;EACX,eAAa,OAAO;EAJtB,UAAA;GAMG,UAAU,oBAAC,WAAW,OAAZ;IAAkB,OAAM;IAAgB,UAAA;GAAyB,CAAA;GAE5E,oBAAC,WAAW,OAAZ;IACE,GAAI;IACG;IACI;IACL;IACN,UAAU;IACV,QAAQ;IACR,KAAK,UAAU,gBAAgB,MAAM,QAAQ;IACnC;IACN;IACE;IACI;IACV,eAAa,OAAO;GACrB,CAAA;IAEC,cAAc,cAAc,gBAC5B,qBAAC,WAAW,OAAZ;IACE,OAAM;IACN,WAAW,GAAG,EAAE,wBAAwB,uBAAuB,QAAQ,CAAC;IAF1E,UAAA;KAIG;KACA,cAAc,wBACb,oBAAC,WAAW,QAAZ;MACE,cAAW;MACX,cAAc,MAAM,EAAE,eAAe;MACrC,SAAS;MACT,eAAa,OAAO;MAEpB,UAAA,oBAAC,GAAD,EAAG,WAAU,YAAa,CAAA;KACT,CAAA;KAEpB,eACC,oBAAC,OAAD;MACE,WAAW,GAAG,EACZ,iEACE,uBAAuB,QAC3B,CAAC;MAEA,UAAA;KACE,CAAA;IAES;;EAEV;;AAEhB"}

package/dist/{ThemeProvider-BTK7AL-T.js → ThemeProvider-BCHllN7d.js}

@@ -1,10 +1,10 @@
-import { TooltipProvider } from "./utils-DwC9u0tM.js";
-import { DEFAULT_BRANDS, DEFAULT_COLOR_SCHEME, ThemeScopeContainerContext, ThemeScopeSchemeContext, createCssVars, createTheme, defaultBrand, defaultTheme, useBrandState, useColorSchemeState } from "./themeScopeContext-CEVXbYvZ.js";
+import { TooltipProvider } from "./utils-DjFceY3H.js";
+import { DEFAULT_BRANDS, DEFAULT_COLOR_SCHEME, ThemeScopeContainerContext, ThemeScopeSchemeContext, createCssVars, createTheme, defaultBrand, defaultTheme, useBrandState, useColorSchemeState } from "./themeScopeContext-BZGPdyG8.js";
 import { createContext, use, useEffect, useInsertionEffect, useMemo, useRef, useState } from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { agnes, brandSchema, exampleCustomer, harbor, kbcUi, keboola as keboola$1 } from "@keboola/brand-registry";
-//#region src/components/ThemeProvider/AIGradientSvg.tsx
+// src/components/ThemeProvider/AIGradientSvg.tsx
 const AIGradientsSvg = () => /* @__PURE__ */ jsx("svg", {
 	width: "0",
 	height: "0",
@@ -47,8 +47,7 @@ const AIGradientsSvg = () => /* @__PURE__ */ jsx("svg", {
 		})]
 	})] })
 });
-//#endregion
-//#region src/components/ThemeProvider/context.tsx
+// src/components/ThemeProvider/context.tsx
 const noop = () => void 0;
 const defaultContext = {
 	scheme: DEFAULT_COLOR_SCHEME,
@@ -62,8 +61,7 @@ const defaultContext = {
 };
 const ThemeContext = createContext(defaultContext);
 const useTheme = () => use(ThemeContext);
-//#endregion
-//#region src/components/ThemeProvider/useThemeTokens.ts
+// src/components/ThemeProvider/useThemeTokens.ts
 const brandThemeToTokens = (theme, scheme) => ({
 	colors: scheme === "dark" ? theme.colorsDark : theme.colors,
 	typography: theme.typography,
@@ -189,8 +187,7 @@ const useThemeTokens = (tokens, target) => {
 		return () => removeTokens(node, vars);
 	}, [tokens, target]);
 };
-//#endregion
-//#region src/components/ThemeProvider/ThemeProvider.tsx
+// src/components/ThemeProvider/ThemeProvider.tsx
 const ThemeProvider = ({ defaultScheme, scheme, onSchemeChange, defaultBrandId, brandId, onBrandIdChange, brands = DEFAULT_BRANDS, children }) => {
 	const colorSchemeState = useColorSchemeState({
 		defaultScheme,
@@ -233,8 +230,7 @@ const ThemeProvider = ({ defaultScheme, scheme, onSchemeChange, defaultBrandId,
 		children: [/* @__PURE__ */ jsx(AIGradientsSvg, {}), /* @__PURE__ */ jsx(TooltipProvider, { children })]
 	});
 };
-//#endregion
-//#region src/components/ThemeProvider/ThemeScope.tsx
+// src/components/ThemeProvider/ThemeScope.tsx
 const DARK_QUERY = "(prefers-color-scheme: dark)";
 /** The scope's themed portal container, or `null` outside a `ThemeScope`. */
 const useThemeScopeContainer = () => use(ThemeScopeContainerContext);
@@ -290,7 +286,6 @@ const ThemeScope = ({ scheme, className, children }) => {
 		})
 	});
 };
-//#endregion
 export { ThemeProvider, ThemeScope, agnes, brandSchema, exampleCustomer, harbor, kbcUi, keboola$1 as keboola, useTheme, useThemeScopeContainer };
 
-//# sourceMappingURL=ThemeProvider-BTK7AL-T.js.map
+//# sourceMappingURL=ThemeProvider-BCHllN7d.js.map

package/dist/{ThemeProvider-BTK7AL-T.js.map → ThemeProvider-BCHllN7d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider-BTK7AL-T.js","names":[],"sources":["../src/components/ThemeProvider/AIGradientSvg.tsx","../src/components/ThemeProvider/context.tsx","../src/components/ThemeProvider/useThemeTokens.ts","../src/components/ThemeProvider/ThemeProvider.tsx","../src/components/ThemeProvider/ThemeScope.tsx"],"sourcesContent":["export const AIGradientsSvg = () => (\n  <svg width=\"0\" height=\"0\" style={{ position: 'absolute', visibility: 'hidden' }}>\n    <defs>\n      {/*aigradient-600*/}\n      <linearGradient id=\"aigradient-600\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n        <stop offset=\"0%\" stopColor=\"#61E4FF\" />\n        <stop offset=\"50%\" stopColor=\"#1F8FFF\" />\n        <stop offset=\"100%\" stopColor=\"#7C5CFF\" />\n      </linearGradient>\n\n      {/*aigradient-700*/}\n      <linearGradient id=\"aigradient-700\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n        <stop offset=\"0%\" stopColor=\"#075fb8\" />\n        <stop offset=\"100%\" stopColor=\"#5b2cb8\" />\n      </linearGradient>\n    </defs>\n  </svg>\n);\n","import { createContext, use } from 'react';\n\nimport type { Brand } from '@keboola/brand-registry';\n\nimport { DEFAULT_COLOR_SCHEME, defaultBrand, defaultTheme } from './defaults';\nimport type { Theme } from './types';\nimport type { useBrandState } from './useBrandState';\nimport type { useColorSchemeState } from './useColorSchemeState';\n\nexport type ThemeContextValue = ReturnType<typeof useColorSchemeState> &\n  ReturnType<typeof useBrandState> & {\n    themes: Theme[];\n    currentTheme: Theme;\n    /** Raw brand tokens, so a nested `ThemeScope` can re-derive them for another scheme. */\n    brandTheme: Brand['theme'];\n  };\n\nconst noop = () => void 0;\n\nconst defaultContext: ThemeContextValue = {\n  scheme: DEFAULT_COLOR_SCHEME,\n  resolvedScheme: DEFAULT_COLOR_SCHEME,\n  setScheme: noop,\n  brandId: defaultTheme.id,\n  setBrand: noop,\n\n  themes: [defaultTheme],\n  currentTheme: defaultTheme,\n  brandTheme: defaultBrand.theme,\n};\n\nexport const ThemeContext = createContext(defaultContext);\n\nexport const useTheme = () => use(ThemeContext);\n","import { useInsertionEffect } from 'react';\n\nimport type {\n  BrandTheme,\n  Colors,\n  Gradient,\n  Motion,\n  Opacity,\n  Radii,\n  Shadows,\n  Spacing,\n  Typography,\n} from '@keboola/brand-registry';\n\nimport type { ResolvedColorScheme } from './types';\nimport { createCssVars } from './utils';\n\nexport type ThemeTokens = {\n  colors?: Colors;\n  typography?: Typography;\n  radii?: Radii;\n  shadows?: Shadows;\n  spacing?: Spacing;\n  motion?: Motion;\n  gradient?: Gradient;\n  opacity?: Opacity;\n};\n\nexport const brandThemeToTokens = (\n  theme: BrandTheme,\n  scheme: ResolvedColorScheme,\n): ThemeTokens => ({\n  colors: scheme === 'dark' ? theme.colorsDark : theme.colors,\n  typography: theme.typography,\n  radii: theme.radii,\n  // Scheme-independent — the same values apply in light and dark.\n  shadows: theme.shadows,\n  spacing: theme.spacing,\n  motion: theme.motion,\n  gradient: theme.gradient,\n  opacity: theme.opacity,\n});\n\nexport const tokensToCssVars = ({\n  colors,\n  typography,\n  radii,\n  shadows,\n  spacing,\n  motion,\n  gradient,\n  opacity,\n}: ThemeTokens): Record<string, string> => {\n  const vars = createCssVars();\n\n  vars.set('--background', colors?.background);\n  vars.set('--foreground', colors?.foreground);\n  vars.set('--muted', colors?.muted);\n  vars.set('--muted-foreground', colors?.mutedForeground);\n  vars.set('--border', colors?.border);\n  vars.set('--input', colors?.input);\n  vars.set('--input-background', colors?.inputBackground);\n  vars.set('--ring', colors?.ring);\n  vars.set('--ring-offset', colors?.ringOffset);\n  vars.set('--primary', colors?.primary);\n  vars.set('--primary-foreground', colors?.primaryForeground);\n  vars.set('--secondary', colors?.secondary);\n  vars.set('--secondary-foreground', colors?.secondaryForeground);\n  vars.set('--accent', colors?.accent);\n  vars.set('--accent-foreground', colors?.accentForeground);\n  vars.set('--card', colors?.card);\n  vars.set('--card-foreground', colors?.cardForeground);\n  vars.set('--popover', colors?.popover);\n  vars.set('--popover-foreground', colors?.popoverForeground);\n  vars.set('--destructive', colors?.destructive);\n  vars.set('--destructive-foreground', colors?.destructiveForeground);\n  vars.set('--success', colors?.success);\n  vars.set('--success-foreground', colors?.successForeground);\n  vars.set('--warning', colors?.warning);\n  vars.set('--warning-foreground', colors?.warningForeground);\n  vars.set('--info', colors?.info);\n  vars.set('--info-foreground', colors?.infoForeground);\n\n  // Full CSS colours, not channels — read as `var(--hover, …)`, never wrapped in `rgb()`.\n  vars.set('--hover', colors?.hover);\n  vars.set('--hover-foreground', colors?.hoverForeground);\n  vars.set('--pressed', colors?.pressed);\n  vars.set('--selected', colors?.selected);\n  vars.set('--selected-foreground', colors?.selectedForeground);\n  vars.set('--scrim', colors?.scrim);\n\n  vars.set('--chart-1', colors?.chart?.chart1);\n  vars.set('--chart-2', colors?.chart?.chart2);\n  vars.set('--chart-3', colors?.chart?.chart3);\n  vars.set('--chart-4', colors?.chart?.chart4);\n  vars.set('--chart-5', colors?.chart?.chart5);\n\n  vars.set('--sidebar', colors?.sidebar?.sidebar);\n  vars.set('--sidebar-foreground', colors?.sidebar?.sidebarForeground);\n  vars.set('--sidebar-primary', colors?.sidebar?.sidebarPrimary);\n  vars.set('--sidebar-primary-foreground', colors?.sidebar?.sidebarPrimaryForeground);\n  vars.set('--sidebar-accent', colors?.sidebar?.sidebarAccent);\n  vars.set('--sidebar-accent-foreground', colors?.sidebar?.sidebarAccentForeground);\n  vars.set('--sidebar-hover', colors?.sidebar?.sidebarHover);\n  vars.set('--sidebar-hover-foreground', colors?.sidebar?.sidebarHoverForeground);\n  vars.set('--sidebar-selected', colors?.sidebar?.sidebarSelected);\n  vars.set('--sidebar-selected-foreground', colors?.sidebar?.sidebarSelectedForeground);\n  vars.set('--sidebar-border', colors?.sidebar?.sidebarBorder);\n  vars.set('--sidebar-ring', colors?.sidebar?.sidebarRing);\n\n  vars.set('--font-sans', typography?.fontFamily?.trim() || undefined);\n  vars.set('--font-display', typography?.fontDisplay?.trim() || undefined);\n  vars.set('--font-mono', typography?.fontMono?.trim() || undefined);\n\n  // Chrome font-weight slots — read by Tailwind's `fontWeight` scale.\n  vars.set('--font-weight-normal', typography?.weight?.normal);\n  vars.set('--font-weight-medium', typography?.weight?.medium);\n  vars.set('--font-weight-semibold', typography?.weight?.semibold);\n  vars.set('--font-weight-bold', typography?.weight?.bold);\n\n  // Chrome tracking — behind Button/Badge `tracking-chrome`.\n  vars.set('--letter-spacing-chrome', typography?.letterSpacing?.chrome);\n\n  // Type scale — display/heading/body steps read by `text-display/heading/body`.\n  vars.set('--type-display-size', typography?.typeScale?.display?.size);\n  vars.set('--type-display-weight', typography?.typeScale?.display?.weight);\n  vars.set('--type-display-leading', typography?.typeScale?.display?.leading);\n  vars.set('--type-display-tracking', typography?.typeScale?.display?.tracking);\n  vars.set('--type-heading-size', typography?.typeScale?.heading?.size);\n  vars.set('--type-heading-weight', typography?.typeScale?.heading?.weight);\n  vars.set('--type-heading-leading', typography?.typeScale?.heading?.leading);\n  vars.set('--type-heading-tracking', typography?.typeScale?.heading?.tracking);\n  vars.set('--type-body-size', typography?.typeScale?.body?.size);\n  vars.set('--type-body-weight', typography?.typeScale?.body?.weight);\n  vars.set('--type-body-leading', typography?.typeScale?.body?.leading);\n  vars.set('--type-body-tracking', typography?.typeScale?.body?.tracking);\n\n  vars.set('--radius-sm', radii?.sm);\n  vars.set('--radius-md', radii?.md);\n  vars.set('--radius-lg', radii?.lg);\n  vars.set('--radius-card', radii?.card);\n  vars.set('--radius-popover', radii?.popover);\n  vars.set('--radius-modal', radii?.modal);\n  vars.set('--radius-sheet', radii?.sheet);\n  vars.set('--radius-toast', radii?.toast);\n\n  vars.set('--shadow-sm', shadows?.sm);\n  vars.set('--shadow-md', shadows?.md);\n  vars.set('--shadow-lg', shadows?.lg);\n  vars.set('--shadow-lift', shadows?.lift);\n\n  vars.set('--space-gutter', spacing?.gutter);\n  vars.set('--space-inset', spacing?.inset);\n\n  vars.set('--motion-duration', motion?.duration);\n  vars.set('--motion-easing', motion?.easing);\n\n  vars.set('--gradient-brand', gradient?.brand);\n\n  vars.set('--disabled-opacity', opacity?.disabled);\n\n  return vars.expose();\n};\n\nconst setTokens = (node: HTMLElement, vars: Record<string, string>) => {\n  for (const [name, value] of Object.entries(vars)) {\n    node.style.setProperty(name, value);\n  }\n};\n\nconst removeTokens = (node: HTMLElement, vars: Record<string, string>) => {\n  for (const name of Object.keys(vars)) {\n    node.style.removeProperty(name);\n  }\n};\n\n/**\n * Writes a brand's token overrides as inline custom properties.\n *\n * - `target` defaults to `<html>`; an element scopes them to its subtree (`ThemeScope`).\n * - A brand injects resolved `--color-*` aliases that `[data-theme='dark']` does not re-point,\n *   so a nested scheme must re-inject its own values or light colours leak into dark.\n */\nexport const useThemeTokens = (tokens: ThemeTokens, target?: HTMLElement | null) => {\n  // Runs before any descendant layout effect measures token-dependent geometry.\n  // Unset slots fall through to the stylesheet's defaults.\n  useInsertionEffect(() => {\n    if (typeof document === 'undefined') return;\n    // `undefined` = app-wide; `null` = scope node not mounted yet.\n    const node = target === undefined ? document.documentElement : target;\n    if (!node) return;\n\n    const vars = tokensToCssVars(tokens);\n\n    setTokens(node, vars);\n\n    return () => removeTokens(node, vars);\n  }, [tokens, target]);\n};\n","import { type ReactNode, useMemo } from 'react';\n\nimport type { Brand } from '@keboola/brand-registry';\n\nimport { TooltipProvider } from '../Tooltip';\n\nimport { AIGradientsSvg } from './AIGradientSvg';\nimport { ThemeContext, type ThemeContextValue } from './context';\nimport { DEFAULT_BRANDS, defaultBrand } from './defaults';\nimport { type UseBrandOptions, useBrandState } from './useBrandState';\nimport { type UseColorSchemeOptions, useColorSchemeState } from './useColorSchemeState';\nimport { brandThemeToTokens, useThemeTokens } from './useThemeTokens';\nimport { createTheme } from './utils';\n\ntype Props = UseColorSchemeOptions &\n  UseBrandOptions & {\n    /** Brands this provider knows about; the active brand id resolves against these. */\n    brands?: readonly Brand[];\n    children: ReactNode;\n  };\n\nexport const ThemeProvider = ({\n  defaultScheme,\n  scheme,\n  onSchemeChange,\n  defaultBrandId,\n  brandId,\n  onBrandIdChange,\n  brands = DEFAULT_BRANDS,\n  children,\n}: Props) => {\n  const colorSchemeState = useColorSchemeState({\n    defaultScheme,\n    scheme,\n    onSchemeChange,\n  });\n\n  const brandState = useBrandState({\n    defaultBrandId,\n    brandId,\n    onBrandIdChange,\n  });\n\n  // Resolve the active brand; an unknown id (incl. the default sentinel) falls\n  // back to `defaultBrand`, whose empty theme injects nothing so the stylesheet\n  // defaults apply.\n  const brand = useMemo(\n    () => brands.find((item) => item.id === brandState.brandId) ?? defaultBrand,\n    [brands, brandState.brandId],\n  );\n  const themes = useMemo(() => brands.map(createTheme), [brands]);\n  const currentTheme = useMemo(() => createTheme(brand), [brand]);\n\n  // Only the brand's overrides for the resolved scheme are injected; every slot\n  // it omits (including a missing dark palette) falls through to the stylesheet's\n  // `:root` / `[data-theme='dark']` defaults — so dark mode works for any brand.\n  const themeTokens = useMemo(\n    () => brandThemeToTokens(brand.theme, colorSchemeState.resolvedScheme),\n    [brand, colorSchemeState.resolvedScheme],\n  );\n\n  useThemeTokens(themeTokens);\n\n  const { scheme: activeScheme, resolvedScheme, setScheme } = colorSchemeState;\n  const { brandId: activeBrandId, setBrand } = brandState;\n  const context = useMemo<ThemeContextValue>(\n    () => ({\n      scheme: activeScheme,\n      resolvedScheme,\n      setScheme,\n      brandId: activeBrandId,\n      setBrand,\n      themes,\n      currentTheme,\n      brandTheme: brand.theme,\n    }),\n    [activeScheme, resolvedScheme, setScheme, activeBrandId, setBrand, themes, currentTheme, brand],\n  );\n\n  return (\n    <ThemeContext value={context}>\n      <AIGradientsSvg />\n      <TooltipProvider>{children}</TooltipProvider>\n    </ThemeContext>\n  );\n};\n","import { type ReactNode, use, useEffect, useMemo, useRef, useState } from 'react';\nimport { Slot } from '@radix-ui/react-slot';\n\nimport { useTheme } from './context';\nimport { ThemeScopeContainerContext, ThemeScopeSchemeContext } from './themeScopeContext';\nimport type { ColorScheme, ResolvedColorScheme } from './types';\nimport { brandThemeToTokens, tokensToCssVars, useThemeTokens } from './useThemeTokens';\n\nconst DARK_QUERY = '(prefers-color-scheme: dark)';\n\n// Overlays portal to <body>, outside the scope; pass this as their `container` to keep its tokens.\n/** The scope's themed portal container, or `null` outside a `ThemeScope`. */\nexport const useThemeScopeContainer = () => use(ThemeScopeContainerContext);\n\nconst useResolvedScheme = (scheme: ColorScheme): ResolvedColorScheme => {\n  const [systemPrefersDark, setSystemPrefersDark] = useState(\n    () => globalThis.matchMedia?.(DARK_QUERY).matches ?? false,\n  );\n\n  useEffect(() => {\n    const query = globalThis.matchMedia?.(DARK_QUERY);\n    if (!query) return;\n\n    const onChange = (event: MediaQueryListEvent) => setSystemPrefersDark(event.matches);\n    query.addEventListener('change', onChange);\n\n    return () => query.removeEventListener('change', onChange);\n  }, []);\n\n  if (scheme === 'system') return systemPrefersDark ? 'dark' : 'light';\n\n  return scheme;\n};\n\ntype Props = {\n  /** Colour scheme for this subtree. `system` follows the OS preference. */\n  scheme: ColorScheme;\n  /** Merged onto the child element. */\n  className?: string;\n  /** A single element to theme. Its props are merged — no wrapper is rendered. */\n  children: ReactNode;\n};\n\n/**\n * Runs one subtree in its own colour scheme.\n *\n * - Also re-injects the brand's tokens for its scheme: a bare `data-theme` only re-points raw\n *   tokens, not the brand's inline vars inherited from `<html>`.\n * - Renders no wrapper: one would break direct-child selectors like `[data-fill=true] > &`.\n */\nexport const ThemeScope = ({ scheme, className, children }: Props) => {\n  const { brandTheme } = useTheme();\n  const resolvedScheme = useResolvedScheme(scheme);\n  const [portalContainer, setPortalContainer] = useState<HTMLDivElement | null>(null);\n\n  const tokens = useMemo(\n    () => brandThemeToTokens(brandTheme, resolvedScheme),\n    [brandTheme, resolvedScheme],\n  );\n  const style = useMemo(() => tokensToCssVars(tokens), [tokens]);\n\n  useThemeTokens(tokens, portalContainer);\n\n  // Keeps the container from being rebuilt on every scheme flip.\n  const schemeRef = useRef(resolvedScheme);\n  schemeRef.current = resolvedScheme;\n\n  useEffect(() => {\n    const container = document.createElement('div');\n    container.dataset.themeScopePortal = '';\n    // Set before publishing, or a consumer would read and cache the page's palette.\n    container.dataset.theme = schemeRef.current;\n    document.body.append(container);\n    setPortalContainer(container);\n\n    return () => container.remove();\n  }, []);\n\n  // Keeps an existing container in step; the creation above covers the first commit.\n  useEffect(() => {\n    portalContainer?.setAttribute('data-theme', resolvedScheme);\n  }, [portalContainer, resolvedScheme]);\n\n  return (\n    <ThemeScopeContainerContext value={portalContainer}>\n      {/* Canvases (charts, editors) build palettes from this scope's scheme, not the page's. */}\n      <ThemeScopeSchemeContext value={resolvedScheme}>\n        <Slot data-theme={resolvedScheme} className={className} style={style}>\n          {children}\n        </Slot>\n      </ThemeScopeSchemeContext>\n    </ThemeScopeContainerContext>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"ThemeProvider-BCHllN7d.js","names":[],"sources":["../src/components/ThemeProvider/AIGradientSvg.tsx","../src/components/ThemeProvider/context.tsx","../src/components/ThemeProvider/useThemeTokens.ts","../src/components/ThemeProvider/ThemeProvider.tsx","../src/components/ThemeProvider/ThemeScope.tsx"],"sourcesContent":["export const AIGradientsSvg = () => (\n  <svg width=\"0\" height=\"0\" style={{ position: 'absolute', visibility: 'hidden' }}>\n    <defs>\n      {/*aigradient-600*/}\n      <linearGradient id=\"aigradient-600\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n        <stop offset=\"0%\" stopColor=\"#61E4FF\" />\n        <stop offset=\"50%\" stopColor=\"#1F8FFF\" />\n        <stop offset=\"100%\" stopColor=\"#7C5CFF\" />\n      </linearGradient>\n\n      {/*aigradient-700*/}\n      <linearGradient id=\"aigradient-700\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n        <stop offset=\"0%\" stopColor=\"#075fb8\" />\n        <stop offset=\"100%\" stopColor=\"#5b2cb8\" />\n      </linearGradient>\n    </defs>\n  </svg>\n);\n","import { createContext, use } from 'react';\n\nimport type { Brand } from '@keboola/brand-registry';\n\nimport { DEFAULT_COLOR_SCHEME, defaultBrand, defaultTheme } from './defaults';\nimport type { Theme } from './types';\nimport type { useBrandState } from './useBrandState';\nimport type { useColorSchemeState } from './useColorSchemeState';\n\nexport type ThemeContextValue = ReturnType<typeof useColorSchemeState> &\n  ReturnType<typeof useBrandState> & {\n    themes: Theme[];\n    currentTheme: Theme;\n    /** Raw brand tokens, so a nested `ThemeScope` can re-derive them for another scheme. */\n    brandTheme: Brand['theme'];\n  };\n\nconst noop = () => void 0;\n\nconst defaultContext: ThemeContextValue = {\n  scheme: DEFAULT_COLOR_SCHEME,\n  resolvedScheme: DEFAULT_COLOR_SCHEME,\n  setScheme: noop,\n  brandId: defaultTheme.id,\n  setBrand: noop,\n\n  themes: [defaultTheme],\n  currentTheme: defaultTheme,\n  brandTheme: defaultBrand.theme,\n};\n\nexport const ThemeContext = createContext(defaultContext);\n\nexport const useTheme = () => use(ThemeContext);\n","import { useInsertionEffect } from 'react';\n\nimport type {\n  BrandTheme,\n  Colors,\n  Gradient,\n  Motion,\n  Opacity,\n  Radii,\n  Shadows,\n  Spacing,\n  Typography,\n} from '@keboola/brand-registry';\n\nimport type { ResolvedColorScheme } from './types';\nimport { createCssVars } from './utils';\n\nexport type ThemeTokens = {\n  colors?: Colors;\n  typography?: Typography;\n  radii?: Radii;\n  shadows?: Shadows;\n  spacing?: Spacing;\n  motion?: Motion;\n  gradient?: Gradient;\n  opacity?: Opacity;\n};\n\nexport const brandThemeToTokens = (\n  theme: BrandTheme,\n  scheme: ResolvedColorScheme,\n): ThemeTokens => ({\n  colors: scheme === 'dark' ? theme.colorsDark : theme.colors,\n  typography: theme.typography,\n  radii: theme.radii,\n  // Scheme-independent — the same values apply in light and dark.\n  shadows: theme.shadows,\n  spacing: theme.spacing,\n  motion: theme.motion,\n  gradient: theme.gradient,\n  opacity: theme.opacity,\n});\n\nexport const tokensToCssVars = ({\n  colors,\n  typography,\n  radii,\n  shadows,\n  spacing,\n  motion,\n  gradient,\n  opacity,\n}: ThemeTokens): Record<string, string> => {\n  const vars = createCssVars();\n\n  vars.set('--background', colors?.background);\n  vars.set('--foreground', colors?.foreground);\n  vars.set('--muted', colors?.muted);\n  vars.set('--muted-foreground', colors?.mutedForeground);\n  vars.set('--border', colors?.border);\n  vars.set('--input', colors?.input);\n  vars.set('--input-background', colors?.inputBackground);\n  vars.set('--ring', colors?.ring);\n  vars.set('--ring-offset', colors?.ringOffset);\n  vars.set('--primary', colors?.primary);\n  vars.set('--primary-foreground', colors?.primaryForeground);\n  vars.set('--secondary', colors?.secondary);\n  vars.set('--secondary-foreground', colors?.secondaryForeground);\n  vars.set('--accent', colors?.accent);\n  vars.set('--accent-foreground', colors?.accentForeground);\n  vars.set('--card', colors?.card);\n  vars.set('--card-foreground', colors?.cardForeground);\n  vars.set('--popover', colors?.popover);\n  vars.set('--popover-foreground', colors?.popoverForeground);\n  vars.set('--destructive', colors?.destructive);\n  vars.set('--destructive-foreground', colors?.destructiveForeground);\n  vars.set('--success', colors?.success);\n  vars.set('--success-foreground', colors?.successForeground);\n  vars.set('--warning', colors?.warning);\n  vars.set('--warning-foreground', colors?.warningForeground);\n  vars.set('--info', colors?.info);\n  vars.set('--info-foreground', colors?.infoForeground);\n\n  // Full CSS colours, not channels — read as `var(--hover, …)`, never wrapped in `rgb()`.\n  vars.set('--hover', colors?.hover);\n  vars.set('--hover-foreground', colors?.hoverForeground);\n  vars.set('--pressed', colors?.pressed);\n  vars.set('--selected', colors?.selected);\n  vars.set('--selected-foreground', colors?.selectedForeground);\n  vars.set('--scrim', colors?.scrim);\n\n  vars.set('--chart-1', colors?.chart?.chart1);\n  vars.set('--chart-2', colors?.chart?.chart2);\n  vars.set('--chart-3', colors?.chart?.chart3);\n  vars.set('--chart-4', colors?.chart?.chart4);\n  vars.set('--chart-5', colors?.chart?.chart5);\n\n  vars.set('--sidebar', colors?.sidebar?.sidebar);\n  vars.set('--sidebar-foreground', colors?.sidebar?.sidebarForeground);\n  vars.set('--sidebar-primary', colors?.sidebar?.sidebarPrimary);\n  vars.set('--sidebar-primary-foreground', colors?.sidebar?.sidebarPrimaryForeground);\n  vars.set('--sidebar-accent', colors?.sidebar?.sidebarAccent);\n  vars.set('--sidebar-accent-foreground', colors?.sidebar?.sidebarAccentForeground);\n  vars.set('--sidebar-hover', colors?.sidebar?.sidebarHover);\n  vars.set('--sidebar-hover-foreground', colors?.sidebar?.sidebarHoverForeground);\n  vars.set('--sidebar-selected', colors?.sidebar?.sidebarSelected);\n  vars.set('--sidebar-selected-foreground', colors?.sidebar?.sidebarSelectedForeground);\n  vars.set('--sidebar-border', colors?.sidebar?.sidebarBorder);\n  vars.set('--sidebar-ring', colors?.sidebar?.sidebarRing);\n\n  vars.set('--font-sans', typography?.fontFamily?.trim() || undefined);\n  vars.set('--font-display', typography?.fontDisplay?.trim() || undefined);\n  vars.set('--font-mono', typography?.fontMono?.trim() || undefined);\n\n  // Chrome font-weight slots — read by Tailwind's `fontWeight` scale.\n  vars.set('--font-weight-normal', typography?.weight?.normal);\n  vars.set('--font-weight-medium', typography?.weight?.medium);\n  vars.set('--font-weight-semibold', typography?.weight?.semibold);\n  vars.set('--font-weight-bold', typography?.weight?.bold);\n\n  // Chrome tracking — behind Button/Badge `tracking-chrome`.\n  vars.set('--letter-spacing-chrome', typography?.letterSpacing?.chrome);\n\n  // Type scale — display/heading/body steps read by `text-display/heading/body`.\n  vars.set('--type-display-size', typography?.typeScale?.display?.size);\n  vars.set('--type-display-weight', typography?.typeScale?.display?.weight);\n  vars.set('--type-display-leading', typography?.typeScale?.display?.leading);\n  vars.set('--type-display-tracking', typography?.typeScale?.display?.tracking);\n  vars.set('--type-heading-size', typography?.typeScale?.heading?.size);\n  vars.set('--type-heading-weight', typography?.typeScale?.heading?.weight);\n  vars.set('--type-heading-leading', typography?.typeScale?.heading?.leading);\n  vars.set('--type-heading-tracking', typography?.typeScale?.heading?.tracking);\n  vars.set('--type-body-size', typography?.typeScale?.body?.size);\n  vars.set('--type-body-weight', typography?.typeScale?.body?.weight);\n  vars.set('--type-body-leading', typography?.typeScale?.body?.leading);\n  vars.set('--type-body-tracking', typography?.typeScale?.body?.tracking);\n\n  vars.set('--radius-sm', radii?.sm);\n  vars.set('--radius-md', radii?.md);\n  vars.set('--radius-lg', radii?.lg);\n  vars.set('--radius-card', radii?.card);\n  vars.set('--radius-popover', radii?.popover);\n  vars.set('--radius-modal', radii?.modal);\n  vars.set('--radius-sheet', radii?.sheet);\n  vars.set('--radius-toast', radii?.toast);\n\n  vars.set('--shadow-sm', shadows?.sm);\n  vars.set('--shadow-md', shadows?.md);\n  vars.set('--shadow-lg', shadows?.lg);\n  vars.set('--shadow-lift', shadows?.lift);\n\n  vars.set('--space-gutter', spacing?.gutter);\n  vars.set('--space-inset', spacing?.inset);\n\n  vars.set('--motion-duration', motion?.duration);\n  vars.set('--motion-easing', motion?.easing);\n\n  vars.set('--gradient-brand', gradient?.brand);\n\n  vars.set('--disabled-opacity', opacity?.disabled);\n\n  return vars.expose();\n};\n\nconst setTokens = (node: HTMLElement, vars: Record<string, string>) => {\n  for (const [name, value] of Object.entries(vars)) {\n    node.style.setProperty(name, value);\n  }\n};\n\nconst removeTokens = (node: HTMLElement, vars: Record<string, string>) => {\n  for (const name of Object.keys(vars)) {\n    node.style.removeProperty(name);\n  }\n};\n\n/**\n * Writes a brand's token overrides as inline custom properties.\n *\n * - `target` defaults to `<html>`; an element scopes them to its subtree (`ThemeScope`).\n * - A brand injects resolved `--color-*` aliases that `[data-theme='dark']` does not re-point,\n *   so a nested scheme must re-inject its own values or light colours leak into dark.\n */\nexport const useThemeTokens = (tokens: ThemeTokens, target?: HTMLElement | null) => {\n  // Runs before any descendant layout effect measures token-dependent geometry.\n  // Unset slots fall through to the stylesheet's defaults.\n  useInsertionEffect(() => {\n    if (typeof document === 'undefined') return;\n    // `undefined` = app-wide; `null` = scope node not mounted yet.\n    const node = target === undefined ? document.documentElement : target;\n    if (!node) return;\n\n    const vars = tokensToCssVars(tokens);\n\n    setTokens(node, vars);\n\n    return () => removeTokens(node, vars);\n  }, [tokens, target]);\n};\n","import { type ReactNode, useMemo } from 'react';\n\nimport type { Brand } from '@keboola/brand-registry';\n\nimport { TooltipProvider } from '../Tooltip';\n\nimport { AIGradientsSvg } from './AIGradientSvg';\nimport { ThemeContext, type ThemeContextValue } from './context';\nimport { DEFAULT_BRANDS, defaultBrand } from './defaults';\nimport { type UseBrandOptions, useBrandState } from './useBrandState';\nimport { type UseColorSchemeOptions, useColorSchemeState } from './useColorSchemeState';\nimport { brandThemeToTokens, useThemeTokens } from './useThemeTokens';\nimport { createTheme } from './utils';\n\ntype Props = UseColorSchemeOptions &\n  UseBrandOptions & {\n    /** Brands this provider knows about; the active brand id resolves against these. */\n    brands?: readonly Brand[];\n    children: ReactNode;\n  };\n\nexport const ThemeProvider = ({\n  defaultScheme,\n  scheme,\n  onSchemeChange,\n  defaultBrandId,\n  brandId,\n  onBrandIdChange,\n  brands = DEFAULT_BRANDS,\n  children,\n}: Props) => {\n  const colorSchemeState = useColorSchemeState({\n    defaultScheme,\n    scheme,\n    onSchemeChange,\n  });\n\n  const brandState = useBrandState({\n    defaultBrandId,\n    brandId,\n    onBrandIdChange,\n  });\n\n  // Resolve the active brand; an unknown id (incl. the default sentinel) falls\n  // back to `defaultBrand`, whose empty theme injects nothing so the stylesheet\n  // defaults apply.\n  const brand = useMemo(\n    () => brands.find((item) => item.id === brandState.brandId) ?? defaultBrand,\n    [brands, brandState.brandId],\n  );\n  const themes = useMemo(() => brands.map(createTheme), [brands]);\n  const currentTheme = useMemo(() => createTheme(brand), [brand]);\n\n  // Only the brand's overrides for the resolved scheme are injected; every slot\n  // it omits (including a missing dark palette) falls through to the stylesheet's\n  // `:root` / `[data-theme='dark']` defaults — so dark mode works for any brand.\n  const themeTokens = useMemo(\n    () => brandThemeToTokens(brand.theme, colorSchemeState.resolvedScheme),\n    [brand, colorSchemeState.resolvedScheme],\n  );\n\n  useThemeTokens(themeTokens);\n\n  const { scheme: activeScheme, resolvedScheme, setScheme } = colorSchemeState;\n  const { brandId: activeBrandId, setBrand } = brandState;\n  const context = useMemo<ThemeContextValue>(\n    () => ({\n      scheme: activeScheme,\n      resolvedScheme,\n      setScheme,\n      brandId: activeBrandId,\n      setBrand,\n      themes,\n      currentTheme,\n      brandTheme: brand.theme,\n    }),\n    [activeScheme, resolvedScheme, setScheme, activeBrandId, setBrand, themes, currentTheme, brand],\n  );\n\n  return (\n    <ThemeContext value={context}>\n      <AIGradientsSvg />\n      <TooltipProvider>{children}</TooltipProvider>\n    </ThemeContext>\n  );\n};\n","import { type ReactNode, use, useEffect, useMemo, useRef, useState } from 'react';\nimport { Slot } from '@radix-ui/react-slot';\n\nimport { useTheme } from './context';\nimport { ThemeScopeContainerContext, ThemeScopeSchemeContext } from './themeScopeContext';\nimport type { ColorScheme, ResolvedColorScheme } from './types';\nimport { brandThemeToTokens, tokensToCssVars, useThemeTokens } from './useThemeTokens';\n\nconst DARK_QUERY = '(prefers-color-scheme: dark)';\n\n// Overlays portal to <body>, outside the scope; pass this as their `container` to keep its tokens.\n/** The scope's themed portal container, or `null` outside a `ThemeScope`. */\nexport const useThemeScopeContainer = () => use(ThemeScopeContainerContext);\n\nconst useResolvedScheme = (scheme: ColorScheme): ResolvedColorScheme => {\n  const [systemPrefersDark, setSystemPrefersDark] = useState(\n    () => globalThis.matchMedia?.(DARK_QUERY).matches ?? false,\n  );\n\n  useEffect(() => {\n    const query = globalThis.matchMedia?.(DARK_QUERY);\n    if (!query) return;\n\n    const onChange = (event: MediaQueryListEvent) => setSystemPrefersDark(event.matches);\n    query.addEventListener('change', onChange);\n\n    return () => query.removeEventListener('change', onChange);\n  }, []);\n\n  if (scheme === 'system') return systemPrefersDark ? 'dark' : 'light';\n\n  return scheme;\n};\n\ntype Props = {\n  /** Colour scheme for this subtree. `system` follows the OS preference. */\n  scheme: ColorScheme;\n  /** Merged onto the child element. */\n  className?: string;\n  /** A single element to theme. Its props are merged — no wrapper is rendered. */\n  children: ReactNode;\n};\n\n/**\n * Runs one subtree in its own colour scheme.\n *\n * - Also re-injects the brand's tokens for its scheme: a bare `data-theme` only re-points raw\n *   tokens, not the brand's inline vars inherited from `<html>`.\n * - Renders no wrapper: one would break direct-child selectors like `[data-fill=true] > &`.\n */\nexport const ThemeScope = ({ scheme, className, children }: Props) => {\n  const { brandTheme } = useTheme();\n  const resolvedScheme = useResolvedScheme(scheme);\n  const [portalContainer, setPortalContainer] = useState<HTMLDivElement | null>(null);\n\n  const tokens = useMemo(\n    () => brandThemeToTokens(brandTheme, resolvedScheme),\n    [brandTheme, resolvedScheme],\n  );\n  const style = useMemo(() => tokensToCssVars(tokens), [tokens]);\n\n  useThemeTokens(tokens, portalContainer);\n\n  // Keeps the container from being rebuilt on every scheme flip.\n  const schemeRef = useRef(resolvedScheme);\n  schemeRef.current = resolvedScheme;\n\n  useEffect(() => {\n    const container = document.createElement('div');\n    container.dataset.themeScopePortal = '';\n    // Set before publishing, or a consumer would read and cache the page's palette.\n    container.dataset.theme = schemeRef.current;\n    document.body.append(container);\n    setPortalContainer(container);\n\n    return () => container.remove();\n  }, []);\n\n  // Keeps an existing container in step; the creation above covers the first commit.\n  useEffect(() => {\n    portalContainer?.setAttribute('data-theme', resolvedScheme);\n  }, [portalContainer, resolvedScheme]);\n\n  return (\n    <ThemeScopeContainerContext value={portalContainer}>\n      {/* Canvases (charts, editors) build palettes from this scope's scheme, not the page's. */}\n      <ThemeScopeSchemeContext value={resolvedScheme}>\n        <Slot data-theme={resolvedScheme} className={className} style={style}>\n          {children}\n        </Slot>\n      </ThemeScopeSchemeContext>\n    </ThemeScopeContainerContext>\n  );\n};\n"],"mappings":"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"}

package/dist/{TimePicker-lk3NGqeK.js → TimePicker-CCV3SOw5.js}

@@ -1,9 +1,9 @@
 import { ScrollArea } from "./internal/components/ScrollArea.js";
 import { Toggle } from "./internal/components/Toggle.js";
-import { Popover } from "./Popover-DnBw5Uay.js";
+import { Popover } from "./Popover-DhOPlWgF.js";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/TimePicker/utils.ts
+// src/components/TimePicker/utils.ts
 const pad = (n) => n.toString().padStart(2, "0");
 /** The "HH:mm" shape `parseTime` parses back. */
 const formatTime = (hour, minute) => `${pad(hour)}:${pad(minute)}`;
@@ -34,8 +34,7 @@ const scrollToSelected = (viewport) => {
 		viewport.querySelector("[aria-pressed=\"true\"]")?.scrollIntoView({ block: "center" });
 	});
 };
-//#endregion
-//#region src/components/TimePicker/TimePicker.tsx
+// src/components/TimePicker/TimePicker.tsx
 const HOURS = Array.from({ length: 24 }, (_, i) => i);
 const MINUTES = Array.from({ length: 60 }, (_, i) => i);
 const TimePicker = ({ align = "end", alignOffset = -18, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset = 12 }) => {
@@ -92,7 +91,6 @@ const TimePicker = ({ align = "end", alignOffset = -18, children, defaultOpen, d
 		})]
 	});
 };
-//#endregion
 export { TimePicker, formatTime, pad, parseTime };
 
-//# sourceMappingURL=TimePicker-lk3NGqeK.js.map
+//# sourceMappingURL=TimePicker-CCV3SOw5.js.map

package/dist/{TimePicker-lk3NGqeK.js.map → TimePicker-CCV3SOw5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TimePicker-lk3NGqeK.js","names":[],"sources":["../src/components/TimePicker/utils.ts","../src/components/TimePicker/TimePicker.tsx"],"sourcesContent":["export const pad = (n: number) => n.toString().padStart(2, '0');\n\n/** The \"HH:mm\" shape `parseTime` parses back. */\nexport const formatTime = (hour: number, minute: number) => `${pad(hour)}:${pad(minute)}`;\n\nexport const parseTime = (time?: string | null) => {\n  if (!time) return { hour: null, minute: null };\n\n  const match = /^(\\d{1,2}):(\\d{1,2})$/.exec(time.trim());\n  if (!match) return { hour: null, minute: null };\n\n  const hour = Number(match[1]);\n  const minute = Number(match[2]);\n  if (\n    Number.isNaN(hour) ||\n    Number.isNaN(minute) ||\n    hour < 0 ||\n    hour > 23 ||\n    minute < 0 ||\n    minute > 59\n  )\n    return { hour: null, minute: null };\n\n  return { hour, minute };\n};\n\nexport const scrollToSelected = (viewport: HTMLDivElement | null) => {\n  if (!viewport) return;\n  // Defer scroll until after the popover open animation completes and layout is calculated\n  requestAnimationFrame(() => {\n    const selected = viewport.querySelector('[aria-pressed=\"true\"]');\n    selected?.scrollIntoView({ block: 'center' });\n  });\n};\n","import { useState } from 'react';\nimport type { ReactNode } from 'react';\nimport type { PopoverContentProps, PopoverProps } from '@radix-ui/react-popover';\n\nimport { Popover } from '../Popover';\nimport { ScrollArea } from '../ScrollArea';\nimport { Toggle } from '../Toggle';\n\nimport { formatTime, pad, parseTime, scrollToSelected } from './utils';\n\nconst HOURS = Array.from({ length: 24 }, (_, i) => i);\nconst MINUTES = Array.from({ length: 60 }, (_, i) => i);\n\ntype Props = {\n  children?: ReactNode;\n  defaultSelected?: string | null;\n  selected?: string | null;\n  onSelect?: (time: string) => void;\n} & Pick<PopoverProps, 'open' | 'onOpenChange' | 'defaultOpen'> &\n  Pick<PopoverContentProps, 'align' | 'alignOffset' | 'sideOffset'>;\n\nexport const TimePicker = ({\n  align = 'end',\n  alignOffset = -18,\n  children,\n  defaultOpen,\n  defaultSelected,\n  onOpenChange,\n  onSelect,\n  open,\n  selected,\n  sideOffset = 12,\n}: Props) => {\n  const [internalSelected, setInternalSelected] = useState<string | null>(defaultSelected ?? null);\n\n  const isControlled = selected !== undefined;\n  const currentValue = isControlled ? selected : internalSelected;\n\n  const parsed = parseTime(currentValue);\n  const hour = parsed.hour ?? null;\n  const minute = parsed.minute ?? null;\n\n  const handleSelect = (time: string) => {\n    if (!isControlled) {\n      setInternalSelected(time);\n    }\n    onSelect?.(time);\n  };\n\n  const handleHourSelect = (h: number) => {\n    handleSelect(formatTime(h, minute ?? 0));\n  };\n\n  const handleMinuteSelect = (m: number) => {\n    handleSelect(formatTime(hour ?? 0, m));\n  };\n\n  return (\n    <Popover defaultOpen={defaultOpen} onOpenChange={onOpenChange} open={open}>\n      <Popover.Trigger asChild>{children}</Popover.Trigger>\n      <Popover.Content\n        align={align}\n        alignOffset={alignOffset}\n        sideOffset={sideOffset}\n        className=\"tw:flex tw:flex-row\"\n      >\n        <ScrollArea type=\"always\" ref={scrollToSelected} viewPortClassName=\"tw:h-60 tw:p-3\">\n          {HOURS.map((value) => (\n            <Toggle\n              key={value}\n              variant=\"ghost\"\n              className=\"tw:size-10 tw:p-0\"\n              pressed={value === hour}\n              onPressedChange={() => handleHourSelect(value)}\n            >\n              {pad(value)}\n            </Toggle>\n          ))}\n        </ScrollArea>\n\n        <ScrollArea type=\"always\" ref={scrollToSelected} viewPortClassName=\"tw:h-60 tw:p-3\">\n          {MINUTES.map((value) => (\n            <Toggle\n              key={value}\n              variant=\"ghost\"\n              className=\"tw:size-10 tw:p-0\"\n              pressed={value === minute}\n              onPressedChange={() => handleMinuteSelect(value)}\n            >\n              {pad(value)}\n            </Toggle>\n          ))}\n        </ScrollArea>\n      </Popover.Content>\n    </Popover>\n  );\n};\n"],"mappings":";;;;;;AAAA,MAAa,OAAO,MAAc,EAAE,SAAS,CAAC,CAAC,SAAS,GAAG,GAAG;;AAG9D,MAAa,cAAc,MAAc,WAAmB,GAAG,IAAI,IAAI,EAAE,GAAG,IAAI,MAAM;AAEtF,MAAa,aAAa,SAAyB;CACjD,IAAI,CAAC,MAAM,OAAO;EAAE,MAAM;EAAM,QAAQ;CAAK;CAE7C,MAAM,QAAQ,wBAAwB,KAAK,KAAK,KAAK,CAAC;CACtD,IAAI,CAAC,OAAO,OAAO;EAAE,MAAM;EAAM,QAAQ;CAAK;CAE9C,MAAM,OAAO,OAAO,MAAM,EAAE;CAC5B,MAAM,SAAS,OAAO,MAAM,EAAE;CAC9B,IACE,OAAO,MAAM,IAAI,KACjB,OAAO,MAAM,MAAM,KACnB,OAAO,KACP,OAAO,MACP,SAAS,KACT,SAAS,IAET,OAAO;EAAE,MAAM;EAAM,QAAQ;CAAK;CAEpC,OAAO;EAAE;EAAM;CAAO;AACxB;AAEA,MAAa,oBAAoB,aAAoC;CACnE,IAAI,CAAC,UAAU;CAEf,4BAA4B;EAE1B,SAD0B,cAAc,yBACjC,CAAC,EAAE,eAAe,EAAE,OAAO,SAAS,CAAC;CAC9C,CAAC;AACH;;;ACvBA,MAAM,QAAQ,MAAM,KAAK,EAAE,QAAQ,GAAG,IAAI,GAAG,MAAM,CAAC;AACpD,MAAM,UAAU,MAAM,KAAK,EAAE,QAAQ,GAAG,IAAI,GAAG,MAAM,CAAC;AAUtD,MAAa,cAAc,EACzB,QAAQ,OACR,cAAc,KACd,UACA,aACA,iBACA,cACA,UACA,MACA,UACA,aAAa,SACF;CACX,MAAM,CAAC,kBAAkB,uBAAuB,SAAwB,mBAAmB,IAAI;CAE/F,MAAM,eAAe,aAAa,KAAA;CAGlC,MAAM,SAAS,UAFM,eAAe,WAAW,gBAEV;CACrC,MAAM,OAAO,OAAO,QAAQ;CAC5B,MAAM,SAAS,OAAO,UAAU;CAEhC,MAAM,gBAAgB,SAAiB;EACrC,IAAI,CAAC,cACH,oBAAoB,IAAI;EAE1B,WAAW,IAAI;CACjB;CAEA,MAAM,oBAAoB,MAAc;EACtC,aAAa,WAAW,GAAG,UAAU,CAAC,CAAC;CACzC;CAEA,MAAM,sBAAsB,MAAc;EACxC,aAAa,WAAW,QAAQ,GAAG,CAAC,CAAC;CACvC;CAEA,OACE,qBAAC,SAAD;EAAsB;EAA2B;EAAoB;EAArE,UAAA,CACE,oBAAC,QAAQ,SAAT;GAAiB,SAAA;GAAS;EAA0B,CAAA,GACpD,qBAAC,QAAQ,SAAT;GACS;GACM;GACD;GACZ,WAAU;GAJZ,UAAA,CAME,oBAAC,YAAD;IAAY,MAAK;IAAS,KAAK;IAAkB,mBAAkB;IAChE,UAAA,MAAM,KAAK,UACV,oBAAC,QAAD;KAEE,SAAQ;KACR,WAAU;KACV,SAAS,UAAU;KACnB,uBAAuB,iBAAiB,KAAK;KAE5C,UAAA,IAAI,KAAK;IACJ,GAPD,KAOC,CACT;GACS,CAAA,GAEZ,oBAAC,YAAD;IAAY,MAAK;IAAS,KAAK;IAAkB,mBAAkB;IAChE,UAAA,QAAQ,KAAK,UACZ,oBAAC,QAAD;KAEE,SAAQ;KACR,WAAU;KACV,SAAS,UAAU;KACnB,uBAAuB,mBAAmB,KAAK;KAE9C,UAAA,IAAI,KAAK;IACJ,GAPD,KAOC,CACT;GACS,CAAA,CACG;EACV,CAAA,CAAA;;AAEb"}
+{"version":3,"file":"TimePicker-CCV3SOw5.js","names":[],"sources":["../src/components/TimePicker/utils.ts","../src/components/TimePicker/TimePicker.tsx"],"sourcesContent":["export const pad = (n: number) => n.toString().padStart(2, '0');\n\n/** The \"HH:mm\" shape `parseTime` parses back. */\nexport const formatTime = (hour: number, minute: number) => `${pad(hour)}:${pad(minute)}`;\n\nexport const parseTime = (time?: string | null) => {\n  if (!time) return { hour: null, minute: null };\n\n  const match = /^(\\d{1,2}):(\\d{1,2})$/.exec(time.trim());\n  if (!match) return { hour: null, minute: null };\n\n  const hour = Number(match[1]);\n  const minute = Number(match[2]);\n  if (\n    Number.isNaN(hour) ||\n    Number.isNaN(minute) ||\n    hour < 0 ||\n    hour > 23 ||\n    minute < 0 ||\n    minute > 59\n  )\n    return { hour: null, minute: null };\n\n  return { hour, minute };\n};\n\nexport const scrollToSelected = (viewport: HTMLDivElement | null) => {\n  if (!viewport) return;\n  // Defer scroll until after the popover open animation completes and layout is calculated\n  requestAnimationFrame(() => {\n    const selected = viewport.querySelector('[aria-pressed=\"true\"]');\n    selected?.scrollIntoView({ block: 'center' });\n  });\n};\n","import { useState } from 'react';\nimport type { ReactNode } from 'react';\nimport type { PopoverContentProps, PopoverProps } from '@radix-ui/react-popover';\n\nimport { Popover } from '../Popover';\nimport { ScrollArea } from '../ScrollArea';\nimport { Toggle } from '../Toggle';\n\nimport { formatTime, pad, parseTime, scrollToSelected } from './utils';\n\nconst HOURS = Array.from({ length: 24 }, (_, i) => i);\nconst MINUTES = Array.from({ length: 60 }, (_, i) => i);\n\ntype Props = {\n  children?: ReactNode;\n  defaultSelected?: string | null;\n  selected?: string | null;\n  onSelect?: (time: string) => void;\n} & Pick<PopoverProps, 'open' | 'onOpenChange' | 'defaultOpen'> &\n  Pick<PopoverContentProps, 'align' | 'alignOffset' | 'sideOffset'>;\n\nexport const TimePicker = ({\n  align = 'end',\n  alignOffset = -18,\n  children,\n  defaultOpen,\n  defaultSelected,\n  onOpenChange,\n  onSelect,\n  open,\n  selected,\n  sideOffset = 12,\n}: Props) => {\n  const [internalSelected, setInternalSelected] = useState<string | null>(defaultSelected ?? null);\n\n  const isControlled = selected !== undefined;\n  const currentValue = isControlled ? selected : internalSelected;\n\n  const parsed = parseTime(currentValue);\n  const hour = parsed.hour ?? null;\n  const minute = parsed.minute ?? null;\n\n  const handleSelect = (time: string) => {\n    if (!isControlled) {\n      setInternalSelected(time);\n    }\n    onSelect?.(time);\n  };\n\n  const handleHourSelect = (h: number) => {\n    handleSelect(formatTime(h, minute ?? 0));\n  };\n\n  const handleMinuteSelect = (m: number) => {\n    handleSelect(formatTime(hour ?? 0, m));\n  };\n\n  return (\n    <Popover defaultOpen={defaultOpen} onOpenChange={onOpenChange} open={open}>\n      <Popover.Trigger asChild>{children}</Popover.Trigger>\n      <Popover.Content\n        align={align}\n        alignOffset={alignOffset}\n        sideOffset={sideOffset}\n        className=\"tw:flex tw:flex-row\"\n      >\n        <ScrollArea type=\"always\" ref={scrollToSelected} viewPortClassName=\"tw:h-60 tw:p-3\">\n          {HOURS.map((value) => (\n            <Toggle\n              key={value}\n              variant=\"ghost\"\n              className=\"tw:size-10 tw:p-0\"\n              pressed={value === hour}\n              onPressedChange={() => handleHourSelect(value)}\n            >\n              {pad(value)}\n            </Toggle>\n          ))}\n        </ScrollArea>\n\n        <ScrollArea type=\"always\" ref={scrollToSelected} viewPortClassName=\"tw:h-60 tw:p-3\">\n          {MINUTES.map((value) => (\n            <Toggle\n              key={value}\n              variant=\"ghost\"\n              className=\"tw:size-10 tw:p-0\"\n              pressed={value === minute}\n              onPressedChange={() => handleMinuteSelect(value)}\n            >\n              {pad(value)}\n            </Toggle>\n          ))}\n        </ScrollArea>\n      </Popover.Content>\n    </Popover>\n  );\n};\n"],"mappings":";;;;;;AAAA,MAAa,OAAO,MAAc,EAAE,SAAS,CAAC,CAAC,SAAS,GAAG,GAAG;;AAG9D,MAAa,cAAc,MAAc,WAAmB,GAAG,IAAI,IAAI,EAAE,GAAG,IAAI,MAAM;AAEtF,MAAa,aAAa,SAAyB;CACjD,IAAI,CAAC,MAAM,OAAO;EAAE,MAAM;EAAM,QAAQ;CAAK;CAE7C,MAAM,QAAQ,wBAAwB,KAAK,KAAK,KAAK,CAAC;CACtD,IAAI,CAAC,OAAO,OAAO;EAAE,MAAM;EAAM,QAAQ;CAAK;CAE9C,MAAM,OAAO,OAAO,MAAM,EAAE;CAC5B,MAAM,SAAS,OAAO,MAAM,EAAE;CAC9B,IACE,OAAO,MAAM,IAAI,KACjB,OAAO,MAAM,MAAM,KACnB,OAAO,KACP,OAAO,MACP,SAAS,KACT,SAAS,IAET,OAAO;EAAE,MAAM;EAAM,QAAQ;CAAK;CAEpC,OAAO;EAAE;EAAM;CAAO;AACxB;AAEA,MAAa,oBAAoB,aAAoC;CACnE,IAAI,CAAC,UAAU;CAEf,4BAA4B;EAE1B,SAD0B,cAAc,yBACjC,CAAC,EAAE,eAAe,EAAE,OAAO,SAAS,CAAC;CAC9C,CAAC;AACH;;ACvBA,MAAM,QAAQ,MAAM,KAAK,EAAE,QAAQ,GAAG,IAAI,GAAG,MAAM,CAAC;AACpD,MAAM,UAAU,MAAM,KAAK,EAAE,QAAQ,GAAG,IAAI,GAAG,MAAM,CAAC;AAUtD,MAAa,cAAc,EACzB,QAAQ,OACR,cAAc,KACd,UACA,aACA,iBACA,cACA,UACA,MACA,UACA,aAAa,SACF;CACX,MAAM,CAAC,kBAAkB,uBAAuB,SAAwB,mBAAmB,IAAI;CAE/F,MAAM,eAAe,aAAa,KAAA;CAGlC,MAAM,SAAS,UAFM,eAAe,WAAW,gBAEV;CACrC,MAAM,OAAO,OAAO,QAAQ;CAC5B,MAAM,SAAS,OAAO,UAAU;CAEhC,MAAM,gBAAgB,SAAiB;EACrC,IAAI,CAAC,cACH,oBAAoB,IAAI;EAE1B,WAAW,IAAI;CACjB;CAEA,MAAM,oBAAoB,MAAc;EACtC,aAAa,WAAW,GAAG,UAAU,CAAC,CAAC;CACzC;CAEA,MAAM,sBAAsB,MAAc;EACxC,aAAa,WAAW,QAAQ,GAAG,CAAC,CAAC;CACvC;CAEA,OACE,qBAAC,SAAD;EAAsB;EAA2B;EAAoB;EAArE,UAAA,CACE,oBAAC,QAAQ,SAAT;GAAiB,SAAA;GAAS;EAA0B,CAAA,GACpD,qBAAC,QAAQ,SAAT;GACS;GACM;GACD;GACZ,WAAU;GAJZ,UAAA,CAME,oBAAC,YAAD;IAAY,MAAK;IAAS,KAAK;IAAkB,mBAAkB;IAChE,UAAA,MAAM,KAAK,UACV,oBAAC,QAAD;KAEE,SAAQ;KACR,WAAU;KACV,SAAS,UAAU;KACnB,uBAAuB,iBAAiB,KAAK;KAE5C,UAAA,IAAI,KAAK;IACJ,GAPD,KAOC,CACT;GACS,CAAA,GAEZ,oBAAC,YAAD;IAAY,MAAK;IAAS,KAAK;IAAkB,mBAAkB;IAChE,UAAA,QAAQ,KAAK,UACZ,oBAAC,QAAD;KAEE,SAAQ;KACR,WAAU;KACV,SAAS,UAAU;KACnB,uBAAuB,mBAAmB,KAAK;KAE9C,UAAA,IAAI,KAAK;IACJ,GAPD,KAOC,CACT;GACS,CAAA,CACG;EACV,CAAA,CAAA;;AAEb"}

package/dist/{Timeline-DUXgByUE.js → Timeline-EMOpTLAT.js}

@@ -1,10 +1,10 @@
-import { cn } from "./classNames-DcGnTh2N.js";
-import { useElement } from "./useElement-D-RjrGa4.js";
+import { cn } from "./classNames-DkX30VJU.js";
+import { useElement } from "./useElement-Dcoo9Jlr.js";
 import { useEffect, useState } from "react";
 import { Root } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/Timeline/useLastLineHeight.ts
+// src/components/Timeline/useLastLineHeight.ts
 const CONNECTOR_MARGIN_TOP = 8;
 const useLastLineHeight = () => {
 	const [wrapper, setWrapper] = useElement();
@@ -29,8 +29,7 @@ const useLastLineHeight = () => {
 		setConnector
 	};
 };
-//#endregion
-//#region src/components/Timeline/TimelineConnector.tsx
+// src/components/Timeline/TimelineConnector.tsx
 const connectorWrapper = cva([
 	"tw:grow",
 	"tw:min-h-8",
@@ -121,23 +120,20 @@ const TimelineConnector = ({ className, children, asChild, variant, align, offse
 		})
 	});
 };
-//#endregion
-//#region src/components/Timeline/TimelineContent.tsx
+// src/components/Timeline/TimelineContent.tsx
 const TimelineContent = ({ className, ...rest }) => /* @__PURE__ */ jsx("div", {
 	...rest,
 	"data-slot": "timeline-content",
 	className: cn("tw:flex", "tw:py-2", className)
 });
-//#endregion
-//#region src/components/Timeline/TimelineItem.tsx
+// src/components/Timeline/TimelineItem.tsx
 const TimelineItem = ({ className, ...rest }) => {
 	return /* @__PURE__ */ jsx("li", {
 		...rest,
 		className: cn("tw:contents", "tw:relative", "tw:group/timeline-item", className)
 	});
 };
-//#endregion
-//#region src/components/Timeline/Timeline.tsx
+// src/components/Timeline/Timeline.tsx
 const Timeline = ({ className, variant = "dashed", ...rest }) => {
 	return /* @__PURE__ */ jsx("ul", {
 		...rest,
@@ -148,7 +144,6 @@ const Timeline = ({ className, variant = "dashed", ...rest }) => {
 Timeline.Item = TimelineItem;
 Timeline.Content = TimelineContent;
 Timeline.Connector = TimelineConnector;
-//#endregion
 export { Timeline };
 
-//# sourceMappingURL=Timeline-DUXgByUE.js.map
+//# sourceMappingURL=Timeline-EMOpTLAT.js.map

package/dist/{Timeline-DUXgByUE.js.map → Timeline-EMOpTLAT.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Timeline-DUXgByUE.js","names":[],"sources":["../src/components/Timeline/useLastLineHeight.ts","../src/components/Timeline/TimelineConnector.tsx","../src/components/Timeline/TimelineContent.tsx","../src/components/Timeline/TimelineItem.tsx","../src/components/Timeline/Timeline.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { useElement } from '../../hooks/useElement';\n\nconst CONNECTOR_MARGIN_TOP = 8;\n\nexport const useLastLineHeight = () => {\n  const [wrapper, setWrapper] = useElement();\n  const [connector, setConnector] = useElement();\n  const [height, setHeight] = useState(0);\n\n  useEffect(() => {\n    if (wrapper === null) return;\n    if (connector === null) return;\n\n    const updateHeight = () => {\n      const wrapperRect = wrapper.getBoundingClientRect();\n      const connectorRect = connector.getBoundingClientRect();\n      const distance = connectorRect.top - wrapperRect.top - CONNECTOR_MARGIN_TOP;\n      setHeight(distance);\n    };\n\n    // Initial check.\n    const rafId = requestAnimationFrame(updateHeight);\n\n    return () => {\n      cancelAnimationFrame(rafId);\n    };\n  }, [wrapper, connector]);\n\n  return {\n    height,\n    setWrapper,\n    setConnector,\n  };\n};\n","import type { ComponentProps, CSSProperties } from 'react';\nimport { Root } from '@radix-ui/react-slot';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\nimport { useLastLineHeight } from './useLastLineHeight';\n\nconst connectorWrapper = cva(\n  [\n    'tw:grow',\n    'tw:min-h-8',\n    'tw:py-2',\n\n    // layout\n    'tw:flex',\n    'tw:justify-center',\n\n    // CONNECTOR LINE\n    'tw:relative',\n    'tw:before:absolute',\n    'tw:before:self-start',\n\n    // Centered on x-axis\n    'tw:before:left-1/2',\n    'tw:before:-translate-x-1/2',\n    'tw:before:w-px',\n    'tw:before:h-full',\n    'tw:group-last/timeline-item:before:h-(--connector-line-height)',\n\n    // Solid line\n    'tw:group-data-[variant=solid]/timeline:before:bg-border',\n\n    // Dashed line using gradient\n    'tw:group-data-[variant=dashed]/timeline:before:bg-gradient-to-b',\n    'tw:group-data-[variant=dashed]/timeline:before:from-border',\n    'tw:group-data-[variant=dashed]/timeline:before:from-50%',\n    'tw:group-data-[variant=dashed]/timeline:before:to-transparent',\n    'tw:group-data-[variant=dashed]/timeline:before:to-50%',\n    'tw:group-data-[variant=dashed]/timeline:before:bg-[length:1px_4px]',\n  ],\n  {\n    defaultVariants: {\n      align: 'start',\n    },\n    variants: {\n      align: {\n        start: ['tw:items-start'],\n        center: ['tw:items-center'],\n        end: ['tw:items-end'],\n        baseline: ['tw:items-baseline'],\n      },\n    },\n  },\n);\n\nconst connector = cva(\n  [\n    // ensure that it is always above the connector line.\n    'tw:z-10',\n    'tw:relative',\n  ],\n  {\n    defaultVariants: {\n      variant: 'label',\n    },\n    variants: {\n      variant: {\n        none: [],\n        label: [\n          'tw:bg-muted',\n          'tw:text-muted-foreground',\n          'tw:rounded',\n          'tw:p-1.5',\n          'tw:text-nowrap',\n          'tw:text-xs',\n        ],\n        icon: [\n          'tw:bg-background',\n          'tw:[&_svg:not([class*=\"tw:size-\"])]:size-4',\n          'tw:[&_svg]:text-muted-foreground',\n        ],\n        line: [\n          'tw:min-w-8',\n          'tw:overflow-hidden',\n          'tw:w-full',\n          // height of the curved corner\n          'tw:h-1',\n\n          // small offset from top and bottom\n          'tw:my-1.5',\n          // positioning\n          'tw:relative',\n          'tw:before:absolute',\n          'tw:before:left-1/2',\n          'tw:before:bottom-0',\n\n          // sizing\n          'tw:before:w-full',\n          'tw:before:h-full',\n\n          // l-shape\n          'tw:before:border-l',\n          'tw:before:border-b',\n          'tw:before:border-border',\n\n          'tw:before:rounded-bl',\n          // Solid or dashed\n          'tw:group-data-[variant=dashed]/timeline:before:border-dashed',\n          'tw:group-data-[variant=solid]/timeline:before:!border-solid',\n        ],\n      },\n    },\n  },\n);\n\ntype Props = { asChild?: boolean; offset?: number } & ComponentProps<'div'> &\n  VariantProps<typeof connectorWrapper> &\n  VariantProps<typeof connector>;\n\nexport const TimelineConnector = ({\n  className,\n  children,\n  asChild,\n  variant,\n  align,\n  offset = 0,\n  style,\n  ...rest\n}: Props) => {\n  const Comp = asChild ? Root : 'div';\n  const { setConnector, setWrapper, height } = useLastLineHeight();\n\n  return (\n    <div\n      ref={setWrapper}\n      style={\n        {\n          '--connector-line-height': `${height}px`,\n        } as CSSProperties\n      }\n      className={connectorWrapper({\n        align,\n      })}\n    >\n      <Comp\n        {...rest}\n        ref={setConnector}\n        style={{\n          top: align === 'end' ? -offset : offset,\n          ...style,\n        }}\n        className={connector({ variant, className })}\n      >\n        {children}\n      </Comp>\n    </div>\n  );\n};\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'div'>;\n\nexport const TimelineContent = ({ className, ...rest }: Props) => (\n  <div\n    {...rest}\n    data-slot=\"timeline-content\"\n    className={cn(\n      'tw:flex',\n      // spacing in between timeline items\n      'tw:py-2',\n      className,\n    )}\n  />\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'li'>;\n\nexport const TimelineItem = ({ className, ...rest }: Props) => {\n  return (\n    <li\n      {...rest}\n      className={cn('tw:contents', 'tw:relative', 'tw:group/timeline-item', className)}\n    />\n  );\n};\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\nimport { TimelineConnector } from './TimelineConnector';\nimport { TimelineContent } from './TimelineContent';\nimport { TimelineItem } from './TimelineItem';\n\ntype Props = ComponentProps<'ul'> & {\n  variant?: 'solid' | 'dashed';\n};\n\nexport const Timeline = ({ className, variant = 'dashed', ...rest }: Props) => {\n  return (\n    <ul\n      {...rest}\n      data-variant={variant}\n      className={cn(\n        'tailwindcss-preflight',\n        'tw:overflow-y-hidden',\n        // reset default styling\n        'tw:p-0',\n        'tw:grid',\n        'tw:grid-cols-[auto_minmax(0,1fr)]',\n        'tw:group/timeline',\n        'tw:gap-x-4',\n        className,\n      )}\n    />\n  );\n};\n\nTimeline.Item = TimelineItem;\nTimeline.Content = TimelineContent;\nTimeline.Connector = TimelineConnector;\n"],"mappings":";;;;;;;AAIA,MAAM,uBAAuB;AAE7B,MAAa,0BAA0B;CACrC,MAAM,CAAC,SAAS,cAAc,WAAW;CACzC,MAAM,CAAC,WAAW,gBAAgB,WAAW;CAC7C,MAAM,CAAC,QAAQ,aAAa,SAAS,CAAC;CAEtC,gBAAgB;EACd,IAAI,YAAY,MAAM;EACtB,IAAI,cAAc,MAAM;EAExB,MAAM,qBAAqB;GACzB,MAAM,cAAc,QAAQ,sBAAsB;GAElD,MAAM,WADgB,UAAU,sBACH,CAAC,CAAC,MAAM,YAAY,MAAM;GACvD,UAAU,QAAQ;EACpB;EAGA,MAAM,QAAQ,sBAAsB,YAAY;EAEhD,aAAa;GACX,qBAAqB,KAAK;EAC5B;CACF,GAAG,CAAC,SAAS,SAAS,CAAC;CAEvB,OAAO;EACL;EACA;EACA;CACF;AACF;;;AC5BA,MAAM,mBAAmB,IACvB;CACE;CACA;CACA;CAGA;CACA;CAGA;CACA;CACA;CAGA;CACA;CACA;CACA;CACA;CAGA;CAGA;CACA;CACA;CACA;CACA;CACA;AACF,GACA;CACE,iBAAiB,EACf,OAAO,QACT;CACA,UAAU,EACR,OAAO;EACL,OAAO,CAAC,gBAAgB;EACxB,QAAQ,CAAC,iBAAiB;EAC1B,KAAK,CAAC,cAAc;EACpB,UAAU,CAAC,mBAAmB;CAChC,EACF;AACF,CACF;AAEA,MAAM,YAAY,IAChB,CAEE,WACA,aACF,GACA;CACE,iBAAiB,EACf,SAAS,QACX;CACA,UAAU,EACR,SAAS;EACP,MAAM,CAAC;EACP,OAAO;GACL;GACA;GACA;GACA;GACA;GACA;EACF;EACA,MAAM;GACJ;GACA;GACA;EACF;EACA,MAAM;GACJ;GACA;GACA;GAEA;GAGA;GAEA;GACA;GACA;GACA;GAGA;GACA;GAGA;GACA;GACA;GAEA;GAEA;GACA;EACF;CACF,EACF;AACF,CACF;AAMA,MAAa,qBAAqB,EAChC,WACA,UACA,SACA,SACA,OACA,SAAS,GACT,OACA,GAAG,WACQ;CACX,MAAM,OAAO,UAAU,OAAO;CAC9B,MAAM,EAAE,cAAc,YAAY,WAAW,kBAAkB;CAE/D,OACE,oBAAC,OAAD;EACE,KAAK;EACL,OACE,EACE,2BAA2B,GAAG,OAAO,IACvC;EAEF,WAAW,iBAAiB,EAC1B,MACF,CAAC;EAED,UAAA,oBAAC,MAAD;GACE,GAAI;GACJ,KAAK;GACL,OAAO;IACL,KAAK,UAAU,QAAQ,CAAC,SAAS;IACjC,GAAG;GACL;GACA,WAAW,UAAU;IAAE;IAAS;GAAU,CAAC;GAE1C;EACG,CAAA;CACH,CAAA;AAET;;;ACvJA,MAAa,mBAAmB,EAAE,WAAW,GAAG,WAC9C,oBAAC,OAAD;CACE,GAAI;CACJ,aAAU;CACV,WAAW,GACT,WAEA,WACA,SACF;AACD,CAAA;;;ACVH,MAAa,gBAAgB,EAAE,WAAW,GAAG,WAAkB;CAC7D,OACE,oBAAC,MAAD;EACE,GAAI;EACJ,WAAW,GAAG,eAAe,eAAe,0BAA0B,SAAS;CAChF,CAAA;AAEL;;;ACDA,MAAa,YAAY,EAAE,WAAW,UAAU,UAAU,GAAG,WAAkB;CAC7E,OACE,oBAAC,MAAD;EACE,GAAI;EACJ,gBAAc;EACd,WAAW,GACT,yBACA,wBAEA,UACA,WACA,qCACA,qBACA,cACA,SACF;CACD,CAAA;AAEL;AAEA,SAAS,OAAO;AAChB,SAAS,UAAU;AACnB,SAAS,YAAY"}
+{"version":3,"file":"Timeline-EMOpTLAT.js","names":[],"sources":["../src/components/Timeline/useLastLineHeight.ts","../src/components/Timeline/TimelineConnector.tsx","../src/components/Timeline/TimelineContent.tsx","../src/components/Timeline/TimelineItem.tsx","../src/components/Timeline/Timeline.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { useElement } from '../../hooks/useElement';\n\nconst CONNECTOR_MARGIN_TOP = 8;\n\nexport const useLastLineHeight = () => {\n  const [wrapper, setWrapper] = useElement();\n  const [connector, setConnector] = useElement();\n  const [height, setHeight] = useState(0);\n\n  useEffect(() => {\n    if (wrapper === null) return;\n    if (connector === null) return;\n\n    const updateHeight = () => {\n      const wrapperRect = wrapper.getBoundingClientRect();\n      const connectorRect = connector.getBoundingClientRect();\n      const distance = connectorRect.top - wrapperRect.top - CONNECTOR_MARGIN_TOP;\n      setHeight(distance);\n    };\n\n    // Initial check.\n    const rafId = requestAnimationFrame(updateHeight);\n\n    return () => {\n      cancelAnimationFrame(rafId);\n    };\n  }, [wrapper, connector]);\n\n  return {\n    height,\n    setWrapper,\n    setConnector,\n  };\n};\n","import type { ComponentProps, CSSProperties } from 'react';\nimport { Root } from '@radix-ui/react-slot';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\nimport { useLastLineHeight } from './useLastLineHeight';\n\nconst connectorWrapper = cva(\n  [\n    'tw:grow',\n    'tw:min-h-8',\n    'tw:py-2',\n\n    // layout\n    'tw:flex',\n    'tw:justify-center',\n\n    // CONNECTOR LINE\n    'tw:relative',\n    'tw:before:absolute',\n    'tw:before:self-start',\n\n    // Centered on x-axis\n    'tw:before:left-1/2',\n    'tw:before:-translate-x-1/2',\n    'tw:before:w-px',\n    'tw:before:h-full',\n    'tw:group-last/timeline-item:before:h-(--connector-line-height)',\n\n    // Solid line\n    'tw:group-data-[variant=solid]/timeline:before:bg-border',\n\n    // Dashed line using gradient\n    'tw:group-data-[variant=dashed]/timeline:before:bg-gradient-to-b',\n    'tw:group-data-[variant=dashed]/timeline:before:from-border',\n    'tw:group-data-[variant=dashed]/timeline:before:from-50%',\n    'tw:group-data-[variant=dashed]/timeline:before:to-transparent',\n    'tw:group-data-[variant=dashed]/timeline:before:to-50%',\n    'tw:group-data-[variant=dashed]/timeline:before:bg-[length:1px_4px]',\n  ],\n  {\n    defaultVariants: {\n      align: 'start',\n    },\n    variants: {\n      align: {\n        start: ['tw:items-start'],\n        center: ['tw:items-center'],\n        end: ['tw:items-end'],\n        baseline: ['tw:items-baseline'],\n      },\n    },\n  },\n);\n\nconst connector = cva(\n  [\n    // ensure that it is always above the connector line.\n    'tw:z-10',\n    'tw:relative',\n  ],\n  {\n    defaultVariants: {\n      variant: 'label',\n    },\n    variants: {\n      variant: {\n        none: [],\n        label: [\n          'tw:bg-muted',\n          'tw:text-muted-foreground',\n          'tw:rounded',\n          'tw:p-1.5',\n          'tw:text-nowrap',\n          'tw:text-xs',\n        ],\n        icon: [\n          'tw:bg-background',\n          'tw:[&_svg:not([class*=\"tw:size-\"])]:size-4',\n          'tw:[&_svg]:text-muted-foreground',\n        ],\n        line: [\n          'tw:min-w-8',\n          'tw:overflow-hidden',\n          'tw:w-full',\n          // height of the curved corner\n          'tw:h-1',\n\n          // small offset from top and bottom\n          'tw:my-1.5',\n          // positioning\n          'tw:relative',\n          'tw:before:absolute',\n          'tw:before:left-1/2',\n          'tw:before:bottom-0',\n\n          // sizing\n          'tw:before:w-full',\n          'tw:before:h-full',\n\n          // l-shape\n          'tw:before:border-l',\n          'tw:before:border-b',\n          'tw:before:border-border',\n\n          'tw:before:rounded-bl',\n          // Solid or dashed\n          'tw:group-data-[variant=dashed]/timeline:before:border-dashed',\n          'tw:group-data-[variant=solid]/timeline:before:!border-solid',\n        ],\n      },\n    },\n  },\n);\n\ntype Props = { asChild?: boolean; offset?: number } & ComponentProps<'div'> &\n  VariantProps<typeof connectorWrapper> &\n  VariantProps<typeof connector>;\n\nexport const TimelineConnector = ({\n  className,\n  children,\n  asChild,\n  variant,\n  align,\n  offset = 0,\n  style,\n  ...rest\n}: Props) => {\n  const Comp = asChild ? Root : 'div';\n  const { setConnector, setWrapper, height } = useLastLineHeight();\n\n  return (\n    <div\n      ref={setWrapper}\n      style={\n        {\n          '--connector-line-height': `${height}px`,\n        } as CSSProperties\n      }\n      className={connectorWrapper({\n        align,\n      })}\n    >\n      <Comp\n        {...rest}\n        ref={setConnector}\n        style={{\n          top: align === 'end' ? -offset : offset,\n          ...style,\n        }}\n        className={connector({ variant, className })}\n      >\n        {children}\n      </Comp>\n    </div>\n  );\n};\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'div'>;\n\nexport const TimelineContent = ({ className, ...rest }: Props) => (\n  <div\n    {...rest}\n    data-slot=\"timeline-content\"\n    className={cn(\n      'tw:flex',\n      // spacing in between timeline items\n      'tw:py-2',\n      className,\n    )}\n  />\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'li'>;\n\nexport const TimelineItem = ({ className, ...rest }: Props) => {\n  return (\n    <li\n      {...rest}\n      className={cn('tw:contents', 'tw:relative', 'tw:group/timeline-item', className)}\n    />\n  );\n};\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\nimport { TimelineConnector } from './TimelineConnector';\nimport { TimelineContent } from './TimelineContent';\nimport { TimelineItem } from './TimelineItem';\n\ntype Props = ComponentProps<'ul'> & {\n  variant?: 'solid' | 'dashed';\n};\n\nexport const Timeline = ({ className, variant = 'dashed', ...rest }: Props) => {\n  return (\n    <ul\n      {...rest}\n      data-variant={variant}\n      className={cn(\n        'tailwindcss-preflight',\n        'tw:overflow-y-hidden',\n        // reset default styling\n        'tw:p-0',\n        'tw:grid',\n        'tw:grid-cols-[auto_minmax(0,1fr)]',\n        'tw:group/timeline',\n        'tw:gap-x-4',\n        className,\n      )}\n    />\n  );\n};\n\nTimeline.Item = TimelineItem;\nTimeline.Content = TimelineContent;\nTimeline.Connector = TimelineConnector;\n"],"mappings":";;;;;;;AAIA,MAAM,uBAAuB;AAE7B,MAAa,0BAA0B;CACrC,MAAM,CAAC,SAAS,cAAc,WAAW;CACzC,MAAM,CAAC,WAAW,gBAAgB,WAAW;CAC7C,MAAM,CAAC,QAAQ,aAAa,SAAS,CAAC;CAEtC,gBAAgB;EACd,IAAI,YAAY,MAAM;EACtB,IAAI,cAAc,MAAM;EAExB,MAAM,qBAAqB;GACzB,MAAM,cAAc,QAAQ,sBAAsB;GAElD,MAAM,WADgB,UAAU,sBACH,CAAC,CAAC,MAAM,YAAY,MAAM;GACvD,UAAU,QAAQ;EACpB;EAGA,MAAM,QAAQ,sBAAsB,YAAY;EAEhD,aAAa;GACX,qBAAqB,KAAK;EAC5B;CACF,GAAG,CAAC,SAAS,SAAS,CAAC;CAEvB,OAAO;EACL;EACA;EACA;CACF;AACF;;AC5BA,MAAM,mBAAmB,IACvB;CACE;CACA;CACA;CAGA;CACA;CAGA;CACA;CACA;CAGA;CACA;CACA;CACA;CACA;CAGA;CAGA;CACA;CACA;CACA;CACA;CACA;AACF,GACA;CACE,iBAAiB,EACf,OAAO,QACT;CACA,UAAU,EACR,OAAO;EACL,OAAO,CAAC,gBAAgB;EACxB,QAAQ,CAAC,iBAAiB;EAC1B,KAAK,CAAC,cAAc;EACpB,UAAU,CAAC,mBAAmB;CAChC,EACF;AACF,CACF;AAEA,MAAM,YAAY,IAChB,CAEE,WACA,aACF,GACA;CACE,iBAAiB,EACf,SAAS,QACX;CACA,UAAU,EACR,SAAS;EACP,MAAM,CAAC;EACP,OAAO;GACL;GACA;GACA;GACA;GACA;GACA;EACF;EACA,MAAM;GACJ;GACA;GACA;EACF;EACA,MAAM;GACJ;GACA;GACA;GAEA;GAGA;GAEA;GACA;GACA;GACA;GAGA;GACA;GAGA;GACA;GACA;GAEA;GAEA;GACA;EACF;CACF,EACF;AACF,CACF;AAMA,MAAa,qBAAqB,EAChC,WACA,UACA,SACA,SACA,OACA,SAAS,GACT,OACA,GAAG,WACQ;CACX,MAAM,OAAO,UAAU,OAAO;CAC9B,MAAM,EAAE,cAAc,YAAY,WAAW,kBAAkB;CAE/D,OACE,oBAAC,OAAD;EACE,KAAK;EACL,OACE,EACE,2BAA2B,GAAG,OAAO,IACvC;EAEF,WAAW,iBAAiB,EAC1B,MACF,CAAC;EAED,UAAA,oBAAC,MAAD;GACE,GAAI;GACJ,KAAK;GACL,OAAO;IACL,KAAK,UAAU,QAAQ,CAAC,SAAS;IACjC,GAAG;GACL;GACA,WAAW,UAAU;IAAE;IAAS;GAAU,CAAC;GAE1C;EACG,CAAA;CACH,CAAA;AAET;;ACvJA,MAAa,mBAAmB,EAAE,WAAW,GAAG,WAC9C,oBAAC,OAAD;CACE,GAAI;CACJ,aAAU;CACV,WAAW,GACT,WAEA,WACA,SACF;AACD,CAAA;;ACVH,MAAa,gBAAgB,EAAE,WAAW,GAAG,WAAkB;CAC7D,OACE,oBAAC,MAAD;EACE,GAAI;EACJ,WAAW,GAAG,eAAe,eAAe,0BAA0B,SAAS;CAChF,CAAA;AAEL;;ACDA,MAAa,YAAY,EAAE,WAAW,UAAU,UAAU,GAAG,WAAkB;CAC7E,OACE,oBAAC,MAAD;EACE,GAAI;EACJ,gBAAc;EACd,WAAW,GACT,yBACA,wBAEA,UACA,WACA,qCACA,qBACA,cACA,SACF;CACD,CAAA;AAEL;AAEA,SAAS,OAAO;AAChB,SAAS,UAAU;AACnB,SAAS,YAAY"}

package/dist/{Toast-937n7n8i.js → Toast-BOTINeTX.js}

@@ -1,9 +1,9 @@
 import { useStableCallback } from "./internal/hooks/useStableCallback.js";
-import { toast as toast$1 } from "./toast-Y3cTMBW8.js";
+import { toast as toast$1 } from "./toast-Dzj1EFOb.js";
 import { useEffect, useId, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Toaster } from "sonner";
-//#region src/components/Toast/useNotification.tsx
+// src/components/Toast/useNotification.tsx
 /**
 * A persistent, system-driven notification (trial expiry, upgrade prompt, billing alert).
 *
@@ -56,8 +56,7 @@ const useNotification = ({ enabled = true, remindAfter, ...toastOptions }) => {
 		show
 	]);
 };
-//#endregion
-//#region src/components/Toast/Toaster.tsx
+// src/components/Toast/Toaster.tsx
 const DEFAULT_STYLES = { "--width": "512px" };
 const stopPropagation = (event) => event.stopPropagation();
 const Toaster$1 = ({ gap = 12, visibleToasts = 5, ...props }) => /* @__PURE__ */ jsx("div", {
@@ -70,7 +69,6 @@ const Toaster$1 = ({ gap = 12, visibleToasts = 5, ...props }) => /* @__PURE__ */
 		style: DEFAULT_STYLES
 	})
 });
-//#endregion
 export { Toaster$1 as Toaster, useNotification };
 
-//# sourceMappingURL=Toast-937n7n8i.js.map
+//# sourceMappingURL=Toast-BOTINeTX.js.map

package/dist/{Toast-937n7n8i.js.map → Toast-BOTINeTX.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Toast-937n7n8i.js","names":["Toaster","SonnerToaster"],"sources":["../src/components/Toast/useNotification.tsx","../src/components/Toast/Toaster.tsx"],"sourcesContent":["import { useEffect, useId, useRef } from 'react';\n\nimport { useStableCallback } from '../../hooks/useStableCallback';\n\nimport { toast, type ToastOptions } from './toast';\n\ntype Props = {\n  enabled?: boolean;\n  /** Shows the notification again this many ms after the user dismisses it, while still enabled. */\n  remindAfter?: number;\n} & ToastOptions;\n\n/**\n * A persistent, system-driven notification (trial expiry, upgrade prompt, billing alert).\n *\n * - Stays until the user dismisses it or the component unmounts; `toast()` is for transient\n *   feedback after a user action.\n * - A visible one updates in place when its string `title` or `description` changes; other\n *   options apply the next time it shows.\n */\nexport const useNotification = ({ enabled = true, remindAfter, ...toastOptions }: Props) => {\n  const fallbackId = useId();\n  const toastId = toastOptions.id ?? fallbackId;\n  const isShownRef = useRef(false);\n  const reminderRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n\n  const show = useStableCallback(() => {\n    isShownRef.current = true;\n    toast({\n      ...toastOptions,\n      id: toastId,\n      duration: toastOptions.duration ?? Infinity,\n      onDismiss: (dismissed) => {\n        toastOptions.onDismiss?.(dismissed);\n        // sonner reports the hook's own cleanup dismissal too; that one is already hidden\n        if (!isShownRef.current) return;\n\n        isShownRef.current = false;\n        if (remindAfter !== undefined) reminderRef.current = setTimeout(show, remindAfter);\n      },\n    });\n  });\n\n  useEffect(() => {\n    if (!enabled) return;\n    const frameId = requestAnimationFrame(show);\n\n    return () => {\n      cancelAnimationFrame(frameId);\n      clearTimeout(reminderRef.current);\n      if (!isShownRef.current) return;\n\n      isShownRef.current = false;\n      toast.dismiss(toastId);\n    };\n  }, [enabled, show, toastId]);\n\n  const titleText = typeof toastOptions.title === 'string' ? toastOptions.title : undefined;\n  const descriptionText =\n    typeof toastOptions.description === 'string' ? toastOptions.description : undefined;\n\n  useEffect(() => {\n    if (isShownRef.current) show();\n  }, [titleText, descriptionText, show]);\n};\n","import type { ComponentProps, PointerEvent } from 'react';\nimport { Toaster as SonnerToaster } from 'sonner';\n\ntype ToasterProps = ComponentProps<typeof SonnerToaster>;\n\nconst DEFAULT_STYLES = {\n  '--width': '512px', // match max-w-lg\n} as React.CSSProperties;\n\nconst stopPropagation = (event: PointerEvent) => event.stopPropagation();\n\nexport const Toaster = ({ gap = 12, visibleToasts = 5, ...props }: ToasterProps) => (\n  // Wrapper prevents toast clicks from reaching Radix Dialog's DismissableLayer,\n  // which would otherwise close the modal on any \"outside\" pointer event.\n  // oxlint-disable-next-line jsx-a11y/no-static-element-interactions\n  <div onPointerDown={stopPropagation}>\n    <SonnerToaster\n      {...props}\n      gap={gap}\n      visibleToasts={visibleToasts}\n      className=\"tw:pointer-events-auto tw:flex tw:w-full tw:max-w-lg tw:justify-center\"\n      style={DEFAULT_STYLES}\n    />\n  </div>\n);\n"],"mappings":";;;;;;;;;;;;;;AAoBA,MAAa,mBAAmB,EAAE,UAAU,MAAM,aAAa,GAAG,mBAA0B;CAC1F,MAAM,aAAa,MAAM;CACzB,MAAM,UAAU,aAAa,MAAM;CACnC,MAAM,aAAa,OAAO,KAAK;CAC/B,MAAM,cAAc,OAAsC,KAAA,CAAS;CAEnE,MAAM,OAAO,wBAAwB;EACnC,WAAW,UAAU;EACrB,QAAM;GACJ,GAAG;GACH,IAAI;GACJ,UAAU,aAAa,YAAY;GACnC,YAAY,cAAc;IACxB,aAAa,YAAY,SAAS;IAElC,IAAI,CAAC,WAAW,SAAS;IAEzB,WAAW,UAAU;IACrB,IAAI,gBAAgB,KAAA,GAAW,YAAY,UAAU,WAAW,MAAM,WAAW;GACnF;EACF,CAAC;CACH,CAAC;CAED,gBAAgB;EACd,IAAI,CAAC,SAAS;EACd,MAAM,UAAU,sBAAsB,IAAI;EAE1C,aAAa;GACX,qBAAqB,OAAO;GAC5B,aAAa,YAAY,OAAO;GAChC,IAAI,CAAC,WAAW,SAAS;GAEzB,WAAW,UAAU;GACrB,QAAM,QAAQ,OAAO;EACvB;CACF,GAAG;EAAC;EAAS;EAAM;CAAO,CAAC;CAE3B,MAAM,YAAY,OAAO,aAAa,UAAU,WAAW,aAAa,QAAQ,KAAA;CAChF,MAAM,kBACJ,OAAO,aAAa,gBAAgB,WAAW,aAAa,cAAc,KAAA;CAE5E,gBAAgB;EACd,IAAI,WAAW,SAAS,KAAK;CAC/B,GAAG;EAAC;EAAW;EAAiB;CAAI,CAAC;AACvC;;;AC3DA,MAAM,iBAAiB,EACrB,WAAW,QACb;AAEA,MAAM,mBAAmB,UAAwB,MAAM,gBAAgB;AAEvE,MAAaA,aAAW,EAAE,MAAM,IAAI,gBAAgB,GAAG,GAAG,YAIxD,oBAAC,OAAD;CAAK,eAAe;CAClB,UAAA,oBAACC,SAAD;EACE,GAAI;EACC;EACU;EACf,WAAU;EACV,OAAO;CACR,CAAA;AACE,CAAA"}
+{"version":3,"file":"Toast-BOTINeTX.js","names":["Toaster","SonnerToaster"],"sources":["../src/components/Toast/useNotification.tsx","../src/components/Toast/Toaster.tsx"],"sourcesContent":["import { useEffect, useId, useRef } from 'react';\n\nimport { useStableCallback } from '../../hooks/useStableCallback';\n\nimport { toast, type ToastOptions } from './toast';\n\ntype Props = {\n  enabled?: boolean;\n  /** Shows the notification again this many ms after the user dismisses it, while still enabled. */\n  remindAfter?: number;\n} & ToastOptions;\n\n/**\n * A persistent, system-driven notification (trial expiry, upgrade prompt, billing alert).\n *\n * - Stays until the user dismisses it or the component unmounts; `toast()` is for transient\n *   feedback after a user action.\n * - A visible one updates in place when its string `title` or `description` changes; other\n *   options apply the next time it shows.\n */\nexport const useNotification = ({ enabled = true, remindAfter, ...toastOptions }: Props) => {\n  const fallbackId = useId();\n  const toastId = toastOptions.id ?? fallbackId;\n  const isShownRef = useRef(false);\n  const reminderRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n\n  const show = useStableCallback(() => {\n    isShownRef.current = true;\n    toast({\n      ...toastOptions,\n      id: toastId,\n      duration: toastOptions.duration ?? Infinity,\n      onDismiss: (dismissed) => {\n        toastOptions.onDismiss?.(dismissed);\n        // sonner reports the hook's own cleanup dismissal too; that one is already hidden\n        if (!isShownRef.current) return;\n\n        isShownRef.current = false;\n        if (remindAfter !== undefined) reminderRef.current = setTimeout(show, remindAfter);\n      },\n    });\n  });\n\n  useEffect(() => {\n    if (!enabled) return;\n    const frameId = requestAnimationFrame(show);\n\n    return () => {\n      cancelAnimationFrame(frameId);\n      clearTimeout(reminderRef.current);\n      if (!isShownRef.current) return;\n\n      isShownRef.current = false;\n      toast.dismiss(toastId);\n    };\n  }, [enabled, show, toastId]);\n\n  const titleText = typeof toastOptions.title === 'string' ? toastOptions.title : undefined;\n  const descriptionText =\n    typeof toastOptions.description === 'string' ? toastOptions.description : undefined;\n\n  useEffect(() => {\n    if (isShownRef.current) show();\n  }, [titleText, descriptionText, show]);\n};\n","import type { ComponentProps, PointerEvent } from 'react';\nimport { Toaster as SonnerToaster } from 'sonner';\n\ntype ToasterProps = ComponentProps<typeof SonnerToaster>;\n\nconst DEFAULT_STYLES = {\n  '--width': '512px', // match max-w-lg\n} as React.CSSProperties;\n\nconst stopPropagation = (event: PointerEvent) => event.stopPropagation();\n\nexport const Toaster = ({ gap = 12, visibleToasts = 5, ...props }: ToasterProps) => (\n  // Wrapper prevents toast clicks from reaching Radix Dialog's DismissableLayer,\n  // which would otherwise close the modal on any \"outside\" pointer event.\n  // oxlint-disable-next-line jsx-a11y/no-static-element-interactions\n  <div onPointerDown={stopPropagation}>\n    <SonnerToaster\n      {...props}\n      gap={gap}\n      visibleToasts={visibleToasts}\n      className=\"tw:pointer-events-auto tw:flex tw:w-full tw:max-w-lg tw:justify-center\"\n      style={DEFAULT_STYLES}\n    />\n  </div>\n);\n"],"mappings":";;;;;;;;;;;;;;AAoBA,MAAa,mBAAmB,EAAE,UAAU,MAAM,aAAa,GAAG,mBAA0B;CAC1F,MAAM,aAAa,MAAM;CACzB,MAAM,UAAU,aAAa,MAAM;CACnC,MAAM,aAAa,OAAO,KAAK;CAC/B,MAAM,cAAc,OAAsC,KAAA,CAAS;CAEnE,MAAM,OAAO,wBAAwB;EACnC,WAAW,UAAU;EACrB,QAAM;GACJ,GAAG;GACH,IAAI;GACJ,UAAU,aAAa,YAAY;GACnC,YAAY,cAAc;IACxB,aAAa,YAAY,SAAS;IAElC,IAAI,CAAC,WAAW,SAAS;IAEzB,WAAW,UAAU;IACrB,IAAI,gBAAgB,KAAA,GAAW,YAAY,UAAU,WAAW,MAAM,WAAW;GACnF;EACF,CAAC;CACH,CAAC;CAED,gBAAgB;EACd,IAAI,CAAC,SAAS;EACd,MAAM,UAAU,sBAAsB,IAAI;EAE1C,aAAa;GACX,qBAAqB,OAAO;GAC5B,aAAa,YAAY,OAAO;GAChC,IAAI,CAAC,WAAW,SAAS;GAEzB,WAAW,UAAU;GACrB,QAAM,QAAQ,OAAO;EACvB;CACF,GAAG;EAAC;EAAS;EAAM;CAAO,CAAC;CAE3B,MAAM,YAAY,OAAO,aAAa,UAAU,WAAW,aAAa,QAAQ,KAAA;CAChF,MAAM,kBACJ,OAAO,aAAa,gBAAgB,WAAW,aAAa,cAAc,KAAA;CAE5E,gBAAgB;EACd,IAAI,WAAW,SAAS,KAAK;CAC/B,GAAG;EAAC;EAAW;EAAiB;CAAI,CAAC;AACvC;;AC3DA,MAAM,iBAAiB,EACrB,WAAW,QACb;AAEA,MAAM,mBAAmB,UAAwB,MAAM,gBAAgB;AAEvE,MAAaA,aAAW,EAAE,MAAM,IAAI,gBAAgB,GAAG,GAAG,YAIxD,oBAAC,OAAD;CAAK,eAAe;CAClB,UAAA,oBAACC,SAAD;EACE,GAAI;EACC;EACU;EACf,WAAU;EACV,OAAO;CACR,CAAA;AACE,CAAA"}

package/dist/{ToggleAllTooltip-DEjbWFoj.js → ToggleAllTooltip-BFmA6TXf.js}

@@ -1,10 +1,9 @@
-import { TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, isMac } from "./utils-DwC9u0tM.js";
+import { TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, isMac } from "./utils-DjFceY3H.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/Tooltip/toggleAll.ts
+// src/components/Tooltip/toggleAll.ts
 /** True for the click that should fold or unfold every group: Cmd on a Mac, Ctrl elsewhere. */
 const isToggleAllClick = (event) => isMac ? event.metaKey : event.ctrlKey;
-//#endregion
-//#region src/components/Tooltip/ToggleAllTooltip.tsx
+// src/components/Tooltip/ToggleAllTooltip.tsx
 /**
 * A fold chevron's tooltip: what a click does, and what the modifier click does to every group.
 *
@@ -31,7 +30,6 @@ const ToggleAllTooltip = ({ expanded, children }) => {
 		})
 	})] }) });
 };
-//#endregion
 export { ToggleAllTooltip, isToggleAllClick };
 
-//# sourceMappingURL=ToggleAllTooltip-DEjbWFoj.js.map
+//# sourceMappingURL=ToggleAllTooltip-BFmA6TXf.js.map

package/dist/{ToggleAllTooltip-DEjbWFoj.js.map → ToggleAllTooltip-BFmA6TXf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ToggleAllTooltip-DEjbWFoj.js","names":[],"sources":["../src/components/Tooltip/toggleAll.ts","../src/components/Tooltip/ToggleAllTooltip.tsx"],"sourcesContent":["import { isMac } from '../../utils';\n\n/** True for the click that should fold or unfold every group: Cmd on a Mac, Ctrl elsewhere. */\nexport const isToggleAllClick = (event: { metaKey: boolean; ctrlKey: boolean }) =>\n  isMac ? event.metaKey : event.ctrlKey;\n","import type { ReactElement } from 'react';\n\nimport { isMac } from '../../utils';\n\nimport { TooltipProvider } from './Tooltip';\nimport { TooltipContent } from './TooltipContent';\nimport { TooltipRoot } from './TooltipRoot';\nimport { TooltipTrigger } from './TooltipTrigger';\n\n/**\n * A fold chevron's tooltip: what a click does, and what the modifier click does to every group.\n *\n * - Its own provider, so a host without one still renders it.\n */\nexport const ToggleAllTooltip = ({\n  expanded,\n  children,\n}: {\n  expanded: boolean;\n  children: ReactElement;\n}) => {\n  const verb = expanded ? 'collapse' : 'expand';\n  return (\n    <TooltipProvider>\n      <TooltipRoot>\n        <TooltipTrigger asChild>{children}</TooltipTrigger>\n        <TooltipContent placement=\"top\">\n          <span className=\"tw:flex tw:flex-col\">\n            <span>Click to {verb}</span>\n            <span className=\"tw:opacity-70\">\n              {isMac ? '⌘' : 'Ctrl'}+click to {verb} all\n            </span>\n          </span>\n        </TooltipContent>\n      </TooltipRoot>\n    </TooltipProvider>\n  );\n};\n"],"mappings":";;;;AAGA,MAAa,oBAAoB,UAC/B,QAAQ,MAAM,UAAU,MAAM;;;;;;;;ACUhC,MAAa,oBAAoB,EAC/B,UACA,eAII;CACJ,MAAM,OAAO,WAAW,aAAa;CACrC,OACE,oBAAC,iBAAD,EAAA,UACE,qBAAC,aAAD,EAAA,UAAA,CACE,oBAAC,gBAAD;EAAgB,SAAA;EAAS;CAAyB,CAAA,GAClD,oBAAC,gBAAD;EAAgB,WAAU;EACxB,UAAA,qBAAC,QAAD;GAAM,WAAU;GAAhB,UAAA,CACE,qBAAC,QAAD,EAAA,UAAA,CAAM,aAAU,IAAW,EAAA,CAAA,GAC3B,qBAAC,QAAD;IAAM,WAAU;IAAhB,UAAA;KACG,QAAQ,MAAM;KAAO;KAAW;KAAK;IAClC;GACF,CAAA,CAAA;;CACQ,CAAA,CACL,EAAA,CAAA,EACE,CAAA;AAErB"}
+{"version":3,"file":"ToggleAllTooltip-BFmA6TXf.js","names":[],"sources":["../src/components/Tooltip/toggleAll.ts","../src/components/Tooltip/ToggleAllTooltip.tsx"],"sourcesContent":["import { isMac } from '../../utils';\n\n/** True for the click that should fold or unfold every group: Cmd on a Mac, Ctrl elsewhere. */\nexport const isToggleAllClick = (event: { metaKey: boolean; ctrlKey: boolean }) =>\n  isMac ? event.metaKey : event.ctrlKey;\n","import type { ReactElement } from 'react';\n\nimport { isMac } from '../../utils';\n\nimport { TooltipProvider } from './Tooltip';\nimport { TooltipContent } from './TooltipContent';\nimport { TooltipRoot } from './TooltipRoot';\nimport { TooltipTrigger } from './TooltipTrigger';\n\n/**\n * A fold chevron's tooltip: what a click does, and what the modifier click does to every group.\n *\n * - Its own provider, so a host without one still renders it.\n */\nexport const ToggleAllTooltip = ({\n  expanded,\n  children,\n}: {\n  expanded: boolean;\n  children: ReactElement;\n}) => {\n  const verb = expanded ? 'collapse' : 'expand';\n  return (\n    <TooltipProvider>\n      <TooltipRoot>\n        <TooltipTrigger asChild>{children}</TooltipTrigger>\n        <TooltipContent placement=\"top\">\n          <span className=\"tw:flex tw:flex-col\">\n            <span>Click to {verb}</span>\n            <span className=\"tw:opacity-70\">\n              {isMac ? '⌘' : 'Ctrl'}+click to {verb} all\n            </span>\n          </span>\n        </TooltipContent>\n      </TooltipRoot>\n    </TooltipProvider>\n  );\n};\n"],"mappings":";;;;AAGA,MAAa,oBAAoB,UAC/B,QAAQ,MAAM,UAAU,MAAM;;;;;;;ACUhC,MAAa,oBAAoB,EAC/B,UACA,eAII;CACJ,MAAM,OAAO,WAAW,aAAa;CACrC,OACE,oBAAC,iBAAD,EAAA,UACE,qBAAC,aAAD,EAAA,UAAA,CACE,oBAAC,gBAAD;EAAgB,SAAA;EAAS;CAAyB,CAAA,GAClD,oBAAC,gBAAD;EAAgB,WAAU;EACxB,UAAA,qBAAC,QAAD;GAAM,WAAU;GAAhB,UAAA,CACE,qBAAC,QAAD,EAAA,UAAA,CAAM,aAAU,IAAW,EAAA,CAAA,GAC3B,qBAAC,QAAD;IAAM,WAAU;IAAhB,UAAA;KACG,QAAQ,MAAM;KAAO;KAAW;KAAK;IAClC;GACF,CAAA,CAAA;;CACQ,CAAA,CACL,EAAA,CAAA,EACE,CAAA;AAErB"}

package/dist/{ToggleGroup-BOz1yyz6.js → ToggleGroup-DsDS7k70.js}

@@ -1,8 +1,8 @@
-import { cn } from "./classNames-DcGnTh2N.js";
+import { cn } from "./classNames-DkX30VJU.js";
 import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
-//#region src/components/ToggleGroup/ToggleGroup.tsx
+// src/components/ToggleGroup/ToggleGroup.tsx
 const rootVariants = cva([
 	"tailwindcss-preflight",
 	"tw:inline-flex",
@@ -41,7 +41,6 @@ const Item = ({ ref, className, ...props }) => /* @__PURE__ */ jsx(ToggleGroupPr
 const ToggleGroup = Object.assign(Root, { 
 /** Individual segment inside a `ToggleGroup`. `value` is required and must be unique within the group. */
 Item });
-//#endregion
 export { ToggleGroup };
 
-//# sourceMappingURL=ToggleGroup-BOz1yyz6.js.map
+//# sourceMappingURL=ToggleGroup-DsDS7k70.js.map

package/dist/{ToggleGroup-BOz1yyz6.js.map → ToggleGroup-DsDS7k70.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroup-BOz1yyz6.js","names":[],"sources":["../src/components/ToggleGroup/ToggleGroup.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\n\nconst rootVariants = cva(\n  [\n    'tailwindcss-preflight',\n    'tw:inline-flex',\n    'tw:items-center',\n    'tw:shrink-0',\n    'tw:bg-muted',\n    'tw:rounded-lg',\n    'tw:p-[3px]',\n    'tw:gap-0',\n  ],\n  {\n    defaultVariants: { size: 'medium' },\n    variants: {\n      size: {\n        small: ['tw:h-8'],\n        medium: ['tw:h-9'],\n        large: ['tw:h-10'],\n      },\n    },\n  },\n);\n\nconst itemClasses = cn(\n  'tailwindcss-preflight',\n  'tw:inline-flex',\n  'tw:items-center',\n  'tw:justify-center',\n  'tw:gap-2',\n  'tw:shrink-0',\n  'tw:whitespace-nowrap',\n\n  'tw:h-full',\n  'tw:rounded-md',\n  'tw:px-2',\n  'tw:py-1',\n\n  'tw:bg-transparent',\n  // Off-state copy is muted so the pressed segment reads as pressed from the label\n  // alone — the fill alone is a near-invisible step on either scheme's track.\n  'tw:text-muted-foreground',\n  'tw:text-sm',\n  'tw:font-medium',\n\n  'tw:transition-colors',\n\n  'tw:disabled:cursor-not-allowed',\n  'tw:disabled:opacity-disabled',\n\n  'tw:!outline-hidden',\n  'tw:focus-visible:ring-2',\n  'tw:focus-visible:ring-ring/50',\n\n  // hover on non-pressed\n  'tw:not-disabled:[&[data-state=off]]:hover:bg-background/60',\n  'tw:not-disabled:[&[data-state=off]]:hover:text-foreground',\n\n  // pressed\n  'tw:data-[state=on]:bg-background',\n  'tw:data-[state=on]:text-foreground',\n  'tw:data-[state=on]:shadow-[0_1px_2px_rgba(0,0,0,0.05),0_1px_1px_rgba(0,0,0,0.1)]',\n\n  // Dark scheme inverts the lift: `background` is darker than the `muted` track, so the\n  // pressed segment reads as a hole and the black drop shadow renders nothing on it.\n  // `secondary` is the step above the track.\n  'tw:[[data-theme=dark]_&]:data-[state=on]:bg-secondary',\n  'tw:[[data-theme=dark]_&]:data-[state=on]:shadow-none',\n\n  'tw:[&_svg]:shrink-0',\n  'tw:[&_svg]:pointer-events-none',\n  \"tw:[&_svg:not([class*='tw:size-'])]:size-4\",\n);\n\ntype RootProps = ComponentProps<typeof ToggleGroupPrimitive.Root> &\n  VariantProps<typeof rootVariants>;\n\n/**\n * Segmented row of mutually-exclusive (or multi-select) options. Built on `@radix-ui/react-toggle-group`.\n * For `type=\"single\"`, `onValueChange` receives `\"\"` when the user deselects the active item.\n */\nconst Root = ({ ref, className, size = 'medium', ...props }: RootProps) => (\n  <ToggleGroupPrimitive.Root\n    ref={ref}\n    {...props}\n    className={cn(rootVariants({ size, className }))}\n  />\n);\n\ntype ItemProps = ComponentProps<typeof ToggleGroupPrimitive.Item>;\n\nconst Item = ({ ref, className, ...props }: ItemProps) => (\n  <ToggleGroupPrimitive.Item ref={ref} {...props} className={cn(itemClasses, className)} />\n);\n\nexport const ToggleGroup = Object.assign(Root, {\n  /** Individual segment inside a `ToggleGroup`. `value` is required and must be unique within the group. */\n  Item,\n});\n"],"mappings":";;;;;AAMA,MAAM,eAAe,IACnB;CACE;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,GACA;CACE,iBAAiB,EAAE,MAAM,SAAS;CAClC,UAAU,EACR,MAAM;EACJ,OAAO,CAAC,QAAQ;EAChB,QAAQ,CAAC,QAAQ;EACjB,OAAO,CAAC,SAAS;CACnB,EACF;AACF,CACF;AAEA,MAAM,cAAc,GAClB,yBACA,kBACA,mBACA,qBACA,YACA,eACA,wBAEA,aACA,iBACA,WACA,WAEA,qBAGA,4BACA,cACA,kBAEA,wBAEA,kCACA,gCAEA,sBACA,2BACA,iCAGA,8DACA,6DAGA,oCACA,sCACA,oFAKA,yDACA,wDAEA,uBACA,kCACA,4CACF;;;;;AASA,MAAM,QAAQ,EAAE,KAAK,WAAW,OAAO,UAAU,GAAG,YAClD,oBAAC,qBAAqB,MAAtB;CACO;CACL,GAAI;CACJ,WAAW,GAAG,aAAa;EAAE;EAAM;CAAU,CAAC,CAAC;AAChD,CAAA;AAKH,MAAM,QAAQ,EAAE,KAAK,WAAW,GAAG,YACjC,oBAAC,qBAAqB,MAAtB;CAAgC;CAAK,GAAI;CAAO,WAAW,GAAG,aAAa,SAAS;AAAI,CAAA;AAG1F,MAAa,cAAc,OAAO,OAAO,MAAM;;AAE7C,KACF,CAAC"}
+{"version":3,"file":"ToggleGroup-DsDS7k70.js","names":[],"sources":["../src/components/ToggleGroup/ToggleGroup.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\n\nconst rootVariants = cva(\n  [\n    'tailwindcss-preflight',\n    'tw:inline-flex',\n    'tw:items-center',\n    'tw:shrink-0',\n    'tw:bg-muted',\n    'tw:rounded-lg',\n    'tw:p-[3px]',\n    'tw:gap-0',\n  ],\n  {\n    defaultVariants: { size: 'medium' },\n    variants: {\n      size: {\n        small: ['tw:h-8'],\n        medium: ['tw:h-9'],\n        large: ['tw:h-10'],\n      },\n    },\n  },\n);\n\nconst itemClasses = cn(\n  'tailwindcss-preflight',\n  'tw:inline-flex',\n  'tw:items-center',\n  'tw:justify-center',\n  'tw:gap-2',\n  'tw:shrink-0',\n  'tw:whitespace-nowrap',\n\n  'tw:h-full',\n  'tw:rounded-md',\n  'tw:px-2',\n  'tw:py-1',\n\n  'tw:bg-transparent',\n  // Off-state copy is muted so the pressed segment reads as pressed from the label\n  // alone — the fill alone is a near-invisible step on either scheme's track.\n  'tw:text-muted-foreground',\n  'tw:text-sm',\n  'tw:font-medium',\n\n  'tw:transition-colors',\n\n  'tw:disabled:cursor-not-allowed',\n  'tw:disabled:opacity-disabled',\n\n  'tw:!outline-hidden',\n  'tw:focus-visible:ring-2',\n  'tw:focus-visible:ring-ring/50',\n\n  // hover on non-pressed\n  'tw:not-disabled:[&[data-state=off]]:hover:bg-background/60',\n  'tw:not-disabled:[&[data-state=off]]:hover:text-foreground',\n\n  // pressed\n  'tw:data-[state=on]:bg-background',\n  'tw:data-[state=on]:text-foreground',\n  'tw:data-[state=on]:shadow-[0_1px_2px_rgba(0,0,0,0.05),0_1px_1px_rgba(0,0,0,0.1)]',\n\n  // Dark scheme inverts the lift: `background` is darker than the `muted` track, so the\n  // pressed segment reads as a hole and the black drop shadow renders nothing on it.\n  // `secondary` is the step above the track.\n  'tw:[[data-theme=dark]_&]:data-[state=on]:bg-secondary',\n  'tw:[[data-theme=dark]_&]:data-[state=on]:shadow-none',\n\n  'tw:[&_svg]:shrink-0',\n  'tw:[&_svg]:pointer-events-none',\n  \"tw:[&_svg:not([class*='tw:size-'])]:size-4\",\n);\n\ntype RootProps = ComponentProps<typeof ToggleGroupPrimitive.Root> &\n  VariantProps<typeof rootVariants>;\n\n/**\n * Segmented row of mutually-exclusive (or multi-select) options. Built on `@radix-ui/react-toggle-group`.\n * For `type=\"single\"`, `onValueChange` receives `\"\"` when the user deselects the active item.\n */\nconst Root = ({ ref, className, size = 'medium', ...props }: RootProps) => (\n  <ToggleGroupPrimitive.Root\n    ref={ref}\n    {...props}\n    className={cn(rootVariants({ size, className }))}\n  />\n);\n\ntype ItemProps = ComponentProps<typeof ToggleGroupPrimitive.Item>;\n\nconst Item = ({ ref, className, ...props }: ItemProps) => (\n  <ToggleGroupPrimitive.Item ref={ref} {...props} className={cn(itemClasses, className)} />\n);\n\nexport const ToggleGroup = Object.assign(Root, {\n  /** Individual segment inside a `ToggleGroup`. `value` is required and must be unique within the group. */\n  Item,\n});\n"],"mappings":";;;;;AAMA,MAAM,eAAe,IACnB;CACE;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,GACA;CACE,iBAAiB,EAAE,MAAM,SAAS;CAClC,UAAU,EACR,MAAM;EACJ,OAAO,CAAC,QAAQ;EAChB,QAAQ,CAAC,QAAQ;EACjB,OAAO,CAAC,SAAS;CACnB,EACF;AACF,CACF;AAEA,MAAM,cAAc,GAClB,yBACA,kBACA,mBACA,qBACA,YACA,eACA,wBAEA,aACA,iBACA,WACA,WAEA,qBAGA,4BACA,cACA,kBAEA,wBAEA,kCACA,gCAEA,sBACA,2BACA,iCAGA,8DACA,6DAGA,oCACA,sCACA,oFAKA,yDACA,wDAEA,uBACA,kCACA,4CACF;;;;;AASA,MAAM,QAAQ,EAAE,KAAK,WAAW,OAAO,UAAU,GAAG,YAClD,oBAAC,qBAAqB,MAAtB;CACO;CACL,GAAI;CACJ,WAAW,GAAG,aAAa;EAAE;EAAM;CAAU,CAAC,CAAC;AAChD,CAAA;AAKH,MAAM,QAAQ,EAAE,KAAK,WAAW,GAAG,YACjC,oBAAC,qBAAqB,MAAtB;CAAgC;CAAK,GAAI;CAAO,WAAW,GAAG,aAAa,SAAS;AAAI,CAAA;AAG1F,MAAa,cAAc,OAAO,OAAO,MAAM;;AAE7C,KACF,CAAC"}