@verbb/plugin-kit-vue 2.0.0

package/dist/components/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAC;AAExD,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC5G,OAAO,4CAA4C,CAAC;AAEpD,MAAM,MAAM,WAAW,GAAG;IACtB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,GAAG,eAAe,GAAG,QAAQ,CAAC;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,oFAAoF;AACpF,eAAO,MAAM,MAAM;;cAIgB,QAAQ,CAAC,eAAe,CAAC;;;;cAC5B,QAAQ,CAAC,YAAY,CAAC;;;;;;;;;;;;cAGtB,QAAQ,CAAC,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;;;;cAC7B,QAAQ,CAAC,gBAAgB,CAAC;;;;cAC7B,QAAQ,CAAC,aAAa,CAAC;;;;cACzB,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;;;;;;;;;;;;;;;cAPrC,QAAQ,CAAC,eAAe,CAAC;;;;cAC5B,QAAQ,CAAC,YAAY,CAAC;;;;;;;;;;;;cAGtB,QAAQ,CAAC,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;;;;cAC7B,QAAQ,CAAC,gBAAgB,CAAC;;;;cAC7B,QAAQ,CAAC,aAAa,CAAC;;;;cACzB,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;4EAuBtE,CAAC;AAEH,eAAO,MAAM,eAAe;;cAhCO,QAAQ,CAAC,eAAe,CAAC;;;;cAC5B,QAAQ,CAAC,YAAY,CAAC;;;;;;;;;;;;cAGtB,QAAQ,CAAC,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;;;;cAC7B,QAAQ,CAAC,gBAAgB,CAAC;;;;cAC7B,QAAQ,CAAC,aAAa,CAAC;;;;cACzB,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;;;;;;;;;;;;;;;cAPrC,QAAQ,CAAC,eAAe,CAAC;;;;cAC5B,QAAQ,CAAC,YAAY,CAAC;;;;;;;;;;;;cAGtB,QAAQ,CAAC,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;;;;cAC7B,QAAQ,CAAC,gBAAgB,CAAC;;;;cAC7B,QAAQ,CAAC,aAAa,CAAC;;;;cACzB,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;4EAyBnC,CAAC"}

package/dist/components/Button.js

