@vielzeug/refine 1.5.3 → 1.7.0

package/dist/headless/swipe.js.map

@@ -1 +1 @@
-{"version":3,"file":"swipe.js","names":[],"sources":["../../src/headless/swipe.ts"],"sourcesContent":["import type { Readable } from '@vielzeug/ripple';\n\nexport type SwipeAxis = 'x' | 'y';\n\nexport type SwipeControlDetail = {\n  axis: SwipeAxis;\n  current: number;\n  distance: number;\n  event: PointerEvent;\n  pointerId: number;\n  progress: number;\n  start: number;\n  threshold: number;\n};\n\nexport type SwipeControlOptions = {\n  axis?: () => SwipeAxis;\n  captureTarget?: (event: PointerEvent) => HTMLElement | null;\n  disabled?: Readable<boolean | undefined>;\n  /** Called when the platform interrupts an in-flight swipe (`pointercancel`). */\n  onCancel?: (detail: SwipeControlDetail) => void;\n  onCommit?: (detail: SwipeControlDetail) => void;\n  onMove?: (detail: SwipeControlDetail) => void;\n  /** Called when the pointer is released (`pointerup`) without crossing the commit threshold. */\n  onRelease?: (detail: SwipeControlDetail) => void;\n  onStart?: (detail: SwipeControlDetail) => void;\n  shouldCommit?: (detail: SwipeControlDetail) => boolean;\n  threshold?: () => number;\n};\n\nexport type SwipeControl = {\n  [Symbol.dispose](): void;\n  /** Cancel any in-flight swipe and clean up internal state. */\n  dispose: () => void;\n  handlePointerCancel: (event: PointerEvent) => boolean;\n  handlePointerDown: (event: PointerEvent) => boolean;\n  handlePointerMove: (event: PointerEvent) => boolean;\n  handlePointerUp: (event: PointerEvent) => boolean;\n  isActive: () => boolean;\n};\n\ntype ActiveSwipe = {\n  axis: SwipeAxis;\n  pointerId: number;\n  start: number;\n  threshold: number;\n};\n\nconst resolveAxis = (options: SwipeControlOptions): SwipeAxis => options.axis?.() ?? 'x';\n\nconst resolveThreshold = (options: SwipeControlOptions): number => {\n  const threshold = options.threshold?.() ?? 48;\n\n  return Number.isFinite(threshold) && threshold > 0 ? threshold : 1;\n};\n\nconst getCoordinate = (event: PointerEvent, axis: SwipeAxis): number => {\n  return axis === 'x' ? event.clientX : event.clientY;\n};\n\nconst defaultCaptureTarget = (event: PointerEvent): HTMLElement | null => {\n  if (event.currentTarget instanceof HTMLElement) return event.currentTarget;\n\n  if (event.target instanceof HTMLElement) return event.target;\n\n  return null;\n};\n\nexport const createSwipeControl = (options: SwipeControlOptions): SwipeControl => {\n  let active: ActiveSwipe | null = null;\n\n  const isDisabled = (): boolean => Boolean(options.disabled?.value);\n\n  const reset = (): void => {\n    active = null;\n  };\n\n  const matchesPointer = (event: PointerEvent): boolean => {\n    return active?.pointerId === event.pointerId;\n  };\n\n  const createDetail = (event: PointerEvent): SwipeControlDetail | null => {\n    if (!active) return null;\n\n    const current = getCoordinate(event, active.axis);\n    const distance = current - active.start;\n\n    return {\n      axis: active.axis,\n      current,\n      distance,\n      event,\n      pointerId: active.pointerId,\n      progress: Math.min(Math.abs(distance) / active.threshold, 1),\n      start: active.start,\n      threshold: active.threshold,\n    };\n  };\n\n  const handlePointerDown = (event: PointerEvent): boolean => {\n    if (active || isDisabled()) return false;\n\n    const axis = resolveAxis(options);\n\n    active = {\n      axis,\n      pointerId: event.pointerId,\n      start: getCoordinate(event, axis),\n      threshold: resolveThreshold(options),\n    };\n\n    const captureTarget =\n      typeof options.captureTarget === 'function' ? options.captureTarget(event) : defaultCaptureTarget(event);\n\n    captureTarget?.setPointerCapture?.(event.pointerId);\n\n    const detail = createDetail(event);\n\n    if (detail) options.onStart?.(detail);\n\n    return true;\n  };\n\n  const handlePointerMove = (event: PointerEvent): boolean => {\n    if (!active || !matchesPointer(event)) return false;\n\n    const detail = createDetail(event);\n\n    if (!detail) return false;\n\n    options.onMove?.(detail);\n\n    const shouldCommit = options.shouldCommit?.(detail) ?? Math.abs(detail.distance) >= detail.threshold;\n\n    if (!shouldCommit) return true;\n\n    reset();\n    options.onCommit?.(detail);\n\n    return true;\n  };\n\n  const handlePointerUp = (event: PointerEvent): boolean => {\n    if (!active || !matchesPointer(event)) return false;\n\n    const detail = createDetail(event);\n\n    reset();\n\n    if (detail) options.onRelease?.(detail);\n\n    return true;\n  };\n\n  const handlePointerCancel = (event: PointerEvent): boolean => {\n    if (!active || !matchesPointer(event)) return false;\n\n    const detail = createDetail(event);\n\n    reset();\n\n    if (detail) options.onCancel?.(detail);\n\n    return true;\n  };\n\n  return {\n    dispose: reset,\n    handlePointerCancel,\n    handlePointerDown,\n    handlePointerMove,\n    handlePointerUp,\n    isActive: () => active != null,\n    [Symbol.dispose]: reset,\n  };\n};\n"],"mappings":";AAgDA,IAAM,KAAe,MAA4C,EAAQ,OAAO,KAAK,KAE/E,KAAoB,MAAyC;CACjE,IAAM,IAAY,EAAQ,YAAY,KAAK;CAE3C,OAAO,OAAO,SAAS,CAAS,KAAK,IAAY,IAAI,IAAY;AACnE,GAEM,KAAiB,GAAqB,MACnC,MAAS,MAAM,EAAM,UAAU,EAAM,SAGxC,KAAwB,MACxB,EAAM,yBAAyB,cAAoB,EAAM,gBAEzD,EAAM,kBAAkB,cAAoB,EAAM,SAE/C,MAGI,KAAsB,MAA+C;CAChF,IAAI,IAA6B,MAE3B,UAA4B,EAAQ,EAAQ,UAAU,OAEtD,UAAoB;EACxB,IAAS;CACX,GAEM,KAAkB,MACf,GAAQ,cAAc,EAAM,WAG/B,KAAgB,MAAmD;EACvE,IAAI,CAAC,GAAQ,OAAO;EAEpB,IAAM,IAAU,EAAc,GAAO,EAAO,IAAI,GAC1C,IAAW,IAAU,EAAO;EAElC,OAAO;GACL,MAAM,EAAO;GACb;GACA;GACA;GACA,WAAW,EAAO;GAClB,UAAU,KAAK,IAAI,KAAK,IAAI,CAAQ,IAAI,EAAO,WAAW,CAAC;GAC3D,OAAO,EAAO;GACd,WAAW,EAAO;EACpB;CACF;CAqEA,OAAO;EACL,SAAS;EACT,sBAd2B,MAAiC;GAC5D,IAAI,CAAC,KAAU,CAAC,EAAe,CAAK,GAAG,OAAO;GAE9C,IAAM,IAAS,EAAa,CAAK;GAMjC,OAJA,EAAM,GAEF,KAAQ,EAAQ,WAAW,CAAM,GAE9B;EACT;EAKE,oBAtEyB,MAAiC;GAC1D,IAAI,KAAU,EAAW,GAAG,OAAO;GAEnC,IAAM,IAAO,EAAY,CAAO;GAYhC,AAVA,IAAS;IACP;IACA,WAAW,EAAM;IACjB,OAAO,EAAc,GAAO,CAAI;IAChC,WAAW,EAAiB,CAAO;GACrC,IAGE,OAAO,EAAQ,iBAAkB,aAAa,EAAQ,cAAc,CAAK,IAAI,EAAqB,CAAK,EAAA,EAE1F,oBAAoB,EAAM,SAAS;GAElD,IAAM,IAAS,EAAa,CAAK;GAIjC,OAFI,KAAQ,EAAQ,UAAU,CAAM,GAE7B;EACT;EAiDE,oBA/CyB,MAAiC;GAC1D,IAAI,CAAC,KAAU,CAAC,EAAe,CAAK,GAAG,OAAO;GAE9C,IAAM,IAAS,EAAa,CAAK;GAajC,OAXK,KAEL,EAAQ,SAAS,CAAM,GAEF,EAAQ,eAAe,CAAM,KAAK,KAAK,IAAI,EAAO,QAAQ,KAAK,EAAO,aAI3F,EAAM,GACN,EAAQ,WAAW,CAAM,GAElB,MALmB,MANN;EAYtB;EA+BE,kBA7BuB,MAAiC;GACxD,IAAI,CAAC,KAAU,CAAC,EAAe,CAAK,GAAG,OAAO;GAE9C,IAAM,IAAS,EAAa,CAAK;GAMjC,OAJA,EAAM,GAEF,KAAQ,EAAQ,YAAY,CAAM,GAE/B;EACT;EAoBE,gBAAgB,KAAU;GACzB,OAAO,UAAU;CACpB;AACF"}
+{"version":3,"file":"swipe.js","names":[],"sources":["../../src/headless/swipe.ts"],"sourcesContent":["import type { Readable } from '@vielzeug/ripple';\n\nexport type SwipeAxis = 'x' | 'y';\n\nexport type SwipeControlDetail = {\n  axis: SwipeAxis;\n  current: number;\n  distance: number;\n  event: PointerEvent;\n  pointerId: number;\n  progress: number;\n  start: number;\n  threshold: number;\n};\n\nexport type SwipeControlOptions = {\n  axis?: () => SwipeAxis;\n  captureTarget?: (event: PointerEvent) => HTMLElement | null;\n  disabled?: Readable<boolean | undefined>;\n  /** Called when the platform interrupts an in-flight swipe (`pointercancel`). */\n  onCancel?: (detail: SwipeControlDetail) => void;\n  onCommit?: (detail: SwipeControlDetail) => void;\n  onMove?: (detail: SwipeControlDetail) => void;\n  /** Called when the pointer is released (`pointerup`) without crossing the commit threshold. */\n  onRelease?: (detail: SwipeControlDetail) => void;\n  onStart?: (detail: SwipeControlDetail) => void;\n  shouldCommit?: (detail: SwipeControlDetail) => boolean;\n  threshold?: () => number;\n};\n\nexport type SwipeControl = {\n  [Symbol.dispose](): void;\n  /** Cancel any in-flight swipe and clean up internal state. */\n  dispose: () => void;\n  /** `true` after `dispose()` has been called. */\n  readonly disposed: boolean;\n  handlePointerCancel: (event: PointerEvent) => boolean;\n  handlePointerDown: (event: PointerEvent) => boolean;\n  handlePointerMove: (event: PointerEvent) => boolean;\n  handlePointerUp: (event: PointerEvent) => boolean;\n  isActive: () => boolean;\n};\n\ntype ActiveSwipe = {\n  axis: SwipeAxis;\n  pointerId: number;\n  start: number;\n  threshold: number;\n};\n\nconst resolveAxis = (options: SwipeControlOptions): SwipeAxis => options.axis?.() ?? 'x';\n\nconst resolveThreshold = (options: SwipeControlOptions): number => {\n  const threshold = options.threshold?.() ?? 48;\n\n  return Number.isFinite(threshold) && threshold > 0 ? threshold : 1;\n};\n\nconst getCoordinate = (event: PointerEvent, axis: SwipeAxis): number => {\n  return axis === 'x' ? event.clientX : event.clientY;\n};\n\nconst defaultCaptureTarget = (event: PointerEvent): HTMLElement | null => {\n  if (event.currentTarget instanceof HTMLElement) return event.currentTarget;\n\n  if (event.target instanceof HTMLElement) return event.target;\n\n  return null;\n};\n\nexport const createSwipeControl = (options: SwipeControlOptions): SwipeControl => {\n  let active: ActiveSwipe | null = null;\n  let disposed = false;\n\n  const isDisabled = (): boolean => Boolean(options.disabled?.value);\n\n  const reset = (): void => {\n    active = null;\n  };\n\n  const dispose = (): void => {\n    disposed = true;\n    reset();\n  };\n\n  const matchesPointer = (event: PointerEvent): boolean => {\n    return active?.pointerId === event.pointerId;\n  };\n\n  const createDetail = (event: PointerEvent): SwipeControlDetail | null => {\n    if (!active) return null;\n\n    const current = getCoordinate(event, active.axis);\n    const distance = current - active.start;\n\n    return {\n      axis: active.axis,\n      current,\n      distance,\n      event,\n      pointerId: active.pointerId,\n      progress: Math.min(Math.abs(distance) / active.threshold, 1),\n      start: active.start,\n      threshold: active.threshold,\n    };\n  };\n\n  const handlePointerDown = (event: PointerEvent): boolean => {\n    if (disposed || active || isDisabled()) return false;\n\n    const axis = resolveAxis(options);\n\n    active = {\n      axis,\n      pointerId: event.pointerId,\n      start: getCoordinate(event, axis),\n      threshold: resolveThreshold(options),\n    };\n\n    const captureTarget =\n      typeof options.captureTarget === 'function' ? options.captureTarget(event) : defaultCaptureTarget(event);\n\n    captureTarget?.setPointerCapture?.(event.pointerId);\n\n    const detail = createDetail(event);\n\n    if (detail) options.onStart?.(detail);\n\n    return true;\n  };\n\n  const handlePointerMove = (event: PointerEvent): boolean => {\n    if (!active || !matchesPointer(event)) return false;\n\n    const detail = createDetail(event);\n\n    if (!detail) return false;\n\n    options.onMove?.(detail);\n\n    const shouldCommit = options.shouldCommit?.(detail) ?? Math.abs(detail.distance) >= detail.threshold;\n\n    if (!shouldCommit) return true;\n\n    reset();\n    options.onCommit?.(detail);\n\n    return true;\n  };\n\n  const handlePointerUp = (event: PointerEvent): boolean => {\n    if (!active || !matchesPointer(event)) return false;\n\n    const detail = createDetail(event);\n\n    reset();\n\n    if (detail) options.onRelease?.(detail);\n\n    return true;\n  };\n\n  const handlePointerCancel = (event: PointerEvent): boolean => {\n    if (!active || !matchesPointer(event)) return false;\n\n    const detail = createDetail(event);\n\n    reset();\n\n    if (detail) options.onCancel?.(detail);\n\n    return true;\n  };\n\n  return {\n    dispose,\n    get disposed() {\n      return disposed;\n    },\n    handlePointerCancel,\n    handlePointerDown,\n    handlePointerMove,\n    handlePointerUp,\n    isActive: () => active != null,\n    [Symbol.dispose]: dispose,\n  };\n};\n"],"mappings":";AAkDA,IAAM,KAAe,MAA4C,EAAQ,OAAO,KAAK,KAE/E,KAAoB,MAAyC;CACjE,IAAM,IAAY,EAAQ,YAAY,KAAK;CAE3C,OAAO,OAAO,SAAS,CAAS,KAAK,IAAY,IAAI,IAAY;AACnE,GAEM,KAAiB,GAAqB,MACnC,MAAS,MAAM,EAAM,UAAU,EAAM,SAGxC,KAAwB,MACxB,EAAM,yBAAyB,cAAoB,EAAM,gBAEzD,EAAM,kBAAkB,cAAoB,EAAM,SAE/C,MAGI,KAAsB,MAA+C;CAChF,IAAI,IAA6B,MAC7B,IAAW,IAET,UAA4B,EAAQ,EAAQ,UAAU,OAEtD,UAAoB;EACxB,IAAS;CACX,GAEM,UAAsB;EAE1B,AADA,IAAW,IACX,EAAM;CACR,GAEM,KAAkB,MACf,GAAQ,cAAc,EAAM,WAG/B,KAAgB,MAAmD;EACvE,IAAI,CAAC,GAAQ,OAAO;EAEpB,IAAM,IAAU,EAAc,GAAO,EAAO,IAAI,GAC1C,IAAW,IAAU,EAAO;EAElC,OAAO;GACL,MAAM,EAAO;GACb;GACA;GACA;GACA,WAAW,EAAO;GAClB,UAAU,KAAK,IAAI,KAAK,IAAI,CAAQ,IAAI,EAAO,WAAW,CAAC;GAC3D,OAAO,EAAO;GACd,WAAW,EAAO;EACpB;CACF;CAqEA,OAAO;EACL;EACA,IAAI,WAAW;GACb,OAAO;EACT;EACA,sBAjB2B,MAAiC;GAC5D,IAAI,CAAC,KAAU,CAAC,EAAe,CAAK,GAAG,OAAO;GAE9C,IAAM,IAAS,EAAa,CAAK;GAMjC,OAJA,EAAM,GAEF,KAAQ,EAAQ,WAAW,CAAM,GAE9B;EACT;EAQE,oBAzEyB,MAAiC;GAC1D,IAAI,KAAY,KAAU,EAAW,GAAG,OAAO;GAE/C,IAAM,IAAO,EAAY,CAAO;GAYhC,AAVA,IAAS;IACP;IACA,WAAW,EAAM;IACjB,OAAO,EAAc,GAAO,CAAI;IAChC,WAAW,EAAiB,CAAO;GACrC,IAGE,OAAO,EAAQ,iBAAkB,aAAa,EAAQ,cAAc,CAAK,IAAI,EAAqB,CAAK,EAAA,EAE1F,oBAAoB,EAAM,SAAS;GAElD,IAAM,IAAS,EAAa,CAAK;GAIjC,OAFI,KAAQ,EAAQ,UAAU,CAAM,GAE7B;EACT;EAoDE,oBAlDyB,MAAiC;GAC1D,IAAI,CAAC,KAAU,CAAC,EAAe,CAAK,GAAG,OAAO;GAE9C,IAAM,IAAS,EAAa,CAAK;GAajC,OAXK,KAEL,EAAQ,SAAS,CAAM,GAEF,EAAQ,eAAe,CAAM,KAAK,KAAK,IAAI,EAAO,QAAQ,KAAK,EAAO,aAI3F,EAAM,GACN,EAAQ,WAAW,CAAM,GAElB,MALmB,MANN;EAYtB;EAkCE,kBAhCuB,MAAiC;GACxD,IAAI,CAAC,KAAU,CAAC,EAAe,CAAK,GAAG,OAAO;GAE9C,IAAM,IAAS,EAAa,CAAK;GAMjC,OAJA,EAAM,GAEF,KAAQ,EAAQ,YAAY,CAAM,GAE/B;EACT;EAuBE,gBAAgB,KAAU;GACzB,OAAO,UAAU;CACpB;AACF"}

