@keboola/design 9.1.0 → 11.0.0

package/dist/chunk-R74KGWNS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/blocks/BrandEditor/color.ts","../src/blocks/BrandEditor/ColorField.tsx","../src/blocks/BrandEditor/contrast.ts","../src/blocks/BrandEditor/ControlSection.tsx","../src/blocks/BrandEditor/LogoField.tsx","../src/blocks/BrandEditor/TextField.tsx","../src/blocks/BrandEditor/BrandEditor.tsx"],"names":["jsxs","jsx"],"mappings":"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","file":"chunk-R74KGWNS.js","sourcesContent":["// Brand colours are stored as space-separated \"R G B\" channel strings (see\n// `rgbChannelsSchema` in @keboola/brand-registry); `ColorInput` speaks hex.\n// These helpers convert at that boundary.\n\nexport const hexToChannels = (hex: string): string => {\n  let h = hex.trim().replace(/^#/, '');\n  // Expand 3/4-digit shorthand and drop alpha (4- and 8-digit `#rgba`/`#rrggbbaa`) — brand\n  // channels carry no alpha. Anything else is malformed → fall back to black.\n  if (h.length === 3 || h.length === 4) {\n    h = h\n      .slice(0, 3)\n      .split('')\n      .map((c) => c + c)\n      .join('');\n  } else if (h.length === 8) {\n    h = h.slice(0, 6);\n  }\n  if (!/^[0-9a-fA-F]{6}$/.test(h)) return '0 0 0';\n  const n = parseInt(h, 16);\n  return `${(n >> 16) & 255} ${(n >> 8) & 255} ${n & 255}`;\n};\n\nexport const channelsToHex = (channels: string): string => {\n  const [r = 0, g = 0, b = 0] = channels\n    .trim()\n    .split(/\\s+/)\n    .map((n) => Number(n) || 0);\n  const to2 = (v: number) => Math.max(0, Math.min(255, v)).toString(16).padStart(2, '0');\n  return `#${to2(r)}${to2(g)}${to2(b)}`;\n};\n","import { Label } from '../../components/Label';\nimport { ColorInput } from '../ColorInput';\n\nimport { channelsToHex, hexToChannels } from './color';\n\ntype Props = {\n  id: string;\n  label: string;\n  /** Current value as an \"R G B\" channel string. */\n  channels: string;\n  /** Called with a new \"R G B\" channel string when a valid colour is picked. */\n  onChange: (channels: string) => void;\n};\n\n// ColorInput fires `onValueChange` on every keystroke (it only coerces on blur), so commit a\n// channel value only for a COMPLETE 3-, 4-, 6-, or 8-digit hex — otherwise a partial \"#1\"/\"#\"\n// would write unintended channels. Alpha (4-/8-digit) is truncated to RGB, since brand tokens\n// carry no alpha.\nconst COMPLETE_HEX = /^([0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/;\n\n/** A labelled hex colour picker bound to a brand token (stored as RGB channels). */\nexport const ColorField = ({ id, label, channels, onChange }: Props) => {\n  const hex = channelsToHex(channels);\n\n  return (\n    <div className=\"tw:flex tw:items-center tw:justify-between tw:gap-2\">\n      <Label htmlFor={id} className=\"tw:text-xs tw:font-normal tw:text-foreground\">\n        {label}\n      </Label>\n      <ColorInput\n        id={id}\n        sizing=\"medium\"\n        value={hex}\n        className=\"tw:w-36\"\n        onValueChange={(next) => {\n          const clean = next.trim().replace(/^#/, '');\n          // Commit only complete hex (hexToChannels handles the 3/6/8-digit shapes + alpha drop).\n          if (COMPLETE_HEX.test(clean)) onChange(hexToChannels(`#${clean}`));\n        }}\n      />\n    </div>\n  );\n};\n","// WCAG contrast helpers over `\"R G B\"` channel strings (the brand token format).\n\n// Coerce non-numeric/blank channels to 0 and clamp to the valid 0–255 range, so a malformed\n// token (e.g. \"999 999 999\") can neither NaN-out nor push luminance past WCAG's expected bounds.\nconst clampChannel = (n: number): number =>\n  Number.isFinite(n) ? Math.min(255, Math.max(0, n)) : 0;\n\nconst parseChannels = (channels: string): [number, number, number] => {\n  const [r = 0, g = 0, b = 0] = channels\n    .trim()\n    .split(/\\s+/)\n    .map((n) => clampChannel(Number(n)));\n  return [r, g, b];\n};\n\nconst relativeLuminance = (channels: string): number => {\n  // Destructure with defaults (not an `as` assertion) so `r`/`g`/`b` are `number` under\n  // `noUncheckedIndexedAccess` without a production-code type cast.\n  const [r = 0, g = 0, b = 0] = parseChannels(channels).map((c) => {\n    const s = c / 255;\n    return s <= 0.03928 ? s / 12.92 : ((s + 0.055) / 1.055) ** 2.4;\n  });\n  return 0.2126 * r + 0.7152 * g + 0.0722 * b;\n};\n\n/** WCAG contrast ratio (1–21) between two `\"R G B\"` colours. */\nexport const contrastRatio = (fg: string, bg: string): number => {\n  const l1 = relativeLuminance(fg);\n  const l2 = relativeLuminance(bg);\n  const [lighter, darker] = l1 >= l2 ? [l1, l2] : [l2, l1];\n  return (lighter + 0.05) / (darker + 0.05);\n};\n\n/** WCAG level for normal-size text at a given ratio. */\nexport const wcagLevel = (ratio: number): 'AAA' | 'AA' | 'fail' =>\n  ratio >= 7 ? 'AAA' : ratio >= 4.5 ? 'AA' : 'fail';\n","import type { ReactNode } from 'react';\n\ntype Props = {\n  title: string;\n  children: ReactNode;\n};\n\n/** A titled block inside `BrandEditor`. */\nexport const ControlSection = ({ title, children }: Props) => (\n  <section className=\"tw:flex tw:flex-col tw:gap-3 tw:border-b tw:border-border tw:p-4\">\n    <h3 className=\"tw:m-0 tw:text-xs tw:font-semibold tw:uppercase tw:tracking-wide tw:text-muted-foreground\">\n      {title}\n    </h3>\n    {children}\n  </section>\n);\n","import { Label } from '../../components/Label';\nimport { Textarea } from '../Textarea';\n\ntype Props = {\n  id: string;\n  label: string;\n  /** Current logo source: SVG markup, a `data:` URI, or an `http(s)` URL. */\n  value: string;\n  /** Called with the new source (empty string clears the slot). */\n  onChange: (value: string) => void;\n};\n\n/** A labelled multi-line field for a brand logo source. */\nexport const LogoField = ({ id, label, value, onChange }: Props) => (\n  <div className=\"tw:flex tw:flex-col tw:gap-1\">\n    <Label htmlFor={id} className=\"tw:text-xs tw:font-normal tw:text-foreground\">\n      {label}\n    </Label>\n    <Textarea\n      id={id}\n      value={value}\n      onValueChange={onChange}\n      maxRows={4}\n      placeholder=\"<svg…>, a data: URI, or an https:// URL\"\n      className=\"tw:font-mono tw:text-xs\"\n    />\n  </div>\n);\n","import { Label } from '../../components/Label';\nimport { TextInput } from '../TextInput';\n\ntype Props = {\n  id: string;\n  label: string;\n  /** Current CSS value (empty clears the token, falling back to the stylesheet default). */\n  value: string;\n  /** Called with the new CSS value on change. */\n  onChange: (value: string) => void;\n  /** The inherited default, shown as placeholder when the field is empty. */\n  placeholder?: string;\n};\n\n/** A labelled single-line field for a free-form CSS-value token (shadow, motion, gradient). */\nexport const TextField = ({ id, label, value, onChange, placeholder }: Props) => (\n  <div className=\"tw:flex tw:flex-col tw:gap-1\">\n    <Label htmlFor={id} className=\"tw:text-xs tw:font-normal tw:text-foreground\">\n      {label}\n    </Label>\n    <TextInput\n      id={id}\n      sizing=\"small\"\n      value={value}\n      onValueChange={onChange}\n      placeholder={placeholder}\n      className=\"tw:font-mono tw:text-xs\"\n    />\n  </div>\n);\n","import { useId, useMemo } from 'react';\nimport DOMPurify from 'dompurify';\n\nimport type { Brand } from '@keboola/brand-registry';\nimport { keboola } from '@keboola/brand-registry';\n\nimport { Badge } from '../../components/Badge';\nimport { Button } from '../../components/Button';\nimport { Collapsible } from '../../components/Collapsible';\nimport { Label } from '../../components/Label';\nimport { Select } from '../../components/Select';\nimport { Slider } from '../../components/Slider';\nimport { ToggleGroup } from '../../components/ToggleGroup';\n\nimport { ColorField } from './ColorField';\nimport { contrastRatio, wcagLevel } from './contrast';\nimport { ControlSection } from './ControlSection';\nimport { LogoField } from './LogoField';\nimport { TextField } from './TextField';\n\nexport type ColorSlot = keyof Omit<NonNullable<Brand['theme']['colors']>, 'sidebar' | 'chart'>;\nexport type SidebarSlot = keyof NonNullable<NonNullable<Brand['theme']['colors']>['sidebar']>;\nexport type ChartSlot = keyof NonNullable<NonNullable<Brand['theme']['colors']>['chart']>;\nexport type RadiusSize = keyof NonNullable<Brand['theme']['radii']>;\n\ntype Typography = NonNullable<Brand['theme']['typography']>;\ntype FontFace = 'fontFamily' | 'fontDisplay' | 'fontMono';\ntype FontWeightSlot = keyof NonNullable<Typography['weight']>;\ntype ShadowSlot = keyof NonNullable<Brand['theme']['shadows']>;\ntype SpacingSlot = keyof NonNullable<Brand['theme']['spacing']>;\ntype MotionSlot = keyof NonNullable<Brand['theme']['motion']>;\n\nexport const DEFAULT_FALLBACK_FONT = \"'Inter', system-ui, sans-serif\";\n\nexport const DEFAULT_FONT_OPTIONS: { value: string; label: string }[] = [\n  { value: DEFAULT_FALLBACK_FONT, label: 'Inter (default)' },\n  { value: \"'Space Grotesk', system-ui, sans-serif\", label: 'Space Grotesk' },\n  { value: \"'Poppins', system-ui, sans-serif\", label: 'Poppins' },\n  { value: \"'Manrope', system-ui, sans-serif\", label: 'Manrope' },\n  { value: \"'Quicksand', system-ui, sans-serif\", label: 'Quicksand' },\n  { value: \"'Baloo 2', system-ui, sans-serif\", label: 'Baloo 2' },\n  { value: \"'Fraunces', Georgia, serif\", label: 'Fraunces (serif)' },\n  { value: \"Georgia, 'Times New Roman', serif\", label: 'Georgia (serif)' },\n  { value: \"'JetBrains Mono', ui-monospace, monospace\", label: 'JetBrains Mono' },\n  { value: 'system-ui, sans-serif', label: 'System UI' },\n];\n\n// Label maps double as a compile-time exhaustiveness guard: typed as\n// `Record<ColorSlot, string>` / `Record<SidebarSlot, string>`, a new token added\n// to the upstream `Brand` schema fails to compile here until it gets a control,\n// so it can't silently drift out of the editor. Insertion order is display order.\nconst COLOR_LABELS: Record<ColorSlot, string> = {\n  primary: 'Primary',\n  primaryForeground: 'Primary foreground',\n  background: 'Background',\n  foreground: 'Foreground',\n  card: 'Card',\n  cardForeground: 'Card foreground',\n  popover: 'Popover',\n  popoverForeground: 'Popover foreground',\n  secondary: 'Secondary',\n  secondaryForeground: 'Secondary foreground',\n  muted: 'Muted',\n  mutedForeground: 'Muted foreground',\n  accent: 'Accent',\n  accentForeground: 'Accent foreground',\n  border: 'Border',\n  input: 'Input border',\n  inputBackground: 'Input background',\n  ring: 'Ring',\n  ringOffset: 'Ring offset',\n  destructive: 'Destructive',\n  destructiveForeground: 'Destructive foreground',\n  success: 'Success',\n  successForeground: 'Success foreground',\n  warning: 'Warning',\n  warningForeground: 'Warning foreground',\n  info: 'Info',\n  infoForeground: 'Info foreground',\n};\n\nconst SIDEBAR_LABELS: Record<SidebarSlot, string> = {\n  sidebar: 'Sidebar',\n  sidebarForeground: 'Foreground',\n  sidebarPrimary: 'Primary',\n  sidebarPrimaryForeground: 'Primary foreground',\n  sidebarAccent: 'Accent',\n  sidebarAccentForeground: 'Accent foreground',\n  sidebarBorder: 'Border',\n  sidebarRing: 'Ring',\n};\n\nconst CHART_LABELS: Record<ChartSlot, string> = {\n  chart1: 'Chart 1',\n  chart2: 'Chart 2',\n  chart3: 'Chart 3',\n  chart4: 'Chart 4',\n  chart5: 'Chart 5',\n};\n\nconst WEIGHT_LABELS: Record<FontWeightSlot, string> = {\n  normal: 'Normal',\n  medium: 'Medium',\n  semibold: 'Semibold',\n  bold: 'Bold',\n};\n\nconst SHADOW_LABELS: Record<ShadowSlot, string> = {\n  sm: 'Small',\n  md: 'Medium',\n  lg: 'Large',\n  lift: 'Lift (raised)',\n};\n\nconst SPACING_LABELS: Record<SpacingSlot, string> = {\n  gutter: 'Gutter (between sections)',\n  inset: 'Inset (in-container)',\n};\n\nconst MOTION_LABELS: Record<MotionSlot, string> = {\n  duration: 'Duration',\n  easing: 'Easing',\n};\n\nconst COLOR_SLOTS = Object.keys(COLOR_LABELS) as ColorSlot[];\nconst SIDEBAR_SLOTS = Object.keys(SIDEBAR_LABELS) as SidebarSlot[];\nconst CHART_SLOTS = Object.keys(CHART_LABELS) as ChartSlot[];\nconst WEIGHT_SLOTS = Object.keys(WEIGHT_LABELS) as FontWeightSlot[];\nconst SHADOW_SLOTS = Object.keys(SHADOW_LABELS) as ShadowSlot[];\nconst SPACING_SLOTS = Object.keys(SPACING_LABELS) as SpacingSlot[];\nconst MOTION_SLOTS = Object.keys(MOTION_LABELS) as MotionSlot[];\nconst RADIUS_SIZES: RadiusSize[] = ['sm', 'md', 'lg'];\n\n// Foreground/background pairs whose contrast decides everyday legibility.\nconst A11Y_PAIRS: { label: string; fg: ColorSlot; bg: ColorSlot }[] = [\n  { label: 'Text on background', fg: 'foreground', bg: 'background' },\n  { label: 'Text on card', fg: 'cardForeground', bg: 'card' },\n  { label: 'Primary button', fg: 'primaryForeground', bg: 'primary' },\n  { label: 'Muted text', fg: 'mutedForeground', bg: 'muted' },\n  { label: 'Accent', fg: 'accentForeground', bg: 'accent' },\n];\n\n// Fallback sidebar palette — the `keboola` brand doesn't set `colors.sidebar` /\n// `colorsDark.sidebar`, so a slot needs a value to seed from when a user starts\n// editing sidebar tokens on a brand that leaves them unset.\nconst DEFAULT_SIDEBAR: Record<'light' | 'dark', Record<SidebarSlot, string>> = {\n  light: {\n    sidebar: '255 255 255',\n    sidebarForeground: '30 41 59',\n    sidebarPrimary: '31 143 255',\n    sidebarPrimaryForeground: '255 255 255',\n    sidebarAccent: '219 234 254',\n    sidebarAccentForeground: '30 41 59',\n    sidebarBorder: '229 231 235',\n    sidebarRing: '31 143 255',\n  },\n  dark: {\n    sidebar: '14 14 18',\n    sidebarForeground: '229 230 236',\n    sidebarPrimary: '31 143 255',\n    sidebarPrimaryForeground: '255 255 255',\n    sidebarAccent: '38 38 45',\n    sidebarAccentForeground: '229 230 236',\n    sidebarBorder: '48 49 57',\n    sidebarRing: '31 143 255',\n  },\n};\n\nconst DEFAULT_RADII: NonNullable<Brand['theme']['radii']> = {\n  sm: '0.25rem',\n  md: '0.375rem',\n  lg: '0.5rem',\n};\n\n// The `@keboola/design/styles` categorical chart palette — seeds the chart\n// pickers when a brand leaves `colors.chart` / `colorsDark.chart` unset.\nconst DEFAULT_CHART: Record<'light' | 'dark', Record<ChartSlot, string>> = {\n  light: {\n    chart1: '31 143 255',\n    chart2: '0 194 135',\n    chart3: '146 92 255',\n    chart4: '245 147 0',\n    chart5: '237 94 223',\n  },\n  dark: {\n    chart1: '92 173 255',\n    chart2: '0 230 161',\n    chart3: '173 133 255',\n    chart4: '255 190 92',\n    chart5: '242 140 232',\n  },\n};\n\n// Chrome font-weight defaults (the Tailwind scale `@keboola/design` falls back to\n// when `typography.weight` is unset) — seed values for the weight sliders.\nconst DEFAULT_FONT_WEIGHTS: Record<FontWeightSlot, string> = {\n  normal: '400',\n  medium: '500',\n  semibold: '600',\n  bold: '700',\n};\n\n// Chrome tracking default (behind the hardcoded `tw:tracking-[1px]`).\nconst DEFAULT_LETTER_SPACING = '1px';\n\n// The monospace stack the mono-face Select falls back to when `fontMono` is unset\n// (matches the `DEFAULT_FONT_OPTIONS` JetBrains Mono entry).\nconst MONO_FALLBACK = \"'JetBrains Mono', ui-monospace, monospace\";\n\n// `@keboola/design/styles` defaults for the advanced token groups, shown as\n// placeholders so an unset field reveals the value it inherits.\nconst DEFAULT_SHADOWS: Record<ShadowSlot, string> = {\n  sm: '0 1px 2px 0 rgb(0 0 0 / 0.05)',\n  md: '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',\n  lg: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',\n  lift: '0 10px 30px -12px rgb(0 0 0 / 0.28), 0 2px 6px rgb(0 0 0 / 0.06)',\n};\n\nconst DEFAULT_SPACING: Record<SpacingSlot, string> = {\n  gutter: '1.5rem',\n  inset: '1.5rem',\n};\n\nconst DEFAULT_MOTION: Record<MotionSlot, string> = {\n  duration: '200ms',\n  easing: 'cubic-bezier(0.2, 0.7, 0.2, 1)',\n};\n\nconst DEFAULT_GRADIENT =\n  'linear-gradient(135deg, rgb(var(--primary)), rgb(var(--accent, var(--primary))))';\n\n// Leading numeric value of a token string (font-weight \"500\").\nconst numOf = (value: string, fallback: number): number => {\n  const n = Number.parseFloat(value);\n  return Number.isFinite(n) ? n : fallback;\n};\n\n// Letter-spacing may be px or em. Drive the slider in px (treating `em` as ×16,\n// like the radius slider treats `rem`) and write back in the value's original\n// unit, so an `em`-authored brand (e.g. `0.02em`) stays `em` instead of being\n// silently rewritten to `px`.\nconst letterSpacingToPx = (value: string): number => {\n  const n = Number.parseFloat(value);\n  if (!Number.isFinite(n)) return 0;\n  return value.trim().endsWith('em') ? n * 16 : n;\n};\n\nconst pxToLetterSpacing = (px: number, currentValue: string): string =>\n  currentValue.trim().endsWith('em') ? `${Number((px / 16).toFixed(3))}em` : `${px}px`;\n\n// The Brand schema allows any CSS length for radii (`rem`, `px`, unitless). Convert to px for\n// the slider treating `rem` as ×16 and everything else as already-px, and write back preserving\n// the slot's original unit so `8px` stays `8px`, `0.5rem` stays `0.5rem`, and a unitless `8` stays `8`.\nconst lengthToPx = (value: string): number => {\n  const n = Number.parseFloat(value);\n  if (!Number.isFinite(n)) return 0;\n  return Math.round(value.trim().endsWith('rem') ? n * 16 : n);\n};\n\nconst pxToLength = (px: number, currentValue: string): string => {\n  const trimmed = currentValue.trim();\n  if (trimmed.endsWith('rem')) return `${px / 16}rem`;\n  // Preserve a unitless token (the schema allows it) rather than forcing `px` onto it.\n  if (/^-?\\d*\\.?\\d+$/.test(trimmed)) return `${px}`;\n  return `${px}px`;\n};\n\nexport type BrandEditorProps = {\n  value: Brand;\n  onChange: (next: Brand) => void;\n  /** Palette being edited. Controlled. Default 'light'. */\n  colorScheme?: 'light' | 'dark';\n  /** If provided, the editor shows a light/dark toggle that calls this. If omitted, no toggle. */\n  onColorSchemeChange?: (scheme: 'light' | 'dark') => void;\n  /** Font choices for the typography Select. Defaults to DEFAULT_FONT_OPTIONS. */\n  fontOptions?: { value: string; label: string }[];\n};\n\n// Match `BrandLogo`'s sniffing: any string starting with `<` is inline markup (covers\n// `<?xml …?><svg>` / `<!doctype …>` prefixes); only `data:` / `http(s)://` are image URLs.\nconst isSvgMarkup = (source: string) => source.trimStart().startsWith('<');\nconst isImageSource = (source: string) => /^(data:|https?:\\/\\/)/.test(source.trim());\n\n/** Renders a logo source (SVG markup, `data:` URI, or `http(s)` URL) from the raw string. */\nconst LogoPreviewImage = ({ source, className }: { source: string; className?: string }) => {\n  const safeSvg = useMemo(\n    () =>\n      isSvgMarkup(source)\n        ? DOMPurify.sanitize(source, { USE_PROFILES: { svg: true, svgFilters: true } })\n        : null,\n    [source],\n  );\n\n  if (safeSvg !== null) {\n    // Decorative preview of what the caller is editing — the textarea holds the real value, so\n    // hide the injected graphic from assistive tech (parity with the `alt=\"\"` image branch below).\n    return <span aria-hidden className={className} dangerouslySetInnerHTML={{ __html: safeSvg }} />;\n  }\n  if (isImageSource(source)) {\n    return <img src={source} alt=\"\" className={className} />;\n  }\n  return null;\n};\n\n/**\n * Controlled brand-editing block — colors (light/dark), sidebar colors, WCAG contrast readout,\n * corner radius, typography, and logo. Reads/writes a `Brand` (`@keboola/brand-registry`) via\n * `value` / `onChange`; owns no state of its own, so the caller decides where the brand and the\n * active color scheme live (Kai build-mode preview, theme-generator, …).\n */\nexport const BrandEditor = ({\n  value,\n  onChange,\n  colorScheme = 'light',\n  onColorSchemeChange,\n  fontOptions = DEFAULT_FONT_OPTIONS,\n}: BrandEditorProps) => {\n  // Prefix every control id so multiple BrandEditors on one page don't collide (broken label↔control).\n  const baseId = useId();\n  const { theme } = value;\n  const coreColors = colorScheme === 'light' ? theme.colors : theme.colorsDark;\n  const sidebarColors = colorScheme === 'light' ? theme.colors?.sidebar : theme.colorsDark?.sidebar;\n  const chartColors = colorScheme === 'light' ? theme.colors?.chart : theme.colorsDark?.chart;\n  // Fall back to the keboola default of the SAME scheme — never light values while editing dark.\n  const defaultColors = colorScheme === 'light' ? keboola.theme.colors : keboola.theme.colorsDark;\n  const radii = theme.radii ?? DEFAULT_RADII;\n  const typography = theme.typography;\n\n  const setColor = (slot: ColorSlot, channels: string) => {\n    if (colorScheme === 'light') {\n      onChange({ ...value, theme: { ...theme, colors: { ...theme.colors, [slot]: channels } } });\n      return;\n    }\n    // Keep colorsDark sparse (mirrors the light path) so an unset dark palette inherits the\n    // design-system defaults instead of baking in a full keboola palette on the first edit.\n    onChange({\n      ...value,\n      theme: { ...theme, colorsDark: { ...theme.colorsDark, [slot]: channels } },\n    });\n  };\n\n  const setSidebarColor = (slot: SidebarSlot, channels: string) => {\n    if (colorScheme === 'light') {\n      const base = theme.colors?.sidebar ?? DEFAULT_SIDEBAR.light;\n      onChange({\n        ...value,\n        theme: { ...theme, colors: { ...theme.colors, sidebar: { ...base, [slot]: channels } } },\n      });\n      return;\n    }\n    // Spread the existing (possibly-empty) colorsDark so setting a sidebar token doesn't seed the\n    // whole core dark palette; only the sidebar sub-object is seeded, since it has no default to inherit.\n    const sidebarBase = theme.colorsDark?.sidebar ?? DEFAULT_SIDEBAR.dark;\n    onChange({\n      ...value,\n      theme: {\n        ...theme,\n        colorsDark: { ...theme.colorsDark, sidebar: { ...sidebarBase, [slot]: channels } },\n      },\n    });\n  };\n\n  const setChart = (slot: ChartSlot, channels: string) => {\n    const base = chartColors ?? DEFAULT_CHART[colorScheme];\n    const chart = { ...base, [slot]: channels };\n    if (colorScheme === 'light') {\n      onChange({ ...value, theme: { ...theme, colors: { ...theme.colors, chart } } });\n      return;\n    }\n    onChange({ ...value, theme: { ...theme, colorsDark: { ...theme.colorsDark, chart } } });\n  };\n\n  const setRadius = (size: RadiusSize, radius: string) =>\n    onChange({\n      ...value,\n      theme: { ...theme, radii: { ...(theme.radii ?? DEFAULT_RADII), [size]: radius } },\n    });\n\n  // Merge a typography patch, keeping sibling faces / weight / letterSpacing.\n  const patchTypography = (patch: Partial<Typography>) =>\n    onChange({ ...value, theme: { ...theme, typography: { ...theme.typography, ...patch } } });\n\n  const setFontFace = (face: FontFace, font: string) =>\n    patchTypography({ [face]: font.trim() || undefined });\n\n  const setFontWeight = (slot: FontWeightSlot, weight: string) =>\n    patchTypography({ weight: { ...theme.typography?.weight, [slot]: weight || undefined } });\n\n  const setLetterSpacing = (chrome: string) =>\n    patchTypography({ letterSpacing: { chrome: chrome.trim() || undefined } });\n\n  const setShadow = (slot: ShadowSlot, shadow: string) =>\n    onChange({\n      ...value,\n      theme: { ...theme, shadows: { ...theme.shadows, [slot]: shadow.trim() || undefined } },\n    });\n\n  const setSpacing = (slot: SpacingSlot, length: string) =>\n    onChange({\n      ...value,\n      theme: { ...theme, spacing: { ...theme.spacing, [slot]: length.trim() || undefined } },\n    });\n\n  const setMotion = (slot: MotionSlot, token: string) =>\n    onChange({\n      ...value,\n      theme: { ...theme, motion: { ...theme.motion, [slot]: token.trim() || undefined } },\n    });\n\n  const setGradient = (gradient: string) =>\n    onChange({\n      ...value,\n      theme: { ...theme, gradient: { brand: gradient.trim() || undefined } },\n    });\n\n  const setLogo = (slot: keyof NonNullable<Brand['logo']>, source: string) => {\n    const trimmed = source.trim();\n    const nextLogo: NonNullable<Brand['logo']> = { ...value.logo };\n    if (trimmed) nextLogo[slot] = trimmed;\n    else delete nextLogo[slot];\n    const { logo: _drop, ...rest } = value;\n    onChange(Object.keys(nextLogo).length > 0 ? { ...value, logo: nextLogo } : rest);\n  };\n\n  return (\n    <div className=\"tw:flex tw:flex-col\">\n      <ControlSection title=\"Colors\">\n        {onColorSchemeChange ? (\n          <ToggleGroup\n            type=\"single\"\n            value={colorScheme}\n            onValueChange={(next) => {\n              if (next === 'light' || next === 'dark') onColorSchemeChange(next);\n            }}\n            aria-label=\"Color scheme\"\n            className=\"tw:w-full\"\n          >\n            <ToggleGroup.Item value=\"light\" className=\"tw:flex-1\">\n              Light\n            </ToggleGroup.Item>\n            <ToggleGroup.Item value=\"dark\" className=\"tw:flex-1\">\n              Dark\n            </ToggleGroup.Item>\n          </ToggleGroup>\n        ) : null}\n        <div className=\"tw:flex tw:flex-col tw:gap-2\">\n          {COLOR_SLOTS.map((slot) => (\n            <ColorField\n              key={slot}\n              id={`${baseId}color-${colorScheme}-${slot}`}\n              label={COLOR_LABELS[slot]}\n              channels={coreColors?.[slot] ?? defaultColors?.[slot] ?? '0 0 0'}\n              onChange={(channels) => setColor(slot, channels)}\n            />\n          ))}\n        </div>\n      </ControlSection>\n\n      <ControlSection title=\"Accessibility\">\n        <p className=\"tw:m-0 tw:text-xs tw:text-muted-foreground\">\n          WCAG contrast for the {colorScheme} palette (AA needs 4.5:1).\n        </p>\n        <div className=\"tw:flex tw:flex-col tw:gap-1.5\">\n          {A11Y_PAIRS.map((pair) => {\n            const fg = coreColors?.[pair.fg] ?? defaultColors?.[pair.fg] ?? '0 0 0';\n            const bg = coreColors?.[pair.bg] ?? defaultColors?.[pair.bg] ?? '255 255 255';\n            const ratio = contrastRatio(fg, bg);\n            const level = wcagLevel(ratio);\n            return (\n              <div key={pair.label} className=\"tw:flex tw:items-center tw:justify-between tw:gap-2\">\n                <span className=\"tw:text-xs tw:text-foreground\">{pair.label}</span>\n                <span className=\"tw:flex tw:items-center tw:gap-1.5\">\n                  <span className=\"tw:text-xs tw:tabular-nums tw:text-muted-foreground\">\n                    {ratio.toFixed(1)}:1\n                  </span>\n                  <Badge color={level === 'fail' ? 'red' : 'green'}>\n                    {level === 'fail' ? 'Fail' : level}\n                  </Badge>\n                </span>\n              </div>\n            );\n          })}\n        </div>\n      </ControlSection>\n\n      <ControlSection title=\"Sidebar colors\">\n        <Collapsible className=\"tw:flex tw:flex-col tw:gap-2\">\n          <Collapsible.Trigger asChild>\n            <Button variant=\"outline\" size=\"small\" className=\"tw:w-full\">\n              Toggle sidebar tokens ({colorScheme})\n            </Button>\n          </Collapsible.Trigger>\n          <Collapsible.Content className=\"tw:flex tw:flex-col tw:gap-2\">\n            {SIDEBAR_SLOTS.map((slot) => (\n              <ColorField\n                key={slot}\n                id={`${baseId}sidebar-${colorScheme}-${slot}`}\n                label={SIDEBAR_LABELS[slot]}\n                channels={sidebarColors?.[slot] ?? DEFAULT_SIDEBAR[colorScheme][slot]}\n                onChange={(channels) => setSidebarColor(slot, channels)}\n              />\n            ))}\n          </Collapsible.Content>\n        </Collapsible>\n      </ControlSection>\n\n      <ControlSection title=\"Chart palette\">\n        <p className=\"tw:m-0 tw:text-xs tw:text-muted-foreground\">\n          Categorical series colours for the {colorScheme} palette (`--chart-1…5`).\n        </p>\n        <div className=\"tw:flex tw:flex-col tw:gap-2\">\n          {CHART_SLOTS.map((slot) => (\n            <ColorField\n              key={slot}\n              id={`${baseId}chart-${colorScheme}-${slot}`}\n              label={CHART_LABELS[slot]}\n              channels={chartColors?.[slot] ?? DEFAULT_CHART[colorScheme][slot]}\n              onChange={(channels) => setChart(slot, channels)}\n            />\n          ))}\n        </div>\n      </ControlSection>\n\n      <ControlSection title=\"Radius\">\n        {RADIUS_SIZES.map((size) => {\n          const current = radii[size];\n          const px = lengthToPx(current);\n          return (\n            <div key={size} className=\"tw:flex tw:flex-col tw:gap-1\">\n              <div className=\"tw:flex tw:items-center tw:justify-between\">\n                <Label className=\"tw:text-xs tw:font-normal tw:uppercase tw:text-foreground\">\n                  {size}\n                </Label>\n                <span className=\"tw:text-xs tw:tabular-nums tw:text-muted-foreground\">\n                  {radii[size]}\n                </span>\n              </div>\n              <Slider\n                min={0}\n                max={24}\n                step={1}\n                value={[px]}\n                onValueChange={(values) => setRadius(size, pxToLength(values[0] ?? 0, current))}\n              />\n            </div>\n          );\n        })}\n      </ControlSection>\n\n      <ControlSection title=\"Typography\">\n        <div className=\"tw:flex tw:flex-col tw:gap-1\">\n          <Label\n            htmlFor={`${baseId}font-family`}\n            className=\"tw:text-xs tw:font-normal tw:text-foreground\"\n          >\n            Font family\n          </Label>\n          <Select\n            id={`${baseId}font-family`}\n            value={typography?.fontFamily ?? DEFAULT_FALLBACK_FONT}\n            onValueChange={(font) => setFontFace('fontFamily', font)}\n            items={fontOptions}\n          />\n        </div>\n        <div className=\"tw:flex tw:flex-col tw:gap-1\">\n          <Label\n            htmlFor={`${baseId}font-display`}\n            className=\"tw:text-xs tw:font-normal tw:text-foreground\"\n          >\n            Display font (headings)\n          </Label>\n          <Select\n            id={`${baseId}font-display`}\n            value={typography?.fontDisplay ?? typography?.fontFamily ?? DEFAULT_FALLBACK_FONT}\n            onValueChange={(font) => setFontFace('fontDisplay', font)}\n            items={fontOptions}\n          />\n        </div>\n        <div className=\"tw:flex tw:flex-col tw:gap-1\">\n          <Label\n            htmlFor={`${baseId}font-mono`}\n            className=\"tw:text-xs tw:font-normal tw:text-foreground\"\n          >\n            Monospace font\n          </Label>\n          <Select\n            id={`${baseId}font-mono`}\n            value={typography?.fontMono ?? MONO_FALLBACK}\n            onValueChange={(font) => setFontFace('fontMono', font)}\n            items={fontOptions}\n          />\n        </div>\n\n        <span className=\"tw:text-xs tw:text-muted-foreground\">Chrome font weights</span>\n        {WEIGHT_SLOTS.map((slot) => {\n          const current = typography?.weight?.[slot] ?? DEFAULT_FONT_WEIGHTS[slot];\n          return (\n            <div key={slot} className=\"tw:flex tw:flex-col tw:gap-1\">\n              <div className=\"tw:flex tw:items-center tw:justify-between\">\n                <Label className=\"tw:text-xs tw:font-normal tw:text-foreground\">\n                  {WEIGHT_LABELS[slot]}\n                </Label>\n                <span className=\"tw:text-xs tw:tabular-nums tw:text-muted-foreground\">\n                  {current}\n                </span>\n              </div>\n              <Slider\n                min={100}\n                max={900}\n                step={25}\n                value={[numOf(current, 400)]}\n                onValueChange={(values) => setFontWeight(slot, String(values[0] ?? 400))}\n              />\n            </div>\n          );\n        })}\n\n        <div className=\"tw:flex tw:flex-col tw:gap-1\">\n          <div className=\"tw:flex tw:items-center tw:justify-between\">\n            <Label className=\"tw:text-xs tw:font-normal tw:text-foreground\">\n              Chrome letter spacing\n            </Label>\n            <span className=\"tw:text-xs tw:tabular-nums tw:text-muted-foreground\">\n              {typography?.letterSpacing?.chrome ?? DEFAULT_LETTER_SPACING}\n            </span>\n          </div>\n          <Slider\n            min={-2}\n            max={4}\n            step={0.25}\n            value={[letterSpacingToPx(typography?.letterSpacing?.chrome ?? DEFAULT_LETTER_SPACING)]}\n            onValueChange={(values) =>\n              setLetterSpacing(\n                pxToLetterSpacing(\n                  values[0] ?? 0,\n                  typography?.letterSpacing?.chrome ?? DEFAULT_LETTER_SPACING,\n                ),\n              )\n            }\n          />\n        </div>\n      </ControlSection>\n\n      <ControlSection title=\"Elevation\">\n        <p className=\"tw:m-0 tw:text-xs tw:text-muted-foreground\">\n          Box-shadow scale (`--shadow-*`), shared across light & dark. Empty inherits the default.\n        </p>\n        {SHADOW_SLOTS.map((slot) => (\n          <TextField\n            key={slot}\n            id={`${baseId}shadow-${slot}`}\n            label={SHADOW_LABELS[slot]}\n            value={theme.shadows?.[slot] ?? ''}\n            placeholder={DEFAULT_SHADOWS[slot]}\n            onChange={(next) => setShadow(slot, next)}\n          />\n        ))}\n      </ControlSection>\n\n      <ControlSection title=\"Density\">\n        <p className=\"tw:m-0 tw:text-xs tw:text-muted-foreground\">\n          Semantic spacing (`--space-*`), as CSS lengths.\n        </p>\n        {SPACING_SLOTS.map((slot) => (\n          <TextField\n            key={slot}\n            id={`${baseId}spacing-${slot}`}\n            label={SPACING_LABELS[slot]}\n            value={theme.spacing?.[slot] ?? ''}\n            placeholder={DEFAULT_SPACING[slot]}\n            onChange={(next) => setSpacing(slot, next)}\n          />\n        ))}\n      </ControlSection>\n\n      <ControlSection title=\"Motion\">\n        <p className=\"tw:m-0 tw:text-xs tw:text-muted-foreground\">\n          Base transition `duration` + `easing` (`--motion-*`).\n        </p>\n        {MOTION_SLOTS.map((slot) => (\n          <TextField\n            key={slot}\n            id={`${baseId}motion-${slot}`}\n            label={MOTION_LABELS[slot]}\n            value={theme.motion?.[slot] ?? ''}\n            placeholder={DEFAULT_MOTION[slot]}\n            onChange={(next) => setMotion(slot, next)}\n          />\n        ))}\n      </ControlSection>\n\n      <ControlSection title=\"Gradient\">\n        <TextField\n          id={`${baseId}gradient-brand`}\n          label=\"Brand gradient\"\n          value={theme.gradient?.brand ?? ''}\n          placeholder={DEFAULT_GRADIENT}\n          onChange={setGradient}\n        />\n      </ControlSection>\n\n      <ControlSection title=\"Logo\">\n        <LogoField\n          id={`${baseId}logo-mark`}\n          label=\"Mark (icon)\"\n          value={value.logo?.mark ?? ''}\n          onChange={(source) => setLogo('mark', source)}\n        />\n        <LogoField\n          id={`${baseId}logo-wordmark`}\n          label=\"Wordmark (full)\"\n          value={value.logo?.wordmark ?? ''}\n          onChange={(source) => setLogo('wordmark', source)}\n        />\n        <Collapsible className=\"tw:flex tw:flex-col tw:gap-2\">\n          <Collapsible.Trigger asChild>\n            <Button variant=\"outline\" size=\"small\" className=\"tw:w-full\">\n              Toggle dark-mode logos\n            </Button>\n          </Collapsible.Trigger>\n          <Collapsible.Content className=\"tw:flex tw:flex-col tw:gap-2\">\n            <LogoField\n              id={`${baseId}logo-mark-dark`}\n              label=\"Mark (dark)\"\n              value={value.logo?.markDark ?? ''}\n              onChange={(source) => setLogo('markDark', source)}\n            />\n            <LogoField\n              id={`${baseId}logo-wordmark-dark`}\n              label=\"Wordmark (dark)\"\n              value={value.logo?.wordmarkDark ?? ''}\n              onChange={(source) => setLogo('wordmarkDark', source)}\n            />\n          </Collapsible.Content>\n        </Collapsible>\n        <div className=\"tw:flex tw:flex-col tw:gap-1\">\n          <span className=\"tw:text-xs tw:text-muted-foreground\">Preview</span>\n          <div className=\"tw:flex tw:min-h-12 tw:items-center tw:gap-4 tw:rounded-md tw:border tw:border-border tw:bg-background tw:p-3\">\n            {value.logo?.mark || value.logo?.wordmark ? (\n              <>\n                {value.logo.mark ? (\n                  <LogoPreviewImage source={value.logo.mark} className=\"tw:h-8\" />\n                ) : null}\n                {value.logo.wordmark ? (\n                  <LogoPreviewImage source={value.logo.wordmark} className=\"tw:h-8\" />\n                ) : null}\n              </>\n            ) : (\n              <span className=\"tw:text-xs tw:text-muted-foreground\">No logo set</span>\n            )}\n          </div>\n        </div>\n      </ControlSection>\n    </div>\n  );\n};\n"]}

