@poppy-ui/vue 0.0.0-dev.36.93ba5b2

package/dist/public.es.js

@@ -0,0 +1,15 @@
+import { n as e, t } from "./symbol-CziS7Pho.js";
+//#endregion
+//#region src/public.ts
+var n = { install(n, r = {}) {
+	n.provide(e, r?.size || "md");
+	for (let [e, i] of Object.entries(r?.components || {})) {
+		let r = t(e);
+		n.provide(r, i);
+	}
+	r?.debug && (window.__POPPY_UI_PLUGIN_OPTIONS__ = r, console.log("Poppy UI Plugin Options:", r));
+} };
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=public.es.js.map

package/dist/public.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.es.js","names":[],"sources":["../src/plugin-vue.ts","../src/public.ts"],"sourcesContent":["import type { App } from 'vue'\nimport type { PoppyComponentConfig } from './config/config.type'\nimport { COMPONENT_SIZE } from './config/size.context'\nimport { createComponentConfigKey } from './config/symbol'\nimport type { ComponentSize } from './types/size.type'\n\ntype Plugin<T> = import('vue').Plugin<T>\n\ndeclare global {\n  export interface Window {\n    /**\n     * Poppy UI plugin options for debugging purposes. This is only set if the `debug` option is enabled when installing the plugin.\n     *\n     * @since 0.0.0\n     */\n    __POPPY_UI_PLUGIN_OPTIONS__?: PluginOptions\n  }\n}\n\nexport interface PluginOptions {\n  /**\n   * Default size for all components. This will be used as the default size for any component that doesn't have a specific size prop set. You can override this default size on a per-component basis by providing specific configurations in the `components` option or by passing the `size` prop directly to individual components.\n   * @since 0.0.0\n   */\n  size?: ComponentSize\n\n  /**\n   * Component-specific default configurations. You can specify default props for each component here, which will be merged with the props passed directly to the component. This allows you to set global defaults for your components while still allowing individual instances to override them as needed.\n   * @since 0.0.0\n   */\n  components?: Partial<PoppyComponentConfig>\n\n  /**\n   * Allows you to enable debug mode, which will log the plugin options to the console and expose them on the `window` object for easier debugging.\n   * @since 0.0.0\n   */\n  debug?: true\n}\n\nexport const PoppyUi = {\n  install(app: App, options: PluginOptions = {}) {\n    app.provide(COMPONENT_SIZE, options?.size || 'md')\n\n    for (const [componentName, componentConfig] of Object.entries(options?.components || {})) {\n      const key = createComponentConfigKey(componentName as keyof PoppyComponentConfig)\n      app.provide(key, componentConfig as never)\n    }\n\n    if (options?.debug) {\n      window.__POPPY_UI_PLUGIN_OPTIONS__ = options\n      console.log('Poppy UI Plugin Options:', options)\n    }\n  },\n} as Plugin<[PluginOptions?]>\n","import { PoppyUi } from './plugin-vue'\n\nexport default PoppyUi\nexport * from './components/actions/public.types'\nexport * from './components/data/public.types'\nexport * from './components/display/public.types'\nexport * from './components/feedback/public.types'\nexport * from './components/layout/public.types'\nexport * from './components/media/public.types'\nexport * from './components/navigation/public.types'\nexport * from './config/public.types'\nexport type { PluginOptions } from './plugin-vue'\n"],"mappings":";;;ACEA,IAAA,IAAe,EDsCb,QAAQ,GAAU,IAAyB,CAAC,GAAG;CAC7C,EAAI,QAAQ,GAAgB,GAAS,QAAQ,IAAI;CAEjD,KAAK,IAAM,CAAC,GAAe,MAAoB,OAAO,QAAQ,GAAS,cAAc,CAAC,CAAC,GAAG;EACxF,IAAM,IAAM,EAAyB,CAA2C;EAChF,EAAI,QAAQ,GAAK,CAAwB;CAC3C;CAEA,AAAI,GAAS,UACX,OAAO,8BAA8B,GACrC,QAAQ,IAAI,4BAA4B,CAAO;AAEnD,EClDa"}

package/dist/public.umd.js

@@ -0,0 +1,2 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./symbol-Cleu4XHu.cjs");var t={install(t,n={}){t.provide(e.n,n?.size||`md`);for(let[r,i]of Object.entries(n?.components||{})){let n=e.t(r);t.provide(n,i)}n?.debug&&(window.__POPPY_UI_PLUGIN_OPTIONS__=n,console.log(`Poppy UI Plugin Options:`,n))}};exports.default=t;
+//# sourceMappingURL=public.umd.js.map

package/dist/public.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.umd.js","names":[],"sources":["../src/plugin-vue.ts","../src/public.ts"],"sourcesContent":["import type { App } from 'vue'\nimport type { PoppyComponentConfig } from './config/config.type'\nimport { COMPONENT_SIZE } from './config/size.context'\nimport { createComponentConfigKey } from './config/symbol'\nimport type { ComponentSize } from './types/size.type'\n\ntype Plugin<T> = import('vue').Plugin<T>\n\ndeclare global {\n  export interface Window {\n    /**\n     * Poppy UI plugin options for debugging purposes. This is only set if the `debug` option is enabled when installing the plugin.\n     *\n     * @since 0.0.0\n     */\n    __POPPY_UI_PLUGIN_OPTIONS__?: PluginOptions\n  }\n}\n\nexport interface PluginOptions {\n  /**\n   * Default size for all components. This will be used as the default size for any component that doesn't have a specific size prop set. You can override this default size on a per-component basis by providing specific configurations in the `components` option or by passing the `size` prop directly to individual components.\n   * @since 0.0.0\n   */\n  size?: ComponentSize\n\n  /**\n   * Component-specific default configurations. You can specify default props for each component here, which will be merged with the props passed directly to the component. This allows you to set global defaults for your components while still allowing individual instances to override them as needed.\n   * @since 0.0.0\n   */\n  components?: Partial<PoppyComponentConfig>\n\n  /**\n   * Allows you to enable debug mode, which will log the plugin options to the console and expose them on the `window` object for easier debugging.\n   * @since 0.0.0\n   */\n  debug?: true\n}\n\nexport const PoppyUi = {\n  install(app: App, options: PluginOptions = {}) {\n    app.provide(COMPONENT_SIZE, options?.size || 'md')\n\n    for (const [componentName, componentConfig] of Object.entries(options?.components || {})) {\n      const key = createComponentConfigKey(componentName as keyof PoppyComponentConfig)\n      app.provide(key, componentConfig as never)\n    }\n\n    if (options?.debug) {\n      window.__POPPY_UI_PLUGIN_OPTIONS__ = options\n      console.log('Poppy UI Plugin Options:', options)\n    }\n  },\n} as Plugin<[PluginOptions?]>\n","import { PoppyUi } from './plugin-vue'\n\nexport default PoppyUi\nexport * from './components/actions/public.types'\nexport * from './components/data/public.types'\nexport * from './components/display/public.types'\nexport * from './components/feedback/public.types'\nexport * from './components/layout/public.types'\nexport * from './components/media/public.types'\nexport * from './components/navigation/public.types'\nexport * from './config/public.types'\nexport type { PluginOptions } from './plugin-vue'\n"],"mappings":"wICEA,IAAA,EAAe,CDsCb,QAAQ,EAAU,EAAyB,CAAC,EAAG,CAC7C,EAAI,QAAQ,EAAA,EAAgB,GAAS,MAAQ,IAAI,EAEjD,IAAK,GAAM,CAAC,EAAe,KAAoB,OAAO,QAAQ,GAAS,YAAc,CAAC,CAAC,EAAG,CACxF,IAAM,EAAM,EAAA,EAAyB,CAA2C,EAChF,EAAI,QAAQ,EAAK,CAAwB,CAC3C,CAEI,GAAS,QACX,OAAO,4BAA8B,EACrC,QAAQ,IAAI,2BAA4B,CAAO,EAEnD,CClDa"}

package/dist/style.css

