@ponchia/ui 0.9.0 → 0.10.0

package/svelte/index.js

@@ -1,197 +0,0 @@
-/**
- * @ponchia/ui/svelte — thin Svelte actions over @ponchia/ui/behaviors.
- *
- * The CSS is the framework; these are optional lifecycle adapters that run the
- * SSR-safe vanilla behavior initializers when a Svelte action mounts and clean
- * them up when the action updates or is destroyed. They do not define markup,
- * own state, or depend on Svelte at runtime.
- *
- *   <script>
- *     import { themeToggle } from '@ponchia/ui/svelte';
- *   </script>
- *
- *   <main use:themeToggle>
- *     <button data-bronto-theme-toggle>Toggle theme</button>
- *   </main>
- *
- * @deprecated Import the framework-agnostic behavior initializers directly.
- * This adapter remains compatible in 0.7 and is scheduled for removal no
- * earlier than 0.8 because no real consumer adopted it.
- *
- * @typedef {import('../behaviors/index.js').Cleanup} Cleanup
- * @typedef {import('../behaviors/index.js').DelegateOpts} DelegateOpts
- * @typedef {import('../behaviors/index.js').ThemeStorageOpts} ThemeStorageOpts
- * @typedef {import('../behaviors/index.js').ToastOpts} ToastOpts
- *
- * @typedef {Document | Element | null | undefined} BrontoActionRoot
- *
- * @typedef {Omit<DelegateOpts, 'root'> & { root?: BrontoActionRoot }} BrontoActionOpts
- *
- * @typedef {Omit<ThemeStorageOpts & DelegateOpts, 'root'> & { root?: BrontoActionRoot }} BrontoThemeActionOpts
- *
- * @typedef {{ init: (opts?: DelegateOpts) => Cleanup | void, opts?: BrontoActionOpts | null | undefined }} BrontoBehaviorParams
- *
- * @typedef {(node: Element, opts?: BrontoActionOpts | null | undefined) => SvelteActionReturn} BrontoAction
- *
- * @typedef {(node: Element, opts?: BrontoThemeActionOpts | null | undefined) => SvelteActionReturn} BrontoThemeAction
- *
- * @typedef {{ update?: (next?: unknown) => void, destroy: () => void }} SvelteActionReturn
- */
-import {
-  applyStoredTheme,
-  initThemeToggle,
-  dismissible as initDismissible,
-  initDisabledGuard,
-  initDisclosure,
-  initMenu,
-  initFormValidation,
-  initCombobox,
-  initPopover,
-  initTableSort,
-  initTabs,
-  initDialog,
-  initModal,
-  initCarousel,
-  initDotGlyph,
-  initLegend,
-  initConnectors,
-  initSpotlight,
-  initCrosshair,
-  initCommand,
-  initSources,
-  initSplitter,
-  toast,
-} from '../behaviors/index.js';
-
-function stop(cleanup) {
-  if (typeof cleanup === 'function') cleanup();
-}
-
-function resolveOpts(node, opts) {
-  if (!opts || typeof opts !== 'object') return { root: node };
-  if (!('root' in opts)) return { ...opts, root: node };
-  return { ...opts, root: opts.root || null };
-}
-
-function run(node, init, opts) {
-  if (typeof init !== 'function') return () => {};
-  const cleanup = init(resolveOpts(node, opts));
-  return typeof cleanup === 'function' ? cleanup : () => {};
-}
-
-/**
- * Create a Svelte action from any Bronto delegated behavior initializer.
- *
- * @param {(opts?: DelegateOpts) => Cleanup | void} init
- * @returns {BrontoAction}
- */
-export function createBrontoAction(init) {
-  return (node, opts) => {
-    let cleanup = run(node, init, opts);
-    return {
-      update(next) {
-        stop(cleanup);
-        cleanup = run(node, init, next);
-      },
-      destroy() {
-        stop(cleanup);
-      },
-    };
-  };
-}
-
-/**
- * Generic escape hatch for custom behavior initializers.
- *
- * @param {Element} node
- * @param {BrontoBehaviorParams | null | undefined} params
- * @returns {SvelteActionReturn}
- */
-export function brontoBehavior(node, params) {
-  let cleanup = run(node, params?.init, params?.opts);
-  return {
-    update(next) {
-      stop(cleanup);
-      cleanup = run(node, next?.init, next?.opts);
-    },
-    destroy() {
-      stop(cleanup);
-    },
-  };
-}
-
-export const useBrontoBehavior = brontoBehavior;
-
-/** @type {BrontoThemeAction} */
-export const themeToggle = createBrontoAction(initThemeToggle);
-/** @type {BrontoAction} */
-export const dismissible = createBrontoAction(initDismissible);
-/** @type {BrontoAction} */
-export const disabledGuard = createBrontoAction(initDisabledGuard);
-/** @type {BrontoAction} */
-export const disclosure = createBrontoAction(initDisclosure);
-/** @type {BrontoAction} */
-export const menu = createBrontoAction(initMenu);
-/** @type {BrontoAction} */
-export const formValidation = createBrontoAction(initFormValidation);
-/** @type {BrontoAction} */
-export const combobox = createBrontoAction(initCombobox);
-/** @type {BrontoAction} */
-export const popover = createBrontoAction(initPopover);
-/** @type {BrontoAction} */
-export const tableSort = createBrontoAction(initTableSort);
-/** @type {BrontoAction} */
-export const tabs = createBrontoAction(initTabs);
-/** @type {BrontoAction} */
-export const dialog = createBrontoAction(initDialog);
-/** @type {BrontoAction} */
-export const modal = createBrontoAction(initModal);
-/** @type {BrontoAction} */
-export const carousel = createBrontoAction(initCarousel);
-/** @type {BrontoAction} */
-export const dotGlyph = createBrontoAction(initDotGlyph);
-/** @type {BrontoAction} */
-export const legend = createBrontoAction(initLegend);
-/** @type {BrontoAction} */
-export const connectors = createBrontoAction(initConnectors);
-/** @type {BrontoAction} */
-export const spotlight = createBrontoAction(initSpotlight);
-/** @type {BrontoAction} */
-export const crosshair = createBrontoAction(initCrosshair);
-/** @type {BrontoAction} */
-export const command = createBrontoAction(initCommand);
-/** @type {BrontoAction} */
-export const sources = createBrontoAction(initSources);
-/** @type {BrontoAction} */
-export const splitter = createBrontoAction(initSplitter);
-
-// Hook-style aliases keep this action surface parallel with React/Solid/Qwik.
-/** @type {BrontoThemeAction} */
-export const useThemeToggle = themeToggle;
-export const useDismissible = dismissible;
-export const useDisabledGuard = disabledGuard;
-export const useDisclosure = disclosure;
-export const useMenu = menu;
-export const useFormValidation = formValidation;
-export const useCombobox = combobox;
-export const usePopover = popover;
-export const useTableSort = tableSort;
-export const useTabs = tabs;
-export const useDialog = dialog;
-export const useModal = modal;
-export const useCarousel = carousel;
-export const useDotGlyph = dotGlyph;
-export const useLegend = legend;
-export const useConnectors = connectors;
-export const useSpotlight = spotlight;
-export const useCrosshair = crosshair;
-export const useCommand = command;
-export const useSources = sources;
-export const useSplitter = splitter;
-
-/** The `toast()` imperative (no lifecycle of its own).
- * @returns {(message: string, opts?: ToastOpts) => Cleanup} */
-export const useToast = () => toast;
-
-export { applyStoredTheme, toast };
-export { cls, ui, cx } from '../classes/index.js';