@@ -0,0 +1,71 @@
+import { assignSlotNodes } from "@lit-labs/vue-utils/wrapper-utils.js";
+import { defineComponent, h } from "vue";
+import "@verbb/plugin-kit-web/components/button.js";
+//#region src/components/Button.ts
+/** Vue facade over `<pk-button>`. Behavior and styles live in the web component. */
+var Button = defineComponent({
+	name: "PkButton",
+	inheritAttrs: false,
+	props: {
+		variant: {
+			type: String,
+			default: "default"
+		},
+		size: {
+			type: String,
+			default: "default"
+		},
+		loading: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		type: {
+			type: String,
+			default: "button"
+		},
+		spinnerVariant: {
+			type: String,
+			default: void 0
+		},
+		spinnerTone: {
+			type: String,
+			default: void 0
+		},
+		dataState: {
+			type: String,
+			default: void 0
+		},
+		withCaret: {
+			type: Boolean,
+			default: false
+		},
+		groupTrigger: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(props, { attrs, slots }) {
+		return () => h("pk-button", {
+			...attrs,
+			variant: props.variant,
+			size: props.size,
+			loading: props.loading || void 0,
+			disabled: props.disabled || void 0,
+			type: props.type,
+			...props.spinnerVariant ? { "spinner-variant": props.spinnerVariant } : {},
+			...props.spinnerTone ? { "spinner-tone": props.spinnerTone } : {},
+			...props.dataState ? { "data-state": props.dataState } : {},
+			...props.withCaret ? { "with-caret": "" } : {},
+			...props.groupTrigger ? { "group-trigger": "" } : {}
+		}, assignSlotNodes(slots));
+	}
+});
+var PkButtonElement = Button;
+//#endregion
+export { Button, PkButtonElement };
+
+//# sourceMappingURL=Button.js.map

package/dist/components/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","names":[],"sources":["../../src/components/Button.ts"],"sourcesContent":["import { defineComponent, h, type PropType } from 'vue';\nimport { assignSlotNodes, type Slots } from '@lit-labs/vue-utils/wrapper-utils.js';\nimport type { PkButtonSize, PkButtonVariant, PkSpinnerTone, PkSpinnerVariant } from '@verbb/plugin-kit-web';\nimport '@verbb/plugin-kit-web/components/button.js';\n\nexport type ButtonProps = {\n    variant?: PkButtonVariant;\n    size?: PkButtonSize;\n    loading?: boolean;\n    disabled?: boolean;\n    type?: 'button' | 'submit' | 'reset';\n    spinnerVariant?: PkSpinnerVariant;\n    spinnerTone?: PkSpinnerTone;\n    'data-state'?: 'hover' | 'focus-visible' | 'active';\n    withCaret?: boolean;\n    groupTrigger?: boolean;\n};\n\n/** Vue facade over `<pk-button>`. Behavior and styles live in the web component. */\nexport const Button = defineComponent({\n    name: 'PkButton',\n    inheritAttrs: false,\n    props: {\n        variant: { type: String as PropType<PkButtonVariant>, default: 'default' },\n        size: { type: String as PropType<PkButtonSize>, default: 'default' },\n        loading: { type: Boolean, default: false },\n        disabled: { type: Boolean, default: false },\n        type: { type: String as PropType<'button' | 'submit' | 'reset'>, default: 'button' },\n        spinnerVariant: { type: String as PropType<PkSpinnerVariant>, default: undefined },\n        spinnerTone: { type: String as PropType<PkSpinnerTone>, default: undefined },\n        dataState: { type: String as PropType<ButtonProps['data-state']>, default: undefined },\n        withCaret: { type: Boolean, default: false },\n        groupTrigger: { type: Boolean, default: false },\n    },\n    setup(props, { attrs, slots }) {\n        return () => h(\n            'pk-button',\n            {\n                ...attrs,\n                variant: props.variant,\n                size: props.size,\n                loading: props.loading || undefined,\n                disabled: props.disabled || undefined,\n                type: props.type,\n                ...(props.spinnerVariant ? { 'spinner-variant': props.spinnerVariant } : {}),\n                ...(props.spinnerTone ? { 'spinner-tone': props.spinnerTone } : {}),\n                ...(props.dataState ? { 'data-state': props.dataState } : {}),\n                ...(props.withCaret ? { 'with-caret': '' } : {}),\n                ...(props.groupTrigger ? { 'group-trigger': '' } : {}),\n            },\n            assignSlotNodes(slots as Slots),\n        );\n    },\n});\n\nexport const PkButtonElement = Button;\n"],"mappings":";;;;;AAmBA,IAAa,SAAS,gBAAgB;CAClC,MAAM;CACN,cAAc;CACd,OAAO;EACH,SAAS;GAAE,MAAM;GAAqC,SAAS;GAAW;EAC1E,MAAM;GAAE,MAAM;GAAkC,SAAS;GAAW;EACpE,SAAS;GAAE,MAAM;GAAS,SAAS;GAAO;EAC1C,UAAU;GAAE,MAAM;GAAS,SAAS;GAAO;EAC3C,MAAM;GAAE,MAAM;GAAmD,SAAS;GAAU;EACpF,gBAAgB;GAAE,MAAM;GAAsC,SAAS,KAAA;GAAW;EAClF,aAAa;GAAE,MAAM;GAAmC,SAAS,KAAA;GAAW;EAC5E,WAAW;GAAE,MAAM;GAA+C,SAAS,KAAA;GAAW;EACtF,WAAW;GAAE,MAAM;GAAS,SAAS;GAAO;EAC5C,cAAc;GAAE,MAAM;GAAS,SAAS;GAAO;EAClD;CACD,MAAM,OAAO,EAAE,OAAO,SAAS;AAC3B,eAAa,EACT,aACA;GACI,GAAG;GACH,SAAS,MAAM;GACf,MAAM,MAAM;GACZ,SAAS,MAAM,WAAW,KAAA;GAC1B,UAAU,MAAM,YAAY,KAAA;GAC5B,MAAM,MAAM;GACZ,GAAI,MAAM,iBAAiB,EAAE,mBAAmB,MAAM,gBAAgB,GAAG,EAAE;GAC3E,GAAI,MAAM,cAAc,EAAE,gBAAgB,MAAM,aAAa,GAAG,EAAE;GAClE,GAAI,MAAM,YAAY,EAAE,cAAc,MAAM,WAAW,GAAG,EAAE;GAC5D,GAAI,MAAM,YAAY,EAAE,cAAc,IAAI,GAAG,EAAE;GAC/C,GAAI,MAAM,eAAe,EAAE,iBAAiB,IAAI,GAAG,EAAE;GACxD,EACD,gBAAgB,MAAe,CAClC;;CAER,CAAC;AAEF,IAAa,kBAAkB"}

package/dist/components/ButtonGroup.d.ts

@@ -0,0 +1,22 @@
+export declare const ButtonGroup: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | undefined;
+export declare const ButtonGroupSeparator: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | undefined;
+export declare const ButtonGroupText: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | undefined;
+export declare const PkButtonGroupElement: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | undefined;
+export declare const PkButtonGroupSeparatorElement: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | undefined;
+export declare const PkButtonGroupTextElement: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | undefined;
+export type ButtonGroupProps = Record<string, unknown>;
+export type ButtonGroupSeparatorProps = Record<string, unknown>;
+export type ButtonGroupTextProps = Record<string, unknown>;
+//# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/components/ButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../src/components/ButtonGroup.ts"],"names":[],"mappings":"AACA,OAAO,kDAAkD,CAAC;AAS1D,eAAO,MAAM,WAAW;;uPAAqB,CAAC;AAC9C,eAAO,MAAM,oBAAoB;;uPAA8B,CAAC;AAChE,eAAO,MAAM,eAAe;;uPAAyB,CAAC;AAEtD,eAAO,MAAM,oBAAoB;;uPAAc,CAAC;AAChD,eAAO,MAAM,6BAA6B;;uPAAuB,CAAC;AAClE,eAAO,MAAM,wBAAwB;;uPAAkB,CAAC;AAExD,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AACvD,MAAM,MAAM,yBAAyB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAChE,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC"}

package/dist/components/ButtonGroup.js

@@ -0,0 +1,19 @@
+import { createPkComponentFamily } from "../createPkComponent.js";
+import "@verbb/plugin-kit-web/components/button-group.js";
+//#region src/components/ButtonGroup.ts
+/** Vue facades over the `<pk-button-group>` family. Behavior and styles live in the web components. */
+var family = createPkComponentFamily({
+	ButtonGroup: "pk-button-group",
+	ButtonGroupSeparator: "pk-button-group-separator",
+	ButtonGroupText: "pk-button-group-text"
+});
+var ButtonGroup = family.ButtonGroup;
+var ButtonGroupSeparator = family.ButtonGroupSeparator;
+var ButtonGroupText = family.ButtonGroupText;
+var PkButtonGroupElement = ButtonGroup;
+var PkButtonGroupSeparatorElement = ButtonGroupSeparator;
+var PkButtonGroupTextElement = ButtonGroupText;
+//#endregion
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, PkButtonGroupElement, PkButtonGroupSeparatorElement, PkButtonGroupTextElement };
+
+//# sourceMappingURL=ButtonGroup.js.map

