@kerfjs/ui 5.0.0-beta.11 → 5.0.0-beta.111

package/dist/chunk-XWNXGFX3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/color-picker/wiring/wire-color-pickers.ts"],"names":["slider","number"],"mappings":"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","file":"chunk-XWNXGFX3.js","sourcesContent":["import {\n  COLOR_PICKER_CHANNELS,\n  COLOR_PICKER_SWATCH_ACTION,\n  colorPickerAreaText,\n  type ColorPickerMode,\n  colorPickerSlider,\n  colorPickerStyle,\n} from '../color-picker.js';\nimport {\n  colorChannelValues,\n  hsvFromChannels,\n} from '../model/color-channels.js';\nimport {\n  formatHex,\n  type Hsva,\n  hsvForValue,\n  hsvToRgb,\n} from '../model/color-model.js';\n\n/** Reported to {@link WireColorPickersOptions.onInput} and `onChange`. */\nexport interface ColorPickerChange {\n  id: string;\n  /** `#rrggbb`, or `#rrggbbaa` below full opacity. */\n  value: string;\n  mode: ColorPickerMode;\n  element: HTMLElement;\n}\n\nexport interface WireColorPickersOptions {\n  /** Every live change: a drag, an arrow key, a field edit. */\n  onInput?: (change: ColorPickerChange) => void;\n  /** A committed change: a drag or key run ending, a field or swatch commit, a mode switch. */\n  onChange?: (change: ColorPickerChange) => void;\n}\n\n/** The live color each wired picker shows, keyed by its root element. */\ninterface PickerState {\n  hsv: Hsva;\n  mode: ColorPickerMode;\n  /** The hex last reported or adopted, to tell an app re-render from an echo. */\n  value: string;\n  /**\n   * The exact channel values a slider or field last set in `mode`, while\n   * `hsv` is still the color they produced, so a channel the HSV state cannot\n   * carry (HSL saturation at black or white) survives the next edit.\n   */\n  memo?: { mode: ColorPickerMode; hsv: Hsva; values: number[] };\n}\n\nconst clamp = (value: number, min: number, max: number) =>\n  Math.min(max, Math.max(min, value));\n\nconst isMode = (value: string | undefined): value is ColorPickerMode =>\n  value === 'rgb' || value === 'hsl' || value === 'hsb' || value === 'gray';\n\n/**\n * Make every ColorPicker under `root` interactive. The area takes pointer\n * drags and the arrow keys (Shift for steps of 10%); the model's channel\n * sliders and the opacity slider are native ranges, each changing only its\n * own channel; channel, hex, and opacity fields commit on Enter or blur; the\n * model menu switches the channel sliders and fields; the screen sampler\n * opens the EyeDropper where the browser has it; preset and sample swatches\n * apply their color. Each change updates the picker at once, dispatches a\n * bubbling `kui-color-input` (or `kui-color-change` when committed) event\n * with `{ value, mode }`, and calls `onInput` / `onChange`. When the app\n * re-renders a picker with a different `value`, the picker adopts it.\n * Returns a disposer.\n */\nexport function wireColorPickers(\n  root: HTMLElement,\n  { onInput, onChange }: WireColorPickersOptions = {},\n): () => void {\n  const states = new WeakMap<HTMLElement, PickerState>();\n\n  const pickerOf = (element: Element | null) =>\n    element?.closest<HTMLElement>('[data-component=\"color-picker\"]') ?? null;\n\n  const alphaOn = (picker: HTMLElement) => picker.hasAttribute('data-alpha');\n\n  const stateOf = (picker: HTMLElement): PickerState => {\n    let state = states.get(picker);\n    if (!state) {\n      // The render always writes a formatted hex and a model.\n      const value = picker.dataset.value!;\n      state = {\n        hsv: hsvForValue(value)!,\n        mode: picker.dataset.mode as ColorPickerMode,\n        value,\n      };\n      states.set(picker, state);\n    }\n    return state;\n  };\n\n  /** The exact channel values the picker's model shows. */\n  const channelValuesOf = (state: PickerState) =>\n    state.memo?.mode === state.mode && state.memo.hsv === state.hsv\n      ? state.memo.values\n      : colorChannelValues(state.mode, state.hsv);\n\n  const hexOf = (picker: HTMLElement, hsv: Hsva) =>\n    formatHex(hsvToRgb(alphaOn(picker) ? hsv : { ...hsv, a: 1 }));\n\n  /** Repaint the wiring-owned surface from the state. */\n  const paint = (picker: HTMLElement, skipField?: Element) => {\n    const state = stateOf(picker);\n    const { hsv, mode } = state;\n    const exact = channelValuesOf(state);\n    const surface = picker.querySelector<HTMLElement>(\n      '.kui-color-picker__surface',\n    )!;\n    surface.setAttribute('style', colorPickerStyle(hsv));\n    const area = surface.querySelector<HTMLElement>('.kui-color-picker__area');\n    area?.setAttribute('aria-valuenow', String(Math.round(hsv.s * 100)));\n    area?.setAttribute('aria-valuetext', colorPickerAreaText(hsv));\n    for (const input of surface.querySelectorAll<HTMLInputElement>(\n      '.kui-color-picker__slider',\n    )) {\n      const slider = colorPickerSlider(\n        mode,\n        Number(input.dataset.slider),\n        exact,\n      );\n      input.hidden = slider === undefined;\n      if (slider === undefined) continue;\n      input.max = String(slider.max);\n      if (input !== skipField) input.value = slider.value;\n      input.setAttribute('aria-label', slider.label);\n      input.setAttribute('aria-valuetext', slider.valueText);\n      input.setAttribute('style', slider.style);\n    }\n    const opacity = `${Math.round(hsv.a * 100)}%`;\n    const slider = surface.querySelector<HTMLInputElement>(\n      '.kui-color-picker__opacity',\n    );\n    if (slider && slider !== skipField) {\n      slider.value = String(Math.round(hsv.a * 100));\n      slider.setAttribute('aria-valuetext', opacity);\n    }\n    const channels = COLOR_PICKER_CHANNELS[mode];\n    const values = exact.map(Math.round);\n    surface\n      .querySelector('.kui-color-picker__channels')\n      ?.setAttribute('data-count', String(channels.length));\n    for (const field of surface.querySelectorAll<HTMLInputElement>(\n      '.kui-color-picker__channel',\n    )) {\n      const index = Number(field.dataset.channel);\n      const channel = channels[index];\n      const label = field.closest('label')!;\n      label.hidden = channel === undefined;\n      label.querySelector('.kui-color-picker__field-label')!.textContent =\n        channel === undefined ? '' : channel.short;\n      if (channel) field.setAttribute('aria-label', channel.name);\n      if (field !== skipField)\n        field.value = channel ? String(values[index]) : '';\n      field.dataset.shown = field.value;\n    }\n    const hex = hexOf(picker, hsv);\n    const hexField = surface.querySelector<HTMLInputElement>(\n      '.kui-color-picker__hex',\n    )!;\n    if (hexField !== skipField) hexField.value = hex.slice(1).toUpperCase();\n    hexField.dataset.shown = hexField.value;\n    const opacityField = surface.querySelector<HTMLInputElement>(\n      '.kui-color-picker__opacity-field',\n    );\n    if (opacityField && opacityField !== skipField)\n      opacityField.value = opacity;\n    if (opacityField) opacityField.dataset.shown = opacityField.value;\n    const hidden = surface.querySelector<HTMLInputElement>(\n      'input[type=\"hidden\"]',\n    );\n    if (hidden) hidden.value = hex;\n    surface.querySelector<HTMLSelectElement>('.kui-color-picker__mode')!.value =\n      mode;\n  };\n\n  const report = (picker: HTMLElement, committed: boolean) => {\n    const state = stateOf(picker);\n    const value = hexOf(picker, state.hsv);\n    state.value = value;\n    const change: ColorPickerChange = {\n      id: picker.dataset.colorPickerId!,\n      value,\n      mode: state.mode,\n      element: picker,\n    };\n    picker.dispatchEvent(\n      new CustomEvent(committed ? 'kui-color-change' : 'kui-color-input', {\n        bubbles: true,\n        detail: { value, mode: state.mode },\n      }),\n    );\n    if (committed) onChange?.(change);\n    else onInput?.(change);\n  };\n\n  const update = (\n    picker: HTMLElement,\n    next: Partial<Hsva>,\n    committed: boolean,\n    skipField?: Element,\n  ) => {\n    const state = stateOf(picker);\n    const held = state.memo?.hsv === state.hsv ? state.memo : undefined;\n    state.hsv = { ...state.hsv, ...next };\n    // An opacity change leaves the model's exact channels as they were.\n    if (held && Object.keys(next).join() === 'a') held.hsv = state.hsv;\n    paint(picker, skipField);\n    report(picker, committed);\n  };\n\n  /** Set one channel of the picker's model, holding every other one. */\n  const setChannel = (\n    picker: HTMLElement,\n    index: number,\n    value: number,\n    committed: boolean,\n    skipField?: Element,\n  ) => {\n    const state = stateOf(picker);\n    const values = [...channelValuesOf(state)];\n    values[index] = clamp(\n      value,\n      0,\n      COLOR_PICKER_CHANNELS[state.mode][index]!.max,\n    );\n    state.hsv = hsvFromChannels(state.mode, values, state.hsv);\n    state.memo = { mode: state.mode, hsv: state.hsv, values };\n    paint(picker, skipField);\n    report(picker, committed);\n  };\n\n  const disabled = (picker: HTMLElement) =>\n    picker.hasAttribute('data-disabled');\n\n  // The area: pointer drags.\n  let dragging: { picker: HTMLElement; area: HTMLElement } | undefined;\n  const fromPointer = (event: PointerEvent, area: HTMLElement) => {\n    const box = area.getBoundingClientRect();\n    return {\n      s: clamp((event.clientX - box.left) / box.width, 0, 1),\n      v: clamp(1 - (event.clientY - box.top) / box.height, 0, 1),\n    };\n  };\n  const onPointerDown = (event: PointerEvent) => {\n    const area = (event.target as Element).closest<HTMLElement>(\n      '.kui-color-picker__area',\n    );\n    const picker = pickerOf(area);\n    if (!area || !picker || disabled(picker) || event.button !== 0) return;\n    event.preventDefault();\n    area.focus();\n    area.setPointerCapture?.(event.pointerId);\n    dragging = { picker, area };\n    update(picker, fromPointer(event, area), false);\n  };\n  const onPointerMove = (event: PointerEvent) => {\n    if (!dragging) return;\n    update(dragging.picker, fromPointer(event, dragging.area), false);\n  };\n  const onPointerUp = () => {\n    if (!dragging) return;\n    const { picker } = dragging;\n    dragging = undefined;\n    report(picker, true);\n  };\n\n  // The area: the arrow keys, Home / End, and Page Up / Down.\n  const onKeyDown = (event: KeyboardEvent) => {\n    const area = (event.target as Element).closest<HTMLElement>(\n      '.kui-color-picker__area',\n    );\n    const picker = pickerOf(area);\n    if (!area || !picker || disabled(picker)) {\n      onFieldKey(event);\n      return;\n    }\n    const step = event.shiftKey ? 0.1 : 0.01;\n    const { s, v } = stateOf(picker).hsv;\n    const rtl = globalThis.getComputedStyle(area).direction === 'rtl';\n    const moves: Record<string, Partial<Hsva>> = {\n      ArrowRight: { s: clamp(s + (rtl ? -step : step), 0, 1) },\n      ArrowLeft: { s: clamp(s - (rtl ? -step : step), 0, 1) },\n      ArrowUp: { v: clamp(v + step, 0, 1) },\n      ArrowDown: { v: clamp(v - step, 0, 1) },\n      PageUp: { v: clamp(v + 0.1, 0, 1) },\n      PageDown: { v: clamp(v - 0.1, 0, 1) },\n      Home: { s: 0 },\n      End: { s: 1 },\n    };\n    const move = moves[event.key];\n    if (!move) return;\n    event.preventDefault();\n    update(picker, move, false);\n  };\n  const onKeyUp = (event: KeyboardEvent) => {\n    const picker = pickerOf(\n      (event.target as Element).closest('.kui-color-picker__area'),\n    );\n    if (\n      picker &&\n      /^(Arrow|Page|Home$|End$)/.test(event.key) &&\n      !disabled(picker)\n    )\n      report(picker, true);\n  };\n\n  // Fields: Enter commits; Escape restores the shown value.\n  const commitField = (field: HTMLInputElement) => {\n    const picker = pickerOf(field);\n    if (!picker) return;\n    // Leaving a field the person did not edit commits nothing.\n    if (field.value === (field.dataset.shown ?? field.getAttribute('value')))\n      return;\n    const state = stateOf(picker);\n    if (field.classList.contains('kui-color-picker__hex')) {\n      const raw = field.value.trim().replace(/^#/, '');\n      const next = /^[\\da-f]{3,8}$/i.test(raw)\n        ? hsvForValue(`#${raw}`, state.hsv)\n        : undefined;\n      if (next && [3, 4, 6, 8].includes(raw.length)) {\n        update(picker, alphaOn(picker) ? next : { ...next, a: 1 }, true);\n        return;\n      }\n      paint(picker);\n      return;\n    }\n    if (field.classList.contains('kui-color-picker__opacity-field')) {\n      const number = Number.parseFloat(field.value);\n      if (Number.isFinite(number))\n        update(picker, { a: clamp(number, 0, 100) / 100 }, true);\n      else paint(picker);\n      return;\n    }\n    const index = Number(field.dataset.channel);\n    const channels = COLOR_PICKER_CHANNELS[state.mode];\n    const channel = channels[index];\n    const number = Number.parseFloat(field.value);\n    if (!channel || !Number.isFinite(number)) {\n      paint(picker);\n      return;\n    }\n    setChannel(picker, index, number, true);\n  };\n  const onFieldKey = (event: KeyboardEvent) => {\n    const field = event.target;\n    if (\n      !(field instanceof HTMLInputElement) ||\n      !field.matches(\n        '.kui-color-picker__channel, .kui-color-picker__hex, .kui-color-picker__opacity-field',\n      )\n    )\n      return;\n    if (event.key === 'Enter') {\n      event.preventDefault();\n      commitField(field);\n    } else if (event.key === 'Escape') {\n      const picker = pickerOf(field);\n      if (picker) paint(picker);\n    }\n  };\n  const onFocusOut = (event: FocusEvent) => {\n    const field = event.target;\n    if (\n      field instanceof HTMLInputElement &&\n      field.matches(\n        '.kui-color-picker__channel, .kui-color-picker__hex, .kui-color-picker__opacity-field',\n      )\n    )\n      commitField(field);\n  };\n\n  // Sliders, the model menu, and swatches.\n  const onInputEvent = (event: Event) => {\n    const input = event.target;\n    if (!(input instanceof HTMLInputElement)) return;\n    const picker = pickerOf(input);\n    if (!picker) return;\n    if (input.classList.contains('kui-color-picker__slider')) {\n      event.stopPropagation();\n      setChannel(\n        picker,\n        Number(input.dataset.slider),\n        Number(input.value),\n        false,\n        input,\n      );\n    } else if (input.classList.contains('kui-color-picker__opacity')) {\n      event.stopPropagation();\n      update(picker, { a: Number(input.value) / 100 }, false, input);\n    }\n  };\n  const onChangeEvent = (event: Event) => {\n    const target = event.target;\n    const picker = pickerOf(target as Element);\n    if (!picker) return;\n    if (\n      target instanceof HTMLInputElement &&\n      target.matches('.kui-color-picker__slider, .kui-color-picker__opacity')\n    ) {\n      event.stopPropagation();\n      report(picker, true);\n      return;\n    }\n    if (\n      target instanceof HTMLSelectElement &&\n      target.classList.contains('kui-color-picker__mode') &&\n      isMode(target.value)\n    ) {\n      event.stopPropagation();\n      stateOf(picker).mode = target.value;\n      paint(picker);\n      report(picker, true);\n      return;\n    }\n    if (\n      target instanceof HTMLInputElement &&\n      target.dataset.action === COLOR_PICKER_SWATCH_ACTION\n    ) {\n      event.stopPropagation();\n      const state = stateOf(picker);\n      const next = hsvForValue(target.value, state.hsv);\n      if (next) update(picker, next, true);\n    }\n  };\n\n  // The screen sampler, where the browser has it.\n  type EyeDropperConstructor = new () => {\n    open(): Promise<{ sRGBHex: string }>;\n  };\n  const EyeDropperApi = (\n    globalThis as typeof globalThis & { EyeDropper?: EyeDropperConstructor }\n  ).EyeDropper;\n  const revealSamplers = () => {\n    if (!EyeDropperApi) return;\n    for (const button of root.querySelectorAll<HTMLButtonElement>(\n      '.kui-color-picker__eyedropper[hidden]',\n    ))\n      button.hidden = false;\n  };\n  const onClick = (event: MouseEvent) => {\n    const button = (event.target as Element).closest<HTMLButtonElement>(\n      '.kui-color-picker__eyedropper',\n    );\n    const picker = pickerOf(button);\n    if (!button || !picker || !EyeDropperApi || disabled(picker)) return;\n    new EyeDropperApi().open().then(\n      ({ sRGBHex }) => {\n        const state = stateOf(picker);\n        const next = hsvForValue(sRGBHex, state.hsv);\n        if (next) update(picker, { ...next, a: state.hsv.a }, true);\n      },\n      () => {\n        // The person dismissed the sampler; nothing changes.\n      },\n    );\n  };\n\n  // Adopt a new controlled value or mode from an app re-render. Only the\n  // attribute that actually changed is adopted, so a value-only re-render\n  // keeps a model the person switched to.\n  const adopt = (picker: HTMLElement, attribute: string | null) => {\n    const state = stateOf(picker);\n    if (attribute === 'data-mode') {\n      const mode = picker.dataset.mode;\n      if (isMode(mode) && mode !== state.mode) {\n        state.mode = mode;\n        paint(picker);\n      }\n      return;\n    }\n    const value = picker.dataset.value;\n    if (value === undefined || value === state.value) return;\n    const next = hsvForValue(value, state.hsv);\n    if (!next) return;\n    state.hsv = next;\n    state.value = value;\n    paint(picker);\n  };\n  const observer = new MutationObserver((records) => {\n    revealSamplers();\n    for (const record of records) {\n      if (record.type !== 'attributes') continue;\n      const picker = record.target as HTMLElement;\n      if (picker.matches('[data-component=\"color-picker\"]'))\n        adopt(picker, record.attributeName);\n    }\n  });\n  observer.observe(root, {\n    childList: true,\n    subtree: true,\n    attributes: true,\n    attributeFilter: ['data-value', 'data-mode'],\n  });\n  revealSamplers();\n\n  root.addEventListener('pointerdown', onPointerDown);\n  root.addEventListener('pointermove', onPointerMove);\n  root.addEventListener('pointerup', onPointerUp);\n  root.addEventListener('pointercancel', onPointerUp);\n  root.addEventListener('keydown', onKeyDown);\n  root.addEventListener('keyup', onKeyUp);\n  root.addEventListener('focusout', onFocusOut);\n  root.addEventListener('input', onInputEvent);\n  root.addEventListener('change', onChangeEvent);\n  root.addEventListener('click', onClick);\n  return () => {\n    observer.disconnect();\n    root.removeEventListener('pointerdown', onPointerDown);\n    root.removeEventListener('pointermove', onPointerMove);\n    root.removeEventListener('pointerup', onPointerUp);\n    root.removeEventListener('pointercancel', onPointerUp);\n    root.removeEventListener('keydown', onKeyDown);\n    root.removeEventListener('keyup', onKeyUp);\n    root.removeEventListener('focusout', onFocusOut);\n    root.removeEventListener('input', onInputEvent);\n    root.removeEventListener('change', onChangeEvent);\n    root.removeEventListener('click', onClick);\n  };\n}\n"]}

package/dist/chunk-Y6KT7ZTR.js

@@ -0,0 +1,109 @@
+import { jsx, jsxs, Fragment } from 'kerfjs/jsx-runtime';
+
+// src/components/layout/resizable-region/internal/resize-grip.tsx
+function ResizeGrip({ axis }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": "true",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      children: axis === "horizontal" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("path", { d: "M9 6v12" }),
+        /* @__PURE__ */ jsx("path", { d: "M15 6v12" })
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("path", { d: "M6 9h12" }),
+        /* @__PURE__ */ jsx("path", { d: "M6 15h12" })
+      ] })
+    }
+  );
+}
+var clampRegionSize = (size, min, max) => Math.min(max, Math.max(min, Math.round(size)));
+var resizeRegionFromPointer = (startSize, delta, edge) => startSize + delta * (edge === "start" ? -1 : 1);
+function ResizableRegion({
+  id,
+  label,
+  size,
+  min,
+  max,
+  axis = "horizontal",
+  edge = "end",
+  collapsed = false,
+  transitioning = false,
+  separator = "auto",
+  collapseMotion = "slide",
+  contentOverflow = "clip",
+  presentation = "inline",
+  restoreControl,
+  restorePosition = axis === "horizontal" && edge === "end" ? "bottom-start" : "bottom-end",
+  restorePlacement = "corner",
+  restoreInset,
+  responsiveFillAt,
+  handleIcon,
+  children
+}) {
+  const expandedSize = clampRegionSize(size, min, max);
+  const resolved = collapsed ? 0 : expandedSize;
+  const orientation = axis === "horizontal" ? "vertical" : "horizontal";
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "section",
+      {
+        class: "kui-resizable-region",
+        "data-component": "resizable-region",
+        "data-region-id": id,
+        "data-axis": axis,
+        "data-edge": edge,
+        "data-collapsed": String(collapsed),
+        "data-transitioning": String(transitioning),
+        "data-separator": separator,
+        "data-collapse-motion": collapseMotion,
+        "data-content-overflow": contentOverflow,
+        "data-presentation": presentation,
+        "data-responsive-fill-at": responsiveFillAt,
+        style: `--kui-resizable-region-size:${resolved}px;--kui-resizable-region-expanded-size:${expandedSize}px`,
+        "aria-label": label,
+        "aria-hidden": collapsed || presentation === "hidden" ? "true" : void 0,
+        inert: collapsed,
+        children: [
+          /* @__PURE__ */ jsx("div", { class: "kui-resizable-region__content", inert: collapsed, children }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              class: "kui-resizable-region__handle",
+              role: "separator",
+              tabindex: collapsed || presentation !== "inline" ? "-1" : "0",
+              "aria-label": `Resize ${label}`,
+              "aria-orientation": orientation,
+              "aria-valuemin": collapsed ? 0 : min,
+              "aria-valuemax": max,
+              "aria-valuenow": resolved,
+              "aria-hidden": collapsed || presentation !== "inline" ? "true" : void 0,
+              "data-kui-resize-handle": true,
+              "data-region-id": id,
+              children: /* @__PURE__ */ jsx("span", { class: "kui-resizable-region__handle-icon", "aria-hidden": "true", children: handleIcon ?? /* @__PURE__ */ jsx(ResizeGrip, { axis }) })
+            }
+          )
+        ]
+      }
+    ),
+    collapsed && restoreControl && presentation !== "hidden" && /* @__PURE__ */ jsx(
+      "div",
+      {
+        class: "kui-resizable-region__restore",
+        "data-region-restore": id,
+        "data-position": restorePosition,
+        "data-placement": restorePlacement,
+        style: restoreInset ? `--kui-resizable-region-restore-inset:${restoreInset}` : void 0,
+        children: restoreControl
+      }
+    )
+  ] });
+}
+
+export { ResizableRegion, ResizeGrip, clampRegionSize, resizeRegionFromPointer };
+
+//# sourceMappingURL=chunk-Y6KT7ZTR.js.map

