@skdx/vue 0.26.0

package/dist/clipboard/ClipboardTrigger.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{CLIPBOARD_CONTEXT as e}from"./context.js";import{computed as a,createElementBlock as t,defineComponent as d,inject as o,openBlock as s,renderSlot as r,unref as i}from"vue";var l=["data-state","data-disabled","disabled"],n=/* @__PURE__ */d({__name:"ClipboardTrigger",props:{disabled:{type:Boolean,default:!1}},setup(d){const n=d,p=o(e);if(!p)throw new Error("<SkdxClipboardTrigger> must be used inside <SkdxClipboard>.");const u=a(()=>p.disabled.value||n.disabled);return(e,a)=>(s(),t("button",{class:"skdx-clipboard__trigger","data-part":"trigger",type:"button","data-state":i(p).copied.value?"copied":"idle","data-disabled":u.value?"":void 0,disabled:u.value,onClick:a[0]||(a[0]=e=>i(p).copy())},[r(e.$slots,"default")],8,l))}});export{n as default};

package/dist/clipboard/context.cjs

@@ -0,0 +1 @@
+var C=Symbol("skdx-clipboard-context");exports.CLIPBOARD_CONTEXT=C;

package/dist/clipboard/context.d.cts

@@ -0,0 +1,16 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+/** The two states a `SkdxClipboard` can be in, mirrored onto `data-state` on every part. */
+export type ClipboardState = 'copied' | 'idle';
+/** @internal Shared state a `SkdxClipboard` provides so its parts can read the text, the copied flag, and run the copy. */
+export interface ClipboardContext {
+    /** The text written to the system clipboard — the root owns it, the parts only display it. */
+    value: ComputedRef<string>;
+    /** Whether the transient confirmation is showing. Flips back to `false` when the root's `timeout` elapses. */
+    copied: ComputedRef<boolean>;
+    /** The root's `disabled`. A part combines it with its own `disabled` rather than replacing it. */
+    disabled: ComputedRef<boolean>;
+    /** Performs the copy. A no-op while the root is disabled; failures go to the root's `copy-error` emit. */
+    copy: () => void;
+}
+/** @internal Injection key a Clipboard provides so its trigger, indicators and input share the value and copied state. */
+export declare const CLIPBOARD_CONTEXT: InjectionKey<ClipboardContext>;

package/dist/clipboard/context.d.ts

@@ -0,0 +1,16 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+/** The two states a `SkdxClipboard` can be in, mirrored onto `data-state` on every part. */
+export type ClipboardState = 'copied' | 'idle';
+/** @internal Shared state a `SkdxClipboard` provides so its parts can read the text, the copied flag, and run the copy. */
+export interface ClipboardContext {
+    /** The text written to the system clipboard — the root owns it, the parts only display it. */
+    value: ComputedRef<string>;
+    /** Whether the transient confirmation is showing. Flips back to `false` when the root's `timeout` elapses. */
+    copied: ComputedRef<boolean>;
+    /** The root's `disabled`. A part combines it with its own `disabled` rather than replacing it. */
+    disabled: ComputedRef<boolean>;
+    /** Performs the copy. A no-op while the root is disabled; failures go to the root's `copy-error` emit. */
+    copy: () => void;
+}
+/** @internal Injection key a Clipboard provides so its trigger, indicators and input share the value and copied state. */
+export declare const CLIPBOARD_CONTEXT: InjectionKey<ClipboardContext>;

package/dist/clipboard/context.js

@@ -0,0 +1 @@
+var o=/* @__PURE__ */Symbol("skdx-clipboard-context");export{o as CLIPBOARD_CONTEXT};

package/dist/clipboard/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./Clipboard.vue.cjs"),e=require("./ClipboardIndicator.vue.cjs"),i=require("./ClipboardInput.vue.cjs"),d=require("./ClipboardTrigger.vue.cjs");exports.SkdxClipboard=r.default;exports.SkdxClipboardIndicator=e.default;exports.SkdxClipboardInput=i.default;exports.SkdxClipboardTrigger=d.default;

package/dist/clipboard/index.d.cts