@@ -0,0 +1,2 @@
+.dropdown-trigger[data-v-44ca398b]{anchor-name:var(--d3d75078)}.dropdown[data-v-44ca398b]{position-anchor:var(--d3d75078)}.accordion-enter-active[data-v-b846d115],.accordion-leave-active[data-v-b846d115]{transition:max-height .2s,opacity .2s;overflow:hidden}.accordion-enter-from[data-v-b846d115],.accordion-leave-to[data-v-b846d115]{opacity:0;max-height:0!important}.field-message-enter-active[data-v-5c368088],.field-message-leave-active[data-v-5c368088]{transition:opacity .2s,transform .2s}.field-message-enter-from[data-v-5c368088],.field-message-leave-to[data-v-5c368088]{opacity:0;transform:translateY(-4px)}[data-v-3650afc1] .highlighted>a,[data-v-3650afc1] .highlighted>button{background-color:var(--color-base-200)}.select[data-v-3650afc1]{background-image:initial;background-position:initial;background-size:initial;background-repeat:initial}.anchor-trigger[data-v-3650afc1]{anchor-name:var(--v0593ec67)}.anchor-dropdown[data-v-3650afc1]{position-anchor:var(--v0593ec67);position-area:block-end center;position-try-fallbacks:flip-block, flip-inline;position-try-order:most-height;left:anchor(left);right:anchor(right);margin-block-start:4px}.dropdown-enter-active[data-v-3650afc1],.dropdown-leave-active[data-v-3650afc1]{transition:opacity .15s,transform .15s}.dropdown-enter-from[data-v-3650afc1],.dropdown-leave-to[data-v-3650afc1]{opacity:0;transform:translateY(-4px)}.slider-root[data-v-70f09f1a]{--slider-color:var(--color-base-content);--slider-track-h:.375rem;--slider-thumb-size:1.25rem;width:100%;height:calc(var(--slider-thumb-size) + .5rem);cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;align-items:center;display:flex;position:relative}.slider-root.slider--xs[data-v-70f09f1a]{--slider-track-h:.2rem;--slider-thumb-size:.75rem}.slider-root.slider--sm[data-v-70f09f1a]{--slider-track-h:.25rem;--slider-thumb-size:1rem}.slider-root.slider--md[data-v-70f09f1a]{--slider-track-h:.375rem;--slider-thumb-size:1.25rem}.slider-root.slider--lg[data-v-70f09f1a]{--slider-track-h:.5rem;--slider-thumb-size:1.625rem}.slider-root.slider--xl[data-v-70f09f1a]{--slider-track-h:.625rem;--slider-thumb-size:2rem}.slider-root.slider--neutral[data-v-70f09f1a]{--slider-color:var(--color-neutral)}.slider-root.slider--primary[data-v-70f09f1a]{--slider-color:var(--color-primary)}.slider-root.slider--secondary[data-v-70f09f1a]{--slider-color:var(--color-secondary)}.slider-root.slider--accent[data-v-70f09f1a]{--slider-color:var(--color-accent)}.slider-root.slider--info[data-v-70f09f1a]{--slider-color:var(--color-info)}.slider-root.slider--success[data-v-70f09f1a]{--slider-color:var(--color-success)}.slider-root.slider--warning[data-v-70f09f1a]{--slider-color:var(--color-warning)}.slider-root.slider--error[data-v-70f09f1a]{--slider-color:var(--color-error)}.slider-horizontal[data-v-70f09f1a]{width:100%}.slider-vertical[data-v-70f09f1a]{width:var(--slider-thumb-size);flex-direction:column;align-items:center;height:200px}.slider-disabled[data-v-70f09f1a]{cursor:not-allowed;opacity:.5}.slider-rail[data-v-70f09f1a]{width:100%;height:var(--slider-track-h);background-color:color-mix(in oklch, var(--slider-color) 20%, var(--color-base-200));pointer-events:none;border-radius:9999px;position:absolute}.slider-vertical .slider-rail[data-v-70f09f1a]{width:var(--slider-track-h);height:100%}.slider-track[data-v-70f09f1a]{height:var(--slider-track-h);background-color:var(--slider-color);pointer-events:none;border-radius:9999px;position:absolute}.slider-vertical .slider-track[data-v-70f09f1a]{width:var(--slider-track-h)}.slider-thumb[data-v-70f09f1a]{width:var(--slider-thumb-size);height:var(--slider-thumb-size);background-color:var(--color-base-100);border:2px solid var(--slider-color);cursor:pointer;z-index:2;pointer-events:auto;-webkit-user-select:none;user-select:none;border-radius:9999px;position:absolute;box-shadow:0 1px 3px #00000026;display:block!important}.slider-thumb[data-v-70f09f1a]:hover{transform:scale(1.1);box-shadow:0 2px 6px #0003}.slider-thumb[data-v-70f09f1a]:active{transform:scale(.95)}.slider-thumb[data-v-70f09f1a]:focus{outline:2px solid var(--slider-color);outline-offset:2px}.slider-disabled .slider-thumb[data-v-70f09f1a]{cursor:not-allowed;pointer-events:none;transform:none}.slider-value-label[data-v-70f09f1a]{background-color:var(--color-base-100);color:var(--color-base-content);white-space:nowrap;opacity:0;visibility:hidden;z-index:3;pointer-events:none;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500;position:absolute}.slider-value-label-visible[data-v-70f09f1a]{opacity:1;visibility:visible}.tooltip-anchor[data-v-e6895ed4]{anchor-name:var(--v3d3c7c28);display:inline-block}.tooltip-popover[data-v-e6895ed4]{position-anchor:var(--v3d3c7c28);background:var(--color-base-300);color:var(--color-base-content);white-space:nowrap;inset:unset;border:none;border-radius:.25rem;margin:0;padding:.25rem .5rem;font-size:.875rem;position:fixed}.tooltip-popover.tooltip-top[data-v-e6895ed4]{bottom:calc(anchor(top) + .5rem);justify-self:anchor-center}.tooltip-popover.tooltip-bottom[data-v-e6895ed4]{top:calc(anchor(bottom) + .5rem);justify-self:anchor-center}.tooltip-popover.tooltip-left[data-v-e6895ed4]{right:calc(anchor(left) + .5rem);align-self:anchor-center}.tooltip-popover.tooltip-right[data-v-e6895ed4]{left:calc(anchor(right) + .5rem);align-self:anchor-center}.tooltip-popover.tooltip-neutral[data-v-e6895ed4]{background:var(--color-neutral);color:var(--color-neutral-content)}.tooltip-popover.tooltip-primary[data-v-e6895ed4]{background:var(--color-primary);color:var(--color-primary-content)}.tooltip-popover.tooltip-secondary[data-v-e6895ed4]{background:var(--color-secondary);color:var(--color-secondary-content)}.tooltip-popover.tooltip-accent[data-v-e6895ed4]{background:var(--color-accent);color:var(--color-accent-content)}.tooltip-popover.tooltip-info[data-v-e6895ed4]{background:var(--color-info);color:var(--color-info-content)}.tooltip-popover.tooltip-success[data-v-e6895ed4]{background:var(--color-success);color:var(--color-success-content)}.tooltip-popover.tooltip-warning[data-v-e6895ed4]{background:var(--color-warning);color:var(--color-warning-content)}.tooltip-popover.tooltip-error[data-v-e6895ed4]{background:var(--color-error);color:var(--color-error-content)}
+/*$vite$:1*/

package/dist/symbol-Cleu4XHu.cjs

@@ -0,0 +1,2 @@
+var e=Symbol(`pop-component--size`),t=new Map;function n(e){if(!t.has(e)){let n=Symbol(`config-${String(e)}`);t.set(e,n)}return t.get(e)}Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return n}});
+//# sourceMappingURL=symbol-Cleu4XHu.cjs.map

package/dist/symbol-Cleu4XHu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"symbol-Cleu4XHu.cjs","names":[],"sources":["../src/config/size.context.ts","../src/config/symbol.ts"],"sourcesContent":["import type { ComponentSize } from '@/types/size.type'\nimport type { InjectionKey } from 'vue'\n\nexport const COMPONENT_SIZE = Symbol('pop-component--size') as InjectionKey<ComponentSize>\n","import type { PoppyComponentConfig } from '@/config/config.type'\nimport type { InjectionKey } from 'vue'\n\nconst knownComponentConfigKeys = new Map<keyof PoppyComponentConfig, InjectionKey<unknown>>()\n\nexport function createComponentConfigKey<K extends keyof PoppyComponentConfig>(name: K) {\n  type Key = InjectionKey<Partial<PoppyComponentConfig[K]>>\n\n  if (!knownComponentConfigKeys.has(name)) {\n    const key = Symbol(`config-${String(name)}`) as Key\n    knownComponentConfigKeys.set(name, key)\n  }\n\n  return knownComponentConfigKeys.get(name) as Key\n}\n"],"mappings":"AAGA,IAAa,EAAiB,OAAO,qBAAqB,ECApD,EAA2B,IAAI,IAErC,SAAgB,EAA+D,EAAS,CAGtF,GAAI,CAAC,EAAyB,IAAI,CAAI,EAAG,CACvC,IAAM,EAAM,OAAO,UAAU,OAAO,CAAI,GAAG,EAC3C,EAAyB,IAAI,EAAM,CAAG,CACxC,CAEA,OAAO,EAAyB,IAAI,CAAI,CAC1C"}