package/dist/chunk-Y6KT7ZTR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/resizable-region/internal/resize-grip.tsx","../src/components/layout/resizable-region/resizable-region.tsx"],"names":["jsxs","Fragment","jsx"],"mappings":"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","file":"chunk-Y6KT7ZTR.js","sourcesContent":["import type { ResizableRegionAxis } from '../resizable-region.js';\n\n/**\n * The dormant two-line grip a resize separator shows on hover and focus. Shared\n * by `ResizableRegion` and resizable `Workbench` panels so both separators read\n * the same. Internal.\n */\nexport function ResizeGrip({ axis }: { axis: ResizableRegionAxis }) {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n    >\n      {axis === 'horizontal' ? (\n        <>\n          <path d=\"M9 6v12\" />\n          <path d=\"M15 6v12\" />\n        </>\n      ) : (\n        <>\n          <path d=\"M6 9h12\" />\n          <path d=\"M6 15h12\" />\n        </>\n      )}\n    </svg>\n  );\n}\n","import type { SafeHtml } from 'kerfjs';\n\nimport type { KerfUiContent } from '../../../shared/content/semantic-content.js';\nimport type { CssLength } from '../../../shared/styles/css-values.js';\nimport { ResizeGrip } from './internal/resize-grip.js';\n\nexport type ResizableRegionAxis = 'horizontal' | 'vertical';\nexport type ResizableRegionEdge = 'start' | 'end';\nexport type ResizableRegionSeparator = 'auto' | 'hidden';\nexport type ResizableRegionCollapseMotion = 'none' | 'slide' | 'fade-slide';\nexport type ResizableRegionContentOverflow = 'clip' | 'auto' | 'visible';\nexport type ResizableRegionPresentation = 'inline' | 'overlay' | 'hidden';\nexport type ResizableRegionRestorePosition =\n  'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';\nexport type ResizableRegionResponsiveFillAt = 'compact' | 'narrow';\n\nexport interface ResizableRegionProps {\n  id: string;\n  label: string;\n  size: number;\n  min: number;\n  max: number;\n  axis?: ResizableRegionAxis;\n  edge?: ResizableRegionEdge;\n  /** Snap the track to zero. The region renders `inert` and `aria-hidden`\n   * while collapsed, so neither Tab nor assistive technology reaches it or\n   * lands on an empty landmark; `restoreControl` renders outside the region. */\n  collapsed?: boolean;\n  transitioning?: boolean;\n  /** Whether the separator line is painted. The resize hit target remains available. */\n  separator?: ResizableRegionSeparator;\n  /** Keep the track change instant while optionally sliding the fixed-size content. */\n  collapseMotion?: ResizableRegionCollapseMotion;\n  /** Use `visible` while an anchored popup must escape the content box; it raises the region to the popup layer. */\n  contentOverflow?: ResizableRegionContentOverflow;\n  /** Inline layout, an edge overlay, or a responsive replacement that removes the region. */\n  presentation?: ResizableRegionPresentation;\n  /** Always-available control rendered while collapsed, outside the clipped region. */\n  restoreControl?: SafeHtml;\n  /** Safe-area-aware corner of the region's container (not the viewport) for `restoreControl`. */\n  restorePosition?: ResizableRegionRestorePosition;\n  /** Position a restore control in its container corner or leave it in normal flow. */\n  restorePlacement?: 'corner' | 'inline';\n  /** Corner distance before the container's safe-area inset. */\n  restoreInset?: CssLength;\n  /** Fill the available inline track and hide the separator below a container breakpoint. */\n  responsiveFillAt?: ResizableRegionResponsiveFillAt;\n  /** Decorative dormant content for the separator handle. Must not contain interactive descendants. */\n  handleIcon?: SafeHtml;\n  children: KerfUiContent;\n}\n\nexport const clampRegionSize = (size: number, min: number, max: number) =>\n  Math.min(max, Math.max(min, Math.round(size)));\nexport const resizeRegionFromPointer = (\n  startSize: number,\n  delta: number,\n  edge: ResizableRegionEdge,\n) => startSize + delta * (edge === 'start' ? -1 : 1);\n\nexport function ResizableRegion({\n  id,\n  label,\n  size,\n  min,\n  max,\n  axis = 'horizontal',\n  edge = 'end',\n  collapsed = false,\n  transitioning = false,\n  separator = 'auto',\n  collapseMotion = 'slide',\n  contentOverflow = 'clip',\n  presentation = 'inline',\n  restoreControl,\n  restorePosition = axis === 'horizontal' && edge === 'end'\n    ? 'bottom-start'\n    : 'bottom-end',\n  restorePlacement = 'corner',\n  restoreInset,\n  responsiveFillAt,\n  handleIcon,\n  children,\n}: ResizableRegionProps) {\n  const expandedSize = clampRegionSize(size, min, max);\n  const resolved = collapsed ? 0 : expandedSize;\n  const orientation = axis === 'horizontal' ? 'vertical' : 'horizontal';\n  return (\n    <>\n      <section\n        class=\"kui-resizable-region\"\n        data-component=\"resizable-region\"\n        data-region-id={id}\n        data-axis={axis}\n        data-edge={edge}\n        data-collapsed={String(collapsed)}\n        data-transitioning={String(transitioning)}\n        data-separator={separator}\n        data-collapse-motion={collapseMotion}\n        data-content-overflow={contentOverflow}\n        data-presentation={presentation}\n        data-responsive-fill-at={responsiveFillAt}\n        style={`--kui-resizable-region-size:${resolved}px;--kui-resizable-region-expanded-size:${expandedSize}px`}\n        aria-label={label}\n        // Collapsed, the labeled region leaves the accessibility tree whole\n        // (its content is inert and its separator already hidden), so no\n        // empty landmark stays behind; the restore control is a sibling.\n        aria-hidden={\n          collapsed || presentation === 'hidden' ? 'true' : undefined\n        }\n        inert={collapsed}\n      >\n        <div class=\"kui-resizable-region__content\" inert={collapsed}>\n          {children}\n        </div>\n        <div\n          class=\"kui-resizable-region__handle\"\n          role=\"separator\"\n          tabindex={collapsed || presentation !== 'inline' ? '-1' : '0'}\n          aria-label={`Resize ${label}`}\n          aria-orientation={orientation}\n          aria-valuemin={collapsed ? 0 : min}\n          aria-valuemax={max}\n          aria-valuenow={resolved}\n          aria-hidden={\n            collapsed || presentation !== 'inline' ? 'true' : undefined\n          }\n          data-kui-resize-handle\n          data-region-id={id}\n        >\n          <span class=\"kui-resizable-region__handle-icon\" aria-hidden=\"true\">\n            {handleIcon ?? <ResizeGrip axis={axis} />}\n          </span>\n        </div>\n      </section>\n      {collapsed && restoreControl && presentation !== 'hidden' && (\n        <div\n          class=\"kui-resizable-region__restore\"\n          data-region-restore={id}\n          data-position={restorePosition}\n          data-placement={restorePlacement}\n          style={\n            restoreInset\n              ? `--kui-resizable-region-restore-inset:${restoreInset}`\n              : undefined\n          }\n        >\n          {restoreControl}\n        </div>\n      )}\n    </>\n  );\n}\n"]}

package/dist/chunk-YMUIQRWK.js

@@ -0,0 +1,44 @@
+import { space } from './chunk-IQSRHXZR.js';
+import { jsx } from 'kerfjs/jsx-runtime';
+
+var spaceNames = [
+  "none",
+  "2xs",
+  "xs",
+  "s",
+  "m",
+  "l",
+  "xl"
+];
+function dimension(value) {
+  return spaceNames.includes(value) ? space(value) : value;
+}
+function Spacer({
+  flex = false,
+  width,
+  height,
+  className = "",
+  slot
+}) {
+  const widthValue = dimension(width);
+  const heightValue = dimension(height);
+  const style = [
+    widthValue ? `width:${widthValue}` : "",
+    heightValue ? `height:${heightValue}` : ""
+  ].filter(Boolean).join(";");
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      class: `kui-spacer ${className}`.trim(),
+      "data-component": "spacer",
+      "data-flex": String(flex),
+      "aria-hidden": "true",
+      style: style || void 0,
+      slot
+    }
+  );
+}
+
+export { Spacer };
+
+//# sourceMappingURL=chunk-YMUIQRWK.js.map