@@ -0,0 +1,5 @@
+export { default as SkdxClipboard } from './Clipboard.vue.cjs';
+export { default as SkdxClipboardIndicator } from './ClipboardIndicator.vue.cjs';
+export { default as SkdxClipboardInput } from './ClipboardInput.vue.cjs';
+export { default as SkdxClipboardTrigger } from './ClipboardTrigger.vue.cjs';
+export type { ClipboardState } from './context.cjs';

package/dist/clipboard/index.d.ts

@@ -0,0 +1,5 @@
+export { default as SkdxClipboard } from './Clipboard.vue.js';
+export { default as SkdxClipboardIndicator } from './ClipboardIndicator.vue.js';
+export { default as SkdxClipboardInput } from './ClipboardInput.vue.js';
+export { default as SkdxClipboardTrigger } from './ClipboardTrigger.vue.js';
+export type { ClipboardState } from './context.js';

package/dist/clipboard/index.js

@@ -0,0 +1 @@
+import r from"./Clipboard.vue.js";import o from"./ClipboardIndicator.vue.js";import i from"./ClipboardInput.vue.js";import p from"./ClipboardTrigger.vue.js";export{r as SkdxClipboard,o as SkdxClipboardIndicator,i as SkdxClipboardInput,p as SkdxClipboardTrigger};

package/dist/collapsible/Collapsible.vue.cjs

@@ -0,0 +1 @@
+const e=require("./Collapsible.vue_vue_type_script_setup_true_lang.cjs");var l=e.default;exports.default=l;

package/dist/collapsible/Collapsible.vue.d.cts