package/dist/symbol-CziS7Pho.js

@@ -0,0 +1,13 @@
+//#region src/config/size.context.ts
+var e = Symbol("pop-component--size"), t = /* @__PURE__ */ new Map();
+function n(e) {
+	if (!t.has(e)) {
+		let n = Symbol(`config-${String(e)}`);
+		t.set(e, n);
+	}
+	return t.get(e);
+}
+//#endregion
+export { e as n, n as t };
+
+//# sourceMappingURL=symbol-CziS7Pho.js.map

package/dist/symbol-CziS7Pho.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"symbol-CziS7Pho.js","names":[],"sources":["../src/config/size.context.ts","../src/config/symbol.ts"],"sourcesContent":["import type { ComponentSize } from '@/types/size.type'\nimport type { InjectionKey } from 'vue'\n\nexport const COMPONENT_SIZE = Symbol('pop-component--size') as InjectionKey<ComponentSize>\n","import type { PoppyComponentConfig } from '@/config/config.type'\nimport type { InjectionKey } from 'vue'\n\nconst knownComponentConfigKeys = new Map<keyof PoppyComponentConfig, InjectionKey<unknown>>()\n\nexport function createComponentConfigKey<K extends keyof PoppyComponentConfig>(name: K) {\n  type Key = InjectionKey<Partial<PoppyComponentConfig[K]>>\n\n  if (!knownComponentConfigKeys.has(name)) {\n    const key = Symbol(`config-${String(name)}`) as Key\n    knownComponentConfigKeys.set(name, key)\n  }\n\n  return knownComponentConfigKeys.get(name) as Key\n}\n"],"mappings":";AAGA,IAAa,IAAiB,OAAO,qBAAqB,GCApD,oBAA2B,IAAI,IAAuD;AAE5F,SAAgB,EAA+D,GAAS;CAGtF,IAAI,CAAC,EAAyB,IAAI,CAAI,GAAG;EACvC,IAAM,IAAM,OAAO,UAAU,OAAO,CAAI,GAAG;EAC3C,EAAyB,IAAI,GAAM,CAAG;CACxC;CAEA,OAAO,EAAyB,IAAI,CAAI;AAC1C"}

package/dist/toast.context-BNg0Zn09.cjs

@@ -0,0 +1,2 @@
+var e=require("./symbol-Cleu4XHu.cjs").t(`toast`),t=Symbol(`toast`);Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return e}});
+//# sourceMappingURL=toast.context-BNg0Zn09.cjs.map

package/dist/toast.context-BNg0Zn09.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.context-BNg0Zn09.cjs","names":[],"sources":["../src/components/feedback/toast/toast.context.ts"],"sourcesContent":["import type { ToastItem } from '@/composables/use-toast'\nimport { createComponentConfigKey } from '@/config/symbol'\nimport type { InjectionKey } from 'vue'\n\nexport const TOAST_CONFIG = createComponentConfigKey('toast')\n\nexport type ToastContext = {\n  push: (message: string, options?: Partial<Omit<ToastItem, 'id' | 'message'>>) => void\n  dismiss: (id: number) => void\n}\n\nexport const TOAST_CONTEXT_KEY = Symbol('toast') as InjectionKey<ToastContext>\n"],"mappings":"AAIA,IAAa,iCAAe,EAAA,EAAyB,OAAO,EAO/C,EAAoB,OAAO,OAAO"}

package/dist/toast.context-CTPY2imu.js

@@ -0,0 +1,7 @@
+import { t as e } from "./symbol-CziS7Pho.js";
+//#region src/components/feedback/toast/toast.context.ts
+var t = e("toast"), n = Symbol("toast");
+//#endregion
+export { n, t };
+
+//# sourceMappingURL=toast.context-CTPY2imu.js.map

package/dist/toast.context-CTPY2imu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.context-CTPY2imu.js","names":[],"sources":["../src/components/feedback/toast/toast.context.ts"],"sourcesContent":["import type { ToastItem } from '@/composables/use-toast'\nimport { createComponentConfigKey } from '@/config/symbol'\nimport type { InjectionKey } from 'vue'\n\nexport const TOAST_CONFIG = createComponentConfigKey('toast')\n\nexport type ToastContext = {\n  push: (message: string, options?: Partial<Omit<ToastItem, 'id' | 'message'>>) => void\n  dismiss: (id: number) => void\n}\n\nexport const TOAST_CONTEXT_KEY = Symbol('toast') as InjectionKey<ToastContext>\n"],"mappings":";;AAIA,IAAa,IAAe,EAAyB,OAAO,GAO/C,IAAoB,OAAO,OAAO"}

package/dist/types/public.d.ts

@@ -0,0 +1,3 @@
+export * from './size.type';
+export * from './utils.type';
+//# sourceMappingURL=public.d.ts.map

package/dist/types/public.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../src/types/public.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA"}

package/dist/types/public.umd.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});

package/dist/types/size.type.d.ts

@@ -0,0 +1,2 @@
+export type ComponentSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+//# sourceMappingURL=size.type.d.ts.map

package/dist/types/size.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"size.type.d.ts","sourceRoot":"","sources":["../../src/types/size.type.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA"}

package/dist/types/utils.type.d.ts

@@ -0,0 +1,5 @@
+export type ComponentClass<Prefix extends string, Keys extends string> = {
+    [K in Keys]: `${Prefix}-${K}`;
+};
+export type CounterFn = (current: number, min?: number, max?: number) => string;
+//# sourceMappingURL=utils.type.d.ts.map

package/dist/types/utils.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.type.d.ts","sourceRoot":"","sources":["../../src/types/utils.type.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,CAAC,MAAM,SAAS,MAAM,EAAE,IAAI,SAAS,MAAM,IAAI;KACtE,CAAC,IAAI,IAAI,GAAG,GAAG,MAAM,IAAI,CAAC,EAAE;CAC9B,CAAA;AAED,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA"}

package/dist/use-component-config-C-IlXF0W.cjs

@@ -0,0 +1,2 @@
+const e=require("./symbol-Cleu4XHu.cjs");let t=require("vue");function n(...e){return e.reduce((e,t)=>{let n=Object.fromEntries(Object.entries(t).filter(([e,t])=>t!==void 0));return{...e,...n}},{})}function r(r,i,a,o){let s=(0,t.inject)(r,{}),c=(0,t.inject)(e.n,`md`);return(0,t.computed)(()=>n({size:c},a??{},s,o??{},i))}Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return n}});
+//# sourceMappingURL=use-component-config-C-IlXF0W.cjs.map