package/dist/headless.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./headless/ore.cjs"),t=require("./headless/auto-resize.cjs"),n=require("./headless/field-base.cjs"),r=require("./headless/signals.cjs"),i=require("./headless/text-field.cjs"),a=require("./headless/choice-field.cjs"),o=require("./headless/keyboard.cjs"),s=require("./headless/checkable.cjs"),c=require("./headless/composer.cjs"),l=require("./headless/typeahead.cjs"),u=require("./headless/nav.cjs"),d=require("./headless/overlay.cjs"),f=require("./headless/positioner.cjs"),p=require("./headless/option-list.cjs"),m=require("./headless/paginated-list.cjs"),h=require("./headless/numbers.cjs"),g=require("./headless/spinner.cjs"),_=require("./headless/slider.cjs"),v=require("./headless/swipe.cjs"),y=require("./headless/announcer.cjs"),b=require("./headless/date-picker.cjs"),x=require("./headless/dialog-focus.cjs"),S=require("./headless/light-dom.cjs"),C=require("./headless/selection-control.cjs"),w=require("./headless/sort-control.cjs"),T=require("./headless/datagrid.cjs"),E=require("./headless/parse.cjs");exports.announce=y.announce,exports.counterClassName=n.counterClassName,exports.createAssistiveState=n.createAssistiveState,exports.createAutoResize=t.createAutoResize,exports.createCheckable=s.createCheckable,exports.createChoiceField=a.createChoiceField,exports.createComposerControl=c.createComposerControl,exports.createDataGridControl=T.createDataGridControl,exports.createDatePickerControl=b.createDatePickerControl,exports.createDialogFocusControl=x.createDialogFocusControl,exports.createDropdownPositioner=f.createDropdownPositioner,exports.createErrorHelperState=n.createErrorHelperState,exports.createField=n.createField,exports.createInteraction=o.createInteraction,exports.createLabelState=n.createLabelState,exports.createListControl=u.createListControl,exports.createOptionList=p.createOptionList,exports.createOverlayControl=d.createOverlayControl,exports.createPaginatedList=m.createPaginatedList,exports.createSelectionControl=C.createSelectionControl,exports.createSliderControl=_.createSliderControl,exports.createSortControl=w.createSortControl,exports.createSpinnerControl=g.createSpinnerControl,exports.createSwipeControl=v.createSwipeControl,exports.createTextField=i.createTextField,exports.createTypeahead=l.createTypeahead,exports.dispatchKeyboardAction=o.dispatchKeyboardAction,exports.formatDisplayDate=b.formatDisplayDate,exports.getChoiceLabel=S.getChoiceLabel,exports.getLightChildrenByTag=S.getLightChildrenByTag,exports.lifecycleSignal=e.lifecycleSignal,exports.parseIso=b.parseIso,exports.parseStringTriggers=E.parseStringTriggers,exports.syncedSignal=r.syncedSignal,exports.toFiniteNumber=h.toFiniteNumber,exports.toFiniteNumberOr=h.toFiniteNumberOr,exports.toIsoString=b.toIsoString,exports.toPositiveStep=h.toPositiveStep;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./headless/ore.cjs"),t=require("./headless/auto-resize.cjs"),n=require("./headless/ref-callback.cjs"),r=require("./headless/aria-reflection.cjs"),i=require("./headless/field-base.cjs"),a=require("./headless/signals.cjs"),o=require("./headless/text-field.cjs"),s=require("./headless/choice-field.cjs"),c=require("./headless/keyboard.cjs"),l=require("./headless/checkable.cjs"),u=require("./headless/composer.cjs"),d=require("./headless/typeahead.cjs"),f=require("./headless/nav.cjs"),p=require("./headless/overlay.cjs"),m=require("./headless/direction.cjs"),h=require("./headless/positioner.cjs"),g=require("./headless/option-list.cjs"),_=require("./headless/paginated-list.cjs"),v=require("./headless/numbers.cjs"),y=require("./headless/spinner.cjs"),b=require("./headless/slider.cjs"),x=require("./headless/swipe.cjs"),S=require("./headless/announcer.cjs"),C=require("./headless/date-picker.cjs"),w=require("./headless/light-dom.cjs"),T=require("./headless/selection-control.cjs"),E=require("./headless/sort-control.cjs"),D=require("./headless/datagrid.cjs"),O=require("./headless/parse.cjs");exports.announce=S.announce,exports.bindRefCallback=n.bindRefCallback,exports.counterClassName=i.counterClassName,exports.createAssistiveState=i.createAssistiveState,exports.createAutoResize=t.createAutoResize,exports.createCheckable=l.createCheckable,exports.createChoiceField=s.createChoiceField,exports.createComposerControl=u.createComposerControl,exports.createDataGridControl=D.createDataGridControl,exports.createDatePickerControl=C.createDatePickerControl,exports.createDirtyTracker=i.createDirtyTracker,exports.createDropdownPositioner=h.createDropdownPositioner,exports.createErrorHelperState=i.createErrorHelperState,exports.createField=i.createField,exports.createInteraction=c.createInteraction,exports.createLabelState=i.createLabelState,exports.createListControl=f.createListControl,exports.createOptionList=g.createOptionList,exports.createOverlayControl=p.createOverlayControl,exports.createPaginatedList=_.createPaginatedList,exports.createSelectionControl=T.createSelectionControl,exports.createSliderControl=b.createSliderControl,exports.createSortControl=E.createSortControl,exports.createSpinnerControl=y.createSpinnerControl,exports.createSwipeControl=x.createSwipeControl,exports.createTextField=o.createTextField,exports.createTypeahead=d.createTypeahead,exports.dispatchKeyboardAction=c.dispatchKeyboardAction,exports.elementDirection=m.elementDirection,exports.formatDisplayDate=C.formatDisplayDate,exports.getChoiceLabel=w.getChoiceLabel,exports.getLightChildrenByTag=w.getLightChildrenByTag,exports.lifecycleSignal=e.lifecycleSignal,exports.parseIso=C.parseIso,exports.parseStringTriggers=O.parseStringTriggers,exports.setAriaReflection=r.setAriaReflection,exports.syncedSignal=a.syncedSignal,exports.toFiniteNumber=v.toFiniteNumber,exports.toFiniteNumberOr=v.toFiniteNumberOr,exports.toIsoString=C.toIsoString,exports.toPositiveStep=v.toPositiveStep;

package/dist/headless.js

@@ -1,28 +1,30 @@
 import { lifecycleSignal as e } from "./headless/ore.js";
 import { createAutoResize as t } from "./headless/auto-resize.js";