package/dist/chunk-YMUIQRWK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/spacer/spacer.tsx"],"names":[],"mappings":";;;AAMA,IAAM,UAAA,GAAqC;AAAA,EACzC,MAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF,CAAA;AAcA,SAAS,UAAU,KAAA,EAAwD;AACzE,EAAA,OAAO,WAAW,QAAA,CAAS,KAAoB,CAAA,GAC3C,KAAA,CAAM,KAAoB,CAAA,GACzB,KAAA;AACP;AAGO,SAAS,MAAA,CAAO;AAAA,EACrB,IAAA,GAAO,KAAA;AAAA,EACP,KAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ;AACF,CAAA,EAAgB;AACd,EAAA,MAAM,UAAA,GAAa,UAAU,KAAK,CAAA;AAClC,EAAA,MAAM,WAAA,GAAc,UAAU,MAAM,CAAA;AACpC,EAAA,MAAM,KAAA,GAAQ;AAAA,IACZ,UAAA,GAAa,CAAA,MAAA,EAAS,UAAU,CAAA,CAAA,GAAK,EAAA;AAAA,IACrC,WAAA,GAAc,CAAA,OAAA,EAAU,WAAW,CAAA,CAAA,GAAK;AAAA,GAC1C,CACG,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AAEX,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,CAAA,WAAA,EAAc,SAAS,CAAA,CAAA,CAAG,IAAA,EAAK;AAAA,MACtC,gBAAA,EAAe,QAAA;AAAA,MACf,WAAA,EAAW,OAAO,IAAI,CAAA;AAAA,MACtB,aAAA,EAAY,MAAA;AAAA,MACZ,OAAO,KAAA,IAAS,MAAA;AAAA,MAChB;AAAA;AAAA,GACF;AAEJ","file":"chunk-YMUIQRWK.js","sourcesContent":["import {\n  type CssLength,\n  space,\n  type UiSpaceName,\n} from '../../../shared/styles/css-values.js';\n\nconst spaceNames: readonly UiSpaceName[] = [\n  'none',\n  '2xs',\n  'xs',\n  's',\n  'm',\n  'l',\n  'xl',\n];\n\nexport interface SpacerProps {\n  /** Grow and shrink to fill the available space along a parent's flex axis. */\n  flex?: boolean;\n  /** A named UI spacing token or typed physical width. */\n  width?: UiSpaceName | CssLength;\n  /** A named UI spacing token or typed physical height. */\n  height?: UiSpaceName | CssLength;\n  className?: string;\n  /** Native named-slot assignment when composed inside a web component. */\n  slot?: string;\n}\n\nfunction dimension(value?: UiSpaceName | CssLength): CssLength | undefined {\n  return spaceNames.includes(value as UiSpaceName)\n    ? space(value as UiSpaceName)\n    : (value as CssLength | undefined);\n}\n\n/** A decorative fixed-size or flexible gap for Row, List, and other flex layouts. */\nexport function Spacer({\n  flex = false,\n  width,\n  height,\n  className = '',\n  slot,\n}: SpacerProps) {\n  const widthValue = dimension(width);\n  const heightValue = dimension(height);\n  const style = [\n    widthValue ? `width:${widthValue}` : '',\n    heightValue ? `height:${heightValue}` : '',\n  ]\n    .filter(Boolean)\n    .join(';');\n\n  return (\n    <div\n      class={`kui-spacer ${className}`.trim()}\n      data-component=\"spacer\"\n      data-flex={String(flex)}\n      aria-hidden=\"true\"\n      style={style || undefined}\n      slot={slot}\n    />\n  );\n}\n\nexport type {\n  CssLength,\n  UiSpaceName,\n} from '../../../shared/styles/css-values.js';\n"]}