package/dist/use-component-config-C-IlXF0W.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-component-config-C-IlXF0W.cjs","names":[],"sources":["../src/composables/use-component-config.ts"],"sourcesContent":["import { COMPONENT_SIZE } from '@/config/size.context'\nimport { type ComputedRef, computed, type InjectionKey, inject } from 'vue'\n\n/**\n * Merges objects while ignoring `undefined` values, allowing lower-priority\n * configuration to remain in effect.\n *\n * Priority order (rightmost wins):\n *   defaults → pluginConfig → contextOverrides (Form → FormField) → local props\n */\nexport function mergeProps<T extends Record<string, any>[]>(...objects: T): any {\n  return objects.reduce((acc, curr) => {\n    const cleanCurr = Object.fromEntries(Object.entries(curr).filter(([_, v]) => v !== undefined))\n    return { ...acc, ...cleanCurr }\n  }, {})\n}\n\n/**\n * Resolves the final config of a component by merging in the following order:\n *\n * 1. `defaults`          — hardcoded component defaults (e.g. `{ size: 'md', counter: false }`)\n * 2. `pluginConfig`      — inject(key) — global config provided via PoppyPlugin\n * 3. `contextOverrides`  — values inherited from Form / FormField (passed explicitly)\n * 4. `props`             — local props declared on the instance (highest priority)\n *\n * `undefined` values are ignored at each level, which allows `false` to correctly\n * override a parent value without `undefined` inadvertently clearing it.\n *\n * @param key              - InjectionKey for the component's pluginConfig\n * @param props            - Instance props (defineProps)\n * @param defaults         - Hardcoded default values\n * @param contextOverrides - Values inherited from the Form/FormField context (optional)\n */\nexport function useComponentConfig<T extends Record<string, any>, P extends Record<string, any>>(\n  key: InjectionKey<T>,\n  props: P,\n  defaults?: Partial<P & T>,\n  contextOverrides?: Record<string, any>,\n): ComputedRef<P & T> {\n  const pluginConfig = inject(key, {} as T)\n  const globalSize = inject(COMPONENT_SIZE, 'md')\n\n  return computed(() => mergeProps({ size: globalSize }, defaults ?? {}, pluginConfig, contextOverrides ?? {}, props))\n}\n"],"mappings":"8DAUA,SAAgB,EAA4C,GAAG,EAAiB,CAC9E,OAAO,EAAQ,QAAQ,EAAK,IAAS,CACnC,IAAM,EAAY,OAAO,YAAY,OAAO,QAAQ,CAAI,EAAE,QAAQ,CAAC,EAAG,KAAO,IAAM,IAAA,EAAS,CAAC,EAC7F,MAAO,CAAE,GAAG,EAAK,GAAG,CAAU,CAChC,EAAG,CAAC,CAAC,CACP,CAkBA,SAAgB,EACd,EACA,EACA,EACA,EACoB,CACpB,IAAM,GAAA,EAAA,EAAA,QAAsB,EAAK,CAAC,CAAM,EAClC,GAAA,EAAA,EAAA,QAAoB,EAAA,EAAgB,IAAI,EAE9C,OAAA,EAAA,EAAA,cAAsB,EAAW,CAAE,KAAM,CAAW,EAAG,GAAY,CAAC,EAAG,EAAc,GAAoB,CAAC,EAAG,CAAK,CAAC,CACrH"}

package/dist/use-component-config-CaJQbJOW.js

@@ -0,0 +1,20 @@
+import { n as e } from "./symbol-CziS7Pho.js";
+import { computed as t, inject as n } from "vue";
+//#region src/composables/use-component-config.ts
+function r(...e) {
+	return e.reduce((e, t) => {
+		let n = Object.fromEntries(Object.entries(t).filter(([e, t]) => t !== void 0));
+		return {
+			...e,
+			...n
+		};
+	}, {});
+}
+function i(i, a, o, s) {
+	let c = n(i, {}), l = n(e, "md");
+	return t(() => r({ size: l }, o ?? {}, c, s ?? {}, a));
+}
+//#endregion
+export { i as n, r as t };
+
+//# sourceMappingURL=use-component-config-CaJQbJOW.js.map

package/dist/use-component-config-CaJQbJOW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-component-config-CaJQbJOW.js","names":[],"sources":["../src/composables/use-component-config.ts"],"sourcesContent":["import { COMPONENT_SIZE } from '@/config/size.context'\nimport { type ComputedRef, computed, type InjectionKey, inject } from 'vue'\n\n/**\n * Merges objects while ignoring `undefined` values, allowing lower-priority\n * configuration to remain in effect.\n *\n * Priority order (rightmost wins):\n *   defaults → pluginConfig → contextOverrides (Form → FormField) → local props\n */\nexport function mergeProps<T extends Record<string, any>[]>(...objects: T): any {\n  return objects.reduce((acc, curr) => {\n    const cleanCurr = Object.fromEntries(Object.entries(curr).filter(([_, v]) => v !== undefined))\n    return { ...acc, ...cleanCurr }\n  }, {})\n}\n\n/**\n * Resolves the final config of a component by merging in the following order:\n *\n * 1. `defaults`          — hardcoded component defaults (e.g. `{ size: 'md', counter: false }`)\n * 2. `pluginConfig`      — inject(key) — global config provided via PoppyPlugin\n * 3. `contextOverrides`  — values inherited from Form / FormField (passed explicitly)\n * 4. `props`             — local props declared on the instance (highest priority)\n *\n * `undefined` values are ignored at each level, which allows `false` to correctly\n * override a parent value without `undefined` inadvertently clearing it.\n *\n * @param key              - InjectionKey for the component's pluginConfig\n * @param props            - Instance props (defineProps)\n * @param defaults         - Hardcoded default values\n * @param contextOverrides - Values inherited from the Form/FormField context (optional)\n */\nexport function useComponentConfig<T extends Record<string, any>, P extends Record<string, any>>(\n  key: InjectionKey<T>,\n  props: P,\n  defaults?: Partial<P & T>,\n  contextOverrides?: Record<string, any>,\n): ComputedRef<P & T> {\n  const pluginConfig = inject(key, {} as T)\n  const globalSize = inject(COMPONENT_SIZE, 'md')\n\n  return computed(() => mergeProps({ size: globalSize }, defaults ?? {}, pluginConfig, contextOverrides ?? {}, props))\n}\n"],"mappings":";;;AAUA,SAAgB,EAA4C,GAAG,GAAiB;CAC9E,OAAO,EAAQ,QAAQ,GAAK,MAAS;EACnC,IAAM,IAAY,OAAO,YAAY,OAAO,QAAQ,CAAI,EAAE,QAAQ,CAAC,GAAG,OAAO,MAAM,KAAA,CAAS,CAAC;EAC7F,OAAO;GAAE,GAAG;GAAK,GAAG;EAAU;CAChC,GAAG,CAAC,CAAC;AACP;AAkBA,SAAgB,EACd,GACA,GACA,GACA,GACoB;CACpB,IAAM,IAAe,EAAO,GAAK,CAAC,CAAM,GAClC,IAAa,EAAO,GAAgB,IAAI;CAE9C,OAAO,QAAe,EAAW,EAAE,MAAM,EAAW,GAAG,KAAY,CAAC,GAAG,GAAc,KAAoB,CAAC,GAAG,CAAK,CAAC;AACrH"}

package/dist/use-select-counter-CgQha-_T.cjs

@@ -0,0 +1,2 @@
+const e=require("./symbol-Cleu4XHu.cjs");let t=require("vue"),n=require("vue-i18n");var r=Symbol(`FormFieldContext`);e.t(`formField`);function i(e,t){if(e.validity.valid)return null;let n=e.validity;return n.valueMissing?t(`common.validation.required`):n.typeMismatch?t(`common.validation.format.${e.getAttribute(`type`)||`default`}`,{},t(`common.validation.format.default`)):n.tooShort?t(`common.validation.minLength`,{min:e.getAttribute(`minLength`)||`0`}):n.tooLong?t(`common.validation.maxLength`,{max:e.getAttribute(`maxLength`)||`0`}):n.rangeUnderflow?t(`common.validation.min`,{min:e.getAttribute(`min`)||`0`}):n.rangeOverflow?t(`common.validation.max`,{max:e.getAttribute(`max`)||`0`}):n.patternMismatch?e.getAttribute(`title`)||t(`common.validation.pattern`):n.stepMismatch?t(`common.validation.stepMismatch`):n.badInput?t(`common.validation.badInput`):n.customError?e.validationMessage||t(`common.validation.customError`):e.validationMessage||null}function a(e){let{t:a}=(0,n.useI18n)(),o=(0,t.inject)(r,null);(0,t.onMounted)(()=>{o?.setRequired(e.required.value)}),(0,t.watch)(e.required,e=>{o?.setRequired(e)});let s=Symbol();(0,t.onMounted)(()=>{o&&o.registerValidator(s,()=>(o.setTouched(!0),u()))}),(0,t.onUnmounted)(()=>{o?.unregisterValidator(s)});let c=(0,t.computed)(()=>o?.value.value),l=(0,t.computed)(()=>{if(!o)return!1;let e=o.state.value;return e.hasError&&!e.isDirty});function u(){let t=e.inputEl?.value;if(!t||!o)return!0;let n=i(t,a);return o.setError(n??void 0),!n}function d(){o?.setTouched(!0),u()}function f(){o?.setError(void 0)}function p(t){let n=e.inputEl?.value;n&&n.setCustomValidity(t)}return{field:o,fieldValue:c,hasServerError:l,validate:u,onBlur:d,clearError:f,setDelegateMessage:p}}function o(e,n){return{counterText:(0,t.computed)(()=>!n.multiple?.value||!n.min?.value&&!n.max?.value?null:n.formatter?.value?n.formatter.value(e.value,n.min?.value,n.max?.value):n.max?.value?`${e.value} / ${n.max.value}`:`${e.value}`),counterColor:(0,t.computed)(()=>n.max?.value&&e.value>n.max.value?`text-error`:n.min?.value&&e.value<n.min.value?`text-warning`:`opacity-40`),isAtMax:(0,t.computed)(()=>!n.max?.value||!n.multiple?.value?!1:e.value>=n.max.value)}}Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});
+//# sourceMappingURL=use-select-counter-CgQha-_T.cjs.map