package/vue/index.d.ts

@@ -1,116 +0,0 @@
-/**
- * Create a Vue directive object from any Bronto delegated behavior initializer.
- *
- * @param {(opts?: DelegateOpts) => Cleanup | void} init
- * @returns {BrontoDirective}
- */
-export function createBrontoDirective(init: (opts?: DelegateOpts) => Cleanup | void): BrontoDirective;
-/** @type {BrontoThemeDirective} */
-export const vThemeToggle: BrontoThemeDirective;
-/** @type {BrontoDirective} */
-export const vDismissible: BrontoDirective;
-/** @type {BrontoDirective} */
-export const vDisabledGuard: BrontoDirective;
-/** @type {BrontoDirective} */
-export const vDisclosure: BrontoDirective;
-/** @type {BrontoDirective} */
-export const vMenu: BrontoDirective;
-/** @type {BrontoDirective} */
-export const vFormValidation: BrontoDirective;
-/** @type {BrontoDirective} */
-export const vCombobox: BrontoDirective;
-/** @type {BrontoDirective} */
-export const vPopover: BrontoDirective;
-/** @type {BrontoDirective} */
-export const vTableSort: BrontoDirective;
-/** @type {BrontoDirective} */
-export const vTabs: BrontoDirective;
-/** @type {BrontoDirective} */
-export const vDialog: BrontoDirective;
-/** @type {BrontoDirective} */
-export const vModal: BrontoDirective;
-/** @type {BrontoDirective} */
-export const vCarousel: BrontoDirective;
-/** @type {BrontoDirective} */
-export const vDotGlyph: BrontoDirective;
-/** @type {BrontoDirective} */
-export const vLegend: BrontoDirective;
-/** @type {BrontoDirective} */
-export const vConnectors: BrontoDirective;
-/** @type {BrontoDirective} */
-export const vSpotlight: BrontoDirective;
-/** @type {BrontoDirective} */
-export const vCrosshair: BrontoDirective;
-/** @type {BrontoDirective} */
-export const vCommand: BrontoDirective;
-/** @type {BrontoDirective} */
-export const vSources: BrontoDirective;
-/** @type {BrontoDirective} */
-export const vSplitter: BrontoDirective;
-export const directives: Readonly<{
-    themeToggle: BrontoThemeDirective;
-    dismissible: BrontoDirective;
-    disabledGuard: BrontoDirective;
-    disclosure: BrontoDirective;
-    menu: BrontoDirective;
-    formValidation: BrontoDirective;
-    combobox: BrontoDirective;
-    popover: BrontoDirective;
-    tableSort: BrontoDirective;
-    tabs: BrontoDirective;
-    dialog: BrontoDirective;
-    modal: BrontoDirective;
-    carousel: BrontoDirective;
-    dotGlyph: BrontoDirective;
-    legend: BrontoDirective;
-    connectors: BrontoDirective;
-    spotlight: BrontoDirective;
-    crosshair: BrontoDirective;
-    command: BrontoDirective;
-    sources: BrontoDirective;
-    splitter: BrontoDirective;
-}>;
-/** @type {BrontoVuePlugin} */
-export const brontoVue: BrontoVuePlugin;
-export default brontoVue;
-export function useToast(): (message: string, opts?: ToastOpts) => Cleanup;
-export type Cleanup = import("../behaviors/index.js").Cleanup;
-export type DelegateOpts = import("../behaviors/index.js").DelegateOpts;
-export type ThemeStorageOpts = import("../behaviors/index.js").ThemeStorageOpts;
-export type ToastOpts = import("../behaviors/index.js").ToastOpts;
-export type BrontoDirectiveRoot = Document | Element | null | undefined;
-export type BrontoDirectiveOpts = Omit<DelegateOpts, "root"> & {
-    root?: BrontoDirectiveRoot;
-};
-export type BrontoThemeDirectiveOpts = Omit<ThemeStorageOpts & DelegateOpts, "root"> & {
-    root?: BrontoDirectiveRoot;
-};
-export type BrontoDirectiveBinding = {
-    value?: BrontoDirectiveOpts | null | undefined;
-    oldValue?: BrontoDirectiveOpts | null | undefined;
-};
-export type BrontoThemeDirectiveBinding = {
-    value?: BrontoThemeDirectiveOpts | null | undefined;
-    oldValue?: BrontoThemeDirectiveOpts | null | undefined;
-};
-export type BrontoDirective = {
-    mounted: (el: Element, binding?: BrontoDirectiveBinding) => void;
-    updated: (el: Element, binding?: BrontoDirectiveBinding) => void;
-    beforeUnmount: (el: Element) => void;
-};
-export type BrontoThemeDirective = {
-    mounted: (el: Element, binding?: BrontoThemeDirectiveBinding) => void;
-    updated: (el: Element, binding?: BrontoThemeDirectiveBinding) => void;
-    beforeUnmount: (el: Element) => void;
-};
-export type BrontoVueApp = {
-    directive: (name: string, directive: BrontoDirective | BrontoThemeDirective) => unknown;
-};
-export type BrontoVuePlugin = {
-    install: (app: BrontoVueApp) => void;
-};
-import { applyStoredTheme } from '../behaviors/index.js';
-import { toast } from '../behaviors/index.js';
-export { applyStoredTheme, toast };
-export { cls, ui, cx } from "../classes/index.js";
-//# sourceMappingURL=index.d.ts.map

