@kerfjs/ui 5.0.0-beta.75 → 5.0.0-beta.77

package/dist/chunk-WF75U3V4.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/sunken-panel.tsx"],"names":[],"mappings":";;;AAyBO,SAAS,WAAA,CAAY;AAAA,EAC1B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA,GAAQ,SAAA;AAAA,EACR,IAAA,GAAO,KAAA;AAAA,EACP,IAAA,GAAO,KAAA;AAAA,EACP,SAAA,GAAY,EAAA;AAAA,EACZ;AACF,CAAA,EAAqB;AACnB,EAAA,MAAM,SAAA,GAAY,IAAA,KAAS,IAAA,GAAO,UAAA,GAAa,IAAA,IAAQ,MAAA;AACvD,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,CAAA,iBAAA,EAAoB,SAAS,CAAA,CAAA,CAAG,IAAA,EAAK;AAAA,MAC5C,gBAAA,EAAe,cAAA;AAAA,MACf,YAAA,EAAY,KAAA;AAAA,MACZ,WAAA,EAAW,MAAA,CAAO,OAAA,CAAQ,IAAI,CAAC,CAAA;AAAA,MAC/B,WAAA,EAAW,OAAO,MAAA,GAAS,MAAA;AAAA,MAC3B,KAAA,EAAO,SAAA,GAAY,CAAA,yBAAA,EAA4B,SAAS,CAAA,CAAA,GAAK,MAAA;AAAA,MAC7D,IAAA,EAAM,YAAY,QAAA,GAAW,MAAA;AAAA,MAC7B,YAAA,EAAY,SAAA;AAAA,MACZ,IAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ","file":"chunk-WF75U3V4.js","sourcesContent":["import type { CssFlex, CssFlexKeyword } from './css-values.js';\nimport type { KerfUiContent } from './semantic-content.js';\n\nexport type SunkenPanelShape = 'rounded' | 'square';\n\nexport interface SunkenPanelProps {\n  children?: KerfUiContent;\n  /** Optional accessible landmark name for a distinct application region. */\n  ariaLabel?: string;\n  /** Corner shape: a rounded rectangle (default) or square corners. */\n  shape?: SunkenPanelShape;\n  /** Grow or shrink within a flex parent, using Grid's typed flex contract. */\n  flex?: boolean | CssFlexKeyword | CssFlex;\n  /** Fill a parent with a definite height; use flex inside a flex layout. */\n  fill?: boolean;\n  className?: string;\n  /** Native named-slot assignment when composed inside a web component. */\n  slot?: string;\n}\n\n/**\n * A lowered application surface with one compact inset and a vertical content\n * stack. The panel owns its background and padding; children own their own\n * borders and internal geometry.\n */\nexport function SunkenPanel({\n  children,\n  ariaLabel,\n  shape = 'rounded',\n  flex = false,\n  fill = false,\n  className = '',\n  slot,\n}: SunkenPanelProps) {\n  const flexValue = flex === true ? '1 1 auto' : flex || undefined;\n  return (\n    <div\n      class={`kui-sunken-panel ${className}`.trim()}\n      data-component=\"sunken-panel\"\n      data-shape={shape}\n      data-flex={String(Boolean(flex))}\n      data-fill={fill ? 'true' : undefined}\n      style={flexValue ? `--_kui-sunken-panel-flex:${flexValue}` : undefined}\n      role={ariaLabel ? 'region' : undefined}\n      aria-label={ariaLabel}\n      slot={slot}\n    >\n      {children}\n    </div>\n  );\n}\n"]}