package/dist/use-select-counter-CgQha-_T.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-select-counter-CgQha-_T.cjs","names":[],"sources":["../src/components/data/form-field/form-field.context.ts","../src/utils/get-validation-message.ts","../src/composables/use-form-field.ts","../src/composables/use-select-counter.ts"],"sourcesContent":["import { createComponentConfigKey } from '@/config/symbol'\nimport type { ComputedRef, InjectionKey, ShallowRef } from 'vue'\nimport type { FieldState } from '../form/form.types'\n\nexport interface FormFieldContext<T = unknown> {\n  /** Field name / dot-notation path — matches FormContext data keys. */\n  name: string\n\n  /**\n   * Whether the child input is required.\n   * Set by child inputs calling `setRequired()` on mount and on change.\n   * Drives the \"*\" indicator on the FormField label.\n   */\n  required: ShallowRef<boolean>\n\n  /** Current field value resolved from FormContext. */\n  value: ComputedRef<T>\n\n  /** Current field error resolved from FormContext. */\n  error: ComputedRef<string | undefined>\n\n  /** Current FieldState resolved from FormContext. */\n  state: ComputedRef<FieldState>\n\n  /**\n   * Counter config — raw `boolean | undefined`.\n   * `undefined` = no opinion; the input resolves final value via `mergeProps`.\n   */\n  counter: ShallowRef<boolean | undefined>\n  counterFormat: ShallowRef<string | ((c: number, min?: number, max?: number) => string) | undefined>\n\n  /**\n   * Counter display — pushed up by child inputs so FormField can render\n   * the counter on the same line as the error/hint.\n   */\n  counterText: ShallowRef<string>\n  counterColor: ShallowRef<string>\n\n  /** Updates the field value in FormContext. */\n  setValue: (value: unknown) => void\n\n  /** Called by child inputs to declare themselves required or not. */\n  setRequired: (value: boolean) => void\n\n  /** Marks the field dirty in FormContext. */\n  setDirty: (value?: boolean) => void\n\n  /** Marks the field touched in FormContext. */\n  setTouched: (value?: boolean) => void\n\n  /** Sets the field error in FormContext. */\n  setError: (message: string | undefined) => void\n\n  /** Called by child inputs to push counter text/color up to FormField for rendering. */\n  setCounterText: (text: string, colorClass: string) => void\n\n  /**\n   * Registers a field-level validator with the parent Form.\n   * Called by child inputs on mount via `useFormField`.\n   * Key must be unique per input instance (use `Symbol()`).\n   */\n  registerValidator: (key: symbol, fn: () => boolean) => void\n\n  /** Removes a previously registered field-level validator. */\n  unregisterValidator: (key: symbol) => void\n}\n\nexport const FORM_FIELD_CONTEXT_KEY: InjectionKey<FormFieldContext> = Symbol('FormFieldContext')\n\n// Config key for global FormField plugin config\nexport const FORM_FIELD_CONFIG = createComponentConfigKey('formField')\n","type ValidationElement = HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement\ntype ValidationAnyElement = HTMLElement & {\n  validity: ValidityState\n  checkValidity: () => boolean\n  value: string\n  getAttribute: (name: string) => string | null\n  validationMessage: string\n}\n\n/**\n * Reads element's validity state and returns a localized validation message.\n * Returns null when element is valid.\n *\n * This is a factory function that takes a translation function (t) from vue-i18n.\n * The consumer is responsible for providing the translation function.\n *\n * @param el - The input/textarea/select element to check\n * @param t - Translation function from vue-i18n's useI18n()\n * @returns Localized error message or null if valid\n */\nexport function getValidationMessage(\n  el: ValidationElement | ValidationAnyElement,\n  t: (key: string, params?: Record<string, string | number>, fallback?: string) => string,\n): string | null {\n  if (el.validity.valid) return null\n\n  const validity = el.validity\n\n  if (validity.valueMissing) return t('common.validation.required')\n  if (validity.typeMismatch) {\n    const type = el.getAttribute('type') || 'default'\n    return t(`common.validation.format.${type}`, {}, t('common.validation.format.default'))\n  }\n  if (validity.tooShort) {\n    const min = el.getAttribute('minLength')\n    return t('common.validation.minLength', { min: min || '0' })\n  }\n  if (validity.tooLong) {\n    const max = el.getAttribute('maxLength')\n    return t('common.validation.maxLength', { max: max || '0' })\n  }\n  if (validity.rangeUnderflow) {\n    const min = el.getAttribute('min')\n    return t('common.validation.min', { min: min || '0' })\n  }\n  if (validity.rangeOverflow) {\n    const max = el.getAttribute('max')\n    return t('common.validation.max', { max: max || '0' })\n  }\n  if (validity.patternMismatch) {\n    const title = el.getAttribute('title')\n    if (title) return title\n    return t('common.validation.pattern')\n  }\n  if (validity.stepMismatch) return t('common.validation.stepMismatch')\n  if (validity.badInput) return t('common.validation.badInput')\n  if (validity.customError) return el.validationMessage || t('common.validation.customError')\n\n  // Fallback to browser's validation message\n  return el.validationMessage || null\n}\n","import type { FormFieldContext } from '@/components/data/form-field/form-field.context'\nimport { FORM_FIELD_CONTEXT_KEY } from '@/components/data/form-field/form-field.context'\nimport { getValidationMessage } from '@/utils/get-validation-message'\nimport { type ComputedRef, computed, inject, onMounted, onUnmounted, type Ref, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\n\nexport interface UseFormFieldOptions {\n  required: ComputedRef<boolean>\n  inputEl?: Ref<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | null>\n}\n\nexport interface UseFormFieldReturn<T> {\n  /** The FormFieldContext when inside a <FormField>, null otherwise. */\n  field: FormFieldContext<T> | null\n  /** The current field value typed as T, or undefined when not in a FormField. */\n  fieldValue: ComputedRef<T | undefined>\n  /** True when the field has a server-side error set via setErrors(). */\n  hasServerError: ComputedRef<boolean>\n  /** Triggers HTML5 constraint validation on the input element. */\n  validate: () => boolean\n  /** To be called on the input's blur event — marks the field as touched. */\n  onBlur: () => void\n  /** Clears the current field error. */\n  clearError: () => void\n  /** Sets a custom validation message (delegates to el.setCustomValidity). */\n  setDelegateMessage: (msg: string) => void\n}\n\nexport function useFormField<T = unknown>(options: UseFormFieldOptions): UseFormFieldReturn<T> {\n  const { t } = useI18n()\n\n  const field = inject(FORM_FIELD_CONTEXT_KEY, null) as FormFieldContext<T> | null\n\n  // Signal required state to FormField on mount and on change\n  onMounted(() => {\n    field?.setRequired(options.required.value)\n  })\n\n  watch(options.required, val => {\n    field?.setRequired(val)\n  })\n\n  // Register this input's validator with the parent Form so it runs on submit\n  const validatorKey = Symbol()\n\n  onMounted(() => {\n    if (!field) return\n    field.registerValidator(validatorKey, () => {\n      field.setTouched(true)\n      return validate()\n    })\n  })\n\n  onUnmounted(() => {\n    field?.unregisterValidator(validatorKey)\n  })\n\n  const fieldValue = computed<T | undefined>(() => field?.value.value as T | undefined)\n\n  const hasServerError = computed<boolean>(() => {\n    if (!field) return false\n    const state = field.state.value\n    return state.hasError && !state.isDirty\n  })\n\n  function validate(): boolean {\n    const el = options.inputEl?.value\n    if (!el || !field) return true\n\n    const message = getValidationMessage(el, t)\n    field.setError(message ?? undefined)\n    return !message\n  }\n\n  function onBlur(): void {\n    field?.setTouched(true)\n    validate()\n  }\n\n  function clearError(): void {\n    field?.setError(undefined)\n  }\n\n  function setDelegateMessage(msg: string): void {\n    const el = options.inputEl?.value\n    if (!el) return\n    el.setCustomValidity(msg)\n  }\n\n  return {\n    field,\n    fieldValue,\n    hasServerError,\n    validate,\n    onBlur,\n    clearError,\n    setDelegateMessage,\n  }\n}\n","import type { CounterFn } from '@/types/utils.type'\nimport { computed, type Ref } from 'vue'\n\nexport function useSelectCounter(\n  selectedCount: Ref<number>,\n  options: {\n    multiple?: Ref<boolean | undefined>\n    min?: Ref<number | undefined>\n    max?: Ref<number | undefined>\n    formatter?: Ref<CounterFn | undefined>\n  },\n) {\n  const counterText = computed(() => {\n    if (!options.multiple?.value) {\n      return null\n    }\n\n    if (!options.min?.value && !options.max?.value) {\n      return null\n    }\n\n    if (options.formatter?.value) {\n      return options.formatter.value(selectedCount.value, options.min?.value, options.max?.value)\n    }\n\n    if (options.max?.value) {\n      return `${selectedCount.value} / ${options.max.value}`\n    }\n\n    return `${selectedCount.value}`\n  })\n\n  const counterColor = computed(() => {\n    if (options.max?.value && selectedCount.value > options.max.value) {\n      return 'text-error'\n    }\n\n    if (options.min?.value && selectedCount.value < options.min.value) {\n      return 'text-warning'\n    }\n\n    return 'opacity-40'\n  })\n\n  const isAtMax = computed(() => {\n    if (!options.max?.value || !options.multiple?.value) {\n      return false\n    }\n\n    return selectedCount.value >= options.max.value\n  })\n\n  return {\n    counterText,\n    counterColor,\n    isAtMax,\n  }\n}\n"],"mappings":"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"}

