@ponchia/ui 0.6.7 → 0.6.8

package/svelte/index.js

@@ -23,8 +23,14 @@
  *
  * @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 {
@@ -73,7 +79,7 @@ function run(node, init, opts) {
  * Create a Svelte action from any Bronto delegated behavior initializer.
  *
  * @param {(opts?: DelegateOpts) => Cleanup | void} init
- * @returns {(node: Element, opts?: BrontoActionOpts | null | undefined) => SvelteActionReturn}
+ * @returns {BrontoAction}
  */
 export function createBrontoAction(init) {
   return (node, opts) => {
@@ -112,30 +118,51 @@ export function brontoBehavior(node, params) {
 
 export const useBrontoBehavior = brontoBehavior;
 
-/** @type {(node: Element, opts?: BrontoActionOpts | null | undefined) => SvelteActionReturn} */
+/** @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;

package/vue/index.d.ts

@@ -5,30 +5,50 @@
  * @returns {BrontoDirective}
  */
 export function createBrontoDirective(init: (opts?: DelegateOpts) => Cleanup | void): BrontoDirective;
+/** @type {BrontoThemeDirective} */
+export const vThemeToggle: BrontoThemeDirective;
 /** @type {BrontoDirective} */
-export const vThemeToggle: 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: BrontoDirective;
+    themeToggle: BrontoThemeDirective;
     dismissible: BrontoDirective;
     disabledGuard: BrontoDirective;
     disclosure: BrontoDirective;
@@ -50,9 +70,8 @@ export const directives: Readonly<{
     sources: BrontoDirective;
     splitter: BrontoDirective;
 }>;
-export const brontoVue: Readonly<{
-    install(app: any): void;
-}>;
+/** @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;
@@ -63,15 +82,33 @@ 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 };

package/vue/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.js"],"names":[],"mappings":"AAoFA;;;;;GAKG;AACH,4CAHW,CAAC,IAAI,CAAC,EAAE,YAAY,KAAK,OAAO,GAAG,IAAI,GACrC,eAAe,CAgB3B;AAED,8BAA8B;AAC9B,2BADW,eAAe,CACyC;AACnE,2CAAmE;AACnE,6CAAuE;AACvE,0CAAiE;AACjE,oCAAqD;AACrD,8CAAyE;AACzE,wCAA6D;AAC7D,uCAA2D;AAC3D,yCAA+D;AAC/D,oCAAqD;AACrD,sCAAyD;AACzD,qCAAuD;AACvD,wCAA6D;AAC7D,wCAA6D;AAC7D,sCAAyD;AACzD,0CAAiE;AACjE,yCAA+D;AAC/D,yCAA+D;AAC/D,uCAA2D;AAC3D,uCAA2D;AAC3D,wCAA6D;AAE7D;;;;;;;;;;;;;;;;;;;;;;GAsBG;AA4BH;;GAQG;;AAMI,4BADM,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,SAAS,KAAK,OAAO,CACxB;sBAnLtB,OAAO,uBAAuB,EAAE,OAAO;2BACvC,OAAO,uBAAuB,EAAE,YAAY;+BAC5C,OAAO,uBAAuB,EAAE,gBAAgB;wBAChD,OAAO,uBAAuB,EAAE,SAAS;kCAEzC,QAAQ,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS;kCAErC,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,mBAAmB,CAAA;CAAE;qCAE3D;IAAE,KAAK,CAAC,EAAE,mBAAmB,GAAG,IAAI,GAAG,SAAS,CAAC;IAAC,QAAQ,CAAC,EAAE,mBAAmB,GAAG,IAAI,GAAG,SAAS,CAAA;CAAE;8BAErG;IAAE,OAAO,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAAC,OAAO,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAAC,aAAa,EAAE,CAAC,EAAE,EAAE,OAAO,KAAK,IAAI,CAAA;CAAE;iCA0BlL,uBAAuB;sBAAvB,uBAAuB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.js"],"names":[],"mappings":"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"}

package/vue/index.js

@@ -21,9 +21,19 @@
  *
  * @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,
@@ -104,27 +114,47 @@ export function createBrontoDirective(init) {
   };
 }
 
-/** @type {BrontoDirective} */
+/** @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({
@@ -177,6 +207,7 @@ const directiveNames = {
 
 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)) {