package/dist/chunk-RFDLHMKL.js

@@ -0,0 +1,110 @@
+import { TimePicker } from './chunk-52NDNMK7.js';
+import { useControllableState } from './chunk-WKAUEL6I.js';
+import { InputGroup } from './chunk-SC275NHZ.js';
+import { X, Clock } from './chunk-RQVK4IYC.js';
+import { createChangeInputEvent } from './chunk-SWQFYNYG.js';
+import { mergeRefs } from './chunk-3W27OLK5.js';
+import { useRef, useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var TimeInput = ({
+  ref,
+  // group props
+  state,
+  variant,
+  focusVariant,
+  sizing,
+  className,
+  // own props
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  onValueBlur,
+  onChange,
+  onBlur,
+  allowClear = false,
+  // input props
+  disabled,
+  readOnly,
+  placeholder = "Select time",
+  ...restInputProps
+}) => {
+  const inputRef = useRef(null);
+  const [isOpen, setIsOpen] = useState(false);
+  const [value, setValue] = useControllableState({
+    prop: valueProp,
+    defaultProp: defaultValue ?? null,
+    onChange: onValueChange
+  });
+  const canClear = allowClear && !!value && !disabled && !readOnly;
+  const showPicker = !disabled && !readOnly;
+  const handleChange = (event) => {
+    setValue(event.target.value || null);
+    onChange?.(event);
+  };
+  const handleBlur = (event) => {
+    onValueBlur?.(event.target.value || null);
+    onBlur?.(event);
+  };
+  const handleTimePickerSelect = (time) => {
+    setValue(time);
+  };
+  const handleClear = () => {
+    if (!inputRef.current) return;
+    inputRef.current.value = "";
+    setValue(null);
+    onChange?.(createChangeInputEvent(inputRef.current));
+  };
+  return /* @__PURE__ */ jsxs(
+    InputGroup,
+    {
+      state,
+      variant,
+      sizing,
+      focusVariant,
+      className,
+      children: [
+        /* @__PURE__ */ jsx(
+          InputGroup.Input,
+          {
+            ...restInputProps,
+            ref: mergeRefs(ref ?? null, inputRef),
+            type: "time",
+            className: "tw:[&::-webkit-calendar-picker-indicator]:hidden tw:[&::-webkit-datetime-edit-fields-wrapper]:py-0",
+            value: value ?? "",
+            placeholder,
+            onChange: handleChange,
+            onBlur: handleBlur,
+            disabled,
+            readOnly
+          }
+        ),
+        (canClear || showPicker) && /* @__PURE__ */ jsxs(InputGroup.Addon, { align: "inline-end", children: [
+          canClear && /* @__PURE__ */ jsx(
+            InputGroup.Button,
+            {
+              "aria-label": "Clear time",
+              onMouseDown: (event) => event.preventDefault(),
+              onClick: handleClear,
+              children: /* @__PURE__ */ jsx(X, { className: "tw:size-4" })
+            }
+          ),
+          showPicker && /* @__PURE__ */ jsx(
+            TimePicker,
+            {
+              open: isOpen,
+              onOpenChange: setIsOpen,
+              onSelect: handleTimePickerSelect,
+              selected: value,
+              children: /* @__PURE__ */ jsx(InputGroup.Button, { "aria-label": "Select time", children: /* @__PURE__ */ jsx(Clock, { className: "tw:size-4" }) })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+
+export { TimeInput };
+//# sourceMappingURL=chunk-RFDLHMKL.js.map
+//# sourceMappingURL=chunk-RFDLHMKL.js.map

package/dist/chunk-RFDLHMKL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/blocks/TimeInput/TimeInput.tsx"],"names":[],"mappings":"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","file":"chunk-RFDLHMKL.js","sourcesContent":["import { useRef, useState } from 'react';\nimport type {\n  ChangeEventHandler,\n  ComponentProps,\n  ComponentRef,\n  FocusEventHandler,\n  MouseEventHandler,\n} from 'react';\n\nimport { InputGroup } from '../../components/InputGroup';\nimport { TimePicker } from '../../components/TimePicker';\nimport { useControllableState } from '../../hooks/useControllableState';\nimport { Clock, X } from '../../icons';\nimport { createChangeInputEvent, mergeRefs } from '../../utils';\n\ntype InputGroupProps = Pick<\n  ComponentProps<typeof InputGroup>,\n  'variant' | 'focusVariant' | 'state' | 'sizing'\n>;\n\ntype InputGroupInputProps = Omit<\n  ComponentProps<typeof InputGroup.Input>,\n  'value' | 'defaultValue' | 'type'\n>;\n\ntype Props = InputGroupProps &\n  InputGroupInputProps & {\n    value?: string | null;\n    defaultValue?: string | null;\n    onValueChange?: (value: string | null) => void;\n    onValueBlur?: (value: string | null) => void;\n    allowClear?: boolean;\n  };\n\nexport const TimeInput = ({\n  ref,\n\n  // group props\n  state,\n  variant,\n  focusVariant,\n  sizing,\n  className,\n\n  // own props\n  value: valueProp,\n  defaultValue,\n  onValueChange,\n  onValueBlur,\n  onChange,\n  onBlur,\n  allowClear = false,\n\n  // input props\n  disabled,\n  readOnly,\n  placeholder = 'Select time',\n  ...restInputProps\n}: Props) => {\n  const inputRef = useRef<ComponentRef<'input'>>(null);\n\n  const [isOpen, setIsOpen] = useState(false);\n\n  const [value, setValue] = useControllableState<string | null>({\n    prop: valueProp,\n    defaultProp: defaultValue ?? null,\n    onChange: onValueChange,\n  });\n\n  const canClear = allowClear && !!value && !disabled && !readOnly;\n  const showPicker = !disabled && !readOnly;\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n    setValue(event.target.value || null);\n    onChange?.(event);\n  };\n\n  const handleBlur: FocusEventHandler<HTMLInputElement> = (event) => {\n    // The value is already committed on change via `setValue`, so blur only needs to notify.\n    onValueBlur?.(event.target.value || null);\n    onBlur?.(event);\n  };\n\n  const handleTimePickerSelect = (time: string) => {\n    setValue(time);\n  };\n\n  const handleClear: MouseEventHandler<HTMLButtonElement> = () => {\n    if (!inputRef.current) return;\n    inputRef.current.value = '';\n    setValue(null);\n    onChange?.(createChangeInputEvent(inputRef.current));\n  };\n\n  return (\n    <InputGroup\n      state={state}\n      variant={variant}\n      sizing={sizing}\n      focusVariant={focusVariant}\n      className={className}\n    >\n      <InputGroup.Input\n        {...restInputProps}\n        ref={mergeRefs(ref ?? null, inputRef)}\n        type=\"time\"\n        // hide native time picker indicator to avoid confusion with custom picker;\n        // zero the UA `::-webkit-datetime-edit-fields-wrapper` padding (1px top/bottom) so\n        // the field matches the InputGroup input height instead of rendering 2px taller\n        className=\"tw:[&::-webkit-calendar-picker-indicator]:hidden tw:[&::-webkit-datetime-edit-fields-wrapper]:py-0\"\n        value={value ?? ''}\n        placeholder={placeholder}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        disabled={disabled}\n        readOnly={readOnly}\n      />\n\n      {(canClear || showPicker) && (\n        <InputGroup.Addon align=\"inline-end\">\n          {canClear && (\n            <InputGroup.Button\n              aria-label=\"Clear time\"\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={handleClear}\n            >\n              <X className=\"tw:size-4\" />\n            </InputGroup.Button>\n          )}\n          {showPicker && (\n            <TimePicker\n              open={isOpen}\n              onOpenChange={setIsOpen}\n              onSelect={handleTimePickerSelect}\n              selected={value}\n            >\n              <InputGroup.Button aria-label=\"Select time\">\n                <Clock className=\"tw:size-4\" />\n              </InputGroup.Button>\n            </TimePicker>\n          )}\n        </InputGroup.Addon>\n      )}\n    </InputGroup>\n  );\n};\n"]}

package/dist/chunk-RL64HN7S.js

@@ -0,0 +1,40 @@
+import { DropdownMenu } from './chunk-ERAHK5YQ.js';
+import { ButtonGroup } from './chunk-ANZTVAJU.js';
+import { Button } from './chunk-IXAYNBOY.js';
+import { ChevronDown } from './chunk-RQVK4IYC.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var iconSizeMap = {
+  medium: "icon",
+  large: "icon-lg",
+  small: "icon-sm"
+};
+var SplitButtonBase = ({
+  ref,
+  disabled,
+  actions,
+  variant,
+  size = "medium",
+  isActionsOpen,
+  onActionsOpenChange,
+  icon,
+  children,
+  ...rest
+}) => /* @__PURE__ */ jsxs(ButtonGroup, { space: "compact", children: [
+  /* @__PURE__ */ jsxs(Button, { ...rest, ref, disabled, variant, size, children: [
+    !rest.isLoading && icon,
+    children
+  ] }),
+  actions && /* @__PURE__ */ jsxs(DropdownMenu, { open: isActionsOpen, onOpenChange: onActionsOpenChange, children: [
+    /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, disabled, children: /* @__PURE__ */ jsx(Button, { size: iconSizeMap[size], variant, "aria-label": "Additional actions", children: /* @__PURE__ */ jsx(ChevronDown, { className: "tw:size-5" }) }) }),
+    /* @__PURE__ */ jsx(DropdownMenu.Content, { align: "end", children: actions })
+  ] })
+] });
+var SplitButton = Object.assign(SplitButtonBase, {
+  Action: DropdownMenu.Item,
+  Actions: DropdownMenu.Group
+});
+
+export { SplitButton };
+//# sourceMappingURL=chunk-RL64HN7S.js.map
+//# sourceMappingURL=chunk-RL64HN7S.js.map

package/dist/chunk-RL64HN7S.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/blocks/SplitButton/SplitButton.tsx"],"names":[],"mappings":";;;;;;AAyBA,IAAM,WAAA,GAA4C;AAAA,EAChD,MAAA,EAAQ,MAAA;AAAA,EACR,KAAA,EAAO,SAAA;AAAA,EACP,KAAA,EAAO;AACT,CAAA;AAEA,IAAM,kBAAkB,CAAC;AAAA,EACvB,GAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA,GAAO,QAAA;AAAA,EACP,aAAA;AAAA,EACA,mBAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,qBACE,IAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAM,SAAA,EACjB,QAAA,EAAA;AAAA,kBAAA,IAAA,CAAC,UAAQ,GAAG,IAAA,EAAM,GAAA,EAAU,QAAA,EAAoB,SAAkB,IAAA,EAG/D,QAAA,EAAA;AAAA,IAAA,CAAC,KAAK,SAAA,IAAa,IAAA;AAAA,IACnB;AAAA,GAAA,EACH,CAAA;AAAA,EAEC,2BACC,IAAA,CAAC,YAAA,EAAA,EAAa,IAAA,EAAM,aAAA,EAAe,cAAc,mBAAA,EAE/C,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,YAAA,CAAa,SAAb,EAAqB,OAAA,EAAO,MAAC,QAAA,EAC5B,QAAA,kBAAA,GAAA,CAAC,UAAO,IAAA,EAAM,WAAA,CAAY,IAAI,CAAA,EAAG,OAAA,EAAkB,cAAW,oBAAA,EAC5D,QAAA,kBAAA,GAAA,CAAC,eAAY,SAAA,EAAU,WAAA,EAAY,GACrC,CAAA,EACF,CAAA;AAAA,wBACC,YAAA,CAAa,OAAA,EAAb,EAAqB,KAAA,EAAM,OAAO,QAAA,EAAA,OAAA,EAAQ;AAAA,GAAA,EAC7C;AAAA,CAAA,EAEJ,CAAA;AAGK,IAAM,WAAA,GAAc,MAAA,CAAO,MAAA,CAAO,eAAA,EAAiB;AAAA,EACxD,QAAQ,YAAA,CAAa,IAAA;AAAA,EACrB,SAAS,YAAA,CAAa;AACxB,CAAC","file":"chunk-RL64HN7S.js","sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { Button } from '../../components/Button';\nimport { ButtonGroup } from '../../components/ButtonGroup';\nimport { DropdownMenu } from '../../components/DropdownMenu';\nimport { ChevronDown } from '../../icons';\n\ntype Variant = ComponentProps<typeof Button>['variant'];\ntype Size = NonNullable<ComponentProps<typeof Button>['size']>;\ntype SpitButtonSize = Exclude<\n  Size,\n  'icon' | 'icon-lg' | 'icon-sm' | 'icon-xs' | 'icon-2xs' | 'icon-3xs'\n>;\n\ntype Props = {\n  actions?: ReactNode;\n  isActionsOpen?: boolean;\n  onActionsOpenChange?: (open: boolean) => void;\n  /** Optional leading-icon slot — pass a Lucide icon node. */\n  icon?: ReactNode;\n  // inline and invisible aren't supported in SplitButton\n  variant?: Exclude<Variant, 'inline' | 'invisible'>;\n  size?: SpitButtonSize;\n} & Omit<ComponentProps<typeof Button>, 'variant' | 'size' | 'icon'>;\n\nconst iconSizeMap: Record<SpitButtonSize, Size> = {\n  medium: 'icon',\n  large: 'icon-lg',\n  small: 'icon-sm',\n};\n\nconst SplitButtonBase = ({\n  ref,\n  disabled,\n  actions,\n  variant,\n  size = 'medium',\n  isActionsOpen,\n  onActionsOpenChange,\n  icon,\n  children,\n  ...rest\n}: Props) => (\n  <ButtonGroup space=\"compact\">\n    <Button {...rest} ref={ref} disabled={disabled} variant={variant} size={size}>\n      {/* Suppress the leading icon while Button renders its spinner so the two\n          glyphs don't double-stack. */}\n      {!rest.isLoading && icon}\n      {children}\n    </Button>\n\n    {actions && (\n      <DropdownMenu open={isActionsOpen} onOpenChange={onActionsOpenChange}>\n        {/* The trigger button is disabled if the main button is disabled, disabled has to be on trigger to prevent dropdown opening*/}\n        <DropdownMenu.Trigger asChild disabled={disabled}>\n          <Button size={iconSizeMap[size]} variant={variant} aria-label=\"Additional actions\">\n            <ChevronDown className=\"tw:size-5\" />\n          </Button>\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Content align=\"end\">{actions}</DropdownMenu.Content>\n      </DropdownMenu>\n    )}\n  </ButtonGroup>\n);\n\nexport const SplitButton = Object.assign(SplitButtonBase, {\n  Action: DropdownMenu.Item,\n  Actions: DropdownMenu.Group,\n});\n"]}

package/dist/chunk-RMRQKPL7.js

@@ -0,0 +1,115 @@
+import { InputGroup } from './chunk-SC275NHZ.js';
+import { Search, X } from './chunk-RQVK4IYC.js';
+import { debounce } from './chunk-SWQFYNYG.js';
+import { useState, useRef, useMemo, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var SearchInput = ({
+  ref,
+  // group props
+  state,
+  variant,
+  focusVariant,
+  sizing,
+  className,
+  // own props
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  onValueBlur,
+  onChange,
+  onBlur,
+  onClear,
+  allowClear = false,
+  disableDebounce = false,
+  debounceDelay = 300,
+  // input props
+  disabled,
+  readOnly,
+  ...restInputProps
+}) => {
+  const [internalValue, setInternalValue] = useState(
+    valueProp != null ? valueProp : defaultValue ?? ""
+  );
+  const debounceInFlightRef = useRef(false);
+  const cancelRef = useRef(() => {
+  });
+  const debouncedOnValueChange = useMemo(() => {
+    if (!onValueChange || disableDebounce) {
+      cancelRef.current = () => {
+      };
+      return onValueChange;
+    }
+    const d = debounce((val) => {
+      debounceInFlightRef.current = false;
+      onValueChange(val);
+    }, debounceDelay);
+    cancelRef.current = d.cancel;
+    return d;
+  }, [onValueChange, disableDebounce, debounceDelay]);
+  useEffect(() => {
+    return () => cancelRef.current();
+  }, [debouncedOnValueChange]);
+  useEffect(() => {
+    if (valueProp == null) return;
+    if (debounceInFlightRef.current) return;
+    setInternalValue(valueProp);
+  }, [valueProp]);
+  const canClear = allowClear && !!internalValue && !disabled && !readOnly;
+  const handleChange = (event) => {
+    const val = event.target.value;
+    setInternalValue(val);
+    if (!disableDebounce && debouncedOnValueChange) debounceInFlightRef.current = true;
+    debouncedOnValueChange?.(val);
+    onChange?.(event);
+  };
+  const handleBlur = (event) => {
+    onValueBlur?.(event.target.value);
+    onBlur?.(event);
+  };
+  const handleClear = () => {
+    cancelRef.current();
+    debounceInFlightRef.current = false;
+    setInternalValue("");
+    onValueChange?.("");
+    onClear?.();
+  };
+  return /* @__PURE__ */ jsxs(
+    InputGroup,
+    {
+      state,
+      variant,
+      sizing,
+      focusVariant,
+      className,
+      children: [
+        /* @__PURE__ */ jsx(InputGroup.Addon, { align: "inline-start", children: /* @__PURE__ */ jsx(Search, { className: "tw:size-4 tw:shrink-0 tw:text-muted-foreground" }) }),
+        /* @__PURE__ */ jsx(
+          InputGroup.Input,
+          {
+            ...restInputProps,
+            ref,
+            value: internalValue,
+            onChange: handleChange,
+            onBlur: handleBlur,
+            disabled,
+            readOnly
+          }
+        ),
+        canClear && /* @__PURE__ */ jsx(InputGroup.Addon, { align: "inline-end", children: /* @__PURE__ */ jsx(
+          InputGroup.Button,
+          {
+            "aria-label": "Clear search",
+            onMouseDown: (event) => event.preventDefault(),
+            onClick: handleClear,
+            children: /* @__PURE__ */ jsx(X, { className: "tw:size-4" })
+          }
+        ) })
+      ]
+    }
+  );
+};
+
+export { SearchInput };
+//# sourceMappingURL=chunk-RMRQKPL7.js.map
+//# sourceMappingURL=chunk-RMRQKPL7.js.map

package/dist/chunk-RMRQKPL7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/blocks/SearchInput/SearchInput.tsx"],"names":[],"mappings":"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","file":"chunk-RMRQKPL7.js","sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\nimport type { ChangeEventHandler, ComponentProps, FocusEventHandler } from 'react';\n\nimport { InputGroup } from '../../components/InputGroup';\nimport { Search, X } from '../../icons';\nimport { debounce } from '../../utils';\n\ntype InputGroupProps = Pick<\n  ComponentProps<typeof InputGroup>,\n  'variant' | 'focusVariant' | 'state' | 'sizing'\n>;\n\ntype InputGroupInputProps = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue'>;\n\n/**\n * Props for `SearchInput`. `onValueChange` is debounced by default (300ms) so callers can wire it directly\n * to expensive filter / fetch operations without `useMemo` plumbing. `value={null}` / `value={undefined}`\n * is treated as \"not provided\" — the component falls back to `defaultValue` (or, if absent, internal\n * state initialized to empty). `value={\"\"}` is controlled-empty.\n */\ntype Props = InputGroupProps &\n  InputGroupInputProps & {\n    value?: string | null;\n    defaultValue?: string | null;\n    /** Called with the latest string value after the debounce window (default 300ms). Fires synchronously on clear and when `disableDebounce` is set. For sync echo of every keystroke use `onChange`. */\n    onValueChange?: (value: string) => void;\n    /** Called with the string value on blur. */\n    onValueBlur?: (value: string) => void;\n    /** Called when the user clicks the clear button. Receives no arguments — the value is reset to \"\". */\n    onClear?: () => void;\n    /** Render the trailing clear (x) button when there's a non-empty value. */\n    allowClear?: boolean;\n    /** Bypass the debounce — `onValueChange` fires synchronously on every keystroke. */\n    disableDebounce?: boolean;\n    /** Debounce window in ms. Default 300. Ignored when `disableDebounce` is set. */\n    debounceDelay?: number;\n  };\n\n/**\n * Debounced search input with a leading magnifying-glass icon and optional clear button.\n *\n * **When to use:** the search field inside `PageToolbar.Search`, list / table search, combobox-less\n * free-text filters. `onValueChange` is debounced so callers can wire it directly to fetches without\n * `useMemo` plumbing.\n * **When NOT to use:** for a plain string input use `TextInput`; for selecting from a known enumerated\n * list use `Combobox` (which has its own search built in).\n * **Composition:** typically rendered in `PageToolbar.Search` next to `MultiCombobox` filter pills. Use\n * `allowClear` for the canonical x-to-reset affordance.\n *\n * @see RECIPES.md#filter-toolbar — for the search + filter chips toolbar pattern\n */\nexport const SearchInput = ({\n  ref,\n\n  // group props\n  state,\n  variant,\n  focusVariant,\n  sizing,\n  className,\n\n  // own props\n  value: valueProp,\n  defaultValue,\n  onValueChange,\n  onValueBlur,\n  onChange,\n  onBlur,\n  onClear,\n  allowClear = false,\n  disableDebounce = false,\n  debounceDelay = 300,\n\n  // input props\n  disabled,\n  readOnly,\n  ...restInputProps\n}: Props) => {\n  const [internalValue, setInternalValue] = useState<string>(\n    valueProp != null ? valueProp : (defaultValue ?? ''),\n  );\n\n  // Tracks whether a debounced call is pending so the controlled-value sync\n  // effect doesn't overwrite characters the user typed during the debounce window.\n  const debounceInFlightRef = useRef(false);\n  const cancelRef = useRef<() => void>(() => {});\n\n  const debouncedOnValueChange = useMemo(() => {\n    if (!onValueChange || disableDebounce) {\n      cancelRef.current = () => {};\n      return onValueChange;\n    }\n    const d = debounce((val: string) => {\n      debounceInFlightRef.current = false;\n      onValueChange(val);\n    }, debounceDelay);\n    cancelRef.current = d.cancel;\n    return d;\n  }, [onValueChange, disableDebounce, debounceDelay]);\n\n  // Cancel any pending debounced call when the debounced fn changes or on unmount.\n  useEffect(() => {\n    return () => cancelRef.current();\n  }, [debouncedOnValueChange]);\n\n  // Sync controlled value — but skip while a debounced call is in flight to\n  // avoid snapping the input back to the old value mid-typing.\n  useEffect(() => {\n    if (valueProp == null) return;\n    if (debounceInFlightRef.current) return;\n    setInternalValue(valueProp);\n  }, [valueProp]);\n\n  const canClear = allowClear && !!internalValue && !disabled && !readOnly;\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n    const val = event.target.value;\n    setInternalValue(val);\n    if (!disableDebounce && debouncedOnValueChange) debounceInFlightRef.current = true;\n    debouncedOnValueChange?.(val);\n    onChange?.(event);\n  };\n\n  const handleBlur: FocusEventHandler<HTMLInputElement> = (event) => {\n    onValueBlur?.(event.target.value);\n    onBlur?.(event);\n  };\n\n  const handleClear = () => {\n    cancelRef.current();\n    debounceInFlightRef.current = false;\n    setInternalValue('');\n    onValueChange?.('');\n    onClear?.();\n  };\n\n  return (\n    <InputGroup\n      state={state}\n      variant={variant}\n      sizing={sizing}\n      focusVariant={focusVariant}\n      className={className}\n    >\n      <InputGroup.Addon align=\"inline-start\">\n        <Search className=\"tw:size-4 tw:shrink-0 tw:text-muted-foreground\" />\n      </InputGroup.Addon>\n\n      <InputGroup.Input\n        {...restInputProps}\n        ref={ref}\n        value={internalValue}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        disabled={disabled}\n        readOnly={readOnly}\n      />\n\n      {canClear && (\n        <InputGroup.Addon align=\"inline-end\">\n          <InputGroup.Button\n            aria-label=\"Clear search\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={handleClear}\n          >\n            <X className=\"tw:size-4\" />\n          </InputGroup.Button>\n        </InputGroup.Addon>\n      )}\n    </InputGroup>\n  );\n};\n"]}