package/dist/use-select-counter-D_-Qwz61.js

@@ -0,0 +1,72 @@
+import { t as e } from "./symbol-CziS7Pho.js";
+import { computed as t, inject as n, onMounted as r, onUnmounted as i, watch as a } from "vue";
+import { useI18n as o } from "vue-i18n";
+//#region src/components/data/form-field/form-field.context.ts
+var s = Symbol("FormFieldContext");
+e("formField");
+//#endregion
+//#region src/utils/get-validation-message.ts
+function c(e, t) {
+	if (e.validity.valid) return null;
+	let n = e.validity;
+	return n.valueMissing ? t("common.validation.required") : n.typeMismatch ? t(`common.validation.format.${e.getAttribute("type") || "default"}`, {}, t("common.validation.format.default")) : n.tooShort ? t("common.validation.minLength", { min: e.getAttribute("minLength") || "0" }) : n.tooLong ? t("common.validation.maxLength", { max: e.getAttribute("maxLength") || "0" }) : n.rangeUnderflow ? t("common.validation.min", { min: e.getAttribute("min") || "0" }) : n.rangeOverflow ? t("common.validation.max", { max: e.getAttribute("max") || "0" }) : n.patternMismatch ? e.getAttribute("title") || t("common.validation.pattern") : n.stepMismatch ? t("common.validation.stepMismatch") : n.badInput ? t("common.validation.badInput") : n.customError ? e.validationMessage || t("common.validation.customError") : e.validationMessage || null;
+}
+//#endregion
+//#region src/composables/use-form-field.ts
+function l(e) {
+	let { t: l } = o(), u = n(s, null);
+	r(() => {
+		u?.setRequired(e.required.value);
+	}), a(e.required, (e) => {
+		u?.setRequired(e);
+	});
+	let d = Symbol();
+	r(() => {
+		u && u.registerValidator(d, () => (u.setTouched(!0), m()));
+	}), i(() => {
+		u?.unregisterValidator(d);
+	});
+	let f = t(() => u?.value.value), p = t(() => {
+		if (!u) return !1;
+		let e = u.state.value;
+		return e.hasError && !e.isDirty;
+	});
+	function m() {
+		let t = e.inputEl?.value;
+		if (!t || !u) return !0;
+		let n = c(t, l);
+		return u.setError(n ?? void 0), !n;
+	}
+	function h() {
+		u?.setTouched(!0), m();
+	}
+	function g() {
+		u?.setError(void 0);
+	}
+	function _(t) {
+		let n = e.inputEl?.value;
+		n && n.setCustomValidity(t);
+	}
+	return {
+		field: u,
+		fieldValue: f,
+		hasServerError: p,
+		validate: m,
+		onBlur: h,
+		clearError: g,
+		setDelegateMessage: _
+	};
+}
+//#endregion
+//#region src/composables/use-select-counter.ts
+function u(e, n) {
+	return {
+		counterText: t(() => !n.multiple?.value || !n.min?.value && !n.max?.value ? null : n.formatter?.value ? n.formatter.value(e.value, n.min?.value, n.max?.value) : n.max?.value ? `${e.value} / ${n.max.value}` : `${e.value}`),
+		counterColor: t(() => n.max?.value && e.value > n.max.value ? "text-error" : n.min?.value && e.value < n.min.value ? "text-warning" : "opacity-40"),
+		isAtMax: t(() => !n.max?.value || !n.multiple?.value ? !1 : e.value >= n.max.value)
+	};
+}
+//#endregion
+export { l as n, s as r, u as t };
+
+//# sourceMappingURL=use-select-counter-D_-Qwz61.js.map