-import { counterClassName as n, createAssistiveState as r, createErrorHelperState as i, createField as a, createLabelState as o } from "./headless/field-base.js";
-import { syncedSignal as s } from "./headless/signals.js";
-import { createTextField as c } from "./headless/text-field.js";
-import { createChoiceField as l } from "./headless/choice-field.js";
-import { createInteraction as u, dispatchKeyboardAction as d } from "./headless/keyboard.js";
-import { createCheckable as f } from "./headless/checkable.js";
-import { createComposerControl as p } from "./headless/composer.js";
-import { createTypeahead as m } from "./headless/typeahead.js";
-import { createListControl as h } from "./headless/nav.js";
-import { createOverlayControl as g } from "./headless/overlay.js";
-import { createDropdownPositioner as _ } from "./headless/positioner.js";
-import { createOptionList as v } from "./headless/option-list.js";
-import { createPaginatedList as y } from "./headless/paginated-list.js";
-import { toFiniteNumber as b, toFiniteNumberOr as x, toPositiveStep as S } from "./headless/numbers.js";
-import { createSpinnerControl as C } from "./headless/spinner.js";
-import { createSliderControl as w } from "./headless/slider.js";
-import { createSwipeControl as T } from "./headless/swipe.js";
-import { announce as E } from "./headless/announcer.js";
-import { createDatePickerControl as D, formatDisplayDate as O, parseIso as k, toIsoString as A } from "./headless/date-picker.js";
-import { createDialogFocusControl as j } from "./headless/dialog-focus.js";
-import { getChoiceLabel as M, getLightChildrenByTag as N } from "./headless/light-dom.js";
-import { createSelectionControl as P } from "./headless/selection-control.js";
-import { createSortControl as F } from "./headless/sort-control.js";
-import { createDataGridControl as I } from "./headless/datagrid.js";
-import { parseStringTriggers as L } from "./headless/parse.js";
-export { E as announce, n as counterClassName, r as createAssistiveState, t as createAutoResize, f as createCheckable, l as createChoiceField, p as createComposerControl, I as createDataGridControl, D as createDatePickerControl, j as createDialogFocusControl, _ as createDropdownPositioner, i as createErrorHelperState, a as createField, u as createInteraction, o as createLabelState, h as createListControl, v as createOptionList, g as createOverlayControl, y as createPaginatedList, P as createSelectionControl, w as createSliderControl, F as createSortControl, C as createSpinnerControl, T as createSwipeControl, c as createTextField, m as createTypeahead, d as dispatchKeyboardAction, O as formatDisplayDate, M as getChoiceLabel, N as getLightChildrenByTag, e as lifecycleSignal, k as parseIso, L as parseStringTriggers, s as syncedSignal, b as toFiniteNumber, x as toFiniteNumberOr, A as toIsoString, S as toPositiveStep };
+import { bindRefCallback as n } from "./headless/ref-callback.js";
+import { setAriaReflection as r } from "./headless/aria-reflection.js";
+import { counterClassName as i, createAssistiveState as a, createDirtyTracker as o, createErrorHelperState as s, createField as c, createLabelState as l } from "./headless/field-base.js";
+import { syncedSignal as u } from "./headless/signals.js";
+import { createTextField as d } from "./headless/text-field.js";
+import { createChoiceField as f } from "./headless/choice-field.js";
+import { createInteraction as p, dispatchKeyboardAction as m } from "./headless/keyboard.js";
+import { createCheckable as h } from "./headless/checkable.js";
+import { createComposerControl as g } from "./headless/composer.js";
+import { createTypeahead as _ } from "./headless/typeahead.js";
+import { createListControl as v } from "./headless/nav.js";
+import { createOverlayControl as y } from "./headless/overlay.js";
+import { elementDirection as b } from "./headless/direction.js";
+import { createDropdownPositioner as x } from "./headless/positioner.js";
+import { createOptionList as S } from "./headless/option-list.js";
+import { createPaginatedList as C } from "./headless/paginated-list.js";
+import { toFiniteNumber as w, toFiniteNumberOr as T, toPositiveStep as E } from "./headless/numbers.js";
+import { createSpinnerControl as D } from "./headless/spinner.js";
+import { createSliderControl as O } from "./headless/slider.js";
+import { createSwipeControl as k } from "./headless/swipe.js";
+import { announce as A } from "./headless/announcer.js";
+import { createDatePickerControl as j, formatDisplayDate as M, parseIso as N, toIsoString as P } from "./headless/date-picker.js";
+import { getChoiceLabel as F, getLightChildrenByTag as I } from "./headless/light-dom.js";
+import { createSelectionControl as L } from "./headless/selection-control.js";
+import { createSortControl as R } from "./headless/sort-control.js";
+import { createDataGridControl as z } from "./headless/datagrid.js";
+import { parseStringTriggers as B } from "./headless/parse.js";
+export { A as announce, n as bindRefCallback, i as counterClassName, a as createAssistiveState, t as createAutoResize, h as createCheckable, f as createChoiceField, g as createComposerControl, z as createDataGridControl, j as createDatePickerControl, o as createDirtyTracker, x as createDropdownPositioner, s as createErrorHelperState, c as createField, p as createInteraction, l as createLabelState, v as createListControl, S as createOptionList, y as createOverlayControl, C as createPaginatedList, L as createSelectionControl, O as createSliderControl, R as createSortControl, D as createSpinnerControl, k as createSwipeControl, d as createTextField, _ as createTypeahead, m as dispatchKeyboardAction, b as elementDirection, M as formatDisplayDate, F as getChoiceLabel, I as getLightChildrenByTag, e as lifecycleSignal, N as parseIso, B as parseStringTriggers, r as setAriaReflection, u as syncedSignal, w as toFiniteNumber, T as toFiniteNumberOr, P as toIsoString, E as toPositiveStep };

package/dist/icon.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./_virtual/_rolldown/runtime.cjs"),t=require("./_dev.cjs"),n=require("./content/icon/icon.css.cjs");let r=require("@vielzeug/ore"),i=require("@vielzeug/ore/directives"),a=require("@vielzeug/ripple"),o=require("lucide");o=e.__toESM(o,1);var s=16,c=2,l=24,u=new Set([`circle`,`clipPath`,`defs`,`ellipse`,`g`,`line`,`linearGradient`,`mask`,`path`,`polygon`,`polyline`,`radialGradient`,`rect`,`stop`,`symbol`,`use`]),d=/^[a-zA-Z][a-zA-Z0-9:_-]*$/,f=/^(on|xlink:|xml:|href$)/i,p=new Map(Object.entries(o.icons));function m(e){for(let[t,n]of Object.entries(e))p.set(t,n)}var h=e=>Object.entries(e).filter(([e])=>d.test(e)&&!f.test(e)).map(([e,t])=>`${e}="${String(t).replace(/&/g,`&amp;`).replace(/"/g,`&quot;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`)}"`).join(` `),g=e=>e.replace(/([a-z0-9])([A-Z])/g,`$1-$2`).split(/[^a-zA-Z0-9]+/).filter(Boolean).map(e=>e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()).join(``),_=e=>{if(e==null||e===``)return s;let t=Number(e);return Number.isFinite(t)&&t>0&&/^\d+(\.\d+)?$/.test(e.trim())?t:e},v=`ore-icon`;(0,r.define)(v,{props:{absoluteStrokeWidth:r.prop.bool(),label:r.prop.string(),name:r.prop.string(),size:{default:s,parse:_,reflect:!1},solid:r.prop.bool(),strokeWidth:r.prop.number(c)},setup(e){return(0,r.bind)({attr:{"aria-hidden":()=>(e.label.value??``).trim()?null:`true`,"aria-label":()=>(e.label.value??``).trim()||null,role:()=>(e.label.value??``).trim()?`img`:null},style:{"--_size-px":()=>{let t=e.size.value;return typeof t==`number`?`${t}px`:String(t)}}}),r.html`${(0,i.raw)((0,a.computed)(()=>{let n=(e.name.value??``).trim();if(!n)return``;let r=p.get(n)??p.get(g(n));if(!r)return t.warn(`ore-icon: icon not found: "${String(n).slice(0,64)}"`),``;let i=e.size.value,a=typeof i==`number`?i:l,o=e.absoluteStrokeWidth.value&&!e.solid.value?e.strokeWidth.value*(l/a):e.strokeWidth.value,s=r.filter(([e])=>u.has(e)).map(([e,t])=>{let n={};for(let[e,r]of Object.entries(t))r!==void 0&&(n[e]=r);return`<${e} ${h(n)} />`}).join(``);return`<svg ${h({fill:e.solid.value?`currentColor`:`none`,part:`svg`,stroke:e.solid.value?`none`:`currentColor`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":e.solid.value?0:o,style:`width:100%;height:100%`,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`})}>${s}</svg>`}))}`},styles:[n.default]}),exports.ICON_TAG=v,exports.registerIcons=m;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./_virtual/_rolldown/runtime.cjs"),t=require("./_dev.cjs"),n=require("./content/icon/icon.css.cjs");let r=require("@vielzeug/ore"),i=require("@vielzeug/ore/directives"),a=require("@vielzeug/ripple"),o=require("lucide");o=e.__toESM(o,1);var s=16,c=2,l=24,u=`http://www.w3.org/2000/svg`,d=new Set([`circle`,`clipPath`,`defs`,`ellipse`,`g`,`line`,`linearGradient`,`mask`,`path`,`polygon`,`polyline`,`radialGradient`,`rect`,`stop`,`symbol`,`use`]),f=/^[a-zA-Z][a-zA-Z0-9:_-]*$/,p=/^(on|xlink:|xml:|href$)/i,m=new Map(Object.entries(o.icons));function h(e){for(let[t,n]of Object.entries(e))m.set(t,n)}var g=e=>e.replace(/([a-z0-9])([A-Z])/g,`$1-$2`).split(/[^a-zA-Z0-9]+/).filter(Boolean).map(e=>e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()).join(``),_=e=>{if(e==null||e===``)return s;let t=Number(e);return Number.isFinite(t)&&t>0&&/^\d+(\.\d+)?$/.test(e.trim())?t:e},v=e=>m.get(e)??m.get(g(e)),y=(e,t)=>{if(!d.has(e))return null;let n=document.createElementNS(u,e);for(let[e,r]of Object.entries(t))r!==void 0&&(!f.test(e)||p.test(e)||n.setAttribute(e,String(r)));return n},b=`ore-icon`;(0,r.define)(b,{props:{absoluteStrokeWidth:r.prop.bool(),label:r.prop.string(),name:r.prop.string(),size:{default:s,parse:_,reflect:!1},solid:r.prop.bool(),strokeWidth:r.prop.number(c)},setup(e){(0,r.bind)({attr:{"aria-hidden":()=>(e.label.value??``).trim()?null:`true`,"aria-label":()=>(e.label.value??``).trim()||null,role:()=>(e.label.value??``).trim()?`img`:null},style:{"--_size-px":()=>{let t=e.size.value;return typeof t==`number`?`${t}px`:String(t)}}});let n=(0,r.ref)(),o=(0,a.computed)(()=>{let n=(e.name.value??``).trim();if(!n)return;let r=v(n);return r||t.warn(`ore-icon: icon not found: "${n.slice(0,64)}"`),r});return(0,r.watchEffect)(()=>{let t=n.value,r=o.value;if(!t||!r)return;let i=e.size.value,a=typeof i==`number`?i:l,s=e.absoluteStrokeWidth.value&&!e.solid.value?e.strokeWidth.value*(l/a):e.strokeWidth.value;t.setAttribute(`fill`,e.solid.value?`currentColor`:`none`),t.setAttribute(`stroke`,e.solid.value?`none`:`currentColor`),t.setAttribute(`stroke-linecap`,`round`),t.setAttribute(`stroke-linejoin`,`round`),t.setAttribute(`stroke-width`,String(e.solid.value?0:s)),t.setAttribute(`viewBox`,`0 0 24 24`);let c=r.map(([e,t])=>y(e,t)).filter(e=>!!e);t.replaceChildren(...c)}),r.html`${(0,i.when)(()=>!!o.value,()=>r.html`<svg ref="${n}" part="svg" style="width:100%;height:100%"></svg>`)}`},styles:[n.default]}),exports.ICON_TAG=b,exports.registerIcons=h;
 //# sourceMappingURL=icon.cjs.map