package/dist/components/ButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.js","names":[],"sources":["../../src/components/ButtonGroup.ts"],"sourcesContent":["import { createPkComponentFamily } from '../createPkComponent.js';\nimport '@verbb/plugin-kit-web/components/button-group.js';\n\n/** Vue facades over the `<pk-button-group>` family. Behavior and styles live in the web components. */\nconst family = createPkComponentFamily({\n    ButtonGroup: 'pk-button-group',\n    ButtonGroupSeparator: 'pk-button-group-separator',\n    ButtonGroupText: 'pk-button-group-text',\n});\n\nexport const ButtonGroup = family.ButtonGroup;\nexport const ButtonGroupSeparator = family.ButtonGroupSeparator;\nexport const ButtonGroupText = family.ButtonGroupText;\n\nexport const PkButtonGroupElement = ButtonGroup;\nexport const PkButtonGroupSeparatorElement = ButtonGroupSeparator;\nexport const PkButtonGroupTextElement = ButtonGroupText;\n\nexport type ButtonGroupProps = Record<string, unknown>;\nexport type ButtonGroupSeparatorProps = Record<string, unknown>;\nexport type ButtonGroupTextProps = Record<string, unknown>;\n"],"mappings":";;;;AAIA,IAAM,SAAS,wBAAwB;CACnC,aAAa;CACb,sBAAsB;CACtB,iBAAiB;CACpB,CAAC;AAEF,IAAa,cAAc,OAAO;AAClC,IAAa,uBAAuB,OAAO;AAC3C,IAAa,kBAAkB,OAAO;AAEtC,IAAa,uBAAuB;AACpC,IAAa,gCAAgC;AAC7C,IAAa,2BAA2B"}