package/dist/use-select-counter-D_-Qwz61.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-select-counter-D_-Qwz61.js","names":[],"sources":["../src/components/data/form-field/form-field.context.ts","../src/utils/get-validation-message.ts","../src/composables/use-form-field.ts","../src/composables/use-select-counter.ts"],"sourcesContent":["import { createComponentConfigKey } from '@/config/symbol'\nimport type { ComputedRef, InjectionKey, ShallowRef } from 'vue'\nimport type { FieldState } from '../form/form.types'\n\nexport interface FormFieldContext<T = unknown> {\n  /** Field name / dot-notation path — matches FormContext data keys. */\n  name: string\n\n  /**\n   * Whether the child input is required.\n   * Set by child inputs calling `setRequired()` on mount and on change.\n   * Drives the \"*\" indicator on the FormField label.\n   */\n  required: ShallowRef<boolean>\n\n  /** Current field value resolved from FormContext. */\n  value: ComputedRef<T>\n\n  /** Current field error resolved from FormContext. */\n  error: ComputedRef<string | undefined>\n\n  /** Current FieldState resolved from FormContext. */\n  state: ComputedRef<FieldState>\n\n  /**\n   * Counter config — raw `boolean | undefined`.\n   * `undefined` = no opinion; the input resolves final value via `mergeProps`.\n   */\n  counter: ShallowRef<boolean | undefined>\n  counterFormat: ShallowRef<string | ((c: number, min?: number, max?: number) => string) | undefined>\n\n  /**\n   * Counter display — pushed up by child inputs so FormField can render\n   * the counter on the same line as the error/hint.\n   */\n  counterText: ShallowRef<string>\n  counterColor: ShallowRef<string>\n\n  /** Updates the field value in FormContext. */\n  setValue: (value: unknown) => void\n\n  /** Called by child inputs to declare themselves required or not. */\n  setRequired: (value: boolean) => void\n\n  /** Marks the field dirty in FormContext. */\n  setDirty: (value?: boolean) => void\n\n  /** Marks the field touched in FormContext. */\n  setTouched: (value?: boolean) => void\n\n  /** Sets the field error in FormContext. */\n  setError: (message: string | undefined) => void\n\n  /** Called by child inputs to push counter text/color up to FormField for rendering. */\n  setCounterText: (text: string, colorClass: string) => void\n\n  /**\n   * Registers a field-level validator with the parent Form.\n   * Called by child inputs on mount via `useFormField`.\n   * Key must be unique per input instance (use `Symbol()`).\n   */\n  registerValidator: (key: symbol, fn: () => boolean) => void\n\n  /** Removes a previously registered field-level validator. */\n  unregisterValidator: (key: symbol) => void\n}\n\nexport const FORM_FIELD_CONTEXT_KEY: InjectionKey<FormFieldContext> = Symbol('FormFieldContext')\n\n// Config key for global FormField plugin config\nexport const FORM_FIELD_CONFIG = createComponentConfigKey('formField')\n","type ValidationElement = HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement\ntype ValidationAnyElement = HTMLElement & {\n  validity: ValidityState\n  checkValidity: () => boolean\n  value: string\n  getAttribute: (name: string) => string | null\n  validationMessage: string\n}\n\n/**\n * Reads element's validity state and returns a localized validation message.\n * Returns null when element is valid.\n *\n * This is a factory function that takes a translation function (t) from vue-i18n.\n * The consumer is responsible for providing the translation function.\n *\n * @param el - The input/textarea/select element to check\n * @param t - Translation function from vue-i18n's useI18n()\n * @returns Localized error message or null if valid\n */\nexport function getValidationMessage(\n  el: ValidationElement | ValidationAnyElement,\n  t: (key: string, params?: Record<string, string | number>, fallback?: string) => string,\n): string | null {\n  if (el.validity.valid) return null\n\n  const validity = el.validity\n\n  if (validity.valueMissing) return t('common.validation.required')\n  if (validity.typeMismatch) {\n    const type = el.getAttribute('type') || 'default'\n    return t(`common.validation.format.${type}`, {}, t('common.validation.format.default'))\n  }\n  if (validity.tooShort) {\n    const min = el.getAttribute('minLength')\n    return t('common.validation.minLength', { min: min || '0' })\n  }\n  if (validity.tooLong) {\n    const max = el.getAttribute('maxLength')\n    return t('common.validation.maxLength', { max: max || '0' })\n  }\n  if (validity.rangeUnderflow) {\n    const min = el.getAttribute('min')\n    return t('common.validation.min', { min: min || '0' })\n  }\n  if (validity.rangeOverflow) {\n    const max = el.getAttribute('max')\n    return t('common.validation.max', { max: max || '0' })\n  }\n  if (validity.patternMismatch) {\n    const title = el.getAttribute('title')\n    if (title) return title\n    return t('common.validation.pattern')\n  }\n  if (validity.stepMismatch) return t('common.validation.stepMismatch')\n  if (validity.badInput) return t('common.validation.badInput')\n  if (validity.customError) return el.validationMessage || t('common.validation.customError')\n\n  // Fallback to browser's validation message\n  return el.validationMessage || null\n}\n","import type { FormFieldContext } from '@/components/data/form-field/form-field.context'\nimport { FORM_FIELD_CONTEXT_KEY } from '@/components/data/form-field/form-field.context'\nimport { getValidationMessage } from '@/utils/get-validation-message'\nimport { type ComputedRef, computed, inject, onMounted, onUnmounted, type Ref, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\n\nexport interface UseFormFieldOptions {\n  required: ComputedRef<boolean>\n  inputEl?: Ref<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | null>\n}\n\nexport interface UseFormFieldReturn<T> {\n  /** The FormFieldContext when inside a <FormField>, null otherwise. */\n  field: FormFieldContext<T> | null\n  /** The current field value typed as T, or undefined when not in a FormField. */\n  fieldValue: ComputedRef<T | undefined>\n  /** True when the field has a server-side error set via setErrors(). */\n  hasServerError: ComputedRef<boolean>\n  /** Triggers HTML5 constraint validation on the input element. */\n  validate: () => boolean\n  /** To be called on the input's blur event — marks the field as touched. */\n  onBlur: () => void\n  /** Clears the current field error. */\n  clearError: () => void\n  /** Sets a custom validation message (delegates to el.setCustomValidity). */\n  setDelegateMessage: (msg: string) => void\n}\n\nexport function useFormField<T = unknown>(options: UseFormFieldOptions): UseFormFieldReturn<T> {\n  const { t } = useI18n()\n\n  const field = inject(FORM_FIELD_CONTEXT_KEY, null) as FormFieldContext<T> | null\n\n  // Signal required state to FormField on mount and on change\n  onMounted(() => {\n    field?.setRequired(options.required.value)\n  })\n\n  watch(options.required, val => {\n    field?.setRequired(val)\n  })\n\n  // Register this input's validator with the parent Form so it runs on submit\n  const validatorKey = Symbol()\n\n  onMounted(() => {\n    if (!field) return\n    field.registerValidator(validatorKey, () => {\n      field.setTouched(true)\n      return validate()\n    })\n  })\n\n  onUnmounted(() => {\n    field?.unregisterValidator(validatorKey)\n  })\n\n  const fieldValue = computed<T | undefined>(() => field?.value.value as T | undefined)\n\n  const hasServerError = computed<boolean>(() => {\n    if (!field) return false\n    const state = field.state.value\n    return state.hasError && !state.isDirty\n  })\n\n  function validate(): boolean {\n    const el = options.inputEl?.value\n    if (!el || !field) return true\n\n    const message = getValidationMessage(el, t)\n    field.setError(message ?? undefined)\n    return !message\n  }\n\n  function onBlur(): void {\n    field?.setTouched(true)\n    validate()\n  }\n\n  function clearError(): void {\n    field?.setError(undefined)\n  }\n\n  function setDelegateMessage(msg: string): void {\n    const el = options.inputEl?.value\n    if (!el) return\n    el.setCustomValidity(msg)\n  }\n\n  return {\n    field,\n    fieldValue,\n    hasServerError,\n    validate,\n    onBlur,\n    clearError,\n    setDelegateMessage,\n  }\n}\n","import type { CounterFn } from '@/types/utils.type'\nimport { computed, type Ref } from 'vue'\n\nexport function useSelectCounter(\n  selectedCount: Ref<number>,\n  options: {\n    multiple?: Ref<boolean | undefined>\n    min?: Ref<number | undefined>\n    max?: Ref<number | undefined>\n    formatter?: Ref<CounterFn | undefined>\n  },\n) {\n  const counterText = computed(() => {\n    if (!options.multiple?.value) {\n      return null\n    }\n\n    if (!options.min?.value && !options.max?.value) {\n      return null\n    }\n\n    if (options.formatter?.value) {\n      return options.formatter.value(selectedCount.value, options.min?.value, options.max?.value)\n    }\n\n    if (options.max?.value) {\n      return `${selectedCount.value} / ${options.max.value}`\n    }\n\n    return `${selectedCount.value}`\n  })\n\n  const counterColor = computed(() => {\n    if (options.max?.value && selectedCount.value > options.max.value) {\n      return 'text-error'\n    }\n\n    if (options.min?.value && selectedCount.value < options.min.value) {\n      return 'text-warning'\n    }\n\n    return 'opacity-40'\n  })\n\n  const isAtMax = computed(() => {\n    if (!options.max?.value || !options.multiple?.value) {\n      return false\n    }\n\n    return selectedCount.value >= options.max.value\n  })\n\n  return {\n    counterText,\n    counterColor,\n    isAtMax,\n  }\n}\n"],"mappings":"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"}

package/dist/utils/build-class.util.d.ts

@@ -0,0 +1,4 @@
+import { ClassValue } from 'vue';
+export declare function getClass<T extends string = string>(values: Record<T, string>, key: T | undefined): Record<T, string>[T] | undefined;
+export declare function clsx(...inputs: ClassValue[]): string;
+//# sourceMappingURL=build-class.util.d.ts.map

package/dist/utils/build-class.util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-class.util.d.ts","sourceRoot":"","sources":["../../src/utils/build-class.util.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAErC,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,SAAS,oCAKhG;AAyBD,wBAAgB,IAAI,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAI3C"}

package/dist/utils/get-validation-message.d.ts

@@ -0,0 +1,22 @@
+type ValidationElement = HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement;
+type ValidationAnyElement = HTMLElement & {
+    validity: ValidityState;
+    checkValidity: () => boolean;
+    value: string;
+    getAttribute: (name: string) => string | null;
+    validationMessage: string;
+};
+/**
+ * Reads element's validity state and returns a localized validation message.
+ * Returns null when element is valid.
+ *
+ * This is a factory function that takes a translation function (t) from vue-i18n.
+ * The consumer is responsible for providing the translation function.
+ *
+ * @param el - The input/textarea/select element to check
+ * @param t - Translation function from vue-i18n's useI18n()
+ * @returns Localized error message or null if valid
+ */
+export declare function getValidationMessage(el: ValidationElement | ValidationAnyElement, t: (key: string, params?: Record<string, string | number>, fallback?: string) => string): string | null;
+export {};
+//# sourceMappingURL=get-validation-message.d.ts.map

package/dist/utils/get-validation-message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-validation-message.d.ts","sourceRoot":"","sources":["../../src/utils/get-validation-message.ts"],"names":[],"mappings":"AAAA,KAAK,iBAAiB,GAAG,gBAAgB,GAAG,mBAAmB,GAAG,iBAAiB,CAAA;AACnF,KAAK,oBAAoB,GAAG,WAAW,GAAG;IACxC,QAAQ,EAAE,aAAa,CAAA;IACvB,aAAa,EAAE,MAAM,OAAO,CAAA;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAA;IAC7C,iBAAiB,EAAE,MAAM,CAAA;CAC1B,CAAA;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,oBAAoB,CAClC,EAAE,EAAE,iBAAiB,GAAG,oBAAoB,EAC5C,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,MAAM,GACtF,MAAM,GAAG,IAAI,CAqCf"}