package/dist/icon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"icon.cjs","names":[],"sources":["../src/content/icon/icon.ts"],"sourcesContent":["import { define, html, prop, bind } from '@vielzeug/ore';\nimport { raw } from '@vielzeug/ore/directives';\nimport { computed } from '@vielzeug/ripple';\nimport * as lucideModule from 'lucide';\n\nimport { warn } from '../../_dev';\nimport styles from './icon.css?inline';\n\nexport type IconNode = Array<[string, Record<string, string | number | undefined>]>;\n\nconst DEFAULT_SIZE = 16;\nconst DEFAULT_STROKE_WIDTH = 2;\nconst LUCIDE_VIEWBOX_SIZE = 24;\n\n/**\n * Allowlisted SVG shape/structure element names. Only these tags are permitted\n * when building the SVG markup from an IconNode, preventing arbitrary element\n * injection (e.g. <script>, event-handler-bearing elements).\n */\nconst ALLOWED_SVG_TAGS = new Set([\n  'circle',\n  'clipPath',\n  'defs',\n  'ellipse',\n  'g',\n  'line',\n  'linearGradient',\n  'mask',\n  'path',\n  'polygon',\n  'polyline',\n  'radialGradient',\n  'rect',\n  'stop',\n  'symbol',\n  'use',\n]);\n\n/**\n * Allowlisted SVG presentation / structural attribute names.\n * Event handler attributes (on*) and \"xlink:href\" are excluded.\n */\nconst ATTR_KEY_RE = /^[a-zA-Z][a-zA-Z0-9:_-]*$/;\nconst BLOCKED_ATTR_RE = /^(on|xlink:|xml:|href$)/i;\n\n// Sync registry seeded from lucide at module load; extend at any time via registerIcons()\nconst registry = new Map<string, IconNode>(\n  Object.entries((lucideModule as unknown as { icons: Record<string, IconNode> }).icons),\n);\n\n/**\n * Register additional icons (or override existing ones) by name.\n * Keys may be kebab-case or PascalCase — both are accepted by `ore-icon`.\n */\nexport function registerIcons(icons: Record<string, IconNode>): void {\n  for (const [name, node] of Object.entries(icons)) {\n    registry.set(name, node);\n  }\n}\n\nconst toAttrString = (attrs: Record<string, string | number>): string =>\n  Object.entries(attrs)\n    .filter(([k]) => ATTR_KEY_RE.test(k) && !BLOCKED_ATTR_RE.test(k))\n    .map(\n      ([k, v]) =>\n        `${k}=\"${String(v).replace(/&/g, '&amp;').replace(/\"/g, '&quot;').replace(/</g, '&lt;').replace(/>/g, '&gt;')}\"`,\n    )\n    .join(' ');\n\nconst toPascalCase = (value: string): string =>\n  value\n    .replace(/([a-z0-9])([A-Z])/g, '$1-$2')\n    .split(/[^a-zA-Z0-9]+/)\n    .filter(Boolean)\n    .map((p) => p.charAt(0).toUpperCase() + p.slice(1).toLowerCase())\n    .join('');\n\nconst parseSize = (value: string | null): number | string => {\n  if (value == null || value === '') return DEFAULT_SIZE;\n\n  const n = Number(value);\n\n  return Number.isFinite(n) && n > 0 && /^\\d+(\\.\\d+)?$/.test(value.trim()) ? n : value;\n};\n\n/** Icon component properties */\nexport type OreIconProps = {\n  /** Keep stroke width visually consistent when icon size changes */\n  absoluteStrokeWidth?: boolean;\n  /** Accessible text label. Decorative icons should omit this. */\n  label?: string;\n  /** Lucide icon name, e.g. `search` or `chevron-right` */\n  name?: string;\n  /** Icon width/height in px by default. Accepts CSS lengths. */\n  size?: number | string;\n  /** Render as a filled/solid shape instead of a stroked outline */\n  solid?: boolean;\n  /** SVG stroke width */\n  strokeWidth?: number;\n};\n\n/**\n * Icon wrapper for consistent Lucide rendering across Block.\n *\n * @element ore-icon\n *\n * @attr {string} name - Lucide icon name, e.g. `search` or `chevron-right`\n * @attr {number|string} size - Width/height (default: 16)\n * @attr {number} stroke-width - SVG stroke width (default: 2)\n * @attr {boolean} absolute-stroke-width - Keep stroke width visually stable across icon sizes\n * @attr {boolean} solid - Render as filled shape instead of stroked outline\n * @attr {string} label - Accessible label; when omitted the icon is decorative\n *\n * @csspart svg - Internal SVG element\n *\n * @example\n * ```html\n * <ore-icon name=\"search\"></ore-icon>\n * <ore-icon name=\"chevron-right\" size=\"18\"></ore-icon>\n * <ore-icon name=\"trash-2\" label=\"Delete\"></ore-icon>\n * <ore-icon name=\"star\" solid></ore-icon>\n * ```\n */\nexport const ICON_TAG = 'ore-icon' as const;\ndefine<OreIconProps>(ICON_TAG, {\n  props: {\n    absoluteStrokeWidth: prop.bool(),\n    label: prop.string(),\n    name: prop.string(),\n    size: { default: DEFAULT_SIZE as number | string, parse: parseSize, reflect: false },\n    solid: prop.bool(),\n    strokeWidth: prop.number(DEFAULT_STROKE_WIDTH),\n  },\n  setup(props) {\n    bind({\n      attr: {\n        'aria-hidden': () => ((props.label.value ?? '').trim() ? null : 'true'),\n        'aria-label': () => (props.label.value ?? '').trim() || null,\n        role: () => ((props.label.value ?? '').trim() ? 'img' : null),\n      },\n      style: {\n        '--_size-px': () => {\n          const s = props.size.value;\n\n          return typeof s === 'number' ? `${s}px` : String(s);\n        },\n      },\n    });\n\n    const markup = computed(() => {\n      const name = (props.name.value ?? '').trim();\n\n      if (!name) return '';\n\n      const iconNode = registry.get(name) ?? registry.get(toPascalCase(name));\n\n      if (!iconNode) {\n        warn(`ore-icon: icon not found: \"${String(name).slice(0, 64)}\"`);\n\n        return '';\n      }\n\n      const size = props.size.value;\n      const numericSize = typeof size === 'number' ? size : LUCIDE_VIEWBOX_SIZE;\n\n      const strokeWidth =\n        props.absoluteStrokeWidth.value && !props.solid.value\n          ? props.strokeWidth.value! * (LUCIDE_VIEWBOX_SIZE / numericSize)\n          : props.strokeWidth.value!;\n\n      const nodes = iconNode\n        .filter(([tag]) => ALLOWED_SVG_TAGS.has(tag))\n        .map(([tag, tagAttrs]) => {\n          const attrs: Record<string, string | number> = {};\n\n          for (const [k, v] of Object.entries(tagAttrs)) {\n            if (v !== undefined) attrs[k] = v;\n          }\n\n          return `<${tag} ${toAttrString(attrs)} />`;\n        })\n        .join('');\n\n      const svgAttrs = toAttrString({\n        fill: props.solid.value ? 'currentColor' : 'none',\n        part: 'svg',\n        stroke: props.solid.value ? 'none' : 'currentColor',\n        'stroke-linecap': 'round',\n        'stroke-linejoin': 'round',\n        'stroke-width': props.solid.value ? 0 : strokeWidth,\n        style: `width:100%;height:100%`,\n        viewBox: '0 0 24 24',\n        xmlns: 'http://www.w3.org/2000/svg',\n      });\n\n      return `<svg ${svgAttrs}>${nodes}</svg>`;\n    });\n\n    return html`${raw(markup)}`;\n  },\n  styles: [styles],\n});\n"],"mappings":"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"}
+{"version":3,"file":"icon.cjs","names":[],"sources":["../src/content/icon/icon.ts"],"sourcesContent":["import { define, html, prop, ref, bind, watchEffect } from '@vielzeug/ore';\nimport { when } from '@vielzeug/ore/directives';\nimport { computed } from '@vielzeug/ripple';\nimport * as lucideModule from 'lucide';\n\nimport { warn } from '../../_dev';\nimport styles from './icon.css?inline';\n\nexport type IconNode = Array<[string, Record<string, string | number | undefined>]>;\n\nconst DEFAULT_SIZE = 16;\nconst DEFAULT_STROKE_WIDTH = 2;\nconst LUCIDE_VIEWBOX_SIZE = 24;\nconst SVG_NS = 'http://www.w3.org/2000/svg';\n\n/**\n * Allowlisted SVG shape/structure element names. Only these tags are permitted\n * when building the SVG DOM from an IconNode, preventing arbitrary element\n * injection (e.g. <script>, event-handler-bearing elements).\n */\nconst ALLOWED_SVG_TAGS = new Set([\n  'circle',\n  'clipPath',\n  'defs',\n  'ellipse',\n  'g',\n  'line',\n  'linearGradient',\n  'mask',\n  'path',\n  'polygon',\n  'polyline',\n  'radialGradient',\n  'rect',\n  'stop',\n  'symbol',\n  'use',\n]);\n\n/**\n * Allowlisted SVG presentation / structural attribute names.\n * Event handler attributes (on*) and \"xlink:href\" are excluded.\n */\nconst ATTR_KEY_RE = /^[a-zA-Z][a-zA-Z0-9:_-]*$/;\nconst BLOCKED_ATTR_RE = /^(on|xlink:|xml:|href$)/i;\n\n// Sync registry seeded from lucide at module load; extend at any time via registerIcons()\nconst registry = new Map<string, IconNode>(\n  Object.entries((lucideModule as unknown as { icons: Record<string, IconNode> }).icons),\n);\n\n/**\n * Register additional icons (or override existing ones) by name.\n * Keys may be kebab-case or PascalCase — both are accepted by `ore-icon`.\n */\nexport function registerIcons(icons: Record<string, IconNode>): void {\n  for (const [name, node] of Object.entries(icons)) {\n    registry.set(name, node);\n  }\n}\n\nconst toPascalCase = (value: string): string =>\n  value\n    .replace(/([a-z0-9])([A-Z])/g, '$1-$2')\n    .split(/[^a-zA-Z0-9]+/)\n    .filter(Boolean)\n    .map((p) => p.charAt(0).toUpperCase() + p.slice(1).toLowerCase())\n    .join('');\n\nconst parseSize = (value: string | null): number | string => {\n  if (value == null || value === '') return DEFAULT_SIZE;\n\n  const n = Number(value);\n\n  return Number.isFinite(n) && n > 0 && /^\\d+(\\.\\d+)?$/.test(value.trim()) ? n : value;\n};\n\nconst resolveIcon = (name: string): IconNode | undefined => registry.get(name) ?? registry.get(toPascalCase(name));\n\n/**\n * Builds an allowlisted SVG child element via `createElementNS` — real DOM construction, not\n * HTML-string parsing, so this never touches ore's `raw()` directive (and its \"unsanitized\n * HTML\" dev warning) at all. `iconNode` entries come from the bundled Lucide icon set or\n * `registerIcons()` (a developer/build-time API, never runtime user input), but the tag/attr\n * allowlist stays as defense in depth regardless of where the data originated.\n */\nconst createSvgChild = (tag: string, attrs: Record<string, string | number | undefined>): SVGElement | null => {\n  if (!ALLOWED_SVG_TAGS.has(tag)) return null;\n\n  const el = document.createElementNS(SVG_NS, tag);\n\n  for (const [key, value] of Object.entries(attrs)) {\n    if (value === undefined) continue;\n\n    if (!ATTR_KEY_RE.test(key) || BLOCKED_ATTR_RE.test(key)) continue;\n\n    el.setAttribute(key, String(value));\n  }\n\n  return el;\n};\n\n/** Icon component properties */\nexport type OreIconProps = {\n  /** Keep stroke width visually consistent when icon size changes */\n  absoluteStrokeWidth?: boolean;\n  /** Accessible text label. Decorative icons should omit this. */\n  label?: string;\n  /** Lucide icon name, e.g. `search` or `chevron-right` */\n  name?: string;\n  /** Icon width/height in px by default. Accepts CSS lengths. */\n  size?: number | string;\n  /** Render as a filled/solid shape instead of a stroked outline */\n  solid?: boolean;\n  /** SVG stroke width */\n  strokeWidth?: number;\n};\n\n/**\n * Icon wrapper for consistent Lucide rendering across Block.\n *\n * @element ore-icon\n *\n * @attr {string} name - Lucide icon name, e.g. `search` or `chevron-right`\n * @attr {number|string} size - Width/height (default: 16)\n * @attr {number} stroke-width - SVG stroke width (default: 2)\n * @attr {boolean} absolute-stroke-width - Keep stroke width visually stable across icon sizes\n * @attr {boolean} solid - Render as filled shape instead of stroked outline\n * @attr {string} label - Accessible label; when omitted the icon is decorative\n *\n * @csspart svg - Internal SVG element\n *\n * @example\n * ```html\n * <ore-icon name=\"search\"></ore-icon>\n * <ore-icon name=\"chevron-right\" size=\"18\"></ore-icon>\n * <ore-icon name=\"trash-2\" label=\"Delete\"></ore-icon>\n * <ore-icon name=\"star\" solid></ore-icon>\n * ```\n */\nexport const ICON_TAG = 'ore-icon' as const;\ndefine<OreIconProps>(ICON_TAG, {\n  props: {\n    absoluteStrokeWidth: prop.bool(),\n    label: prop.string(),\n    name: prop.string(),\n    size: { default: DEFAULT_SIZE as number | string, parse: parseSize, reflect: false },\n    solid: prop.bool(),\n    strokeWidth: prop.number(DEFAULT_STROKE_WIDTH),\n  },\n  setup(props) {\n    bind({\n      attr: {\n        'aria-hidden': () => ((props.label.value ?? '').trim() ? null : 'true'),\n        'aria-label': () => (props.label.value ?? '').trim() || null,\n        role: () => ((props.label.value ?? '').trim() ? 'img' : null),\n      },\n      style: {\n        '--_size-px': () => {\n          const s = props.size.value;\n\n          return typeof s === 'number' ? `${s}px` : String(s);\n        },\n      },\n    });\n\n    const svgRef = ref<SVGSVGElement>();\n\n    // Memoized so an unknown icon name only warns once per change, not once per reactive read.\n    const iconNode = computed(() => {\n      const name = (props.name.value ?? '').trim();\n\n      if (!name) return undefined;\n\n      const node = resolveIcon(name);\n\n      if (!node) warn(`ore-icon: icon not found: \"${name.slice(0, 64)}\"`);\n\n      return node;\n    });\n\n    // Real DOM construction (createElementNS), not the raw() directive — see createSvgChild's\n    // doc comment. Rebuilds the <svg>'s attributes and children whenever the icon name, size,\n    // or presentation props change, or when `svgRef` first attaches (a fresh element mounts\n    // every time `when()`'s branch below flips truthy).\n    watchEffect(() => {\n      const svg = svgRef.value;\n      const node = iconNode.value;\n\n      if (!svg || !node) return;\n\n      const size = props.size.value;\n      const numericSize = typeof size === 'number' ? size : LUCIDE_VIEWBOX_SIZE;\n      const strokeWidth =\n        props.absoluteStrokeWidth.value && !props.solid.value\n          ? props.strokeWidth.value! * (LUCIDE_VIEWBOX_SIZE / numericSize)\n          : props.strokeWidth.value!;\n\n      svg.setAttribute('fill', props.solid.value ? 'currentColor' : 'none');\n      svg.setAttribute('stroke', props.solid.value ? 'none' : 'currentColor');\n      svg.setAttribute('stroke-linecap', 'round');\n      svg.setAttribute('stroke-linejoin', 'round');\n      svg.setAttribute('stroke-width', String(props.solid.value ? 0 : strokeWidth));\n      svg.setAttribute('viewBox', '0 0 24 24');\n\n      const children = node.map(([tag, attrs]) => createSvgChild(tag, attrs)).filter((el): el is SVGElement => !!el);\n\n      svg.replaceChildren(...children);\n    });\n\n    return html`${when(\n      () => !!iconNode.value,\n      () => html`<svg ref=\"${svgRef}\" part=\"svg\" style=\"width:100%;height:100%\"></svg>`,\n    )}`;\n  },\n  styles: [styles],\n});\n"],"mappings":"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"}

package/dist/icon.js

@@ -1,11 +1,11 @@
 import { warn as e } from "./_dev.js";
 import t from "./content/icon/icon.css.js";
-import { bind as n, define as r, html as i, prop as a } from "@vielzeug/ore";
-import { raw as o } from "@vielzeug/ore/directives";
-import { computed as s } from "@vielzeug/ripple";
-import * as c from "lucide";
+import { bind as n, define as r, html as i, prop as a, ref as o, watchEffect as s } from "@vielzeug/ore";
+import { when as c } from "@vielzeug/ore/directives";
+import { computed as l } from "@vielzeug/ripple";
+import * as u from "lucide";
 //#region src/content/icon/icon.ts