package/dist/components/Calendar.d.ts

@@ -0,0 +1,9 @@
+/** Vue facade over `<pk-calendar>`. Behavior and styles live in the web component. */
+export declare const Calendar: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const PkCalendarElement: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export type CalendarProps = Record<string, unknown>;
+//# sourceMappingURL=Calendar.d.ts.map

package/dist/components/Calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../src/components/Calendar.ts"],"names":[],"mappings":"AACA,OAAO,8CAA8C,CAAC;AAEtD,sFAAsF;AACtF,eAAO,MAAM,QAAQ;;2OAGnB,CAAC;AAEH,eAAO,MAAM,iBAAiB;;2OAAW,CAAC;AAE1C,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC"}

package/dist/components/Calendar.js

@@ -0,0 +1,13 @@
+import { createPkComponent } from "../createPkComponent.js";
+import "@verbb/plugin-kit-web/components/calendar.js";
+//#region src/components/Calendar.ts
+/** Vue facade over `<pk-calendar>`. Behavior and styles live in the web component. */
+var Calendar = createPkComponent({
+	name: "PkCalendar",
+	tagName: "pk-calendar"
+});
+var PkCalendarElement = Calendar;
+//#endregion
+export { Calendar, PkCalendarElement };
+
+//# sourceMappingURL=Calendar.js.map

package/dist/components/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.js","names":[],"sources":["../../src/components/Calendar.ts"],"sourcesContent":["import { createPkComponent } from '../createPkComponent.js';\nimport '@verbb/plugin-kit-web/components/calendar.js';\n\n/** Vue facade over `<pk-calendar>`. Behavior and styles live in the web component. */\nexport const Calendar = createPkComponent({\n    name: 'PkCalendar',\n    tagName: 'pk-calendar',\n});\n\nexport const PkCalendarElement = Calendar;\n\nexport type CalendarProps = Record<string, unknown>;\n"],"mappings":";;;;AAIA,IAAa,WAAW,kBAAkB;CACtC,MAAM;CACN,SAAS;CACZ,CAAC;AAEF,IAAa,oBAAoB"}

package/dist/components/Checkbox.d.ts