package/dist/chunk-X5QSICJ3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/segmented-control.tsx"],"names":[],"mappings":";;;AAgCO,SAAS,gBAAA,CAAuC;AAAA,EACrD,EAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA,GAAS,gBAAA;AAAA,EACT,UAAA,GAAa,QAAA;AAAA,EACb,KAAA,GAAQ,SAAA;AAAA,EACR,IAAA,GAAO,SAAA;AAAA,EACP,MAAA,GAAS,SAAA;AAAA,EACT,SAAA,GAAY,EAAA;AAAA,EACZ,WAAA,GAAc,KAAA;AAAA,EACd;AACF,CAAA,EAAiC;AAC/B,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,CAAA,sBAAA,EAAyB,SAAS,CAAA,CAAA,CAAG,IAAA,EAAK;AAAA,MACjD,gBAAA,EAAe,mBAAA;AAAA,MACf,2BAAA,EAA2B,EAAA;AAAA,MAC3B,YAAA,EAAY,KAAA;AAAA,MACZ,iBAAA,EAAiB,UAAA;AAAA,MACjB,YAAA,EAAY,KAAA;AAAA,MACZ,WAAA,EAAW,IAAA;AAAA,MACX,aAAA,EAAa,MAAA;AAAA,MACb,kBAAA,EAAkB,cAAc,MAAA,GAAS,MAAA;AAAA,MACzC,IAAA,EAAK,OAAA;AAAA,MACL,YAAA,EAAY,KAAA;AAAA,MACZ,WAAA,EAAW,cAAc,MAAA,GAAS,MAAA;AAAA,MAClC,IAAA;AAAA,MAEC,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,KAAW;AAGvB,QAAA,MAAM,QAAA,GAAW,CAAC,WAAA,IAAe,MAAA,CAAO,KAAA,KAAU,KAAA;AAClD,QAAA,uBACE,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,KAAA,EAAM,6BAAA;AAAA,YACN,aAAA,EAAa,cAAc,MAAA,GAAY,MAAA;AAAA,YACvC,sBAAoB,MAAA,CAAO,KAAA;AAAA,YAC3B,eAAA,EAAe,OAAO,QAAQ,CAAA;AAAA,YAC9B,cAAY,MAAA,CAAO,KAAA;AAAA,YACnB,cAAA,EAAc,OAAO,QAAQ,CAAA;AAAA,YAC7B,KAAA,EAAO,WAAA,GAAc,MAAA,GAAY,MAAA,CAAO,KAAA;AAAA,YACxC,QAAA,EAAU,OAAO,QAAA,IAAY,WAAA;AAAA,YAC7B,QAAA,EAAU,cAAc,IAAA,GAAO,GAAA;AAAA,YAC/B,mBAAA,EAAmB,MAAA,CAAO,QAAA,GAAW,MAAA,GAAS,MAAA;AAAA,YAE7C,QAAA,EAAA,MAAA,CAAO,OAAA,oBAAW,GAAA,CAAC,MAAA,EAAA,EAAM,iBAAO,KAAA,EAAM;AAAA;AAAA,SACzC;AAAA,MAEJ,CAAC;AAAA;AAAA,GACH;AAEJ","file":"chunk-X5QSICJ3.js","sourcesContent":["import type { KerfUiContent } from './semantic-content.js';\n\nexport type SegmentedControlAppearance = 'filled' | 'outlined' | 'toolbar';\nexport type SegmentedControlShape = 'rounded' | 'pill';\nexport type SegmentedControlSize = 'small' | 'default';\nexport type SegmentedControlLayout = 'content' | 'equal';\n\nexport interface SegmentedControlChoice<Value extends string = string> {\n  value: Value;\n  label: string;\n  content?: KerfUiContent;\n  title?: string;\n  disabled?: boolean;\n}\n\nexport interface SegmentedControlProps<Value extends string = string> {\n  id: string;\n  label: string;\n  value: NoInfer<Value>;\n  choices: readonly SegmentedControlChoice<Value>[];\n  action?: string;\n  appearance?: SegmentedControlAppearance;\n  shape?: SegmentedControlShape;\n  size?: SegmentedControlSize;\n  layout?: SegmentedControlLayout;\n  className?: string;\n  /** Render as a loading placeholder: every choice keeps its live label or icon, none is selected, and every segment is disabled. */\n  placeholder?: boolean;\n  /** Native named-slot assignment when composed inside a web component. */\n  slot?: string;\n}\n\nexport function SegmentedControl<Value extends string>({\n  id,\n  label,\n  value,\n  choices,\n  action = 'select-segment',\n  appearance = 'filled',\n  shape = 'rounded',\n  size = 'default',\n  layout = 'content',\n  className = '',\n  placeholder = false,\n  slot,\n}: SegmentedControlProps<Value>) {\n  return (\n    <div\n      class={`kui-segmented-control ${className}`.trim()}\n      data-component=\"segmented-control\"\n      data-segmented-control-id={id}\n      data-value={value}\n      data-appearance={appearance}\n      data-shape={shape}\n      data-size={size}\n      data-layout={layout}\n      data-placeholder={placeholder ? 'true' : undefined}\n      role=\"group\"\n      aria-label={label}\n      aria-busy={placeholder ? 'true' : undefined}\n      slot={slot}\n    >\n      {choices.map((choice) => {\n        // The choices are known chrome; only the selection is unknown while\n        // loading, so a placeholder shows every choice and selects none.\n        const selected = !placeholder && choice.value === value;\n        return (\n          <button\n            type=\"button\"\n            class=\"kui-segmented-control__item\"\n            data-action={placeholder ? undefined : action}\n            data-segment-value={choice.value}\n            data-selected={String(selected)}\n            aria-label={choice.label}\n            aria-pressed={String(selected)}\n            title={placeholder ? undefined : choice.title}\n            disabled={choice.disabled || placeholder}\n            tabindex={placeholder ? '-1' : '0'}\n            data-kui-disabled={choice.disabled ? 'true' : undefined}\n          >\n            {choice.content ?? <span>{choice.label}</span>}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"]}