package/dist/utils/path.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Gets a value from an object using a dot-notation path.
+ * Supports nested objects and array indices.
+ *
+ * @example
+ * getByPath({ a: { b: 1 } }, 'a.b') // returns 1
+ * getByPath({ users: [{ name: 'John' }] }, 'users.0.name') // returns 'John'
+ */
+export declare function getByPath(obj: Record<string, unknown>, path: string): unknown;
+/**
+ * Sets a value in an object using a dot-notation path.
+ * Creates intermediate objects/arrays as needed.
+ * Supports nested objects and array indices.
+ *
+ * @example
+ * setByPath({}, 'a.b', 1) // returns { a: { b: 1 } }
+ * setByPath({ users: [] }, 'users.0.name', 'John') // returns { users: [{ name: 'John' }] }
+ */
+export declare function setByPath(obj: Record<string, unknown>, path: string, value: unknown): void;
+//# sourceMappingURL=path.d.ts.map

package/dist/utils/path.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"path.d.ts","sourceRoot":"","sources":["../../src/utils/path.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAmB7E;AAED;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CA2C1F"}

package/dist/utils/props.util.d.ts

@@ -0,0 +1,2 @@
+export declare function mergeProps<T extends Record<string, any>, U extends Record<string, any>>(componentProps: T, config: U): T & U;
+//# sourceMappingURL=props.util.d.ts.map

package/dist/utils/props.util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.util.d.ts","sourceRoot":"","sources":["../../src/utils/props.util.ts"],"names":[],"mappings":"AAAA,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACrF,cAAc,EAAE,CAAC,EACjB,MAAM,EAAE,CAAC,GACR,CAAC,GAAG,CAAC,CAOP"}

package/dist/utils/public.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=public.d.ts.map

package/dist/utils/public.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../src/utils/public.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAA"}

package/package.json

@@ -0,0 +1,138 @@
+{
+  "name": "@poppy-ui/vue",
+  "version": "0.0.0-dev.36.93ba5b2",
+  "type": "module",
+  "repository": {
+    "url": "git+https://github.com/CheeseGrinder/poppy-ui.git"
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "sideEffects": [
+    "*.css",
+    "dist/style.css"
+  ],
+  "main": "./dist/public.umd.js",
+  "module": "./dist/public.es.js",
+  "types": "./dist/public.d.ts",
+  "exports": {
+    ".": {
+      "source": "./src/public.ts",
+      "types": "./dist/public.d.ts",
+      "import": "./dist/public.es.js",
+      "require": "./dist/public.umd.js"
+    },
+    "./style.css": "./dist/style.css",
+    "./components/actions": {
+      "source": "./src/components/actions/public.ts",
+      "types": "./dist/components/actions/public.d.ts",
+      "import": "./dist/components/actions/public.es.js",
+      "require": "./dist/components/actions/public.umd.js"
+    },
+    "./components/app": {
+      "source": "./src/components/app/public.ts",
+      "types": "./dist/components/app/public.d.ts",
+      "import": "./dist/components/app/public.es.js",
+      "require": "./dist/components/app/public.umd.js"
+    },
+    "./components/data": {
+      "source": "./src/components/data/public.ts",
+      "types": "./dist/components/data/public.d.ts",
+      "import": "./dist/components/data/public.es.js",
+      "require": "./dist/components/data/public.umd.js"
+    },
+    "./components/display": {
+      "source": "./src/components/display/public.ts",
+      "types": "./dist/components/display/public.d.ts",
+      "import": "./dist/components/display/public.es.js",
+      "require": "./dist/components/display/public.umd.js"
+    },
+    "./components/feedback": {
+      "source": "./src/components/feedback/public.ts",
+      "types": "./dist/components/feedback/public.d.ts",
+      "import": "./dist/components/feedback/public.es.js",
+      "require": "./dist/components/feedback/public.umd.js"
+    },
+    "./components/layout": {
+      "source": "./src/components/layout/public.ts",
+      "types": "./dist/components/layout/public.d.ts",
+      "import": "./dist/components/layout/public.es.js",
+      "require": "./dist/components/layout/public.umd.js"
+    },
+    "./components/media": {
+      "source": "./src/components/media/public.ts",
+      "types": "./dist/components/media/public.d.ts",
+      "import": "./dist/components/media/public.es.js",
+      "require": "./dist/components/media/public.umd.js"
+    },
+    "./components/navigation": {
+      "source": "./src/components/navigation/public.ts",
+      "types": "./dist/components/navigation/public.d.ts",
+      "import": "./dist/components/navigation/public.es.js",
+      "require": "./dist/components/navigation/public.umd.js"
+    },
+    "./config": {
+      "source": "./src/config/public.ts",
+      "types": "./dist/config/public.d.ts",
+      "import": "./dist/config/public.es.js",
+      "require": "./dist/config/public.umd.js"
+    },
+    "./composables": {
+      "source": "./src/composables/public.ts",
+      "types": "./dist/composables/public.d.ts",
+      "import": "./dist/composables/public.es.js",
+      "require": "./dist/composables/public.umd.js"
+    },
+    "./types": {
+      "source": "./src/types/public.ts",
+      "types": "./dist/types/public.d.ts",
+      "import": "./dist/types/public.es.js",
+      "require": "./dist/types/public.umd.js"
+    }
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc -b && vite build",
+    "preview": "vite preview",
+    "story:dev": "histoire dev",
+    "story:build": "histoire build",
+    "story:preview": "histoire preview",
+    "format": "biome format --fix",
+    "format:check": "biome format",
+    "lint": "biome lint --fix",
+    "lint:check": "biome lint",
+    "typecheck": "vue-tsc --build --force --noEmit"
+  },
+  "dependencies": {
+    "@lucide/vue": "^1.21.0",
+    "@tailwindcss/vite": "^4.3.1",
+    "tailwind-merge": "^3.6.0",
+    "tailwindcss": "^4.3.1",
+    "vue": "^3.5.38"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "^2.5.0",
+    "@histoire/plugin-vue": "^1.0.0-beta.1",
+    "@intlify/unplugin-vue-i18n": "^11.2.4",
+    "@types/node": "^24.13.2",
+    "@vitejs/plugin-vue": "^6.0.7",
+    "@vitest/browser-playwright": "^4.1.9",
+    "@vitest/coverage-v8": "^4.1.9",
+    "@vue/tsconfig": "^0.9.1",
+    "@vueuse/core": "^14.3.0",
+    "daisyui": "^5.5.23",
+    "histoire": "^1.0.0-beta.1",
+    "lefthook": "^2.1.9",
+    "playwright": "^1.61.0",
+    "sass-embedded": "^1.100.0",
+    "typescript": "~6.0.3",
+    "vite": "^8.0.16",
+    "vite-plugin-dts": "^5.0.2",
+    "vite-plugin-vue-devtools": "^8.1.3",
+    "vitest": "^4.1.9",
+    "vue-i18n": "^11.4.6",
+    "vue-router": "^5.1.0",
+    "vue-tsc": "^3.3.5"
+  }
+}

package/src/components/ClassWrapper.vue

@@ -0,0 +1,42 @@
+<script lang="ts">
+import { defineComponent, h, type VNode } from 'vue'
+
+export default defineComponent({
+  name: 'ClassWrapper',
+  props: {
+    class: {
+      type: String,
+      default: undefined,
+    },
+    as: {
+      type: String,
+      defauilt: undefined,
+    },
+  },
+  setup(props, { slots }) {
+    const formatChildren = (nodes: VNode[]): VNode[] => {
+      return nodes.flatMap(node => {
+        // Unwrap fragments
+        if (node.type === Symbol.for('v-fgt') && Array.isArray(node.children)) {
+          return formatChildren(node.children as VNode[])
+        }
+
+        // Render for plain text and function component
+        if (typeof node.type === 'function' || node.type === Symbol.for('v-txt')) {
+          return h(props.as || 'div', { class: props.class }, [node])
+        }
+
+        // Render everythings else
+        return h(node, {
+          class: [props.class, node.props?.class].filter(Boolean),
+        })
+      })
+    }
+
+    return () => {
+      const rawChildren = slots.default?.() || []
+      return formatChildren(rawChildren)
+    }
+  },
+})
+</script>