@@ -0,0 +1,177 @@
+import { PropType } from 'vue';
+export type CheckboxProps = {
+    checked?: boolean;
+    indeterminate?: boolean;
+    disabled?: boolean;
+    invalid?: boolean;
+    required?: boolean;
+    name?: string;
+    value?: string;
+    'data-state'?: 'focus-visible';
+};
+/** Vue facade over `<pk-checkbox>`. Behavior and styles live in the web component. */
+export declare const Checkbox: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    checked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    indeterminate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    dataState: {
+        type: PropType<CheckboxProps["data-state"]>;
+        default: undefined;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:checked': (value: boolean) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    checked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    indeterminate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    dataState: {
+        type: PropType<CheckboxProps["data-state"]>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    "onUpdate:checked"?: ((value: boolean) => any) | undefined;
+}>, {
+    name: string;
+    invalid: boolean;
+    checked: boolean;
+    disabled: boolean;
+    required: boolean;
+    value: string;
+    indeterminate: boolean;
+    dataState: "focus-visible" | undefined;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const PkCheckboxElement: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    checked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    indeterminate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    dataState: {
+        type: PropType<CheckboxProps["data-state"]>;
+        default: undefined;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:checked': (value: boolean) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    checked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    indeterminate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    dataState: {
+        type: PropType<CheckboxProps["data-state"]>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    "onUpdate:checked"?: ((value: boolean) => any) | undefined;
+}>, {
+    name: string;
+    invalid: boolean;
+    checked: boolean;
+    disabled: boolean;
+    required: boolean;
+    value: string;
+    indeterminate: boolean;
+    dataState: "focus-visible" | undefined;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/components/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/components/Checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,QAAQ,EAAmB,MAAM,KAAK,CAAC;AAEzE,OAAO,8CAA8C,CAAC;AAItD,MAAM,MAAM,aAAa,GAAG;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,eAAe,CAAC;CAClC,CAAC;AAEF,sFAAsF;AACtF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAWgB,QAAQ,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;;;;;;8BAGxC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAHJ,QAAQ,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;;;;;;;;;;;;;;4EA8BxE,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAhCO,QAAQ,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;;;;;;8BAGxC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAHJ,QAAQ,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;;;;;;;;;;;;;;4EAgCjC,CAAC"}

package/dist/components/Checkbox.js

@@ -0,0 +1,69 @@
+import { readPkCheckedDetail } from "../utils/pk-change.js";
+import { assignSlotNodes } from "@lit-labs/vue-utils/wrapper-utils.js";
+import { defineComponent, h } from "vue";
+import "@verbb/plugin-kit-web/components/checkbox.js";
+//#region src/components/Checkbox.ts
+/** Vue facade over `<pk-checkbox>`. Behavior and styles live in the web component. */
+var Checkbox = defineComponent({
+	name: "PkCheckbox",
+	inheritAttrs: false,
+	props: {
+		checked: {
+			type: Boolean,
+			default: false
+		},
+		indeterminate: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		invalid: {
+			type: Boolean,
+			default: false
+		},
+		required: {
+			type: Boolean,
+			default: false
+		},
+		name: {
+			type: String,
+			default: void 0
+		},
+		value: {
+			type: String,
+			default: "on"
+		},
+		dataState: {
+			type: String,
+			default: void 0
+		}
+	},
+	emits: { "update:checked": (value) => typeof value === "boolean" },
+	setup(props, { attrs, slots, emit }) {
+		const handlePkChange = (event) => {
+			const userHandler = attrs.onPkChange;
+			userHandler?.(event);
+			emit("update:checked", readPkCheckedDetail(event));
+		};
+		return () => h("pk-checkbox", {
+			...attrs,
+			checked: props.checked,
+			indeterminate: props.indeterminate || void 0,
+			disabled: props.disabled || void 0,
+			invalid: props.invalid || void 0,
+			required: props.required || void 0,
+			...props.name ? { name: props.name } : {},
+			checkboxValue: props.value,
+			...props.dataState ? { "data-state": props.dataState } : {},
+			onPkChange: handlePkChange
+		}, assignSlotNodes(slots));
+	}
+});
+var PkCheckboxElement = Checkbox;
+//#endregion
+export { Checkbox, PkCheckboxElement };
+
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","names":[],"sources":["../../src/components/Checkbox.ts"],"sourcesContent":["import { defineComponent, h, type PropType, type VNodeChild } from 'vue';\nimport { assignSlotNodes, type Slots } from '@lit-labs/vue-utils/wrapper-utils.js';\nimport '@verbb/plugin-kit-web/components/checkbox.js';\n\nimport { readPkCheckedDetail } from '../utils/pk-change.js';\n\nexport type CheckboxProps = {\n    checked?: boolean;\n    indeterminate?: boolean;\n    disabled?: boolean;\n    invalid?: boolean;\n    required?: boolean;\n    name?: string;\n    value?: string;\n    'data-state'?: 'focus-visible';\n};\n\n/** Vue facade over `<pk-checkbox>`. Behavior and styles live in the web component. */\nexport const Checkbox = defineComponent({\n    name: 'PkCheckbox',\n    inheritAttrs: false,\n    props: {\n        checked: { type: Boolean, default: false },\n        indeterminate: { type: Boolean, default: false },\n        disabled: { type: Boolean, default: false },\n        invalid: { type: Boolean, default: false },\n        required: { type: Boolean, default: false },\n        name: { type: String, default: undefined },\n        value: { type: String, default: 'on' },\n        dataState: { type: String as PropType<CheckboxProps['data-state']>, default: undefined },\n    },\n    emits: {\n        'update:checked': (value: boolean) => typeof value === 'boolean',\n    },\n    setup(props, { attrs, slots, emit }) {\n        const handlePkChange = (event: Event): void => {\n            const userHandler = attrs.onPkChange as ((event: Event) => void) | undefined;\n\n            userHandler?.(event);\n            emit('update:checked', readPkCheckedDetail(event));\n        };\n\n        return () => h(\n            'pk-checkbox',\n            {\n                ...attrs,\n                checked: props.checked,\n                indeterminate: props.indeterminate || undefined,\n                disabled: props.disabled || undefined,\n                invalid: props.invalid || undefined,\n                required: props.required || undefined,\n                ...(props.name ? { name: props.name } : {}),\n                checkboxValue: props.value,\n                ...(props.dataState ? { 'data-state': props.dataState } : {}),\n                onPkChange: handlePkChange,\n            },\n            assignSlotNodes(slots as Slots),\n        );\n    },\n});\n\nexport const PkCheckboxElement = Checkbox;\n"],"mappings":";;;;;;AAkBA,IAAa,WAAW,gBAAgB;CACpC,MAAM;CACN,cAAc;CACd,OAAO;EACH,SAAS;GAAE,MAAM;GAAS,SAAS;GAAO;EAC1C,eAAe;GAAE,MAAM;GAAS,SAAS;GAAO;EAChD,UAAU;GAAE,MAAM;GAAS,SAAS;GAAO;EAC3C,SAAS;GAAE,MAAM;GAAS,SAAS;GAAO;EAC1C,UAAU;GAAE,MAAM;GAAS,SAAS;GAAO;EAC3C,MAAM;GAAE,MAAM;GAAQ,SAAS,KAAA;GAAW;EAC1C,OAAO;GAAE,MAAM;GAAQ,SAAS;GAAM;EACtC,WAAW;GAAE,MAAM;GAAiD,SAAS,KAAA;GAAW;EAC3F;CACD,OAAO,EACH,mBAAmB,UAAmB,OAAO,UAAU,WAC1D;CACD,MAAM,OAAO,EAAE,OAAO,OAAO,QAAQ;EACjC,MAAM,kBAAkB,UAAuB;GAC3C,MAAM,cAAc,MAAM;AAE1B,iBAAc,MAAM;AACpB,QAAK,kBAAkB,oBAAoB,MAAM,CAAC;;AAGtD,eAAa,EACT,eACA;GACI,GAAG;GACH,SAAS,MAAM;GACf,eAAe,MAAM,iBAAiB,KAAA;GACtC,UAAU,MAAM,YAAY,KAAA;GAC5B,SAAS,MAAM,WAAW,KAAA;GAC1B,UAAU,MAAM,YAAY,KAAA;GAC5B,GAAI,MAAM,OAAO,EAAE,MAAM,MAAM,MAAM,GAAG,EAAE;GAC1C,eAAe,MAAM;GACrB,GAAI,MAAM,YAAY,EAAE,cAAc,MAAM,WAAW,GAAG,EAAE;GAC5D,YAAY;GACf,EACD,gBAAgB,MAAe,CAClC;;CAER,CAAC;AAEF,IAAa,oBAAoB"}

package/dist/components/CheckboxInput.d.ts

@@ -0,0 +1,210 @@
+import { PropType, VNodeChild } from 'vue';
+import { CheckboxProps } from './Checkbox.js';
+export type CheckboxInputProps = CheckboxProps & {
+    label: VNodeChild;
+    description?: VNodeChild;
+};
+/**
+ * Convenience facade pairing `<pk-checkbox>` with a label + optional description,
+ * mirroring `plugin-kit-react` `CheckboxInput`. Layout uses a plain wrapping `<label>`
+ * (no utility CSS) — the checkbox itself is styled inside the web component shadow root.
+ */
+export declare const CheckboxInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    label: {
+        type: PropType<VNodeChild>;
+        required: true;
+    };
+    description: {
+        type: PropType<VNodeChild>;
+        default: undefined;
+    };
+    checked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    indeterminate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    dataState: {
+        type: PropType<CheckboxProps["data-state"]>;
+        default: undefined;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:checked': (value: boolean) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    label: {
+        type: PropType<VNodeChild>;
+        required: true;
+    };
+    description: {
+        type: PropType<VNodeChild>;
+        default: undefined;
+    };
+    checked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    indeterminate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    dataState: {
+        type: PropType<CheckboxProps["data-state"]>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    "onUpdate:checked"?: ((value: boolean) => any) | undefined;
+}>, {
+    name: string;
+    invalid: boolean;
+    checked: boolean;
+    disabled: boolean;
+    required: boolean;
+    value: string;
+    indeterminate: boolean;
+    dataState: "focus-visible" | undefined;
+    description: VNodeChild;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const PkCheckboxInputElement: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    label: {
+        type: PropType<VNodeChild>;
+        required: true;
+    };
+    description: {
+        type: PropType<VNodeChild>;
+        default: undefined;
+    };
+    checked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    indeterminate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    dataState: {
+        type: PropType<CheckboxProps["data-state"]>;
+        default: undefined;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:checked': (value: boolean) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    label: {
+        type: PropType<VNodeChild>;
+        required: true;
+    };
+    description: {
+        type: PropType<VNodeChild>;
+        default: undefined;
+    };
+    checked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    indeterminate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    dataState: {
+        type: PropType<CheckboxProps["data-state"]>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    "onUpdate:checked"?: ((value: boolean) => any) | undefined;
+}>, {
+    name: string;
+    invalid: boolean;
+    checked: boolean;
+    disabled: boolean;
+    required: boolean;
+    value: string;
+    indeterminate: boolean;
+    dataState: "focus-visible" | undefined;
+    description: VNodeChild;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=CheckboxInput.d.ts.map

package/dist/components/CheckboxInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxInput.d.ts","sourceRoot":"","sources":["../../src/components/CheckboxInput.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,QAAQ,EAAE,KAAK,UAAU,EAAE,MAAM,KAAK,CAAC;AAEzE,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,eAAe,CAAC;AAE7D,MAAM,MAAM,kBAAkB,GAAG,aAAa,GAAG;IAC7C,KAAK,EAAE,UAAU,CAAC;IAClB,WAAW,CAAC,EAAE,UAAU,CAAC;CAC5B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,aAAa;;cAIyB,QAAQ,CAAC,UAAU,CAAC;;;;cACd,QAAQ,CAAC,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAQxC,QAAQ,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;;;;;;8BAGxC,OAAO;;;cAZU,QAAQ,CAAC,UAAU,CAAC;;;;cACd,QAAQ,CAAC,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAQxC,QAAQ,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;;;;;;;;;;;;;;;4EAkExE,CAAC;AAEH,eAAO,MAAM,sBAAsB;;cA7EgB,QAAQ,CAAC,UAAU,CAAC;;;;cACd,QAAQ,CAAC,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAQxC,QAAQ,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;;;;;;8BAGxC,OAAO;;;cAZU,QAAQ,CAAC,UAAU,CAAC;;;;cACd,QAAQ,CAAC,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAQxC,QAAQ,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;;;;;;;;;;;;;;;4EAoEvB,CAAC"}