@sectile/vue 0.2.1

package/dist/switch.d.ts

@@ -0,0 +1,149 @@
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import { type PrimitiveAs } from './primitive.js';
+export interface SwitchRootProps {
+    readonly modelValue?: boolean;
+    readonly defaultValue?: boolean;
+    readonly disabled?: boolean;
+    readonly?: boolean;
+    readonly required?: boolean;
+    readonly name?: string;
+    readonly value?: string;
+    readonly form?: string;
+    readonly as?: PrimitiveAs;
+    readonly asChild?: boolean;
+}
+export interface SwitchSlotProps {
+    readonly checked: boolean;
+    readonly disabled: boolean;
+    readonly: boolean;
+}
+export interface SwitchThumbProps {
+    readonly as?: PrimitiveAs;
+    readonly asChild?: boolean;
+}
+export declare const SwitchRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    form: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (_value: boolean) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    form: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: (_value: boolean) => any;
+}>, {
+    modelValue: boolean;
+    defaultValue: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    required: boolean;
+    name: string;
+    value: string;
+    form: string;
+    as: PrimitiveAs;
+    asChild: boolean;
+}, SlotsType<{
+    default: (props: SwitchSlotProps) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type SwitchValueChangeHandler = (value: boolean) => void;
+export declare const SwitchThumb: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    as: PrimitiveAs;
+    asChild: boolean;
+}, SlotsType<{
+    default: (props: SwitchSlotProps) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=switch.d.ts.map

package/dist/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../src/switch.ts"],"names":[],"mappings":"AAAA,OAAO,EAWL,KAAK,QAAQ,EACb,KAAK,SAAS,EACd,KAAK,UAAU,EAChB,MAAM,KAAK,CAAC;AAQb,OAAO,EAAa,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAM7D,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAChC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;CAC5B;AAkBD,eAAO,MAAM,UAAU;;QAIL,IAAI;QAAW,OAAO;;;QACpB,IAAI;QAAW,OAAO;;;QAC1B,IAAI;QAAW,OAAO;;;QACtB,IAAI;QAAW,OAAO;;;QACtB,IAAI;QAAW,OAAO;;;QAC1B,IAAI;QAAU,OAAO;;;QACpB,IAAI;QAAU,OAAO;;;QACtB,IAAI;QAAU,OAAO;;;QACvB,IAAI,EAAgC,QAAQ,CAAC,WAAW,CAAC;QAAE,OAAO;;;QAC7D,IAAI;QAAW,OAAO;;UAoEtB,UAAU;kCAjES,OAAO,KAAG,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAGtC,CAAC,KAAK,EAAE,eAAe,KAAK,UAAU;yEA4FjD,CAAC;AAEH,MAAM,MAAM,wBAAwB,GAAG,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;AAEhE,eAAO,MAAM,WAAW;;QAId,IAAI,EAAgC,QAAQ,CAAC,WAAW,CAAC;QAAE,OAAO;;;QAC7D,IAAI;QAAW,OAAO;;UAQtB,UAAU;;;;;;;;;;;;;aALZ,CAAC,KAAK,EAAE,eAAe,KAAK,UAAU;yEAgBjD,CAAC"}

package/dist/switch.js

@@ -0,0 +1,140 @@
+import { computed, defineComponent, h, inject, mergeProps, provide, ref, shallowRef, watch, } from 'vue';
+import { createSwitchController, getSwitchAttributes, getSwitchInputAttributes, } from '@sectile/dom/switch';
+import { visuallyHiddenInputStyle } from './internal/native-input.js';
+import { Primitive } from './primitive.js';
+import { hiddenInputSubmissionCapabilities, useCompositeFormControl, } from './internal/form-control.js';
+const switchContextKey = Symbol('SectileSwitch');
+export const SwitchRoot = defineComponent({
+    name: 'SectileSwitchRoot',
+    inheritAttrs: false,
+    props: {
+        modelValue: { type: Boolean, default: undefined },
+        defaultValue: { type: Boolean, default: false },
+        disabled: { type: Boolean, default: false },
+        readonly: { type: Boolean, default: false },
+        required: { type: Boolean, default: false },
+        name: { type: String, default: undefined },
+        value: { type: String, default: 'on' },
+        form: { type: String, default: undefined },
+        as: { type: [String, Object, Function], default: 'button' },
+        asChild: { type: Boolean, default: false },
+    },
+    emits: {
+        'update:modelValue': (_value) => true,
+    },
+    slots: Object,
+    setup(props, { attrs, emit, slots }) {
+        const rootElement = ref(null);
+        const inputElement = ref(null);
+        const participation = useCompositeFormControl({
+            root: rootElement,
+            focusTarget: rootElement,
+            submissions: [{
+                    element: inputElement,
+                    capabilities: hiddenInputSubmissionCapabilities,
+                }],
+        });
+        const controlled = props.modelValue !== undefined;
+        const controller = shallowRef(createController(controlled, controlled ? props.modelValue : props.defaultValue, props, emit));
+        const snapshot = shallowRef(controller.value.getSnapshot());
+        const refresh = () => { snapshot.value = controller.value.getSnapshot(); };
+        const rebuild = () => {
+            const checked = controlled ? props.modelValue : snapshot.value.state.checked;
+            controller.value = createController(controlled, checked, props, emit);
+            refresh();
+        };
+        watch(() => props.modelValue, (value) => {
+            if (!controlled || value === undefined)
+                return;
+            const result = controller.value.syncControlledValue(value);
+            if (!result.ok)
+                throw new TypeError(result.error.message);
+            snapshot.value = result.value;
+        });
+        watch([() => props.disabled, () => props.readonly], rebuild);
+        const slotProps = computed(() => Object.freeze({
+            checked: snapshot.value.state.checked,
+            disabled: props.disabled,
+            readonly: props.readonly,
+        }));
+        const attributes = computed(() => getSwitchAttributes(snapshot.value.state, {
+            disabled: props.disabled,
+            readOnly: props.readonly,
+            required: props.required,
+            native: true,
+        }));
+        const inputAttributes = computed(() => getSwitchInputAttributes(snapshot.value.state, {
+            ...(props.name === undefined ? {} : { name: props.name }),
+            value: props.value,
+            ...(props.form === undefined ? {} : { form: props.form }),
+            required: props.required,
+            disabled: props.disabled,
+        }));
+        const dataState = computed(() => attributes.value['data-state']);
+        provide(switchContextKey, { slotProps, dataState });
+        const handleClick = (event) => {
+            if (event.defaultPrevented)
+                return;
+            if (controller.value.handleEvent('toggle'))
+                refresh();
+        };
+        return () => {
+            const root = h(Primitive, mergeProps(attrs, attributes.value, {
+                elementRef: (element) => {
+                    rootElement.value = element;
+                },
+                as: props.as,
+                asChild: props.asChild,
+                ...(props.as === 'button' && !props.asChild ? { type: 'button' } : {}),
+                onClick: handleClick,
+            }, participation.controlProps.value), {
+                default: () => slots['default']?.(slotProps.value),
+            });
+            if (!participation.participating
+                && props.name === undefined
+                && props.form === undefined
+                && !props.required)
+                return root;
+            return [root, h('input', mergeProps(inputAttributes.value, {
+                    ref: inputElement,
+                    style: visuallyHiddenInputStyle,
+                }))];
+        };
+    },
+});
+export const SwitchThumb = defineComponent({
+    name: 'SectileSwitchThumb',
+    inheritAttrs: false,
+    props: {
+        as: { type: [String, Object, Function], default: 'span' },
+        asChild: { type: Boolean, default: false },
+    },
+    slots: Object,
+    setup(props, { attrs, slots }) {
+        const context = inject(switchContextKey);
+        if (context === undefined)
+            throw new TypeError('SwitchThumb must be used inside SwitchRoot.');
+        return () => h(Primitive, mergeProps(attrs, {
+            as: props.as,
+            asChild: props.asChild,
+            'aria-hidden': 'true',
+            'data-scope': 'switch',
+            'data-part': 'thumb',
+            'data-state': context.dataState.value,
+        }), {
+            default: () => slots['default']?.(context.slotProps.value),
+        });
+    },
+});
+function createController(controlled, checked, props, emit) {
+    const result = createSwitchController({
+        ...(controlled ? { checked } : { defaultChecked: checked }),
+        disabled: props.disabled,
+        readOnly: props.readonly,
+        onCheckedChange: (next) => emit('update:modelValue', next),
+    });
+    if (!result.ok)
+        throw new TypeError(result.error.message);
+    return result.value;
+}
+//# sourceMappingURL=switch.js.map

package/dist/switch.js.map

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

package/dist/tabs.d.ts

@@ -0,0 +1,290 @@
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import { type PrimitiveAs } from './primitive.js';
+export type TabsActivationMode = 'automatic' | 'manual';
+export interface TabsRootProps {
+    readonly items: readonly string[];
+    readonly modelValue?: string;
+    readonly defaultValue?: string;
+    readonly disabledItems?: readonly string[];
+    readonly disabled?: boolean;
+    readonly?: boolean;
+    readonly orientation?: 'horizontal' | 'vertical';
+    readonly activationMode?: TabsActivationMode;
+    readonly as?: PrimitiveAs;
+    readonly asChild?: boolean;
+}
+export interface TabsRootSlotProps {
+    readonly value: string;
+    readonly highlightedValue: string | null;
+    readonly disabled: boolean;
+    readonly: boolean;
+}
+export interface TabsListProps {
+    readonly label?: string;
+    readonly as?: PrimitiveAs;
+    readonly asChild?: boolean;
+}
+export interface TabsTriggerProps {
+    readonly value: string;
+    readonly disabled?: boolean;
+    readonly as?: PrimitiveAs;
+    readonly asChild?: boolean;
+}
+export interface TabsTriggerSlotProps {
+    readonly value: string;
+    readonly selected: boolean;
+    readonly highlighted: boolean;
+    readonly disabled: boolean;
+}
+export interface TabsContentProps {
+    readonly value: string;
+    readonly as?: PrimitiveAs;
+    readonly asChild?: boolean;
+}
+export interface TabsContentSlotProps {
+    readonly value: string;
+    readonly selected: boolean;
+}
+export interface TabsIndicatorProps {
+    readonly as?: PrimitiveAs;
+    readonly asChild?: boolean;
+}
+export declare const TabsRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    items: {
+        type: PropType<readonly string[]>;
+        required: true;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabledItems: {
+        type: PropType<readonly string[]>;
+        default: () => never[];
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    orientation: {
+        type: PropType<'horizontal' | 'vertical'>;
+        default: string;
+    };
+    activationMode: {
+        type: PropType<TabsActivationMode>;
+        default: string;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (_value: string) => boolean;
+    highlight: (_value: string | null) => boolean;
+    activate: (_value: string) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    items: {
+        type: PropType<readonly string[]>;
+        required: true;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabledItems: {
+        type: PropType<readonly string[]>;
+        default: () => never[];
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    orientation: {
+        type: PropType<'horizontal' | 'vertical'>;
+        default: string;
+    };
+    activationMode: {
+        type: PropType<TabsActivationMode>;
+        default: string;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onActivate?: (_value: string) => any;
+    onHighlight?: (_value: string | null) => any;
+    "onUpdate:modelValue"?: (_value: string) => any;
+}>, {
+    modelValue: string;
+    defaultValue: string;
+    disabledItems: readonly string[];
+    disabled: boolean;
+    readonly: boolean;
+    orientation: "horizontal" | "vertical";
+    activationMode: TabsActivationMode;
+    as: PrimitiveAs;
+    asChild: boolean;
+}, SlotsType<{
+    default: (props: TabsRootSlotProps) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type TabsValueChangeHandler = (value: string) => void;
+export type TabsHighlightHandler = (value: string | null) => void;
+export type TabsActivateHandler = (value: string) => void;
+export declare const TabsList: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    label: string;
+    as: PrimitiveAs;
+    asChild: boolean;
+}, SlotsType<{
+    default: () => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const TabsTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    disabled: boolean;
+    as: PrimitiveAs;
+    asChild: boolean;
+}, SlotsType<{
+    default: (props: TabsTriggerSlotProps) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const TabsContent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    as: PrimitiveAs;
+    asChild: boolean;
+}, SlotsType<{
+    default: (props: TabsContentSlotProps) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const TabsIndicator: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    as: PrimitiveAs;
+    asChild: boolean;
+}, SlotsType<{
+    default: (props: {
+        value: string;
+    }) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=tabs.d.ts.map

package/dist/tabs.d.ts.map

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