-var l = 16, u = 2, d = 24, f = /* @__PURE__ */ new Set([
+var d = 16, f = 2, p = 24, m = "http://www.w3.org/2000/svg", h = /* @__PURE__ */ new Set([
 	"circle",
 	"clipPath",
 	"defs",
@@ -22,30 +22,35 @@ var l = 16, u = 2, d = 24, f = /* @__PURE__ */ new Set([
 	"stop",
 	"symbol",
 	"use"
-]), p = /^[a-zA-Z][a-zA-Z0-9:_-]*$/, m = /^(on|xlink:|xml:|href$)/i, h = new Map(Object.entries(c.icons));
-function g(e) {
-	for (let [t, n] of Object.entries(e)) h.set(t, n);
+]), g = /^[a-zA-Z][a-zA-Z0-9:_-]*$/, _ = /^(on|xlink:|xml:|href$)/i, v = new Map(Object.entries(u.icons));
+function y(e) {
+	for (let [t, n] of Object.entries(e)) v.set(t, n);
 }
-var _ = (e) => Object.entries(e).filter(([e]) => p.test(e) && !m.test(e)).map(([e, t]) => `${e}="${String(t).replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;")}"`).join(" "), v = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").split(/[^a-zA-Z0-9]+/).filter(Boolean).map((e) => e.charAt(0).toUpperCase() + e.slice(1).toLowerCase()).join(""), y = (e) => {
-	if (e == null || e === "") return l;
+var b = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").split(/[^a-zA-Z0-9]+/).filter(Boolean).map((e) => e.charAt(0).toUpperCase() + e.slice(1).toLowerCase()).join(""), x = (e) => {
+	if (e == null || e === "") return d;
 	let t = Number(e);
 	return Number.isFinite(t) && t > 0 && /^\d+(\.\d+)?$/.test(e.trim()) ? t : e;
-}, b = "ore-icon";
-r(b, {
+}, S = (e) => v.get(e) ?? v.get(b(e)), C = (e, t) => {
+	if (!h.has(e)) return null;
+	let n = document.createElementNS(m, e);
+	for (let [e, r] of Object.entries(t)) r !== void 0 && (!g.test(e) || _.test(e) || n.setAttribute(e, String(r)));
+	return n;
+}, w = "ore-icon";
+r(w, {
 	props: {
 		absoluteStrokeWidth: a.bool(),
 		label: a.string(),
 		name: a.string(),
 		size: {
-			default: l,
-			parse: y,
+			default: d,
+			parse: x,
 			reflect: !1
 		},
 		solid: a.bool(),
-		strokeWidth: a.number(u)
+		strokeWidth: a.number(f)
 	},
 	setup(t) {
-		return n({
+		n({
 			attr: {
 				"aria-hidden": () => (t.label.value ?? "").trim() ? null : "true",
 				"aria-label": () => (t.label.value ?? "").trim() || null,
@@ -55,32 +60,25 @@ r(b, {
 				let e = t.size.value;
 				return typeof e == "number" ? `${e}px` : String(e);
 			} }
-		}), i`${o(s(() => {
+		});
+		let r = o(), a = l(() => {
 			let n = (t.name.value ?? "").trim();
-			if (!n) return "";
-			let r = h.get(n) ?? h.get(v(n));
-			if (!r) return e(`ore-icon: icon not found: "${String(n).slice(0, 64)}"`), "";
-			let i = t.size.value, a = typeof i == "number" ? i : d, o = t.absoluteStrokeWidth.value && !t.solid.value ? t.strokeWidth.value * (d / a) : t.strokeWidth.value, s = r.filter(([e]) => f.has(e)).map(([e, t]) => {
-				let n = {};
-				for (let [e, r] of Object.entries(t)) r !== void 0 && (n[e] = r);
-				return `<${e} ${_(n)} />`;
-			}).join("");
-			return `<svg ${_({
-				fill: t.solid.value ? "currentColor" : "none",
-				part: "svg",
-				stroke: t.solid.value ? "none" : "currentColor",
-				"stroke-linecap": "round",
-				"stroke-linejoin": "round",
-				"stroke-width": t.solid.value ? 0 : o,
-				style: "width:100%;height:100%",
-				viewBox: "0 0 24 24",
-				xmlns: "http://www.w3.org/2000/svg"
-			})}>${s}</svg>`;
-		}))}`;
+			if (!n) return;
+			let r = S(n);
+			return r || e(`ore-icon: icon not found: "${n.slice(0, 64)}"`), r;
+		});
+		return s(() => {
+			let e = r.value, n = a.value;
+			if (!e || !n) return;
+			let i = t.size.value, o = typeof i == "number" ? i : p, s = t.absoluteStrokeWidth.value && !t.solid.value ? t.strokeWidth.value * (p / o) : t.strokeWidth.value;
+			e.setAttribute("fill", t.solid.value ? "currentColor" : "none"), e.setAttribute("stroke", t.solid.value ? "none" : "currentColor"), e.setAttribute("stroke-linecap", "round"), e.setAttribute("stroke-linejoin", "round"), e.setAttribute("stroke-width", String(t.solid.value ? 0 : s)), e.setAttribute("viewBox", "0 0 24 24");
+			let c = n.map(([e, t]) => C(e, t)).filter((e) => !!e);
+			e.replaceChildren(...c);
+		}), i`${c(() => !!a.value, () => i`<svg ref="${r}" part="svg" style="width:100%;height:100%"></svg>`)}`;
 	},
 	styles: [t]
 });
 //#endregion
-export { b as ICON_TAG, g as registerIcons };
+export { w as ICON_TAG, y as registerIcons };
 
 //# sourceMappingURL=icon.js.map

package/dist/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","names":[],"sources":["../src/content/icon/icon.ts"],"sourcesContent":["import { define, html, prop, bind } from '@vielzeug/ore';\nimport { raw } from '@vielzeug/ore/directives';\nimport { computed } from '@vielzeug/ripple';\nimport * as lucideModule from 'lucide';\n\nimport { warn } from '../../_dev';\nimport styles from './icon.css?inline';\n\nexport type IconNode = Array<[string, Record<string, string | number | undefined>]>;\n\nconst DEFAULT_SIZE = 16;\nconst DEFAULT_STROKE_WIDTH = 2;\nconst LUCIDE_VIEWBOX_SIZE = 24;\n\n/**\n * Allowlisted SVG shape/structure element names. Only these tags are permitted\n * when building the SVG markup from an IconNode, preventing arbitrary element\n * injection (e.g. <script>, event-handler-bearing elements).\n */\nconst ALLOWED_SVG_TAGS = new Set([\n  'circle',\n  'clipPath',\n  'defs',\n  'ellipse',\n  'g',\n  'line',\n  'linearGradient',\n  'mask',\n  'path',\n  'polygon',\n  'polyline',\n  'radialGradient',\n  'rect',\n  'stop',\n  'symbol',\n  'use',\n]);\n\n/**\n * Allowlisted SVG presentation / structural attribute names.\n * Event handler attributes (on*) and \"xlink:href\" are excluded.\n */\nconst ATTR_KEY_RE = /^[a-zA-Z][a-zA-Z0-9:_-]*$/;\nconst BLOCKED_ATTR_RE = /^(on|xlink:|xml:|href$)/i;\n\n// Sync registry seeded from lucide at module load; extend at any time via registerIcons()\nconst registry = new Map<string, IconNode>(\n  Object.entries((lucideModule as unknown as { icons: Record<string, IconNode> }).icons),\n);\n\n/**\n * Register additional icons (or override existing ones) by name.\n * Keys may be kebab-case or PascalCase — both are accepted by `ore-icon`.\n */\nexport function registerIcons(icons: Record<string, IconNode>): void {\n  for (const [name, node] of Object.entries(icons)) {\n    registry.set(name, node);\n  }\n}\n\nconst toAttrString = (attrs: Record<string, string | number>): string =>\n  Object.entries(attrs)\n    .filter(([k]) => ATTR_KEY_RE.test(k) && !BLOCKED_ATTR_RE.test(k))\n    .map(\n      ([k, v]) =>\n        `${k}=\"${String(v).replace(/&/g, '&amp;').replace(/\"/g, '&quot;').replace(/</g, '&lt;').replace(/>/g, '&gt;')}\"`,\n    )\n    .join(' ');\n\nconst toPascalCase = (value: string): string =>\n  value\n    .replace(/([a-z0-9])([A-Z])/g, '$1-$2')\n    .split(/[^a-zA-Z0-9]+/)\n    .filter(Boolean)\n    .map((p) => p.charAt(0).toUpperCase() + p.slice(1).toLowerCase())\n    .join('');\n\nconst parseSize = (value: string | null): number | string => {\n  if (value == null || value === '') return DEFAULT_SIZE;\n\n  const n = Number(value);\n\n  return Number.isFinite(n) && n > 0 && /^\\d+(\\.\\d+)?$/.test(value.trim()) ? n : value;\n};\n\n/** Icon component properties */\nexport type OreIconProps = {\n  /** Keep stroke width visually consistent when icon size changes */\n  absoluteStrokeWidth?: boolean;\n  /** Accessible text label. Decorative icons should omit this. */\n  label?: string;\n  /** Lucide icon name, e.g. `search` or `chevron-right` */\n  name?: string;\n  /** Icon width/height in px by default. Accepts CSS lengths. */\n  size?: number | string;\n  /** Render as a filled/solid shape instead of a stroked outline */\n  solid?: boolean;\n  /** SVG stroke width */\n  strokeWidth?: number;\n};\n\n/**\n * Icon wrapper for consistent Lucide rendering across Block.\n *\n * @element ore-icon\n *\n * @attr {string} name - Lucide icon name, e.g. `search` or `chevron-right`\n * @attr {number|string} size - Width/height (default: 16)\n * @attr {number} stroke-width - SVG stroke width (default: 2)\n * @attr {boolean} absolute-stroke-width - Keep stroke width visually stable across icon sizes\n * @attr {boolean} solid - Render as filled shape instead of stroked outline\n * @attr {string} label - Accessible label; when omitted the icon is decorative\n *\n * @csspart svg - Internal SVG element\n *\n * @example\n * ```html\n * <ore-icon name=\"search\"></ore-icon>\n * <ore-icon name=\"chevron-right\" size=\"18\"></ore-icon>\n * <ore-icon name=\"trash-2\" label=\"Delete\"></ore-icon>\n * <ore-icon name=\"star\" solid></ore-icon>\n * ```\n */\nexport const ICON_TAG = 'ore-icon' as const;\ndefine<OreIconProps>(ICON_TAG, {\n  props: {\n    absoluteStrokeWidth: prop.bool(),\n    label: prop.string(),\n    name: prop.string(),\n    size: { default: DEFAULT_SIZE as number | string, parse: parseSize, reflect: false },\n    solid: prop.bool(),\n    strokeWidth: prop.number(DEFAULT_STROKE_WIDTH),\n  },\n  setup(props) {\n    bind({\n      attr: {\n        'aria-hidden': () => ((props.label.value ?? '').trim() ? null : 'true'),\n        'aria-label': () => (props.label.value ?? '').trim() || null,\n        role: () => ((props.label.value ?? '').trim() ? 'img' : null),\n      },\n      style: {\n        '--_size-px': () => {\n          const s = props.size.value;\n\n          return typeof s === 'number' ? `${s}px` : String(s);\n        },\n      },\n    });\n\n    const markup = computed(() => {\n      const name = (props.name.value ?? '').trim();\n\n      if (!name) return '';\n\n      const iconNode = registry.get(name) ?? registry.get(toPascalCase(name));\n\n      if (!iconNode) {\n        warn(`ore-icon: icon not found: \"${String(name).slice(0, 64)}\"`);\n\n        return '';\n      }\n\n      const size = props.size.value;\n      const numericSize = typeof size === 'number' ? size : LUCIDE_VIEWBOX_SIZE;\n\n      const strokeWidth =\n        props.absoluteStrokeWidth.value && !props.solid.value\n          ? props.strokeWidth.value! * (LUCIDE_VIEWBOX_SIZE / numericSize)\n          : props.strokeWidth.value!;\n\n      const nodes = iconNode\n        .filter(([tag]) => ALLOWED_SVG_TAGS.has(tag))\n        .map(([tag, tagAttrs]) => {\n          const attrs: Record<string, string | number> = {};\n\n          for (const [k, v] of Object.entries(tagAttrs)) {\n            if (v !== undefined) attrs[k] = v;\n          }\n\n          return `<${tag} ${toAttrString(attrs)} />`;\n        })\n        .join('');\n\n      const svgAttrs = toAttrString({\n        fill: props.solid.value ? 'currentColor' : 'none',\n        part: 'svg',\n        stroke: props.solid.value ? 'none' : 'currentColor',\n        'stroke-linecap': 'round',\n        'stroke-linejoin': 'round',\n        'stroke-width': props.solid.value ? 0 : strokeWidth,\n        style: `width:100%;height:100%`,\n        viewBox: '0 0 24 24',\n        xmlns: 'http://www.w3.org/2000/svg',\n      });\n\n      return `<svg ${svgAttrs}>${nodes}</svg>`;\n    });\n\n    return html`${raw(markup)}`;\n  },\n  styles: [styles],\n});\n"],"mappings":"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"}
+{"version":3,"file":"icon.js","names":[],"sources":["../src/content/icon/icon.ts"],"sourcesContent":["import { define, html, prop, ref, bind, watchEffect } from '@vielzeug/ore';\nimport { when } from '@vielzeug/ore/directives';\nimport { computed } from '@vielzeug/ripple';\nimport * as lucideModule from 'lucide';\n\nimport { warn } from '../../_dev';\nimport styles from './icon.css?inline';\n\nexport type IconNode = Array<[string, Record<string, string | number | undefined>]>;\n\nconst DEFAULT_SIZE = 16;\nconst DEFAULT_STROKE_WIDTH = 2;\nconst LUCIDE_VIEWBOX_SIZE = 24;\nconst SVG_NS = 'http://www.w3.org/2000/svg';\n\n/**\n * Allowlisted SVG shape/structure element names. Only these tags are permitted\n * when building the SVG DOM from an IconNode, preventing arbitrary element\n * injection (e.g. <script>, event-handler-bearing elements).\n */\nconst ALLOWED_SVG_TAGS = new Set([\n  'circle',\n  'clipPath',\n  'defs',\n  'ellipse',\n  'g',\n  'line',\n  'linearGradient',\n  'mask',\n  'path',\n  'polygon',\n  'polyline',\n  'radialGradient',\n  'rect',\n  'stop',\n  'symbol',\n  'use',\n]);\n\n/**\n * Allowlisted SVG presentation / structural attribute names.\n * Event handler attributes (on*) and \"xlink:href\" are excluded.\n */\nconst ATTR_KEY_RE = /^[a-zA-Z][a-zA-Z0-9:_-]*$/;\nconst BLOCKED_ATTR_RE = /^(on|xlink:|xml:|href$)/i;\n\n// Sync registry seeded from lucide at module load; extend at any time via registerIcons()\nconst registry = new Map<string, IconNode>(\n  Object.entries((lucideModule as unknown as { icons: Record<string, IconNode> }).icons),\n);\n\n/**\n * Register additional icons (or override existing ones) by name.\n * Keys may be kebab-case or PascalCase — both are accepted by `ore-icon`.\n */\nexport function registerIcons(icons: Record<string, IconNode>): void {\n  for (const [name, node] of Object.entries(icons)) {\n    registry.set(name, node);\n  }\n}\n\nconst toPascalCase = (value: string): string =>\n  value\n    .replace(/([a-z0-9])([A-Z])/g, '$1-$2')\n    .split(/[^a-zA-Z0-9]+/)\n    .filter(Boolean)\n    .map((p) => p.charAt(0).toUpperCase() + p.slice(1).toLowerCase())\n    .join('');\n\nconst parseSize = (value: string | null): number | string => {\n  if (value == null || value === '') return DEFAULT_SIZE;\n\n  const n = Number(value);\n\n  return Number.isFinite(n) && n > 0 && /^\\d+(\\.\\d+)?$/.test(value.trim()) ? n : value;\n};\n\nconst resolveIcon = (name: string): IconNode | undefined => registry.get(name) ?? registry.get(toPascalCase(name));\n\n/**\n * Builds an allowlisted SVG child element via `createElementNS` — real DOM construction, not\n * HTML-string parsing, so this never touches ore's `raw()` directive (and its \"unsanitized\n * HTML\" dev warning) at all. `iconNode` entries come from the bundled Lucide icon set or\n * `registerIcons()` (a developer/build-time API, never runtime user input), but the tag/attr\n * allowlist stays as defense in depth regardless of where the data originated.\n */\nconst createSvgChild = (tag: string, attrs: Record<string, string | number | undefined>): SVGElement | null => {\n  if (!ALLOWED_SVG_TAGS.has(tag)) return null;\n\n  const el = document.createElementNS(SVG_NS, tag);\n\n  for (const [key, value] of Object.entries(attrs)) {\n    if (value === undefined) continue;\n\n    if (!ATTR_KEY_RE.test(key) || BLOCKED_ATTR_RE.test(key)) continue;\n\n    el.setAttribute(key, String(value));\n  }\n\n  return el;\n};\n\n/** Icon component properties */\nexport type OreIconProps = {\n  /** Keep stroke width visually consistent when icon size changes */\n  absoluteStrokeWidth?: boolean;\n  /** Accessible text label. Decorative icons should omit this. */\n  label?: string;\n  /** Lucide icon name, e.g. `search` or `chevron-right` */\n  name?: string;\n  /** Icon width/height in px by default. Accepts CSS lengths. */\n  size?: number | string;\n  /** Render as a filled/solid shape instead of a stroked outline */\n  solid?: boolean;\n  /** SVG stroke width */\n  strokeWidth?: number;\n};\n\n/**\n * Icon wrapper for consistent Lucide rendering across Block.\n *\n * @element ore-icon\n *\n * @attr {string} name - Lucide icon name, e.g. `search` or `chevron-right`\n * @attr {number|string} size - Width/height (default: 16)\n * @attr {number} stroke-width - SVG stroke width (default: 2)\n * @attr {boolean} absolute-stroke-width - Keep stroke width visually stable across icon sizes\n * @attr {boolean} solid - Render as filled shape instead of stroked outline\n * @attr {string} label - Accessible label; when omitted the icon is decorative\n *\n * @csspart svg - Internal SVG element\n *\n * @example\n * ```html\n * <ore-icon name=\"search\"></ore-icon>\n * <ore-icon name=\"chevron-right\" size=\"18\"></ore-icon>\n * <ore-icon name=\"trash-2\" label=\"Delete\"></ore-icon>\n * <ore-icon name=\"star\" solid></ore-icon>\n * ```\n */\nexport const ICON_TAG = 'ore-icon' as const;\ndefine<OreIconProps>(ICON_TAG, {\n  props: {\n    absoluteStrokeWidth: prop.bool(),\n    label: prop.string(),\n    name: prop.string(),\n    size: { default: DEFAULT_SIZE as number | string, parse: parseSize, reflect: false },\n    solid: prop.bool(),\n    strokeWidth: prop.number(DEFAULT_STROKE_WIDTH),\n  },\n  setup(props) {\n    bind({\n      attr: {\n        'aria-hidden': () => ((props.label.value ?? '').trim() ? null : 'true'),\n        'aria-label': () => (props.label.value ?? '').trim() || null,\n        role: () => ((props.label.value ?? '').trim() ? 'img' : null),\n      },\n      style: {\n        '--_size-px': () => {\n          const s = props.size.value;\n\n          return typeof s === 'number' ? `${s}px` : String(s);\n        },\n      },\n    });\n\n    const svgRef = ref<SVGSVGElement>();\n\n    // Memoized so an unknown icon name only warns once per change, not once per reactive read.\n    const iconNode = computed(() => {\n      const name = (props.name.value ?? '').trim();\n\n      if (!name) return undefined;\n\n      const node = resolveIcon(name);\n\n      if (!node) warn(`ore-icon: icon not found: \"${name.slice(0, 64)}\"`);\n\n      return node;\n    });\n\n    // Real DOM construction (createElementNS), not the raw() directive — see createSvgChild's\n    // doc comment. Rebuilds the <svg>'s attributes and children whenever the icon name, size,\n    // or presentation props change, or when `svgRef` first attaches (a fresh element mounts\n    // every time `when()`'s branch below flips truthy).\n    watchEffect(() => {\n      const svg = svgRef.value;\n      const node = iconNode.value;\n\n      if (!svg || !node) return;\n\n      const size = props.size.value;\n      const numericSize = typeof size === 'number' ? size : LUCIDE_VIEWBOX_SIZE;\n      const strokeWidth =\n        props.absoluteStrokeWidth.value && !props.solid.value\n          ? props.strokeWidth.value! * (LUCIDE_VIEWBOX_SIZE / numericSize)\n          : props.strokeWidth.value!;\n\n      svg.setAttribute('fill', props.solid.value ? 'currentColor' : 'none');\n      svg.setAttribute('stroke', props.solid.value ? 'none' : 'currentColor');\n      svg.setAttribute('stroke-linecap', 'round');\n      svg.setAttribute('stroke-linejoin', 'round');\n      svg.setAttribute('stroke-width', String(props.solid.value ? 0 : strokeWidth));\n      svg.setAttribute('viewBox', '0 0 24 24');\n\n      const children = node.map(([tag, attrs]) => createSvgChild(tag, attrs)).filter((el): el is SVGElement => !!el);\n\n      svg.replaceChildren(...children);\n    });\n\n    return html`${when(\n      () => !!iconNode.value,\n      () => html`<svg ref=\"${svgRef}\" part=\"svg\" style=\"width:100%;height:100%\"></svg>`,\n    )}`;\n  },\n  styles: [styles],\n});\n"],"mappings":"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"}

package/dist/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./code-window.cjs"),t=require("./icon.cjs"),n=require("./copy-command.cjs"),r=require("./shared/prop-bundles.cjs"),i=require("./shared/size-presets.cjs"),a=require("./progress.cjs"),o=require("./errors.cjs"),ee=require("./content/carousel/carousel-slide.cjs"),s=require("./carousel.cjs"),c=require("./avatar.cjs"),l=require("./breadcrumb.cjs"),u=require("./card.cjs"),d=require("./chat-message.cjs"),f=require("./button-group.cjs"),te=require("./inputs/shared/form-context.cjs"),ne=require("./button.cjs"),re=require("./pagination.cjs"),p=require("./separator.cjs"),m=require("./table.cjs"),h=require("./text.cjs"),g=require("./accordion.cjs"),_=require("./tabs.cjs"),v=require("./accordion-item.cjs"),y=require("./tab-item.cjs"),b=require("./tab-panel.cjs"),x=require("./async.cjs"),S=require("./alert.cjs"),C=require("./badge.cjs"),w=require("./chip.cjs"),T=require("./password-strength.cjs"),E=require("./skeleton.cjs"),D=require("./typing-indicator.cjs"),O=require("./toast.cjs"),k=require("./checkbox-group.cjs"),A=require("./checkbox.cjs"),j=require("./input.cjs"),M=require("./combobox.cjs"),ie=require("./select.cjs"),N=require("./popover.cjs"),P=require("./datagrid.cjs"),F=require("./calendar.cjs"),I=require("./date-picker.cjs"),L=require("./file-input.cjs"),R=require("./form.cjs"),z=require("./message-composer.cjs"),B=require("./number-input.cjs"),V=require("./otp-input.cjs"),H=require("./radio-group.cjs"),U=require("./radio.cjs"),W=require("./rating.cjs"),G=require("./slider.cjs"),K=require("./switch.cjs"),q=require("./textarea.cjs"),J=require("./time-picker.cjs"),Y=require("./box.cjs"),ae=require("./grid-item.cjs"),oe=require("./grid.cjs"),X=require("./navbar.cjs"),Z=require("./sidebar.cjs"),Q=require("./command-palette.cjs"),se=require("./dialog.cjs"),ce=require("./drawer.cjs"),$=require("./menu.cjs"),le=require("./tooltip.cjs");exports.ACCORDION_CTX=g.ACCORDION_CTX,exports.ACCORDION_ITEM_TAG=v.ACCORDION_ITEM_TAG,exports.ACCORDION_TAG=g.ACCORDION_TAG,exports.ALERT_TAG=S.ALERT_TAG,exports.ASYNC_TAG=x.ASYNC_TAG,exports.AVATAR_GROUP_TAG=c.AVATAR_GROUP_TAG,exports.AVATAR_TAG=c.AVATAR_TAG,exports.BADGE_TAG=C.BADGE_TAG,exports.BOX_TAG=Y.BOX_TAG,exports.BREADCRUMB_ITEM_TAG=l.BREADCRUMB_ITEM_TAG,exports.BREADCRUMB_TAG=l.BREADCRUMB_TAG,exports.BUTTON_GROUP_CTX=f.BUTTON_GROUP_CTX,exports.BUTTON_GROUP_TAG=f.BUTTON_GROUP_TAG,exports.BUTTON_TAG=ne.BUTTON_TAG,exports.CALENDAR_TAG=F.CALENDAR_TAG,exports.CARD_TAG=u.CARD_TAG,exports.CAROUSEL_SLIDE_TAG=ee.CAROUSEL_SLIDE_TAG,exports.CAROUSEL_TAG=s.CAROUSEL_TAG,exports.CHAT_MESSAGE_TAG=d.CHAT_MESSAGE_TAG,exports.CHECKBOX_GROUP_CTX=k.CHECKBOX_GROUP_CTX,exports.CHECKBOX_GROUP_TAG=k.CHECKBOX_GROUP_TAG,exports.CHECKBOX_TAG=A.CHECKBOX_TAG,exports.CHIP_TAG=w.CHIP_TAG,exports.CODE_WINDOW_TAG=e.CODE_WINDOW_TAG,exports.COMBOBOX_TAG=M.COMBOBOX_TAG,exports.COMMAND_PALETTE_ITEM_TAG=Q.COMMAND_PALETTE_ITEM_TAG,exports.COMMAND_PALETTE_TAG=Q.COMMAND_PALETTE_TAG,exports.CONTROL_SIZE_PRESET=i.CONTROL_SIZE_PRESET,exports.COPY_COMMAND_TAG=n.COPY_COMMAND_TAG,exports.DATAGRID_TAG=P.DATAGRID_TAG,exports.DATE_PICKER_TAG=I.DATE_PICKER_TAG,exports.DIALOG_TAG=se.DIALOG_TAG,exports.DRAWER_TAG=ce.DRAWER_TAG,exports.FIELD_SIZE_PRESET=i.FIELD_SIZE_PRESET,exports.FILE_INPUT_SIZE_PRESET=i.FILE_INPUT_SIZE_PRESET,exports.FILE_INPUT_TAG=L.FILE_INPUT_TAG,exports.FORM_CTX=te.FORM_CTX,exports.FORM_TAG=R.FORM_TAG,exports.GRID_ITEM_TAG=ae.GRID_ITEM_TAG,exports.GRID_TAG=oe.GRID_TAG,exports.ICON_TAG=t.ICON_TAG,exports.INPUT_TAG=j.INPUT_TAG,exports.MENU_ITEM_TAG=$.MENU_ITEM_TAG,exports.MENU_TAG=$.MENU_TAG,exports.MESSAGE_COMPOSER_SIZE_PRESET=i.MESSAGE_COMPOSER_SIZE_PRESET,exports.MESSAGE_COMPOSER_TAG=z.MESSAGE_COMPOSER_TAG,exports.NAVBAR_CTX=X.NAVBAR_CTX,exports.NAVBAR_ITEM_TAG=X.NAVBAR_ITEM_TAG,exports.NAVBAR_TAG=X.NAVBAR_TAG,exports.NUMBER_INPUT_TAG=B.NUMBER_INPUT_TAG,exports.OTP_INPUT_TAG=V.OTP_INPUT_TAG,exports.PAGINATION_TAG=re.PAGINATION_TAG,exports.PASSWORD_STRENGTH_TAG=T.PASSWORD_STRENGTH_TAG,exports.POPOVER_TAG=N.POPOVER_TAG,exports.PROGRESS_TAG=a.PROGRESS_TAG,exports.RADIO_GROUP_CTX=H.RADIO_GROUP_CTX,exports.RADIO_GROUP_TAG=H.RADIO_GROUP_TAG,exports.RADIO_TAG=U.RADIO_TAG,exports.RATING_TAG=W.RATING_TAG,exports.RefineConfigError=o.RefineConfigError,exports.RefineError=o.RefineError,exports.SELECT_TAG=ie.SELECT_TAG,exports.SEPARATOR_TAG=p.SEPARATOR_TAG,exports.SIDEBAR_CTX=Z.SIDEBAR_CTX,exports.SIDEBAR_GROUP_TAG=Z.SIDEBAR_GROUP_TAG,exports.SIDEBAR_ITEM_TAG=Z.SIDEBAR_ITEM_TAG,exports.SIDEBAR_TAG=Z.SIDEBAR_TAG,exports.SKELETON_TAG=E.SKELETON_TAG,exports.SLIDER_SIZE_PRESET=i.SLIDER_SIZE_PRESET,exports.SLIDER_TAG=G.SLIDER_TAG,exports.SWITCH_SIZE_PRESET=i.SWITCH_SIZE_PRESET,exports.SWITCH_TAG=K.SWITCH_TAG,exports.TABLE_TAG=m.TABLE_TAG,exports.TABS_CTX=_.TABS_CTX,exports.TABS_TAG=_.TABS_TAG,exports.TAB_ITEM_TAG=y.TAB_ITEM_TAG,exports.TAB_PANEL_TAG=b.TAB_PANEL_TAG,exports.TEXTAREA_SIZE_PRESET=i.TEXTAREA_SIZE_PRESET,exports.TEXTAREA_TAG=q.TEXTAREA_TAG,exports.TEXT_TAG=h.TEXT_TAG,exports.TIME_PICKER_TAG=J.TIME_PICKER_TAG,exports.TOAST_TAG=O.TOAST_TAG,exports.TOOLTIP_TAG=le.TOOLTIP_TAG,exports.TYPING_INDICATOR_TAG=D.TYPING_INDICATOR_TAG,exports.commonProps=r.commonProps,exports.createToastService=O.createToastService,exports.disablableBundle=r.disablableBundle,exports.elevatableBundle=r.elevatableBundle,exports.loadableBundle=r.loadableBundle,exports.registerIcons=t.registerIcons,exports.roundableBundle=r.roundableBundle,exports.sizableBundle=r.sizableBundle,exports.themableBundle=r.themableBundle,exports.toast=O.toast;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./code-window.cjs"),t=require("./icon.cjs"),n=require("./copy-command.cjs"),r=require("./shared/prop-bundles.cjs"),i=require("./shared/size-presets.cjs"),a=require("./progress.cjs"),o=require("./errors.cjs"),s=require("./content/carousel/carousel-slide.cjs"),ee=require("./carousel.cjs"),c=require("./avatar.cjs"),l=require("./breadcrumb.cjs"),u=require("./card.cjs"),d=require("./chat-message.cjs"),f=require("./list.cjs"),te=require("./list-item.cjs"),p=require("./button-group.cjs"),ne=require("./inputs/shared/form-context.cjs"),re=require("./button.cjs"),m=require("./pagination.cjs"),h=require("./separator.cjs"),g=require("./table.cjs"),_=require("./text.cjs"),v=require("./accordion.cjs"),y=require("./tabs.cjs"),b=require("./accordion-item.cjs"),x=require("./tab-item.cjs"),S=require("./tab-panel.cjs"),C=require("./async.cjs"),w=require("./alert.cjs"),T=require("./badge.cjs"),E=require("./chip.cjs"),D=require("./password-strength.cjs"),O=require("./skeleton.cjs"),k=require("./typing-indicator.cjs"),A=require("./toast.cjs"),j=require("./checkbox-group.cjs"),M=require("./checkbox.cjs"),N=require("./input.cjs"),P=require("./combobox.cjs"),F=require("./select.cjs"),I=require("./popover.cjs"),L=require("./datagrid.cjs"),ie=require("./calendar.cjs"),R=require("./date-picker.cjs"),z=require("./file-input.cjs"),B=require("./form.cjs"),V=require("./message-composer.cjs"),H=require("./number-input.cjs"),U=require("./otp-input.cjs"),W=require("./radio-group.cjs"),G=require("./radio.cjs"),K=require("./rating.cjs"),q=require("./slider.cjs"),J=require("./switch.cjs"),Y=require("./textarea.cjs"),ae=require("./time-picker.cjs"),oe=require("./box.cjs"),se=require("./grid-item.cjs"),ce=require("./grid.cjs"),X=require("./navbar.cjs"),Z=require("./sidebar.cjs"),Q=require("./command-palette.cjs"),le=require("./dialog.cjs"),ue=require("./drawer.cjs"),$=require("./menu.cjs"),de=require("./tooltip.cjs");exports.ACCORDION_CTX=v.ACCORDION_CTX,exports.ACCORDION_ITEM_TAG=b.ACCORDION_ITEM_TAG,exports.ACCORDION_TAG=v.ACCORDION_TAG,exports.ALERT_TAG=w.ALERT_TAG,exports.ASYNC_TAG=C.ASYNC_TAG,exports.AVATAR_GROUP_TAG=c.AVATAR_GROUP_TAG,exports.AVATAR_TAG=c.AVATAR_TAG,exports.BADGE_TAG=T.BADGE_TAG,exports.BOX_TAG=oe.BOX_TAG,exports.BREADCRUMB_ITEM_TAG=l.BREADCRUMB_ITEM_TAG,exports.BREADCRUMB_TAG=l.BREADCRUMB_TAG,exports.BUTTON_GROUP_CTX=p.BUTTON_GROUP_CTX,exports.BUTTON_GROUP_TAG=p.BUTTON_GROUP_TAG,exports.BUTTON_TAG=re.BUTTON_TAG,exports.CALENDAR_TAG=ie.CALENDAR_TAG,exports.CARD_TAG=u.CARD_TAG,exports.CAROUSEL_SLIDE_TAG=s.CAROUSEL_SLIDE_TAG,exports.CAROUSEL_TAG=ee.CAROUSEL_TAG,exports.CHAT_MESSAGE_TAG=d.CHAT_MESSAGE_TAG,exports.CHECKBOX_GROUP_CTX=j.CHECKBOX_GROUP_CTX,exports.CHECKBOX_GROUP_TAG=j.CHECKBOX_GROUP_TAG,exports.CHECKBOX_TAG=M.CHECKBOX_TAG,exports.CHIP_TAG=E.CHIP_TAG,exports.CODE_WINDOW_TAG=e.CODE_WINDOW_TAG,exports.COMBOBOX_TAG=P.COMBOBOX_TAG,exports.COMMAND_PALETTE_ITEM_TAG=Q.COMMAND_PALETTE_ITEM_TAG,exports.COMMAND_PALETTE_TAG=Q.COMMAND_PALETTE_TAG,exports.CONTROL_SIZE_PRESET=i.CONTROL_SIZE_PRESET,exports.COPY_COMMAND_TAG=n.COPY_COMMAND_TAG,exports.DATAGRID_TAG=L.DATAGRID_TAG,exports.DATE_PICKER_TAG=R.DATE_PICKER_TAG,exports.DIALOG_TAG=le.DIALOG_TAG,exports.DRAWER_TAG=ue.DRAWER_TAG,exports.FIELD_SIZE_PRESET=i.FIELD_SIZE_PRESET,exports.FILE_INPUT_SIZE_PRESET=i.FILE_INPUT_SIZE_PRESET,exports.FILE_INPUT_TAG=z.FILE_INPUT_TAG,exports.FORM_CTX=ne.FORM_CTX,exports.FORM_TAG=B.FORM_TAG,exports.GRID_ITEM_TAG=se.GRID_ITEM_TAG,exports.GRID_TAG=ce.GRID_TAG,exports.ICON_TAG=t.ICON_TAG,exports.INPUT_TAG=N.INPUT_TAG,exports.LIST_CTX=f.LIST_CTX,exports.LIST_ITEM_TAG=te.LIST_ITEM_TAG,exports.LIST_SIZE_PRESET=i.LIST_SIZE_PRESET,exports.LIST_TAG=f.LIST_TAG,exports.MENU_ITEM_TAG=$.MENU_ITEM_TAG,exports.MENU_SIZE_PRESET=i.MENU_SIZE_PRESET,exports.MENU_TAG=$.MENU_TAG,exports.MESSAGE_COMPOSER_SIZE_PRESET=i.MESSAGE_COMPOSER_SIZE_PRESET,exports.MESSAGE_COMPOSER_TAG=V.MESSAGE_COMPOSER_TAG,exports.NAVBAR_CTX=X.NAVBAR_CTX,exports.NAVBAR_ITEM_TAG=X.NAVBAR_ITEM_TAG,exports.NAVBAR_TAG=X.NAVBAR_TAG,exports.NUMBER_INPUT_TAG=H.NUMBER_INPUT_TAG,exports.OTP_INPUT_TAG=U.OTP_INPUT_TAG,exports.PAGINATION_TAG=m.PAGINATION_TAG,exports.PASSWORD_STRENGTH_TAG=D.PASSWORD_STRENGTH_TAG,exports.POPOVER_TAG=I.POPOVER_TAG,exports.PROGRESS_TAG=a.PROGRESS_TAG,exports.RADIO_GROUP_CTX=W.RADIO_GROUP_CTX,exports.RADIO_GROUP_TAG=W.RADIO_GROUP_TAG,exports.RADIO_TAG=G.RADIO_TAG,exports.RATING_TAG=K.RATING_TAG,exports.RefineConfigError=o.RefineConfigError,exports.RefineError=o.RefineError,exports.SELECT_TAG=F.SELECT_TAG,exports.SEPARATOR_TAG=h.SEPARATOR_TAG,exports.SIDEBAR_CTX=Z.SIDEBAR_CTX,exports.SIDEBAR_GROUP_TAG=Z.SIDEBAR_GROUP_TAG,exports.SIDEBAR_ITEM_TAG=Z.SIDEBAR_ITEM_TAG,exports.SIDEBAR_TAG=Z.SIDEBAR_TAG,exports.SKELETON_TAG=O.SKELETON_TAG,exports.SLIDER_SIZE_PRESET=i.SLIDER_SIZE_PRESET,exports.SLIDER_TAG=q.SLIDER_TAG,exports.SWITCH_SIZE_PRESET=i.SWITCH_SIZE_PRESET,exports.SWITCH_TAG=J.SWITCH_TAG,exports.TABLE_TAG=g.TABLE_TAG,exports.TABS_CTX=y.TABS_CTX,exports.TABS_TAG=y.TABS_TAG,exports.TAB_ITEM_TAG=x.TAB_ITEM_TAG,exports.TAB_PANEL_TAG=S.TAB_PANEL_TAG,exports.TEXTAREA_SIZE_PRESET=i.TEXTAREA_SIZE_PRESET,exports.TEXTAREA_TAG=Y.TEXTAREA_TAG,exports.TEXT_TAG=_.TEXT_TAG,exports.TIME_PICKER_TAG=ae.TIME_PICKER_TAG,exports.TOAST_TAG=A.TOAST_TAG,exports.TOOLTIP_TAG=de.TOOLTIP_TAG,exports.TYPING_INDICATOR_TAG=k.TYPING_INDICATOR_TAG,exports.commonProps=r.commonProps,exports.createToastService=A.createToastService,exports.disablableBundle=r.disablableBundle,exports.elevatableBundle=r.elevatableBundle,exports.loadableBundle=r.loadableBundle,exports.registerIcons=t.registerIcons,exports.roundableBundle=r.roundableBundle,exports.sizableBundle=r.sizableBundle,exports.themableBundle=r.themableBundle,exports.toast=A.toast;

package/dist/index.js

@@ -2,64 +2,66 @@ import { CODE_WINDOW_TAG as e } from "./code-window.js";
 import { ICON_TAG as t, registerIcons as n } from "./icon.js";
 import { COPY_COMMAND_TAG as r } from "./copy-command.js";
 import { commonProps as i, disablableBundle as a, elevatableBundle as o, loadableBundle as s, roundableBundle as c, sizableBundle as l, themableBundle as u } from "./shared/prop-bundles.js";
-import { CONTROL_SIZE_PRESET as d, FIELD_SIZE_PRESET as f, FILE_INPUT_SIZE_PRESET as p, MESSAGE_COMPOSER_SIZE_PRESET as m, SLIDER_SIZE_PRESET as h, SWITCH_SIZE_PRESET as g, TEXTAREA_SIZE_PRESET as _ } from "./shared/size-presets.js";
-import { PROGRESS_TAG as v } from "./progress.js";
-import { RefineConfigError as y, RefineError as b } from "./errors.js";
-import { CAROUSEL_SLIDE_TAG as x } from "./content/carousel/carousel-slide.js";
-import { CAROUSEL_TAG as S } from "./carousel.js";
-import { AVATAR_GROUP_TAG as C, AVATAR_TAG as w } from "./avatar.js";
-import { BREADCRUMB_ITEM_TAG as T, BREADCRUMB_TAG as E } from "./breadcrumb.js";
-import { CARD_TAG as D } from "./card.js";
-import { CHAT_MESSAGE_TAG as O } from "./chat-message.js";
-import { BUTTON_GROUP_CTX as k, BUTTON_GROUP_TAG as A } from "./button-group.js";
-import { FORM_CTX as j } from "./inputs/shared/form-context.js";
-import { BUTTON_TAG as M } from "./button.js";
-import { PAGINATION_TAG as N } from "./pagination.js";
-import { SEPARATOR_TAG as P } from "./separator.js";
-import { TABLE_TAG as F } from "./table.js";
-import { TEXT_TAG as I } from "./text.js";
-import { ACCORDION_CTX as L, ACCORDION_TAG as R } from "./accordion.js";
-import { TABS_CTX as z, TABS_TAG as B } from "./tabs.js";
-import { ACCORDION_ITEM_TAG as V } from "./accordion-item.js";
-import { TAB_ITEM_TAG as H } from "./tab-item.js";
-import { TAB_PANEL_TAG as U } from "./tab-panel.js";
-import { ASYNC_TAG as W } from "./async.js";
-import { ALERT_TAG as G } from "./alert.js";
-import { BADGE_TAG as K } from "./badge.js";
-import { CHIP_TAG as q } from "./chip.js";
-import { PASSWORD_STRENGTH_TAG as J } from "./password-strength.js";
-import { SKELETON_TAG as Y } from "./skeleton.js";
-import { TYPING_INDICATOR_TAG as X } from "./typing-indicator.js";
-import { TOAST_TAG as Z, createToastService as Q, toast as $ } from "./toast.js";
-import { CHECKBOX_GROUP_CTX as ee, CHECKBOX_GROUP_TAG as te } from "./checkbox-group.js";
-import { CHECKBOX_TAG as ne } from "./checkbox.js";
-import { INPUT_TAG as re } from "./input.js";
-import { COMBOBOX_TAG as ie } from "./combobox.js";
-import { SELECT_TAG as ae } from "./select.js";
-import { POPOVER_TAG as oe } from "./popover.js";
-import { DATAGRID_TAG as se } from "./datagrid.js";
-import { CALENDAR_TAG as ce } from "./calendar.js";
-import { DATE_PICKER_TAG as le } from "./date-picker.js";
-import { FILE_INPUT_TAG as ue } from "./file-input.js";
-import { FORM_TAG as de } from "./form.js";
-import { MESSAGE_COMPOSER_TAG as fe } from "./message-composer.js";
-import { NUMBER_INPUT_TAG as pe } from "./number-input.js";
-import { OTP_INPUT_TAG as me } from "./otp-input.js";
-import { RADIO_GROUP_CTX as he, RADIO_GROUP_TAG as ge } from "./radio-group.js";
-import { RADIO_TAG as _e } from "./radio.js";
-import { RATING_TAG as ve } from "./rating.js";
-import { SLIDER_TAG as ye } from "./slider.js";
-import { SWITCH_TAG as be } from "./switch.js";
-import { TEXTAREA_TAG as xe } from "./textarea.js";
-import { TIME_PICKER_TAG as Se } from "./time-picker.js";
-import { BOX_TAG as Ce } from "./box.js";
-import { GRID_ITEM_TAG as we } from "./grid-item.js";
-import { GRID_TAG as Te } from "./grid.js";
-import { NAVBAR_CTX as Ee, NAVBAR_ITEM_TAG as De, NAVBAR_TAG as Oe } from "./navbar.js";
-import { SIDEBAR_CTX as ke, SIDEBAR_GROUP_TAG as Ae, SIDEBAR_ITEM_TAG as je, SIDEBAR_TAG as Me } from "./sidebar.js";
-import { COMMAND_PALETTE_ITEM_TAG as Ne, COMMAND_PALETTE_TAG as Pe } from "./command-palette.js";
-import { DIALOG_TAG as Fe } from "./dialog.js";
-import { DRAWER_TAG as Ie } from "./drawer.js";
-import { MENU_ITEM_TAG as Le, MENU_TAG as Re } from "./menu.js";
-import { TOOLTIP_TAG as ze } from "./tooltip.js";
-export { L as ACCORDION_CTX, V as ACCORDION_ITEM_TAG, R as ACCORDION_TAG, G as ALERT_TAG, W as ASYNC_TAG, C as AVATAR_GROUP_TAG, w as AVATAR_TAG, K as BADGE_TAG, Ce as BOX_TAG, T as BREADCRUMB_ITEM_TAG, E as BREADCRUMB_TAG, k as BUTTON_GROUP_CTX, A as BUTTON_GROUP_TAG, M as BUTTON_TAG, ce as CALENDAR_TAG, D as CARD_TAG, x as CAROUSEL_SLIDE_TAG, S as CAROUSEL_TAG, O as CHAT_MESSAGE_TAG, ee as CHECKBOX_GROUP_CTX, te as CHECKBOX_GROUP_TAG, ne as CHECKBOX_TAG, q as CHIP_TAG, e as CODE_WINDOW_TAG, ie as COMBOBOX_TAG, Ne as COMMAND_PALETTE_ITEM_TAG, Pe as COMMAND_PALETTE_TAG, d as CONTROL_SIZE_PRESET, r as COPY_COMMAND_TAG, se as DATAGRID_TAG, le as DATE_PICKER_TAG, Fe as DIALOG_TAG, Ie as DRAWER_TAG, f as FIELD_SIZE_PRESET, p as FILE_INPUT_SIZE_PRESET, ue as FILE_INPUT_TAG, j as FORM_CTX, de as FORM_TAG, we as GRID_ITEM_TAG, Te as GRID_TAG, t as ICON_TAG, re as INPUT_TAG, Le as MENU_ITEM_TAG, Re as MENU_TAG, m as MESSAGE_COMPOSER_SIZE_PRESET, fe as MESSAGE_COMPOSER_TAG, Ee as NAVBAR_CTX, De as NAVBAR_ITEM_TAG, Oe as NAVBAR_TAG, pe as NUMBER_INPUT_TAG, me as OTP_INPUT_TAG, N as PAGINATION_TAG, J as PASSWORD_STRENGTH_TAG, oe as POPOVER_TAG, v as PROGRESS_TAG, he as RADIO_GROUP_CTX, ge as RADIO_GROUP_TAG, _e as RADIO_TAG, ve as RATING_TAG, y as RefineConfigError, b as RefineError, ae as SELECT_TAG, P as SEPARATOR_TAG, ke as SIDEBAR_CTX, Ae as SIDEBAR_GROUP_TAG, je as SIDEBAR_ITEM_TAG, Me as SIDEBAR_TAG, Y as SKELETON_TAG, h as SLIDER_SIZE_PRESET, ye as SLIDER_TAG, g as SWITCH_SIZE_PRESET, be as SWITCH_TAG, F as TABLE_TAG, z as TABS_CTX, B as TABS_TAG, H as TAB_ITEM_TAG, U as TAB_PANEL_TAG, _ as TEXTAREA_SIZE_PRESET, xe as TEXTAREA_TAG, I as TEXT_TAG, Se as TIME_PICKER_TAG, Z as TOAST_TAG, ze as TOOLTIP_TAG, X as TYPING_INDICATOR_TAG, i as commonProps, Q as createToastService, a as disablableBundle, o as elevatableBundle, s as loadableBundle, n as registerIcons, c as roundableBundle, l as sizableBundle, u as themableBundle, $ as toast };
+import { CONTROL_SIZE_PRESET as d, FIELD_SIZE_PRESET as f, FILE_INPUT_SIZE_PRESET as p, LIST_SIZE_PRESET as m, MENU_SIZE_PRESET as h, MESSAGE_COMPOSER_SIZE_PRESET as g, SLIDER_SIZE_PRESET as _, SWITCH_SIZE_PRESET as v, TEXTAREA_SIZE_PRESET as y } from "./shared/size-presets.js";
+import { PROGRESS_TAG as b } from "./progress.js";
+import { RefineConfigError as x, RefineError as S } from "./errors.js";
+import { CAROUSEL_SLIDE_TAG as C } from "./content/carousel/carousel-slide.js";
+import { CAROUSEL_TAG as w } from "./carousel.js";
+import { AVATAR_GROUP_TAG as T, AVATAR_TAG as E } from "./avatar.js";
+import { BREADCRUMB_ITEM_TAG as D, BREADCRUMB_TAG as O } from "./breadcrumb.js";
+import { CARD_TAG as k } from "./card.js";
+import { CHAT_MESSAGE_TAG as A } from "./chat-message.js";
+import { LIST_CTX as j, LIST_TAG as M } from "./list.js";
+import { LIST_ITEM_TAG as N } from "./list-item.js";
+import { BUTTON_GROUP_CTX as P, BUTTON_GROUP_TAG as F } from "./button-group.js";
+import { FORM_CTX as I } from "./inputs/shared/form-context.js";
+import { BUTTON_TAG as L } from "./button.js";
+import { PAGINATION_TAG as R } from "./pagination.js";
+import { SEPARATOR_TAG as z } from "./separator.js";
+import { TABLE_TAG as B } from "./table.js";
+import { TEXT_TAG as V } from "./text.js";
+import { ACCORDION_CTX as H, ACCORDION_TAG as U } from "./accordion.js";
+import { TABS_CTX as W, TABS_TAG as G } from "./tabs.js";
+import { ACCORDION_ITEM_TAG as K } from "./accordion-item.js";
+import { TAB_ITEM_TAG as q } from "./tab-item.js";
+import { TAB_PANEL_TAG as J } from "./tab-panel.js";
+import { ASYNC_TAG as Y } from "./async.js";
+import { ALERT_TAG as X } from "./alert.js";
+import { BADGE_TAG as Z } from "./badge.js";
+import { CHIP_TAG as Q } from "./chip.js";
+import { PASSWORD_STRENGTH_TAG as $ } from "./password-strength.js";
+import { SKELETON_TAG as ee } from "./skeleton.js";
+import { TYPING_INDICATOR_TAG as te } from "./typing-indicator.js";
+import { TOAST_TAG as ne, createToastService as re, toast as ie } from "./toast.js";
+import { CHECKBOX_GROUP_CTX as ae, CHECKBOX_GROUP_TAG as oe } from "./checkbox-group.js";
+import { CHECKBOX_TAG as se } from "./checkbox.js";
+import { INPUT_TAG as ce } from "./input.js";
+import { COMBOBOX_TAG as le } from "./combobox.js";
+import { SELECT_TAG as ue } from "./select.js";
+import { POPOVER_TAG as de } from "./popover.js";
+import { DATAGRID_TAG as fe } from "./datagrid.js";
+import { CALENDAR_TAG as pe } from "./calendar.js";
+import { DATE_PICKER_TAG as me } from "./date-picker.js";
+import { FILE_INPUT_TAG as he } from "./file-input.js";
+import { FORM_TAG as ge } from "./form.js";
+import { MESSAGE_COMPOSER_TAG as _e } from "./message-composer.js";
+import { NUMBER_INPUT_TAG as ve } from "./number-input.js";
+import { OTP_INPUT_TAG as ye } from "./otp-input.js";
+import { RADIO_GROUP_CTX as be, RADIO_GROUP_TAG as xe } from "./radio-group.js";
+import { RADIO_TAG as Se } from "./radio.js";
+import { RATING_TAG as Ce } from "./rating.js";
+import { SLIDER_TAG as we } from "./slider.js";
+import { SWITCH_TAG as Te } from "./switch.js";
+import { TEXTAREA_TAG as Ee } from "./textarea.js";
+import { TIME_PICKER_TAG as De } from "./time-picker.js";
+import { BOX_TAG as Oe } from "./box.js";
+import { GRID_ITEM_TAG as ke } from "./grid-item.js";
+import { GRID_TAG as Ae } from "./grid.js";
+import { NAVBAR_CTX as je, NAVBAR_ITEM_TAG as Me, NAVBAR_TAG as Ne } from "./navbar.js";
+import { SIDEBAR_CTX as Pe, SIDEBAR_GROUP_TAG as Fe, SIDEBAR_ITEM_TAG as Ie, SIDEBAR_TAG as Le } from "./sidebar.js";
+import { COMMAND_PALETTE_ITEM_TAG as Re, COMMAND_PALETTE_TAG as ze } from "./command-palette.js";
+import { DIALOG_TAG as Be } from "./dialog.js";
+import { DRAWER_TAG as Ve } from "./drawer.js";
+import { MENU_ITEM_TAG as He, MENU_TAG as Ue } from "./menu.js";
+import { TOOLTIP_TAG as We } from "./tooltip.js";
+export { H as ACCORDION_CTX, K as ACCORDION_ITEM_TAG, U as ACCORDION_TAG, X as ALERT_TAG, Y as ASYNC_TAG, T as AVATAR_GROUP_TAG, E as AVATAR_TAG, Z as BADGE_TAG, Oe as BOX_TAG, D as BREADCRUMB_ITEM_TAG, O as BREADCRUMB_TAG, P as BUTTON_GROUP_CTX, F as BUTTON_GROUP_TAG, L as BUTTON_TAG, pe as CALENDAR_TAG, k as CARD_TAG, C as CAROUSEL_SLIDE_TAG, w as CAROUSEL_TAG, A as CHAT_MESSAGE_TAG, ae as CHECKBOX_GROUP_CTX, oe as CHECKBOX_GROUP_TAG, se as CHECKBOX_TAG, Q as CHIP_TAG, e as CODE_WINDOW_TAG, le as COMBOBOX_TAG, Re as COMMAND_PALETTE_ITEM_TAG, ze as COMMAND_PALETTE_TAG, d as CONTROL_SIZE_PRESET, r as COPY_COMMAND_TAG, fe as DATAGRID_TAG, me as DATE_PICKER_TAG, Be as DIALOG_TAG, Ve as DRAWER_TAG, f as FIELD_SIZE_PRESET, p as FILE_INPUT_SIZE_PRESET, he as FILE_INPUT_TAG, I as FORM_CTX, ge as FORM_TAG, ke as GRID_ITEM_TAG, Ae as GRID_TAG, t as ICON_TAG, ce as INPUT_TAG, j as LIST_CTX, N as LIST_ITEM_TAG, m as LIST_SIZE_PRESET, M as LIST_TAG, He as MENU_ITEM_TAG, h as MENU_SIZE_PRESET, Ue as MENU_TAG, g as MESSAGE_COMPOSER_SIZE_PRESET, _e as MESSAGE_COMPOSER_TAG, je as NAVBAR_CTX, Me as NAVBAR_ITEM_TAG, Ne as NAVBAR_TAG, ve as NUMBER_INPUT_TAG, ye as OTP_INPUT_TAG, R as PAGINATION_TAG, $ as PASSWORD_STRENGTH_TAG, de as POPOVER_TAG, b as PROGRESS_TAG, be as RADIO_GROUP_CTX, xe as RADIO_GROUP_TAG, Se as RADIO_TAG, Ce as RATING_TAG, x as RefineConfigError, S as RefineError, ue as SELECT_TAG, z as SEPARATOR_TAG, Pe as SIDEBAR_CTX, Fe as SIDEBAR_GROUP_TAG, Ie as SIDEBAR_ITEM_TAG, Le as SIDEBAR_TAG, ee as SKELETON_TAG, _ as SLIDER_SIZE_PRESET, we as SLIDER_TAG, v as SWITCH_SIZE_PRESET, Te as SWITCH_TAG, B as TABLE_TAG, W as TABS_CTX, G as TABS_TAG, q as TAB_ITEM_TAG, J as TAB_PANEL_TAG, y as TEXTAREA_SIZE_PRESET, Ee as TEXTAREA_TAG, V as TEXT_TAG, De as TIME_PICKER_TAG, ne as TOAST_TAG, We as TOOLTIP_TAG, te as TYPING_INDICATOR_TAG, i as commonProps, re as createToastService, a as disablableBundle, o as elevatableBundle, s as loadableBundle, n as registerIcons, c as roundableBundle, l as sizableBundle, u as themableBundle, ie as toast };