package/dist/chunk-YDGNU2OD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/text.tsx"],"names":[],"mappings":";;;AA0BO,SAAS,UAAA,CAAW;AAAA,EACzB,QAAA;AAAA,EACA,OAAO,UAAA,GAAa,EAAA;AAAA,EACpB,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,EAAoB;AAClB,EAAA,MAAM,OAAA,GAAU,CAAC,uBAAA,EAAyB,UAAA,EAAY,SAAS,EAC5D,MAAA,CAAO,OAAO,CAAA,CACd,IAAA,CAAK,GAAG,CAAA;AACX,EAAA,uBACE,GAAA,CAAC,SAAK,GAAG,UAAA,EAAY,OAAO,OAAA,EAAS,gBAAA,EAAe,eACjD,QAAA,EACH,CAAA;AAEJ;AA6CO,SAAS,IAAA,CAAK;AAAA,EACnB,SAAS,OAAA,GAAU,GAAA;AAAA,EACnB,IAAA,GAAO,SAAA;AAAA,EACP,IAAA,GAAO,SAAA;AAAA,EACP,IAAA,GAAO,SAAA;AAAA,EACP,MAAA,GAAS,aAAA;AAAA,EACT,KAAA,GAAQ,KAAA;AAAA,EACR,UAAA,GAAa,SAAA;AAAA,EACb,IAAA,GAAO,QAAA;AAAA,EACP,QAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAO,UAAA,GAAa,EAAA;AAAA,EACpB,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,EAAc;AACZ,EAAA,IACE,QAAA,KAAa,MAAA,KACZ,CAAC,MAAA,CAAO,aAAA,CAAc,QAAQ,CAAA,IAC7B,QAAA,GAAW,CAAA,IACX,IAAA,KAAS,QAAA,IACT,IAAA,KAAS,UAAA,CAAA;AAEX,IAAA,MAAM,IAAI,UAAA;AAAA,MACR;AAAA,KACF;AACF,EAAA,MAAM,OAAA,GAAU,CAAC,UAAA,EAAY,UAAA,EAAY,SAAS,EAAE,MAAA,CAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA;AAC5E,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACE,GAAG,UAAA;AAAA,MACJ,KAAA,EAAO,OAAA;AAAA,MACP,gBAAA,EAAe,MAAA;AAAA,MACf,WAAA,EAAW,IAAA;AAAA,MACX,WAAA,EAAW,IAAA;AAAA,MACX,WAAA,EAAW,IAAA;AAAA,MACX,aAAA,EAAa,MAAA;AAAA,MACb,YAAA,EAAY,QAAQ,MAAA,GAAS,MAAA;AAAA,MAC7B,kBAAA,EAAkB,UAAA,KAAe,OAAA,GAAU,OAAA,GAAU,MAAA;AAAA,MACrD,WAAA,EAAW,IAAA,KAAS,QAAA,GAAW,MAAA,GAAY,IAAA;AAAA,MAC3C,gBAAA,EAAgB,QAAA,KAAa,MAAA,GAAY,MAAA,GAAY,OAAO,QAAQ,CAAA;AAAA,MAEnE,QAAA,EAAA,QAAA,KAAa,SACZ,QAAA,mBAEA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAM,iBAAA;AAAA,UACN,KAAA,EAAO,yBAAyB,QAAQ,CAAA,CAAA;AAAA,UAEvC;AAAA;AAAA;AACH;AAAA,GAEJ;AAEJ","file":"chunk-YDGNU2OD.js","sourcesContent":["import type { KerfBaseAttrs } from 'kerfjs/jsx-runtime';\n\nimport type { KerfUiContent } from './semantic-content.js';\n\nexport type TextVariant =\n  'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';\nexport type TextTone = 'default' | 'quiet' | 'danger';\nexport type TextSize = 'compact' | 'default' | 'large' | 'xlarge';\nexport type TextFont = 'default' | 'monospace';\nexport type TextBorder = 'transparent' | 'none';\nexport type TextLineHeight = 'default' | 'tight';\nexport type TextWrap = 'normal' | 'anywhere' | 'nowrap' | 'truncate';\n\nexport type TextContent =\n  KerfUiContent | string | number | readonly TextContent[];\n\nexport type FieldLabelProps = Omit<\n  KerfBaseAttrs,\n  'children' | 'class' | 'className'\n> & {\n  children: string;\n  class?: string;\n  className?: string;\n};\n\n/** Visible field heading for a read-only preview; use its id with aria-labelledby on the preview group. */\nexport function FieldLabel({\n  children,\n  class: classValue = '',\n  className = '',\n  ...attributes\n}: FieldLabelProps) {\n  const classes = ['kui-text__field-label', classValue, className]\n    .filter(Boolean)\n    .join(' ');\n  return (\n    <div {...attributes} class={classes} data-component=\"field-label\">\n      {children}\n    </div>\n  );\n}\n\ntype TextCommonProps = Omit<\n  KerfBaseAttrs,\n  'children' | 'class' | 'className'\n> & {\n  /** Native heading, paragraph, or inline span element to render. Defaults to `p`. */\n  variant?: TextVariant;\n  /** Semantic foreground treatment. Defaults to the inherited foreground. */\n  tone?: TextTone;\n  /** Text sizing independent of the native semantic element. */\n  size?: TextSize;\n  /** Font family independent of the native semantic element. */\n  font?: TextFont;\n  /** Transparent alignment border or no border when embedded in owner chrome. */\n  border?: TextBorder;\n  /** Remove the block variant's item padding and border in compact content. */\n  flush?: boolean;\n  /** Use compact leading for short dialog or metadata copy. */\n  lineHeight?: TextLineHeight;\n  children: TextContent;\n  class?: string;\n  className?: string;\n};\n\nexport type TextProps = TextCommonProps &\n  (\n    | {\n        /** Wrap normally or break long unbroken strings. Defaults to normal. */\n        wrap?: 'normal' | 'anywhere';\n        /** Cap wrapped text to this positive number of lines. */\n        maxLines?: number;\n      }\n    | {\n        /** Keep one line, with or without an ellipsis. */\n        wrap: 'nowrap' | 'truncate';\n        maxLines?: never;\n      }\n  );\n\n/**\n * Semantic heading, paragraph, or inline text. Block variants use the standard\n * content-item padding; `span` adds no box geometry.\n * All ordinary native heading/paragraph attributes pass through to the element.\n */\nexport function Text({\n  variant: Variant = 'p',\n  tone = 'default',\n  size = 'default',\n  font = 'default',\n  border = 'transparent',\n  flush = false,\n  lineHeight = 'default',\n  wrap = 'normal',\n  maxLines,\n  children,\n  class: classValue = '',\n  className = '',\n  ...attributes\n}: TextProps) {\n  if (\n    maxLines !== undefined &&\n    (!Number.isSafeInteger(maxLines) ||\n      maxLines < 1 ||\n      wrap === 'nowrap' ||\n      wrap === 'truncate')\n  )\n    throw new RangeError(\n      'Text maxLines requires a positive integer and wrapping',\n    );\n  const classes = ['kui-text', classValue, className].filter(Boolean).join(' ');\n  return (\n    <Variant\n      {...attributes}\n      class={classes}\n      data-component=\"text\"\n      data-tone={tone}\n      data-size={size}\n      data-font={font}\n      data-border={border}\n      data-flush={flush ? 'true' : undefined}\n      data-line-height={lineHeight === 'tight' ? 'tight' : undefined}\n      data-wrap={wrap === 'normal' ? undefined : wrap}\n      data-max-lines={maxLines === undefined ? undefined : String(maxLines)}\n    >\n      {maxLines === undefined ? (\n        children\n      ) : (\n        <span\n          class=\"kui-text__clamp\"\n          style={`--_kui-text-max-lines:${maxLines}`}\n        >\n          {children}\n        </span>\n      )}\n    </Variant>\n  );\n}\n"]}