package/vue/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.js"],"names":[],"mappings":"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"}

package/vue/index.js

@@ -1,266 +0,0 @@
-/**
- * @ponchia/ui/vue — thin Vue directives over @ponchia/ui/behaviors.
- *
- * @deprecated Import the framework-agnostic behavior initializers directly.
- * This adapter remains compatible in 0.7 and is scheduled for removal no
- * earlier than 0.8 because no real consumer adopted it.
- *
- * The CSS is the framework; these are optional lifecycle adapters that run the
- * vanilla behavior initializers from Vue directive hooks. They are plain
- * directive objects, so this module has no runtime dependency on Vue.
- *
- *   import { brontoVue } from '@ponchia/ui/vue';
- *   app.use(brontoVue);
- *
- *   <main v-bronto-theme-toggle>
- *     <button data-bronto-theme-toggle>Toggle theme</button>
- *   </main>
- *
- * @typedef {import('../behaviors/index.js').Cleanup} Cleanup
- * @typedef {import('../behaviors/index.js').DelegateOpts} DelegateOpts
- * @typedef {import('../behaviors/index.js').ThemeStorageOpts} ThemeStorageOpts
- * @typedef {import('../behaviors/index.js').ToastOpts} ToastOpts
- *
- * @typedef {Document | Element | null | undefined} BrontoDirectiveRoot
- *
- * @typedef {Omit<DelegateOpts, 'root'> & { root?: BrontoDirectiveRoot }} BrontoDirectiveOpts
- *
- * @typedef {Omit<ThemeStorageOpts & DelegateOpts, 'root'> & { root?: BrontoDirectiveRoot }} BrontoThemeDirectiveOpts
- *
- * @typedef {{ value?: BrontoDirectiveOpts | null | undefined, oldValue?: BrontoDirectiveOpts | null | undefined }} BrontoDirectiveBinding
- *
- * @typedef {{ value?: BrontoThemeDirectiveOpts | null | undefined, oldValue?: BrontoThemeDirectiveOpts | null | undefined }} BrontoThemeDirectiveBinding
- *
- * @typedef {{ mounted: (el: Element, binding?: BrontoDirectiveBinding) => void, updated: (el: Element, binding?: BrontoDirectiveBinding) => void, beforeUnmount: (el: Element) => void }} BrontoDirective
- *
- * @typedef {{ mounted: (el: Element, binding?: BrontoThemeDirectiveBinding) => void, updated: (el: Element, binding?: BrontoThemeDirectiveBinding) => void, beforeUnmount: (el: Element) => void }} BrontoThemeDirective
- *
- * @typedef {{ directive: (name: string, directive: BrontoDirective | BrontoThemeDirective) => unknown }} BrontoVueApp
- *
- * @typedef {{ install: (app: BrontoVueApp) => void }} BrontoVuePlugin
- */
-import {
-  applyStoredTheme,
-  initThemeToggle,
-  dismissible as initDismissible,
-  initDisabledGuard,
-  initDisclosure,
-  initMenu,
-  initFormValidation,
-  initCombobox,
-  initPopover,
-  initTableSort,
-  initTabs,
-  initDialog,
-  initModal,
-  initCarousel,
-  initDotGlyph,
-  initLegend,
-  initConnectors,
-  initSpotlight,
-  initCrosshair,
-  initCommand,
-  initSources,
-  initSplitter,
-  toast,
-} from '../behaviors/index.js';
-
-const cleanups = new WeakMap();
-const optionSignatures = new WeakMap();
-
-function cleanupMap(el) {
-  let map = cleanups.get(el);
-  if (!map) {
-    map = new Map();
-    cleanups.set(el, map);
-  }
-  return map;
-}
-
-function optionSignatureMap(el) {
-  let map = optionSignatures.get(el);
-  if (!map) {
-    map = new Map();
-    optionSignatures.set(el, map);
-  }
-  return map;
-}
-
-function optionSignature(opts) {
-  return Object.entries(opts).sort(([a], [b]) => a.localeCompare(b));
-}
-
-function sameOptionSignature(a, b) {
-  if (a === b) return true;
-  if (!a || !b || a.length !== b.length) return false;
-  return a.every(([key, value], index) => {
-    const [otherKey, otherValue] = b[index];
-    return key === otherKey && Object.is(value, otherValue);
-  });
-}
-
-function stop(el, key) {
-  const map = cleanups.get(el);
-  const cleanup = map?.get(key);
-  if (typeof cleanup === 'function') cleanup();
-  map?.delete(key);
-  if (map?.size === 0) cleanups.delete(el);
-  const signatures = optionSignatures.get(el);
-  signatures?.delete(key);
-  if (signatures?.size === 0) optionSignatures.delete(el);
-}
-
-function resolveOpts(el, opts) {
-  if (!opts || typeof opts !== 'object') return { root: el };
-  if (!('root' in opts)) return { ...opts, root: el };
-  return { ...opts, root: opts.root || null };
-}
-
-function start(el, key, init, opts) {
-  const resolved = resolveOpts(el, opts);
-  startResolved(el, key, init, resolved, optionSignature(resolved));
-}
-
-function startResolved(el, key, init, resolved, signature) {
-  stop(el, key);
-  const cleanup = init(resolved);
-  if (typeof cleanup === 'function') cleanupMap(el).set(key, cleanup);
-  optionSignatureMap(el).set(key, signature);
-}
-
-/**
- * Create a Vue directive object from any Bronto delegated behavior initializer.
- *
- * @param {(opts?: DelegateOpts) => Cleanup | void} init
- * @returns {BrontoDirective}
- */
-export function createBrontoDirective(init) {
-  const key = Symbol('bronto-vue-directive');
-  return {
-    mounted(el, binding) {
-      start(el, key, init, binding?.value);
-    },
-    updated(el, binding) {
-      const resolved = resolveOpts(el, binding?.value);
-      const signature = optionSignature(resolved);
-      if (sameOptionSignature(optionSignatures.get(el)?.get(key), signature)) return;
-      startResolved(el, key, init, resolved, signature);
-    },
-    beforeUnmount(el) {
-      stop(el, key);
-    },
-  };
-}
-
-/** @type {BrontoThemeDirective} */
-export const vThemeToggle = createBrontoDirective(initThemeToggle);
-/** @type {BrontoDirective} */
-export const vDismissible = createBrontoDirective(initDismissible);
-/** @type {BrontoDirective} */
-export const vDisabledGuard = createBrontoDirective(initDisabledGuard);
-/** @type {BrontoDirective} */
-export const vDisclosure = createBrontoDirective(initDisclosure);
-/** @type {BrontoDirective} */
-export const vMenu = createBrontoDirective(initMenu);
-/** @type {BrontoDirective} */
-export const vFormValidation = createBrontoDirective(initFormValidation);
-/** @type {BrontoDirective} */
-export const vCombobox = createBrontoDirective(initCombobox);
-/** @type {BrontoDirective} */
-export const vPopover = createBrontoDirective(initPopover);
-/** @type {BrontoDirective} */
-export const vTableSort = createBrontoDirective(initTableSort);
-/** @type {BrontoDirective} */
-export const vTabs = createBrontoDirective(initTabs);
-/** @type {BrontoDirective} */
-export const vDialog = createBrontoDirective(initDialog);
-/** @type {BrontoDirective} */
-export const vModal = createBrontoDirective(initModal);
-/** @type {BrontoDirective} */
-export const vCarousel = createBrontoDirective(initCarousel);
-/** @type {BrontoDirective} */
-export const vDotGlyph = createBrontoDirective(initDotGlyph);
-/** @type {BrontoDirective} */
-export const vLegend = createBrontoDirective(initLegend);
-/** @type {BrontoDirective} */
-export const vConnectors = createBrontoDirective(initConnectors);
-/** @type {BrontoDirective} */
-export const vSpotlight = createBrontoDirective(initSpotlight);
-/** @type {BrontoDirective} */
-export const vCrosshair = createBrontoDirective(initCrosshair);
-/** @type {BrontoDirective} */
-export const vCommand = createBrontoDirective(initCommand);
-/** @type {BrontoDirective} */
-export const vSources = createBrontoDirective(initSources);
-/** @type {BrontoDirective} */
-export const vSplitter = createBrontoDirective(initSplitter);
-
-export const directives = Object.freeze({
-  themeToggle: vThemeToggle,
-  dismissible: vDismissible,
-  disabledGuard: vDisabledGuard,
-  disclosure: vDisclosure,
-  menu: vMenu,
-  formValidation: vFormValidation,
-  combobox: vCombobox,
-  popover: vPopover,
-  tableSort: vTableSort,
-  tabs: vTabs,
-  dialog: vDialog,
-  modal: vModal,
-  carousel: vCarousel,
-  dotGlyph: vDotGlyph,
-  legend: vLegend,
-  connectors: vConnectors,
-  spotlight: vSpotlight,
-  crosshair: vCrosshair,
-  command: vCommand,
-  sources: vSources,
-  splitter: vSplitter,
-});
-
-const directiveNames = {
-  themeToggle: 'bronto-theme-toggle',
-  dismissible: 'bronto-dismissible',
-  disabledGuard: 'bronto-disabled-guard',
-  disclosure: 'bronto-disclosure',
-  menu: 'bronto-menu',
-  formValidation: 'bronto-form-validation',
-  combobox: 'bronto-combobox',
-  popover: 'bronto-popover',
-  tableSort: 'bronto-table-sort',
-  tabs: 'bronto-tabs',
-  dialog: 'bronto-dialog',
-  modal: 'bronto-modal',
-  carousel: 'bronto-carousel',
-  dotGlyph: 'bronto-dot-glyph',
-  legend: 'bronto-legend',
-  connectors: 'bronto-connectors',
-  spotlight: 'bronto-spotlight',
-  crosshair: 'bronto-crosshair',
-  command: 'bronto-command',
-  sources: 'bronto-sources',
-  splitter: 'bronto-splitter',
-};
-
-const camelizeDirectiveName = (name) => name.replace(/-([a-z])/g, (_m, ch) => ch.toUpperCase());
-
-/** @type {BrontoVuePlugin} */
-export const brontoVue = Object.freeze({
-  install(app) {
-    for (const [key, directive] of Object.entries(directives)) {
-      const name = directiveNames[key];
-      app.directive(name, directive);
-      app.directive(camelizeDirectiveName(name), directive);
-    }
-  },
-});
-
-export default brontoVue;
-
-/** The `toast()` imperative (no lifecycle of its own).
- * @returns {(message: string, opts?: ToastOpts) => Cleanup} */
-export const useToast = () => toast;
-
-export { applyStoredTheme, toast };
-export { cls, ui, cx } from '../classes/index.js';