@@ -0,0 +1,38 @@
+/**
+ * The Vue implementation of the shared Collapsible contract (see
+ * `@skdx/shared`'s `collapsibleContract`). Owns open state and `provide()`s
+ * it to `<SkdxCollapsibleTrigger>`/`<SkdxCollapsibleContent>`. Renders a plain
+ * `<div>` with `data-state`/`data-disabled`.
+ *
+ * Works controlled (`v-model:open`) or uncontrolled (`default-open`).
+ */
+type __VLS_Props = {
+    /** Open state, for controlled usage. Pair with `v-model:open` or `@open-change`. */
+    open?: boolean;
+    /** Initial open state, for uncontrolled usage. */
+    defaultOpen?: boolean;
+    /** Prevents the trigger from toggling the content when set. */
+    disabled?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (open: boolean) => any;
+    "open-change": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    "onOpen-change"?: ((open: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    open: boolean;
+    defaultOpen: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/collapsible/Collapsible.vue.d.ts

@@ -0,0 +1,38 @@
+/**
+ * The Vue implementation of the shared Collapsible contract (see
+ * `@skdx/shared`'s `collapsibleContract`). Owns open state and `provide()`s
+ * it to `<SkdxCollapsibleTrigger>`/`<SkdxCollapsibleContent>`. Renders a plain
+ * `<div>` with `data-state`/`data-disabled`.
+ *
+ * Works controlled (`v-model:open`) or uncontrolled (`default-open`).
+ */
+type __VLS_Props = {
+    /** Open state, for controlled usage. Pair with `v-model:open` or `@open-change`. */
+    open?: boolean;
+    /** Initial open state, for uncontrolled usage. */
+    defaultOpen?: boolean;
+    /** Prevents the trigger from toggling the content when set. */
+    disabled?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (open: boolean) => any;
+    "open-change": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    "onOpen-change"?: ((open: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    open: boolean;
+    defaultOpen: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/collapsible/Collapsible.vue.js

@@ -0,0 +1 @@
+import e from"./Collapsible.vue_vue_type_script_setup_true_lang.js";var t=e;export{t as default};

package/dist/collapsible/Collapsible.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const p=require("./context.cjs");let e=require("vue");var i=["data-state","data-disabled"],r=(0,e.defineComponent)({__name:"Collapsible",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["update:open","open-change"],setup(s,{emit:u}){const o=s,l=u,n=(0,e.ref)(o.defaultOpen),a=(0,e.computed)(()=>o.open??n.value),d=(0,e.computed)(()=>o.disabled);function c(){const t=!a.value;o.open===void 0&&(n.value=t),l("update:open",t),l("open-change",t)}return(0,e.provide)(p.COLLAPSIBLE_CONTEXT,{contentId:p.nextCollapsibleId(),open:a,disabled:d,onOpenToggle:c}),(t,v)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-collapsible","data-part":"root","data-skdx-component":"collapsible","data-state":a.value?"open":"closed","data-disabled":d.value?"":void 0},[(0,e.renderSlot)(t.$slots,"default")],8,i))}});exports.default=r;

package/dist/collapsible/Collapsible.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{COLLAPSIBLE_CONTEXT as e,nextCollapsibleId as a}from"./context.js";import{computed as o,createElementBlock as t,defineComponent as l,openBlock as d,provide as n,ref as s,renderSlot as p}from"vue";var i=["data-state","data-disabled"],u=/* @__PURE__ */l({__name:"Collapsible",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["update:open","open-change"],setup(l,{emit:u}){const c=l,r=u,f=s(c.defaultOpen),v=o(()=>c.open??f.value),m=o(()=>c.disabled);return n(e,{contentId:a(),open:v,disabled:m,onOpenToggle:function(){const e=!v.value;void 0===c.open&&(f.value=e),r("update:open",e),r("open-change",e)}}),(e,a)=>(d(),t("div",{class:"skdx-collapsible","data-part":"root","data-skdx-component":"collapsible","data-state":v.value?"open":"closed","data-disabled":m.value?"":void 0},[p(e.$slots,"default")],8,i))}});export{u as default};

package/dist/collapsible/CollapsibleContent.vue.cjs

@@ -0,0 +1 @@
+const e=require("./CollapsibleContent.vue_vue_type_script_setup_true_lang.cjs");var t=e.default;exports.default=t;

package/dist/collapsible/CollapsibleContent.vue.d.cts

@@ -0,0 +1,24 @@
+/**
+ * Panel controlled by a `SkdxCollapsible`. Renders a `<div>` with the id
+ * referenced by the trigger's `aria-controls`, `data-state`/`data-disabled`,
+ * and the native `hidden` attribute while closed. Unmounts when closed
+ * unless `forceMount` is set.
+ */
+type __VLS_Props = {
+    /** Keep this panel mounted (hidden via the `hidden` attribute) even while closed, instead of unmounting it. */
+    forceMount?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    forceMount: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/collapsible/CollapsibleContent.vue.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Panel controlled by a `SkdxCollapsible`. Renders a `<div>` with the id
+ * referenced by the trigger's `aria-controls`, `data-state`/`data-disabled`,
+ * and the native `hidden` attribute while closed. Unmounts when closed
+ * unless `forceMount` is set.
+ */
+type __VLS_Props = {
+    /** Keep this panel mounted (hidden via the `hidden` attribute) even while closed, instead of unmounting it. */
+    forceMount?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    forceMount: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/collapsible/CollapsibleContent.vue.js

@@ -0,0 +1 @@
+import e from"./CollapsibleContent.vue_vue_type_script_setup_true_lang.js";var t=e;export{t as default};

package/dist/collapsible/CollapsibleContent.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const a=require("./context.cjs");let e=require("vue");var l=["id","data-state","data-disabled","hidden"],d=(0,e.defineComponent)({__name:"CollapsibleContent",props:{forceMount:{type:Boolean,default:!1}},setup(n){const t=(0,e.inject)(a.COLLAPSIBLE_CONTEXT);if(!t)throw new Error("<SkdxCollapsibleContent> must be used inside <SkdxCollapsible>.");return(o,r)=>n.forceMount||(0,e.unref)(t).open.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-collapsible__content","data-part":"content",id:(0,e.unref)(t).contentId,"data-state":(0,e.unref)(t).open.value?"open":"closed","data-disabled":(0,e.unref)(t).disabled.value?"":void 0,hidden:!(0,e.unref)(t).open.value},[(0,e.renderSlot)(o.$slots,"default")],8,l)):(0,e.createCommentVNode)("",!0)}});exports.default=d;

package/dist/collapsible/CollapsibleContent.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{COLLAPSIBLE_CONTEXT as e}from"./context.js";import{createCommentVNode as t,createElementBlock as a,defineComponent as o,inject as n,openBlock as d,renderSlot as s,unref as l}from"vue";var r=["id","data-state","data-disabled","hidden"],i=/* @__PURE__ */o({__name:"CollapsibleContent",props:{forceMount:{type:Boolean,default:!1}},setup(o){const i=n(e);if(!i)throw new Error("<SkdxCollapsibleContent> must be used inside <SkdxCollapsible>.");return(e,n)=>o.forceMount||l(i).open.value?(d(),a("div",{key:0,class:"skdx-collapsible__content","data-part":"content",id:l(i).contentId,"data-state":l(i).open.value?"open":"closed","data-disabled":l(i).disabled.value?"":void 0,hidden:!l(i).open.value},[s(e.$slots,"default")],8,r)):t("",!0)}});export{i as default};

package/dist/collapsible/CollapsibleTrigger.vue.cjs

@@ -0,0 +1 @@
+const e=require("./CollapsibleTrigger.vue_vue_type_script_setup_true_lang.cjs");var r=e.default;exports.default=r;

package/dist/collapsible/CollapsibleTrigger.vue.d.cts

@@ -0,0 +1,17 @@
+/**
+ * Toggle button for a `SkdxCollapsible`. Renders `<button type="button">`
+ * with `aria-controls`/`aria-expanded`/`data-state`/`data-disabled`.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/collapsible/CollapsibleTrigger.vue.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Toggle button for a `SkdxCollapsible`. Renders `<button type="button">`
+ * with `aria-controls`/`aria-expanded`/`data-state`/`data-disabled`.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/collapsible/CollapsibleTrigger.vue.js

@@ -0,0 +1 @@
+import e from"./CollapsibleTrigger.vue_vue_type_script_setup_true_lang.js";var r=e;export{r as default};

package/dist/collapsible/CollapsibleTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const n=require("./context.cjs");let e=require("vue");var o=["aria-controls","aria-expanded","data-state","data-disabled","disabled"],d=(0,e.defineComponent)({__name:"CollapsibleTrigger",setup(i){const t=(0,e.inject)(n.COLLAPSIBLE_CONTEXT);if(!t)throw new Error("<SkdxCollapsibleTrigger> must be used inside <SkdxCollapsible>.");return(r,a)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-collapsible__trigger","data-part":"trigger",type:"button","aria-controls":(0,e.unref)(t).contentId,"aria-expanded":(0,e.unref)(t).open.value,"data-state":(0,e.unref)(t).open.value?"open":"closed","data-disabled":(0,e.unref)(t).disabled.value?"":void 0,disabled:(0,e.unref)(t).disabled.value,onClick:a[0]||(a[0]=(...l)=>(0,e.unref)(t).onOpenToggle&&(0,e.unref)(t).onOpenToggle(...l))},[(0,e.renderSlot)(r.$slots,"default")],8,o))}});exports.default=d;

package/dist/collapsible/CollapsibleTrigger.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{COLLAPSIBLE_CONTEXT as e}from"./context.js";import{createElementBlock as a,defineComponent as t,inject as o,openBlock as l,renderSlot as s,unref as d}from"vue";var r=["aria-controls","aria-expanded","data-state","data-disabled","disabled"],n=/* @__PURE__ */t({__name:"CollapsibleTrigger",setup(t){const n=o(e);if(!n)throw new Error("<SkdxCollapsibleTrigger> must be used inside <SkdxCollapsible>.");return(e,t)=>(l(),a("button",{class:"skdx-collapsible__trigger","data-part":"trigger",type:"button","aria-controls":d(n).contentId,"aria-expanded":d(n).open.value,"data-state":d(n).open.value?"open":"closed","data-disabled":d(n).disabled.value?"":void 0,disabled:d(n).disabled.value,onClick:t[0]||(t[0]=(...e)=>d(n).onOpenToggle&&d(n).onOpenToggle(...e))},[s(e.$slots,"default")],8,r))}});export{n as default};

package/dist/collapsible/context.cjs

@@ -0,0 +1 @@
+const e=require("../utils/id.cjs");var l=Symbol("skdx-collapsible-context");function i(){return e.nextId("collapsible")}exports.COLLAPSIBLE_CONTEXT=l;exports.nextCollapsibleId=i;

package/dist/collapsible/context.d.cts

@@ -0,0 +1,12 @@
+import type { InjectionKey, Ref } from 'vue';
+/** @internal Injection key a Collapsible provides so its parts can read/drive shared state. */
+export interface CollapsibleContext {
+    contentId: string;
+    open: Readonly<Ref<boolean>>;
+    disabled: Readonly<Ref<boolean>>;
+    onOpenToggle: () => void;
+}
+/** @internal Injection key a Collapsible provides so its trigger/content can read open/disabled state and toggle it. */
+export declare const COLLAPSIBLE_CONTEXT: InjectionKey<CollapsibleContext>;
+/** @internal Generates a unique id for a Collapsible's content panel. */
+export declare function nextCollapsibleId(): string;

package/dist/collapsible/context.d.ts

@@ -0,0 +1,12 @@
+import type { InjectionKey, Ref } from 'vue';
+/** @internal Injection key a Collapsible provides so its parts can read/drive shared state. */
+export interface CollapsibleContext {
+    contentId: string;
+    open: Readonly<Ref<boolean>>;
+    disabled: Readonly<Ref<boolean>>;
+    onOpenToggle: () => void;
+}
+/** @internal Injection key a Collapsible provides so its trigger/content can read open/disabled state and toggle it. */
+export declare const COLLAPSIBLE_CONTEXT: InjectionKey<CollapsibleContext>;
+/** @internal Generates a unique id for a Collapsible's content panel. */
+export declare function nextCollapsibleId(): string;

package/dist/collapsible/context.js

@@ -0,0 +1 @@
+import{nextId as l}from"../utils/id.js";var o=/* @__PURE__ */Symbol("skdx-collapsible-context");function s(){return l("collapsible")}export{o as COLLAPSIBLE_CONTEXT,s as nextCollapsibleId};

package/dist/collapsible/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Collapsible.vue.cjs"),l=require("./CollapsibleTrigger.vue.cjs"),r=require("./CollapsibleContent.vue.cjs");exports.SkdxCollapsible=e.default;exports.SkdxCollapsibleContent=r.default;exports.SkdxCollapsibleTrigger=l.default;

package/dist/collapsible/index.d.cts

@@ -0,0 +1,3 @@
+export { default as SkdxCollapsible } from './Collapsible.vue.cjs';
+export { default as SkdxCollapsibleTrigger } from './CollapsibleTrigger.vue.cjs';
+export { default as SkdxCollapsibleContent } from './CollapsibleContent.vue.cjs';

package/dist/collapsible/index.d.ts

@@ -0,0 +1,3 @@
+export { default as SkdxCollapsible } from './Collapsible.vue.js';
+export { default as SkdxCollapsibleTrigger } from './CollapsibleTrigger.vue.js';
+export { default as SkdxCollapsibleContent } from './CollapsibleContent.vue.js';

package/dist/collapsible/index.js

@@ -0,0 +1 @@
+import l from"./Collapsible.vue.js";import o from"./CollapsibleTrigger.vue.js";import e from"./CollapsibleContent.vue.js";export{l as SkdxCollapsible,e as SkdxCollapsibleContent,o as SkdxCollapsibleTrigger};

package/dist/color-picker/ColorPicker.vue.cjs

@@ -0,0 +1 @@
+const e=require("./ColorPicker.vue_vue_type_script_setup_true_lang.cjs");var r=e.default;exports.default=r;

package/dist/color-picker/ColorPicker.vue.d.cts

@@ -0,0 +1,148 @@
+import { type ColorFormat } from '../utils/color.cjs';
+/**
+ * The Vue implementation of the shared ColorPicker contract (see
+ * `@skdx/shared`'s `colorPickerContract`) — a 2D saturation/brightness area,
+ * a hue track, an alpha track, preset swatches, text entry, a format switch
+ * and an eyedropper, over one stored colour. Renders a plain `<div>` with no
+ * role of its own: each interactive part carries its own semantics, so a role
+ * here would only add an unnamed group between the user and them.
+ *
+ * **The colour is stored as HSB, not as the string.** RGB and hex cannot
+ * represent the hue of a black, so a picker that re-parsed its own string on
+ * every change would lose the user's hue the moment they dragged brightness to
+ * zero and hand them red on the way back up. `value` is the *serialisation*;
+ * the canonical colour lives beside it and only re-syncs when a string arrives
+ * that this picker did not produce. All of the maths is in `utils/color.ts`.
+ *
+ * An unparseable `value` keeps the last good colour rather than blanking the
+ * picker: `value` is frequently mid-edit text, and `#ab` is one keystroke from
+ * being valid.
+ *
+ * Positioning is entirely CSS. The root publishes:
+ *
+ * | Property | Example | For |
+ * | --- | --- | --- |
+ * | `--skdx-color-picker-hue` | `210deg` | the area's hue backdrop, `hsl(var(--…-hue) 100% 50%)` |
+ * | `--skdx-color-picker-hue-position` | `58.333%` | the hue thumb's offset along its track |
+ * | `--skdx-color-picker-saturation` | `65%` | the area thumb's horizontal offset |
+ * | `--skdx-color-picker-brightness` | `85%` | the area thumb's vertical offset |
+ * | `--skdx-color-picker-alpha` | `0.5` | an opacity, directly |
+ * | `--skdx-color-picker-alpha-position` | `50%` | the alpha thumb's offset along its track |
+ * | `--skdx-color-picker-value` | `#d94c4c` | the current colour as a swatch fill |
+ *
+ * `--skdx-color-picker-value` is **always hex**, never the active format:
+ * `hsb()` is this library's own notation and not a CSS colour, so publishing
+ * the raw `value` would silently break every
+ * `background: var(--skdx-color-picker-value)` the moment a user switched format.
+ *
+ * Works controlled (`value` + `@value-change`, or `v-model:value`) or
+ * uncontrolled (`defaultValue`), and the same for
+ * `format` / `defaultFormat` / `@format-change` — two independent axes.
+ *
+ * Overlay variants **compose the existing `SkdxPopover`**; there is no
+ * trigger/content part here, because there is nothing about positioning a
+ * colour picker that differs from positioning anything else.
+ *
+ * @example
+ * ```vue
+ * <SkdxColorPicker default-value="#d94c4c" @value-commit="save">
+ *   <SkdxColorPickerArea><SkdxColorPickerAreaThumb /></SkdxColorPickerArea>
+ *   <SkdxColorPickerHueSlider><SkdxColorPickerHueSliderThumb /></SkdxColorPickerHueSlider>
+ *   <SkdxColorPickerAlphaSlider><SkdxColorPickerAlphaSliderThumb /></SkdxColorPickerAlphaSlider>
+ *   <SkdxColorPickerInput />
+ *   <SkdxColorPickerEyeDropper />
+ * </SkdxColorPicker>
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Current colour as a string in the active `format`, for controlled usage.
+     * Pair with `v-model:value` or `@value-change`. Anything `parseColor`
+     * understands is accepted regardless of `format`; an unparseable string is
+     * ignored and the last good colour is kept, because a half-typed `#ab`
+     * should not blank the picker.
+     * @default undefined — uncontrolled, tracks its own colour internally.
+     */
+    value?: string;
+    /**
+     * Initial colour, for uncontrolled usage, seeding the first render.
+     * @default '#000000' — opaque black, the one colour every format agrees on.
+     */
+    defaultValue?: string;
+    /**
+     * Notation `value` is written in, for controlled usage. Pair with
+     * `v-model:format` or `@format-change`. The colour itself is stored as HSB
+     * whatever this says; the format only decides how it is spelled on the way out.
+     * @default undefined — uncontrolled, tracks its own format internally.
+     */
+    format?: ColorFormat;
+    /**
+     * The notation the picker starts in when it is left uncontrolled.
+     * @default 'hex' — the notation people paste, type and recognise.
+     */
+    defaultFormat?: ColorFormat;
+    /**
+     * Whether the picker has an alpha channel. When `false`,
+     * `SkdxColorPickerAlphaSlider` renders nothing and every emitted string is
+     * fully opaque — so a consumer that cannot handle transparency never
+     * receives an `rgba()` it must strip.
+     * @default true — the picker has an opacity channel.
+     */
+    alpha?: boolean;
+    /**
+     * Keyboard increment, in the units of whichever channel is being stepped:
+     * percentage points for saturation/brightness/alpha, degrees for hue.
+     * Shift multiplies it by ten, so a 1-unit picker still has a coarse gear.
+     * `0` makes pointer input continuous while the arrows keep falling back to
+     * one unit, so every value stays reachable by keyboard.
+     * @default 1 — every whole unit is reachable without a pointer.
+     */
+    step?: number;
+    /**
+     * Blocks pointer and keyboard interaction across every part, and takes the
+     * focusable parts out of the tab order.
+     * @default false — every part is interactive and in the tab order.
+     */
+    disabled?: boolean;
+    /**
+     * Displays the colour but blocks changes, while every part stays focusable
+     * and in the tab order — unlike `disabled`, a read-only picker can still be
+     * reached and read by a keyboard user. It also refuses a format switch,
+     * because switching format changes `value`.
+     * @default false — changes are accepted.
+     */
+    readOnly?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:value": (value: string) => any;
+    "value-change": (value: string) => any;
+    "value-commit": (value: string) => any;
+    "update:format": (format: ColorFormat) => any;
+    "format-change": (format: ColorFormat) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:value"?: ((value: string) => any) | undefined;
+    "onValue-change"?: ((value: string) => any) | undefined;
+    "onValue-commit"?: ((value: string) => any) | undefined;
+    "onUpdate:format"?: ((format: ColorFormat) => any) | undefined;
+    "onFormat-change"?: ((format: ColorFormat) => any) | undefined;
+}>, {
+    disabled: boolean;
+    value: string;
+    defaultValue: string;
+    alpha: boolean;
+    readOnly: boolean;
+    step: number;
+    format: ColorFormat;
+    defaultFormat: ColorFormat;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/color-picker/ColorPicker.vue.d.ts

@@ -0,0 +1,148 @@
+import { type ColorFormat } from '../utils/color.js';
+/**
+ * The Vue implementation of the shared ColorPicker contract (see
+ * `@skdx/shared`'s `colorPickerContract`) — a 2D saturation/brightness area,
+ * a hue track, an alpha track, preset swatches, text entry, a format switch
+ * and an eyedropper, over one stored colour. Renders a plain `<div>` with no
+ * role of its own: each interactive part carries its own semantics, so a role
+ * here would only add an unnamed group between the user and them.
+ *
+ * **The colour is stored as HSB, not as the string.** RGB and hex cannot
+ * represent the hue of a black, so a picker that re-parsed its own string on
+ * every change would lose the user's hue the moment they dragged brightness to
+ * zero and hand them red on the way back up. `value` is the *serialisation*;
+ * the canonical colour lives beside it and only re-syncs when a string arrives
+ * that this picker did not produce. All of the maths is in `utils/color.ts`.
+ *
+ * An unparseable `value` keeps the last good colour rather than blanking the
+ * picker: `value` is frequently mid-edit text, and `#ab` is one keystroke from
+ * being valid.
+ *
+ * Positioning is entirely CSS. The root publishes:
+ *
+ * | Property | Example | For |
+ * | --- | --- | --- |
+ * | `--skdx-color-picker-hue` | `210deg` | the area's hue backdrop, `hsl(var(--…-hue) 100% 50%)` |
+ * | `--skdx-color-picker-hue-position` | `58.333%` | the hue thumb's offset along its track |
+ * | `--skdx-color-picker-saturation` | `65%` | the area thumb's horizontal offset |
+ * | `--skdx-color-picker-brightness` | `85%` | the area thumb's vertical offset |
+ * | `--skdx-color-picker-alpha` | `0.5` | an opacity, directly |
+ * | `--skdx-color-picker-alpha-position` | `50%` | the alpha thumb's offset along its track |
+ * | `--skdx-color-picker-value` | `#d94c4c` | the current colour as a swatch fill |
+ *
+ * `--skdx-color-picker-value` is **always hex**, never the active format:
+ * `hsb()` is this library's own notation and not a CSS colour, so publishing
+ * the raw `value` would silently break every
+ * `background: var(--skdx-color-picker-value)` the moment a user switched format.
+ *
+ * Works controlled (`value` + `@value-change`, or `v-model:value`) or
+ * uncontrolled (`defaultValue`), and the same for
+ * `format` / `defaultFormat` / `@format-change` — two independent axes.
+ *
+ * Overlay variants **compose the existing `SkdxPopover`**; there is no
+ * trigger/content part here, because there is nothing about positioning a
+ * colour picker that differs from positioning anything else.
+ *
+ * @example
+ * ```vue
+ * <SkdxColorPicker default-value="#d94c4c" @value-commit="save">
+ *   <SkdxColorPickerArea><SkdxColorPickerAreaThumb /></SkdxColorPickerArea>
+ *   <SkdxColorPickerHueSlider><SkdxColorPickerHueSliderThumb /></SkdxColorPickerHueSlider>
+ *   <SkdxColorPickerAlphaSlider><SkdxColorPickerAlphaSliderThumb /></SkdxColorPickerAlphaSlider>
+ *   <SkdxColorPickerInput />
+ *   <SkdxColorPickerEyeDropper />
+ * </SkdxColorPicker>
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Current colour as a string in the active `format`, for controlled usage.
+     * Pair with `v-model:value` or `@value-change`. Anything `parseColor`
+     * understands is accepted regardless of `format`; an unparseable string is
+     * ignored and the last good colour is kept, because a half-typed `#ab`
+     * should not blank the picker.
+     * @default undefined — uncontrolled, tracks its own colour internally.
+     */
+    value?: string;
+    /**
+     * Initial colour, for uncontrolled usage, seeding the first render.
+     * @default '#000000' — opaque black, the one colour every format agrees on.
+     */
+    defaultValue?: string;
+    /**
+     * Notation `value` is written in, for controlled usage. Pair with
+     * `v-model:format` or `@format-change`. The colour itself is stored as HSB
+     * whatever this says; the format only decides how it is spelled on the way out.
+     * @default undefined — uncontrolled, tracks its own format internally.
+     */
+    format?: ColorFormat;
+    /**
+     * The notation the picker starts in when it is left uncontrolled.
+     * @default 'hex' — the notation people paste, type and recognise.
+     */
+    defaultFormat?: ColorFormat;
+    /**
+     * Whether the picker has an alpha channel. When `false`,
+     * `SkdxColorPickerAlphaSlider` renders nothing and every emitted string is
+     * fully opaque — so a consumer that cannot handle transparency never
+     * receives an `rgba()` it must strip.
+     * @default true — the picker has an opacity channel.
+     */
+    alpha?: boolean;
+    /**
+     * Keyboard increment, in the units of whichever channel is being stepped:
+     * percentage points for saturation/brightness/alpha, degrees for hue.
+     * Shift multiplies it by ten, so a 1-unit picker still has a coarse gear.
+     * `0` makes pointer input continuous while the arrows keep falling back to
+     * one unit, so every value stays reachable by keyboard.
+     * @default 1 — every whole unit is reachable without a pointer.
+     */
+    step?: number;
+    /**
+     * Blocks pointer and keyboard interaction across every part, and takes the
+     * focusable parts out of the tab order.
+     * @default false — every part is interactive and in the tab order.
+     */
+    disabled?: boolean;
+    /**
+     * Displays the colour but blocks changes, while every part stays focusable
+     * and in the tab order — unlike `disabled`, a read-only picker can still be
+     * reached and read by a keyboard user. It also refuses a format switch,
+     * because switching format changes `value`.
+     * @default false — changes are accepted.
+     */
+    readOnly?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:value": (value: string) => any;
+    "value-change": (value: string) => any;
+    "value-commit": (value: string) => any;
+    "update:format": (format: ColorFormat) => any;
+    "format-change": (format: ColorFormat) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:value"?: ((value: string) => any) | undefined;
+    "onValue-change"?: ((value: string) => any) | undefined;
+    "onValue-commit"?: ((value: string) => any) | undefined;
+    "onUpdate:format"?: ((format: ColorFormat) => any) | undefined;
+    "onFormat-change"?: ((format: ColorFormat) => any) | undefined;
+}>, {
+    disabled: boolean;
+    value: string;
+    defaultValue: string;
+    alpha: boolean;
+    readOnly: boolean;
+    step: number;
+    format: ColorFormat;
+    defaultFormat: ColorFormat;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};