package/dist/chunk-ZLKZFKLW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/resize-wiring.ts"],"names":[],"mappings":"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","file":"chunk-ZLKZFKLW.js","sourcesContent":["import { delegate } from 'kerfjs';\n\nimport {\n  clampRegionSize,\n  type ResizableRegionAxis,\n  type ResizableRegionEdge,\n  resizeRegionFromPointer,\n} from './resizable-region.js';\n\nexport interface ResizeCommit {\n  id: string;\n  size: number;\n  source: 'keyboard' | 'pointer';\n}\n\nexport interface WireResizableRegionsOptions {\n  step?: number;\n  largeStep?: number;\n  onPreview?: (change: ResizeCommit) => void;\n  onCommit: (change: ResizeCommit) => void;\n}\n\ninterface RegionState {\n  region: HTMLElement;\n  handle: HTMLElement;\n  id: string;\n  axis: ResizableRegionAxis;\n  edge: ResizableRegionEdge;\n  /** The rendered `min` prop: every size the wiring commits stays at or above it. */\n  min: number;\n  /** The rendered `max` prop. */\n  declaredMax: number;\n  /** The largest size the region can actually show: `declaredMax`, or less when a parent clamps the track. */\n  max: number;\n  /** The shown size, which a parent clamp can hold below the rendered size. */\n  size: number;\n  /**\n   * The size the track shows when its container squeezes it below `min` (a\n   * narrowing Workbench shrinks its resizable rails), otherwise undefined.\n   */\n  squeezed?: number;\n}\n\n/**\n * A composition-specific bound on a region's size, applied after the parent\n * clamp: given the region and its limits, the largest size it may take. A\n * `Workbench` rail uses it to leave the work area its minimum width.\n */\nexport type ResizeLimit = (\n  region: HTMLElement,\n  limits: { min: number; max: number },\n) => number;\n\nconst HANDLE_SELECTOR = '[data-kui-resize-handle]';\nconst INSET_ATTRIBUTE = 'data-handle-inset';\n/** Attributes a re-render can write back over the reported state. */\nconst REPORTED_ATTRIBUTES = [\n  'aria-valuenow',\n  'aria-valuemin',\n  'aria-valuemax',\n  INSET_ATTRIBUTE,\n];\n/**\n * How far the handle's hit target reaches past the separator (the CSS places\n * the 20px handle at `-10px` on the region's edge).\n */\nconst HANDLE_OVERHANG = 10;\n\n/**\n * The size the region renders or was last resized to. The track's custom\n * property is the source, not aria-valuenow, which reports the shown size and\n * can sit below the rendered size while a parent clamps the track.\n */\nfunction renderedSize(region: HTMLElement, handle: HTMLElement) {\n  const size = Number.parseFloat(\n    region.style.getPropertyValue('--kui-resizable-region-size'),\n  );\n  return Number.isFinite(size)\n    ? size\n    : Number(handle.getAttribute('aria-valuenow'));\n}\n\n/**\n * Whether the handle must sit inside the region. When a parent clamps the\n * track, the separator reaches the parent's edge, where a clipping ancestor\n * (an app shell, a scroll frame) would cut off the half of the hit target\n * and its focus ring that overhang the region. With less room past the\n * separator than that overhang, the region carries `data-handle-inset`, and\n * the CSS moves the handle and its ring inside.\n */\nfunction handleInset(state: RegionState, size: number) {\n  return state.max < state.declaredMax && state.max - size < HANDLE_OVERHANG;\n}\n\nfunction setInset(region: HTMLElement, inset: boolean) {\n  if (region.hasAttribute(INSET_ATTRIBUTE) !== inset)\n    region.toggleAttribute(INSET_ATTRIBUTE, inset);\n}\n\nfunction setAttributeIfChanged(\n  element: HTMLElement,\n  name: string,\n  value: string,\n) {\n  if (element.getAttribute(name) !== value) element.setAttribute(name, value);\n}\n\n/**\n * The largest size a parent lets the region show. The track is\n * `size + edge extent` (its flex basis), but a parent may clamp it (a\n * `max-width: 100%` stage, a narrow container). Probing the track at the\n * declared maximum for one synchronous layout read measures how much of that\n * size is visible; the probe is restored before anything paints. Without\n * layout (no box yet, or an `auto` basis under a responsive fill) the declared\n * maximum stands.\n */\nfunction visibleMax(\n  region: HTMLElement,\n  axis: ResizableRegionAxis,\n  min: number,\n  max: number,\n) {\n  const property = '--kui-resizable-region-size';\n  const previous = region.style.getPropertyValue(property);\n  region.style.setProperty(property, `${max}px`);\n  const basis = Number.parseFloat(\n    globalThis.getComputedStyle(region).flexBasis,\n  );\n  const box = region.getBoundingClientRect();\n  region.style.setProperty(property, previous);\n  const track = axis === 'horizontal' ? box.width : box.height;\n  if (!Number.isFinite(basis) || track <= 0 || track >= basis - 0.5) return max;\n  return Math.max(min, Math.min(max, Math.floor(track - (basis - max))));\n}\n\n/**\n * The size the track shows at its rendered size, when that is less than the\n * rendered size: a container that lets the region shrink (a narrowing\n * Workbench squeezes its resizable rails in proportion) can show it below its\n * own minimum. Undefined without layout or when the whole size shows.\n */\nfunction shownSize(\n  region: HTMLElement,\n  axis: ResizableRegionAxis,\n  size: number,\n) {\n  const basis = Number.parseFloat(\n    globalThis.getComputedStyle(region).flexBasis,\n  );\n  const box = region.getBoundingClientRect();\n  const track = axis === 'horizontal' ? box.width : box.height;\n  if (!Number.isFinite(basis) || track <= 0 || track >= basis - 0.5)\n    return undefined;\n  return Math.max(0, Math.floor(track - (basis - size)));\n}\n\n/**\n * The separator's reported range and value. A squeezed region reports the\n * size it actually shows as its value and pins its minimum and maximum there:\n * WAI-ARIA requires the value to sit inside the range, and the separator\n * cannot move a track its container holds below the minimum. The configured\n * limits still bound every size the wiring commits.\n */\nfunction reported(state: RegionState) {\n  const { squeezed } = state;\n  return squeezed === undefined\n    ? { min: state.min, max: state.max, now: state.size }\n    : { min: squeezed, max: squeezed, now: squeezed };\n}\n\n/**\n * Whether the separator cannot move its region: the container squeezes the\n * track below its minimum, or the visible range has collapsed to a single\n * size. A pinned separator commits nothing, so a key press or drag never\n * overwrites the app's remembered size (and its storage) with the limit.\n */\nfunction pinned(state: RegionState) {\n  return state.squeezed !== undefined || state.max <= state.min;\n}\n\n/**\n * Apply a live size to an expanded region before the app commits it. The\n * collapse-motion content keeps a fixed width from the expanded size so its\n * slide reads as a slide, not a squeeze; it has to follow the live size too, or\n * the content stays at the previous width until the app re-renders.\n */\nfunction applySize(state: RegionState, size: number) {\n  const value = `${size}px`;\n  state.region.style.setProperty('--kui-resizable-region-size', value);\n  state.region.style.setProperty('--kui-resizable-region-expanded-size', value);\n  // A squeezed region's container holds it where it is, so its reported\n  // value stays the squeezed size.\n  if (state.squeezed === undefined)\n    state.handle.setAttribute('aria-valuenow', String(size));\n  setInset(state.region, handleInset(state, size));\n}\n\n/**\n * Wire pointer and separator-keyboard behavior for every resizable region\n * below root that matches `regionSelector`. A region carries `data-region-id`,\n * `data-axis`, `data-edge`, `data-collapsed`, and `data-presentation`, sizes\n * its track from `--kui-resizable-region-size`, and owns its separator handle\n * as a direct child. `ResizableRegion` renders that contract, and so does a\n * resizable `Workbench` panel; each public wire passes the selector for the\n * regions it owns, so two wires never drive the same handle. An optional\n * `limit` tightens each region's maximum for its composition.\n */\nexport function wireResizeHandles(\n  root: HTMLElement,\n  {\n    step = 16,\n    largeStep = 64,\n    onPreview,\n    onCommit,\n  }: WireResizableRegionsOptions,\n  regionSelector: string,\n  limit?: ResizeLimit,\n) {\n  const REGION_SELECTOR = regionSelector;\n  let stopPointer: (() => void) | undefined;\n  // The handle announces its visible maximum in aria-valuemax, which hides the\n  // rendered `max` prop. Remember it per handle; a re-render that writes a\n  // different aria-valuemax than the one announced here supersedes it.\n  const announced = new WeakMap<\n    HTMLElement,\n    {\n      declaredMin: number;\n      declaredMax: number;\n      min: number;\n      max: number;\n      size: number;\n      inset: boolean;\n    }\n  >();\n\n  function regionState(handle: Element): RegionState | undefined {\n    const region = handle.closest<HTMLElement>(REGION_SELECTOR);\n    // A handle belongs only to the region it is a direct child of: a region of\n    // another kind that merely contains it (a Workbench panel around a nested\n    // ResizableRegion, or the reverse) is not the handle's region.\n    if (\n      !(region instanceof HTMLElement) ||\n      !(handle instanceof HTMLElement) ||\n      handle.parentElement !== region\n    )\n      return undefined;\n    const id = region.dataset.regionId;\n    const axis = region.dataset.axis;\n    const edge = region.dataset.edge;\n    const valueMin = Number(handle.getAttribute('aria-valuemin'));\n    const valueMax = Number(handle.getAttribute('aria-valuemax'));\n    const remembered = announced.get(handle);\n    // A squeezed region reports a lowered minimum; the rendered one stands\n    // until a re-render writes a different value.\n    const min =\n      remembered?.min === valueMin ? remembered.declaredMin : valueMin;\n    const declaredMax =\n      remembered?.max === valueMax ? remembered.declaredMax : valueMax;\n    const size = renderedSize(region, handle);\n    if (\n      !id ||\n      region.dataset.collapsed === 'true' ||\n      region.dataset.presentation !== 'inline' ||\n      (axis !== 'horizontal' && axis !== 'vertical') ||\n      (edge !== 'start' && edge !== 'end') ||\n      !Number.isFinite(min) ||\n      !Number.isFinite(declaredMax) ||\n      !Number.isFinite(size)\n    )\n      return undefined;\n    // The shown size is read before the probe, from the layout already in\n    // place, so the probe stays the one forced layout.\n    const shown = shownSize(region, axis, size);\n    const visible = visibleMax(region, axis, min, declaredMax);\n    // A composition bound never takes a region below its own minimum.\n    const max = limit\n      ? Math.max(min, Math.min(visible, limit(region, { min, max: visible })))\n      : visible;\n    return {\n      region,\n      handle,\n      id,\n      axis,\n      edge,\n      min,\n      declaredMax,\n      max,\n      size: clampRegionSize(size, min, max),\n      squeezed: shown !== undefined && shown < min ? shown : undefined,\n    };\n  }\n\n  /**\n   * Report what is shown: the visible maximum and the shown size, or the\n   * squeezed size a container holds the region at. Nothing is committed — the\n   * app's size stays its own until the user resizes.\n   */\n  function announce(state: RegionState) {\n    const inset = handleInset(state, state.size);\n    const { min, max, now } = reported(state);\n    announced.set(state.handle, {\n      declaredMin: state.min,\n      declaredMax: state.declaredMax,\n      min,\n      max,\n      size: now,\n      inset,\n    });\n    // Unchanged values are not rewritten, so the observer below never sees\n    // its own report as a re-render.\n    setAttributeIfChanged(state.handle, 'aria-valuemin', String(min));\n    setAttributeIfChanged(state.handle, 'aria-valuemax', String(max));\n    setAttributeIfChanged(state.handle, 'aria-valuenow', String(now));\n    setInset(state.region, inset);\n  }\n\n  const handleOf = (region: HTMLElement) =>\n    region.querySelector<HTMLElement>(`:scope > ${HANDLE_SELECTOR}`);\n\n  /** Re-measure a region at rest and report what it shows. */\n  function sync(region: HTMLElement) {\n    if (!region.isConnected || region.dataset.resizing === 'true') return;\n    const handle = handleOf(region);\n    const state = handle ? regionState(handle) : undefined;\n    if (state) announce(state);\n  }\n\n  /** Whether the region still shows the state this wiring last reported. */\n  function reportedByUs(region: HTMLElement) {\n    const handle = handleOf(region);\n    const remembered = handle ? announced.get(handle) : undefined;\n    return (\n      remembered !== undefined &&\n      handle?.getAttribute('aria-valuemin') === String(remembered.min) &&\n      handle.getAttribute('aria-valuemax') === String(remembered.max) &&\n      handle.getAttribute('aria-valuenow') === String(remembered.size) &&\n      region.hasAttribute(INSET_ATTRIBUTE) === remembered.inset\n    );\n  }\n\n  // Keep the reported values current without a focus or an interaction.\n  // A ResizeObserver on every region and its parent re-measures when the\n  // space changes (a narrowed viewport, a parent that grows back); a\n  // MutationObserver catches a re-render that writes the rendered props back\n  // over the reported values, and regions a re-render adds or removes. Both\n  // measure once per affected region per batch, after layout or in a\n  // microtask, never per frame.\n  const observed = new Set<Element>();\n  const resizeObserver =\n    typeof ResizeObserver === 'function'\n      ? new ResizeObserver((entries) => {\n          const regions = new Set<HTMLElement>();\n          for (const { target } of entries) {\n            if (target.matches(REGION_SELECTOR))\n              regions.add(target as HTMLElement);\n            for (const child of target.children)\n              if (child.matches(REGION_SELECTOR))\n                regions.add(child as HTMLElement);\n          }\n          for (const region of regions) sync(region);\n        })\n      : undefined;\n\n  /** Observe every region below root and its parent; release the rest. */\n  function observeRegions() {\n    if (!resizeObserver) return;\n    const wanted = new Set<Element>();\n    for (const region of root.querySelectorAll(REGION_SELECTOR)) {\n      wanted.add(region);\n      // A region found below root always has a parent element.\n      wanted.add(region.parentElement as Element);\n    }\n    for (const element of observed)\n      if (!wanted.has(element)) {\n        resizeObserver.unobserve(element);\n        observed.delete(element);\n      }\n    for (const element of wanted)\n      if (!observed.has(element)) {\n        resizeObserver.observe(element);\n        observed.add(element);\n      }\n  }\n\n  const mutationObserver = new MutationObserver((records) => {\n    const regions = new Set<HTMLElement>();\n    let structural = false;\n    for (const record of records) {\n      if (record.type === 'childList') {\n        structural = true;\n        continue;\n      }\n      const target = record.target as HTMLElement;\n      const region = target.matches(REGION_SELECTOR)\n        ? target\n        : target.matches(HANDLE_SELECTOR)\n          ? target.parentElement?.matches(REGION_SELECTOR)\n            ? target.parentElement\n            : null\n          : null;\n      if (region && !reportedByUs(region)) regions.add(region);\n    }\n    // Newly observed regions are measured by the ResizeObserver's first\n    // notification.\n    if (structural) observeRegions();\n    for (const region of regions) sync(region);\n  });\n  mutationObserver.observe(root, {\n    subtree: true,\n    childList: true,\n    attributes: true,\n    attributeFilter: REPORTED_ATTRIBUTES,\n  });\n  observeRegions();\n\n  /**\n   * Commit a size, then re-announce: an app that re-renders the committed\n   * size synchronously writes the rendered `max` prop back to aria-valuemax.\n   */\n  function commit(state: RegionState, change: ResizeCommit) {\n    onCommit(change);\n    const settled = state.handle.isConnected\n      ? regionState(state.handle)\n      : undefined;\n    if (settled) announce(settled);\n  }\n\n  const stopFocus = delegate(\n    root,\n    'focusin',\n    HANDLE_SELECTOR,\n    (_event, handle) => {\n      const state = regionState(handle);\n      if (state) announce(state);\n    },\n  );\n\n  const stopKeydown = delegate(\n    root,\n    'keydown',\n    HANDLE_SELECTOR,\n    (event, handle) => {\n      const keyboardEvent = event as KeyboardEvent;\n      const state = regionState(handle);\n      if (!state) return;\n      announce(state);\n      let next: number | undefined;\n      if (keyboardEvent.key === 'Home') next = state.min;\n      if (keyboardEvent.key === 'End') next = state.max;\n      const increment = keyboardEvent.shiftKey ? largeStep : step;\n      if (state.axis === 'horizontal' && keyboardEvent.key === 'ArrowLeft')\n        next = resizeRegionFromPointer(state.size, -increment, state.edge);\n      if (state.axis === 'horizontal' && keyboardEvent.key === 'ArrowRight')\n        next = resizeRegionFromPointer(state.size, increment, state.edge);\n      if (state.axis === 'vertical' && keyboardEvent.key === 'ArrowUp')\n        next = resizeRegionFromPointer(state.size, -increment, state.edge);\n      if (state.axis === 'vertical' && keyboardEvent.key === 'ArrowDown')\n        next = resizeRegionFromPointer(state.size, increment, state.edge);\n      if (next === undefined) return;\n      keyboardEvent.preventDefault();\n      if (pinned(state)) return;\n      const size = clampRegionSize(next, state.min, state.max);\n      applySize(state, size);\n      commit(state, { id: state.id, size, source: 'keyboard' });\n    },\n  );\n\n  const stopPointerDown = delegate(\n    root,\n    'pointerdown',\n    HANDLE_SELECTOR,\n    (event, handle) => {\n      const pointerEvent = event as PointerEvent;\n      if (pointerEvent.button !== 0) return;\n      const state = regionState(handle);\n      if (!state) return;\n      pointerEvent.preventDefault();\n      announce(state);\n      if (pinned(state)) return;\n      state.handle.setPointerCapture?.(pointerEvent.pointerId);\n      const startCoordinate =\n        state.axis === 'horizontal'\n          ? pointerEvent.clientX\n          : pointerEvent.clientY;\n      let next = state.size;\n      const move = (moveEvent: PointerEvent) => {\n        const coordinate =\n          state.axis === 'horizontal' ? moveEvent.clientX : moveEvent.clientY;\n        next = clampRegionSize(\n          resizeRegionFromPointer(\n            state.size,\n            coordinate - startCoordinate,\n            state.edge,\n          ),\n          state.min,\n          state.max,\n        );\n        applySize(state, next);\n        onPreview?.({ id: state.id, size: next, source: 'pointer' });\n      };\n      const finish = () => {\n        root.removeEventListener('pointermove', move);\n        root.removeEventListener('pointerup', finish);\n        root.removeEventListener('pointercancel', finish);\n        stopPointer = undefined;\n        delete state.region.dataset.resizing;\n        commit(state, { id: state.id, size: next, source: 'pointer' });\n      };\n      stopPointer?.();\n      stopPointer = finish;\n      state.region.dataset.resizing = 'true';\n      root.addEventListener('pointermove', move);\n      root.addEventListener('pointerup', finish, { once: true });\n      root.addEventListener('pointercancel', finish, { once: true });\n    },\n  );\n\n  return () => {\n    mutationObserver.disconnect();\n    resizeObserver?.disconnect();\n    observed.clear();\n    stopPointer?.();\n    stopFocus();\n    stopKeydown();\n    stopPointerDown();\n  };\n}\n"]}

package/dist/{panel-toolbar-DDKh4uKd.d.ts → panel-toolbar-CL9tYOkh.d.ts}

@@ -1,6 +1,6 @@
+import { ToolbarConfig } from './toolbar.js';
 import { K as KerfUiContent } from './semantic-content-BbzjvSu9.js';
 import { LucideIcon } from './lucide-icon.js';
-import { ToolbarConfig } from './toolbar.js';
 
 /** Which edge a collapsible panel docks to. */
 type PanelSide = 'left' | 'right' | 'bottom';

package/dist/{types-BuHELdXR.d.ts → types-C9BubXfz.d.ts}

@@ -1,6 +1,6 @@
-import { K as KerfUiContent } from './semantic-content-BbzjvSu9.js';
 import { ToolbarConfig } from './toolbar.js';
 import { WorkbenchPanel } from './workbench.js';
+import { K as KerfUiContent } from './semantic-content-BbzjvSu9.js';
 
 /** A reference link shown in the detail footer for the active entry. */
 interface CatalogResource {