@sectile/vue 0.2.1

package/dist/toolbar.js

@@ -0,0 +1,82 @@
+import { computed, defineComponent, h, inject, mergeProps, onBeforeUnmount, onMounted, provide, shallowRef, watch, } from 'vue';
+import { createToolbar } from '@sectile/dom/toolbar';
+import { Primitive } from './primitive.js';
+import { useHostDirection } from './host-provider.js';
+const key = Symbol('SectileToolbarRoot');
+const partProps = { as: { type: [String, Object, Function], default: 'div' }, asChild: { type: Boolean, default: false } };
+export const ToolbarRoot = defineComponent({
+    name: 'SectileToolbarRoot', inheritAttrs: false,
+    props: {
+        items: { type: Array, required: true }, modelValue: { type: String, default: undefined },
+        defaultValue: { type: String, default: null }, disabledItems: { type: Array, default: () => [] },
+        disabled: { type: Boolean, default: false }, orientation: { type: String, default: 'horizontal' },
+        label: { type: String, default: undefined }, policies: { type: Object, default: undefined },
+        as: { type: [String, Object, Function], default: 'div' }, asChild: { type: Boolean, default: false },
+    },
+    emits: { 'update:modelValue': (_value) => true, invoke: (_value) => true },
+    slots: Object,
+    setup(props, { attrs, emit, slots }) {
+        const direction = useHostDirection();
+        const root = shallowRef();
+        const connection = shallowRef();
+        const current = shallowRef(props.modelValue !== undefined ? props.modelValue : props.defaultValue);
+        const controlled = props.modelValue !== undefined;
+        const state = computed(() => ({ highlightedValue: props.modelValue !== undefined ? props.modelValue : current.value, disabled: props.disabled, orientation: props.orientation }));
+        const refresh = () => { if (connection.value !== undefined)
+            current.value = connection.value.getSnapshot().state.cursor.current; refreshItems(); };
+        const refreshItems = () => { if (root.value === undefined || connection.value === undefined)
+            return; root.value.querySelectorAll('[data-sectile-toolbar-id]').forEach((element) => { const id = element.dataset['sectileToolbarId']; if (id !== undefined)
+            connection.value?.setItemAttributes(element, id, props.disabledItems.includes(id)); }); };
+        const connect = () => {
+            connection.value?.disconnect();
+            if (root.value === undefined)
+                return;
+            connection.value = createToolbar({
+                root: root.value, items: props.items, disabledItems: props.disabledItems,
+                ...(props.policies === undefined ? {} : { policies: props.policies }),
+                ...(controlled ? { highlightedValue: props.modelValue } : { defaultHighlightedValue: current.value }),
+                disabled: props.disabled, orientation: props.orientation, direction: direction.value, ...(props.label === undefined ? {} : { label: props.label }),
+                onHighlightedValueChange: (value) => { current.value = value; emit('update:modelValue', value); },
+                onInvoke: (value) => emit('invoke', value), onUpdate: refresh,
+            });
+            refreshItems();
+            refresh();
+        };
+        provide(key, { state, disabledItems: computed(() => new Set(props.disabledItems)), register: (element, id, disabled) => connection.value?.setItemAttributes(element, id, disabled) });
+        onMounted(connect);
+        onBeforeUnmount(() => connection.value?.disconnect());
+        watch([() => props.items, () => props.disabledItems, () => props.disabled, () => props.orientation, () => props.label, () => props.policies, direction], connect);
+        watch(() => props.modelValue, (value) => { if (!controlled || value === undefined || connection.value === undefined)
+            return; const result = connection.value.syncControlledValue(value); if (!result.ok)
+            throw new TypeError(result.error.message); refresh(); });
+        return () => h(Primitive, mergeProps(attrs, {
+            as: props.as, asChild: props.asChild, elementRef: (node) => { root.value = node instanceof HTMLElement ? node : undefined; },
+            role: 'toolbar', 'aria-label': props.label, 'aria-orientation': props.orientation, 'aria-disabled': props.disabled ? 'true' : undefined,
+            dir: direction.value,
+            'data-scope': 'toolbar', 'data-part': 'root', 'data-orientation': props.orientation,
+        }), { default: () => slots['default']?.(state.value) });
+    },
+});
+export const ToolbarItem = defineComponent({
+    name: 'SectileToolbarItem', inheritAttrs: false,
+    props: { value: { type: String, required: true }, disabled: { type: Boolean, default: false }, as: { type: [String, Object, Function], default: 'button' }, asChild: { type: Boolean, default: false } },
+    slots: Object,
+    setup(props, { attrs, slots }) {
+        const root = useRoot();
+        const state = computed(() => ({ value: props.value, highlighted: root.state.value.highlightedValue === props.value, disabled: root.state.value.disabled || props.disabled || root.disabledItems.value.has(props.value) }));
+        return () => h(Primitive, mergeProps(attrs, {
+            as: props.as, asChild: props.asChild, type: props.as === 'button' ? 'button' : undefined,
+            elementRef: (node) => { if (node instanceof HTMLElement)
+                root.register(node, props.value, state.value.disabled); },
+            disabled: state.value.disabled && props.as === 'button' ? true : undefined, 'aria-disabled': state.value.disabled ? 'true' : undefined,
+            'data-sectile-toolbar-id': props.value, 'data-scope': 'toolbar', 'data-part': 'item', 'data-highlighted': state.value.highlighted ? '' : undefined,
+        }), { default: () => slots['default']?.(state.value) });
+    },
+});
+export const ToolbarSeparator = defineComponent({
+    name: 'SectileToolbarSeparator', inheritAttrs: false, props: partProps,
+    setup(props, { attrs }) { const root = useRoot(); return () => h(Primitive, mergeProps(attrs, { as: props.as, asChild: props.asChild, role: 'separator', 'aria-orientation': root.state.value.orientation, 'data-scope': 'toolbar', 'data-part': 'separator' })); },
+});
+function useRoot() { const root = inject(key); if (root === undefined)
+    throw new TypeError('Toolbar parts must be used inside ToolbarRoot.'); return root; }
+//# sourceMappingURL=toolbar.js.map

package/dist/toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.js","sourceRoot":"","sources":["../src/toolbar.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,EACrF,UAAU,EAAE,KAAK,GAClB,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAgD,MAAM,sBAAsB,CAAC;AACnG,OAAO,EAAE,SAAS,EAAoB,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAQtD,MAAM,GAAG,GAAG,MAAM,CAAC,oBAAoB,CAAC,CAAC;AAAC,MAAM,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAA0B,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC;AAE9L,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC;IACzC,IAAI,EAAE,oBAAoB,EAAE,YAAY,EAAE,KAAK;IAC/C,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,KAAoC,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,EAAE,IAAI,EAAE,MAAiC,EAAE,OAAO,EAAE,SAAS,EAAE;QAClJ,YAAY,EAAE,EAAE,IAAI,EAAE,MAAiC,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,aAAa,EAAE,EAAE,IAAI,EAAE,KAAoC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE;QAC1J,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,WAAW,EAAE,EAAE,IAAI,EAAE,MAA6C,EAAE,OAAO,EAAE,YAAY,EAAE;QACxI,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE,MAA2C,EAAE,OAAO,EAAE,SAAS,EAAE;QAChI,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAA0B,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;KAC9H;IACD,KAAK,EAAE,EAAE,mBAAmB,EAAE,CAAC,MAAqB,EAAW,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,MAAc,EAAW,EAAE,CAAC,IAAI,EAAE;IACnH,KAAK,EAAE,MAA6E;IACpF,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE;QACjC,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;QACrC,MAAM,IAAI,GAAG,UAAU,EAAe,CAAC;QAAC,MAAM,UAAU,GAAG,UAAU,EAA6B,CAAC;QACnG,MAAM,OAAO,GAAG,UAAU,CAAgB,KAAK,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAClH,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,KAAK,SAAS,CAAC;QAClD,MAAM,KAAK,GAAG,QAAQ,CAAuB,GAAG,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,KAAK,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;QACxM,MAAM,OAAO,GAAG,GAAS,EAAE,GAAG,IAAI,UAAU,CAAC,KAAK,KAAK,SAAS;YAAE,OAAO,CAAC,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC;QACzJ,MAAM,YAAY,GAAG,GAAS,EAAE,GAAG,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,UAAU,CAAC,KAAK,KAAK,SAAS;YAAE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAc,2BAA2B,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,GAAG,MAAM,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,SAAS;YAAE,UAAU,CAAC,KAAK,EAAE,iBAAiB,CAAC,OAAO,EAAE,EAAE,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACxW,MAAM,OAAO,GAAG,GAAS,EAAE;YACzB,UAAU,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC;YAAC,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS;gBAAE,OAAO;YACrE,UAAU,CAAC,KAAK,GAAG,aAAa,CAAC;gBAC/B,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,CAAC,aAAa;gBACxE,GAAG,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC;gBACrE,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,gBAAgB,EAAE,KAAK,CAAC,UAA2B,EAAE,CAAC,CAAC,CAAC,EAAE,uBAAuB,EAAE,OAAO,CAAC,KAAK,EAAE,CAAC;gBACtH,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,CAAC,WAAW,EAAE,SAAS,EAAE,SAAS,CAAC,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC;gBAClJ,wBAAwB,EAAE,CAAC,KAAK,EAAE,EAAE,GAAG,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,IAAI,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;gBACjG,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,QAAQ,EAAE,OAAO;aAC9D,CAAC,CAAC;YAAC,YAAY,EAAE,CAAC;YAAC,OAAO,EAAE,CAAC;QAChC,CAAC,CAAC;QACF,OAAO,CAAU,GAAG,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,iBAAiB,CAAC,OAAO,EAAE,EAAE,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAC;QAC/L,SAAS,CAAC,OAAO,CAAC,CAAC;QAAC,eAAe,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC;QAC1E,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,aAAa,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAE,OAAO,CAAC,CAAC;QAClK,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE,GAAG,IAAI,CAAC,UAAU,IAAI,KAAK,KAAK,SAAS,IAAI,UAAU,CAAC,KAAK,KAAK,SAAS;YAAE,OAAO,CAAC,MAAM,MAAM,GAAG,UAAU,CAAC,KAAK,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YAAE,MAAM,IAAI,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAClQ,OAAO,GAAe,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,UAAU,CAAC,KAAK,EAAE;YACtD,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,UAAU,EAAE,CAAC,IAAa,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,YAAY,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;YACrI,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,CAAC,KAAK,EAAE,kBAAkB,EAAE,KAAK,CAAC,WAAW,EAAE,eAAe,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;YACvI,GAAG,EAAE,SAAS,CAAC,KAAK;YACpB,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,kBAAkB,EAAE,KAAK,CAAC,WAAW;SACpF,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAC1D,CAAC;CACF,CAAC,CAAC;AAKH,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC;IACzC,IAAI,EAAE,oBAAoB,EAAE,YAAY,EAAE,KAAK;IAC/C,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAA0B,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE;IACjO,KAAK,EAAE,MAA6E;IACpF,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAAI,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;QAAC,MAAM,KAAK,GAAG,QAAQ,CAAuB,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,gBAAgB,KAAK,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;QAAC,OAAO,GAAe,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,UAAU,CAAC,KAAK,EAAE;YACjW,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;YACxF,UAAU,EAAE,CAAC,IAAa,EAAE,EAAE,GAAG,IAAI,IAAI,YAAY,WAAW;gBAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;YAC3H,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAAE,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;YACtI,yBAAyB,EAAE,KAAK,CAAC,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,kBAAkB,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;SACnJ,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAAC,CAAC;CAC3D,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,eAAe,CAAC;IAC9C,IAAI,EAAE,yBAAyB,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS;IACtE,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC,CAAC,OAAO,GAAe,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,UAAU,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,kBAAkB,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;CAChR,CAAC,CAAC;AAEH,SAAS,OAAO,KAAc,MAAM,IAAI,GAAG,MAAM,CAAU,GAAG,CAAC,CAAC,CAAC,IAAI,IAAI,KAAK,SAAS;IAAE,MAAM,IAAI,SAAS,CAAC,gDAAgD,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC"}

package/dist/tooltip.d.ts

@@ -0,0 +1,13 @@
+import { type PopupFactoryOptions, type PopupPartProps, type PopupPortalProps, type PopupRootProps, type PopupRootSlotProps } from './internal/popup.js';
+export declare const TooltipRoot: import("vue").Component;
+export type TooltipOpenChangeHandler = PopupFactoryOptions['onOpenChange'];
+export type TooltipPositionChangeHandler = NonNullable<PopupFactoryOptions['onPositionChange']>;
+export declare const TooltipTrigger: import("vue").Component;
+export declare const TooltipPortal: import("vue").Component;
+export declare const TooltipContent: import("vue").Component;
+export declare const TooltipArrow: import("vue").Component;
+export type TooltipRootProps = Pick<PopupRootProps, 'open' | 'defaultOpen' | 'disabled' | 'side' | 'align' | 'sideOffset' | 'collisionPadding' | 'collisionBoundary' | 'avoidCollisions' | 'arrowPadding' | 'hideWhenDetached' | 'strategy' | 'middleware' | 'autoUpdate'>;
+export type TooltipRootSlotProps = PopupRootSlotProps;
+export type TooltipPartProps = PopupPartProps;
+export type TooltipPortalProps = PopupPortalProps;
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../src/tooltip.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,kBAAkB,EACxB,MAAM,qBAAqB,CAAC;AAmB7B,eAAO,MAAM,WAAW,yBAAa,CAAC;AACtC,MAAM,MAAM,wBAAwB,GAAG,mBAAmB,CAAC,cAAc,CAAC,CAAC;AAC3E,MAAM,MAAM,4BAA4B,GAAG,WAAW,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,CAAC,CAAC;AAChG,eAAO,MAAM,cAAc,yBAAgB,CAAC;AAC5C,eAAO,MAAM,aAAa,yBAAe,CAAC;AAC1C,eAAO,MAAM,cAAc,yBAAgB,CAAC;AAC5C,eAAO,MAAM,YAAY,yBAAc,CAAC;AACxC,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,EAC9C,MAAM,GAAG,aAAa,GAAG,UAAU,GACnC,MAAM,GAAG,OAAO,GAAG,YAAY,GAC/B,kBAAkB,GAAG,mBAAmB,GAAG,iBAAiB,GAC5D,cAAc,GAAG,kBAAkB,GAAG,UAAU,GAAG,YAAY,GAAG,YAAY,CACjF,CAAC;AACF,MAAM,MAAM,oBAAoB,GAAG,kBAAkB,CAAC;AACtD,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC;AAC9C,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,CAAC"}

package/dist/tooltip.js

@@ -0,0 +1,15 @@
+import { createTooltip } from '@sectile/dom/tooltip';
+import { createPopupComponents, } from './internal/popup.js';
+const parts = createPopupComponents({
+    scope: 'tooltip', role: 'tooltip', modal: false, triggerMode: 'focus-hover',
+    create: (options) => {
+        const { modal: _modal, label: _label, labelledBy: _labelledBy, describedBy: _describedBy, autoFocus: _autoFocus, restoreFocus: _restoreFocus, trapFocus: _trapFocus, ...tooltipOptions } = options;
+        return createTooltip({ ...tooltipOptions, id: options.root.id });
+    },
+});
+export const TooltipRoot = parts.Root;
+export const TooltipTrigger = parts.Trigger;
+export const TooltipPortal = parts.Portal;
+export const TooltipContent = parts.Content;
+export const TooltipArrow = parts.Arrow;
+//# sourceMappingURL=tooltip.js.map

package/dist/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../src/tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA+C,MAAM,sBAAsB,CAAC;AAClG,OAAO,EACL,qBAAqB,GAMtB,MAAM,qBAAqB,CAAC;AAE7B,MAAM,KAAK,GAAG,qBAAqB,CAAC;IAClC,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,aAAa;IAC3E,MAAM,EAAE,CAAC,OAA4B,EAAqB,EAAE;QAC1D,MAAM,EACJ,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,WAAW,EACvB,WAAW,EAAE,YAAY,EACzB,SAAS,EAAE,UAAU,EACrB,YAAY,EAAE,aAAa,EAC3B,SAAS,EAAE,UAAU,EACrB,GAAG,cAAc,EAClB,GAAG,OAAO,CAAC;QACZ,OAAO,aAAa,CAAC,EAAE,GAAG,cAAc,EAAE,EAAE,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE,EAAoB,CAAC,CAAC;IACrF,CAAC;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC;AAGtC,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC;AAC5C,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC;AAC1C,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC;AAC5C,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,KAAK,CAAC"}

package/dist/tree-grid.d.ts

@@ -0,0 +1,359 @@
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import { type TreeGridEditMode, type TreeGridPolicies, type TreeGridRowInput } from '@sectile/dom/tree-grid';
+import { type PrimitiveAs } from './primitive.js';
+export interface TreeGridRootProps {
+    readonly rows: readonly TreeGridRowInput<string, string>[];
+    readonly getCellValue: (id: string) => string;
+    readonly setCellValue: (id: string, value: string) => void;
+    readonly modelValue?: string | null;
+    readonly defaultValue?: string | null;
+    readonly expandedValue?: readonly string[];
+    readonly defaultExpandedValue?: readonly string[];
+    readonly highlightedValue?: string | null;
+    readonly defaultHighlightedValue?: string | null;
+    readonly editMode?: TreeGridEditMode;
+    readonly defaultEditMode?: TreeGridEditMode;
+    readonly disabled?: boolean;
+    readonly?: boolean;
+    readonly policies?: TreeGridPolicies<string>;
+    readonly as?: PrimitiveAs;
+    readonly asChild?: boolean;
+}
+export type TreeGridCellValueResolver = NonNullable<TreeGridRootProps['getCellValue']>;
+export type TreeGridCellValueSetter = NonNullable<TreeGridRootProps['setCellValue']>;
+export interface TreeGridRootSlotProps {
+    readonly value: string | null;
+    readonly expandedValue: readonly string[];
+    readonly highlightedValue: string | null;
+    readonly editMode: TreeGridEditMode;
+    readonly disabled: boolean;
+    readonly: boolean;
+}
+export interface TreeGridRowSlotProps extends TreeGridRootSlotProps {
+    readonly value: string;
+    readonly expanded: boolean;
+}
+export interface TreeGridCellSlotProps extends TreeGridRootSlotProps {
+    readonly value: string;
+    readonly selected: boolean;
+    readonly highlighted: boolean;
+    readonly editing: boolean;
+}
+export interface TreeGridPartProps {
+    readonly as?: PrimitiveAs;
+    readonly asChild?: boolean;
+}
+export declare const TreeGridRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    rows: {
+        type: PropType<readonly TreeGridRowInput<string, string>[]>;
+        required: true;
+    };
+    getCellValue: {
+        type: PropType<TreeGridCellValueResolver>;
+        required: true;
+    };
+    setCellValue: {
+        type: PropType<TreeGridCellValueSetter>;
+        required: true;
+    };
+    modelValue: {
+        type: PropType<string | null>;
+        default: undefined;
+    };
+    defaultValue: {
+        type: PropType<string | null>;
+        default: null;
+    };
+    expandedValue: {
+        type: PropType<readonly string[]>;
+        default: undefined;
+    };
+    defaultExpandedValue: {
+        type: PropType<readonly string[]>;
+        default: () => never[];
+    };
+    highlightedValue: {
+        type: PropType<string | null>;
+        default: undefined;
+    };
+    defaultHighlightedValue: {
+        type: PropType<string | null>;
+        default: null;
+    };
+    editMode: {
+        type: PropType<TreeGridEditMode>;
+        default: undefined;
+    };
+    defaultEditMode: {
+        type: PropType<TreeGridEditMode>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    policies: {
+        type: PropType<TreeGridPolicies<string>>;
+        default: undefined;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (_value: string | null) => boolean;
+    'update:expandedValue': (_value: readonly string[]) => boolean;
+    'update:highlightedValue': (_value: string | null) => boolean;
+    'update:editMode': (_value: TreeGridEditMode) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    rows: {
+        type: PropType<readonly TreeGridRowInput<string, string>[]>;
+        required: true;
+    };
+    getCellValue: {
+        type: PropType<TreeGridCellValueResolver>;
+        required: true;
+    };
+    setCellValue: {
+        type: PropType<TreeGridCellValueSetter>;
+        required: true;
+    };
+    modelValue: {
+        type: PropType<string | null>;
+        default: undefined;
+    };
+    defaultValue: {
+        type: PropType<string | null>;
+        default: null;
+    };
+    expandedValue: {
+        type: PropType<readonly string[]>;
+        default: undefined;
+    };
+    defaultExpandedValue: {
+        type: PropType<readonly string[]>;
+        default: () => never[];
+    };
+    highlightedValue: {
+        type: PropType<string | null>;
+        default: undefined;
+    };
+    defaultHighlightedValue: {
+        type: PropType<string | null>;
+        default: null;
+    };
+    editMode: {
+        type: PropType<TreeGridEditMode>;
+        default: undefined;
+    };
+    defaultEditMode: {
+        type: PropType<TreeGridEditMode>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    policies: {
+        type: PropType<TreeGridPolicies<string>>;
+        default: undefined;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:editMode"?: (_value: TreeGridEditMode) => any;
+    "onUpdate:expandedValue"?: (_value: readonly string[]) => any;
+    "onUpdate:highlightedValue"?: (_value: string | null) => any;
+    "onUpdate:modelValue"?: (_value: string | null) => any;
+}>, {
+    modelValue: string | null;
+    defaultValue: string | null;
+    expandedValue: readonly string[];
+    defaultExpandedValue: readonly string[];
+    highlightedValue: string | null;
+    defaultHighlightedValue: string | null;
+    editMode: TreeGridEditMode;
+    defaultEditMode: TreeGridEditMode;
+    disabled: boolean;
+    readonly: boolean;
+    policies: TreeGridPolicies<string>;
+    as: PrimitiveAs;
+    asChild: boolean;
+}, SlotsType<{
+    default: (props: TreeGridRootSlotProps) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type TreeGridValueChangeHandler = (value: string | null) => void;
+export type TreeGridExpandedValueChangeHandler = (value: readonly string[]) => void;
+export type TreeGridHighlightedValueChangeHandler = (value: string | null) => void;
+export type TreeGridEditModeChangeHandler = (value: TreeGridEditMode) => void;
+export declare const TreeGridRow: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    rowIndex: {
+        type: NumberConstructor;
+        required: true;
+    };
+    level: {
+        type: NumberConstructor;
+        default: number;
+    };
+    expandable: {
+        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;
+    };
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    rowIndex: {
+        type: NumberConstructor;
+        required: true;
+    };
+    level: {
+        type: NumberConstructor;
+        default: number;
+    };
+    expandable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    as: PrimitiveAs;
+    asChild: boolean;
+    level: number;
+    expandable: boolean;
+}, SlotsType<{
+    default: (props: TreeGridRowSlotProps) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const TreeGridCell: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    columnIndex: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>, () => 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;
+    };
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    columnIndex: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    as: PrimitiveAs;
+    asChild: boolean;
+}, SlotsType<{
+    default: (props: TreeGridCellSlotProps) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const TreeGridDisclosure: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    for: {
+        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<{
+    for: {
+        type: StringConstructor;
+        required: true;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    as: PrimitiveAs;
+    asChild: boolean;
+}, SlotsType<{
+    default: (props: TreeGridRowSlotProps) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const TreeGridEditor: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    for: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    for: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    label: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type { TreeGridEditMode, TreeGridPolicies, TreeGridRowInput };
+//# sourceMappingURL=tree-grid.d.ts.map

package/dist/tree-grid.d.ts.map

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

package/dist/tree-grid.js

@@ -0,0 +1,125 @@
+import { computed, defineComponent, h, inject, mergeProps, onBeforeUnmount, onMounted, provide, shallowRef, watch, } from 'vue';
+import { createTreeGrid, } from '@sectile/dom/tree-grid';
+import { Primitive } from './primitive.js';
+const key = Symbol('SectileTreeGridRoot');
+const partProps = { as: { type: [String, Object, Function], default: 'div' }, asChild: { type: Boolean, default: false } };
+export const TreeGridRoot = defineComponent({
+    name: 'SectileTreeGridRoot', inheritAttrs: false,
+    props: {
+        rows: { type: Array, required: true },
+        getCellValue: { type: Function, required: true }, setCellValue: { type: Function, required: true },
+        modelValue: { type: String, default: undefined }, defaultValue: { type: String, default: null },
+        expandedValue: { type: Array, default: undefined }, defaultExpandedValue: { type: Array, default: () => [] },
+        highlightedValue: { type: String, default: undefined }, defaultHighlightedValue: { type: String, default: null },
+        editMode: { type: String, default: undefined }, defaultEditMode: { type: String, default: 'navigation' },
+        disabled: { type: Boolean, default: false }, readonly: { type: Boolean, default: false }, policies: { type: Object, default: undefined },
+        as: { type: [String, Object, Function], default: 'div' }, asChild: { type: Boolean, default: false },
+    },
+    emits: { 'update:modelValue': (_value) => true, 'update:expandedValue': (_value) => true, 'update:highlightedValue': (_value) => true, 'update:editMode': (_value) => true },
+    slots: Object,
+    setup(props, { attrs, emit, slots }) {
+        const element = shallowRef();
+        const connection = shallowRef();
+        const localValue = shallowRef(props.modelValue !== undefined ? props.modelValue : props.defaultValue);
+        const localExpanded = shallowRef(props.expandedValue !== undefined ? props.expandedValue : props.defaultExpandedValue);
+        const localHighlight = shallowRef(props.highlightedValue !== undefined ? props.highlightedValue : props.defaultHighlightedValue);
+        const localEditMode = shallowRef(props.editMode ?? props.defaultEditMode);
+        const controlled = { value: props.modelValue !== undefined, expanded: props.expandedValue !== undefined, highlighted: props.highlightedValue !== undefined, editMode: props.editMode !== undefined };
+        const state = computed(() => Object.freeze({
+            value: props.modelValue !== undefined ? props.modelValue : localValue.value,
+            expandedValue: props.expandedValue !== undefined ? props.expandedValue : localExpanded.value,
+            highlightedValue: props.highlightedValue !== undefined ? props.highlightedValue : localHighlight.value,
+            editMode: props.editMode ?? localEditMode.value, disabled: props.disabled, readonly: props.readonly,
+        }));
+        const refreshParts = () => {
+            if (element.value === undefined || connection.value === undefined)
+                return;
+            connection.value.setGridAttributes(props.rows.length, Math.max(0, ...props.rows.map((row) => row.cells.length)));
+            element.value.querySelectorAll('[data-sectile-tree-grid-row]').forEach((node) => connection.value?.setRowAttributes(node, { rowIndex: numberData(node.dataset['rowIndex'], 1), level: numberData(node.dataset['level'], 1), ...(node.dataset['expandable'] === undefined ? {} : { expanded: node.dataset['expanded'] !== undefined }) }));
+            element.value.querySelectorAll('[data-sectile-tree-grid-cell]').forEach((node) => { const id = node.dataset['sectileTreeGridCell']; if (id !== undefined)
+                connection.value?.setCellAttributes(node, { id, columnIndex: numberData(node.dataset['columnIndex'], 1) }); });
+            element.value.querySelectorAll('[data-sectile-tree-grid-disclosure]').forEach((node) => { const id = node.dataset['sectileTreeGridDisclosure']; if (id !== undefined)
+                connection.value?.setDisclosureAttributes(node, id); });
+            element.value.querySelectorAll('[data-sectile-tree-grid-editor]').forEach((node) => { const id = node.dataset['sectileTreeGridEditor']; if (id !== undefined)
+                connection.value?.bindEditor(node, { id, ...(node.getAttribute('aria-label') === null ? {} : { label: node.getAttribute('aria-label') }) }); });
+        };
+        const refresh = () => { const snapshot = connection.value?.getSnapshot().state; if (snapshot === undefined)
+            return; localValue.value = snapshot.selection.selected[0] ?? null; localExpanded.value = snapshot.expansion.ids; localHighlight.value = snapshot.cursor.current; localEditMode.value = snapshot.editMode; refreshParts(); };
+        const connect = () => {
+            connection.value?.disconnect();
+            if (element.value === undefined)
+                return;
+            connection.value = createTreeGrid({
+                root: element.value, rows: props.rows, getCellValue: props.getCellValue, setCellValue: props.setCellValue,
+                ...(controlled.value ? { value: props.modelValue } : { defaultValue: localValue.value }),
+                ...(controlled.expanded ? { expandedValue: props.expandedValue } : { defaultExpandedValue: localExpanded.value }),
+                ...(controlled.highlighted ? { highlightedValue: props.highlightedValue } : { defaultHighlightedValue: localHighlight.value }),
+                ...(controlled.editMode ? { editMode: props.editMode } : { defaultEditMode: localEditMode.value }),
+                disabled: props.disabled, readOnly: props.readonly, ...(props.policies === undefined ? {} : { policies: props.policies }),
+                onValueChange: ({ value }) => { localValue.value = value; emit('update:modelValue', value); }, onExpandedValueChange: ({ value }) => { localExpanded.value = value; emit('update:expandedValue', value); },
+                onHighlightedValueChange: ({ value }) => { localHighlight.value = value; emit('update:highlightedValue', value); }, onEditModeChange: ({ value }) => { localEditMode.value = value; emit('update:editMode', value); }, onUpdate: refresh,
+            });
+            refreshParts();
+            refresh();
+        };
+        provide(key, {
+            state, registerRow: (node, rowIndex, level, expanded) => connection.value?.setRowAttributes(node, { rowIndex, level, ...(expanded === undefined ? {} : { expanded }) }),
+            registerCell: (node, id, columnIndex) => connection.value?.setCellAttributes(node, { id, columnIndex }), registerDisclosure: (node, id) => connection.value?.setDisclosureAttributes(node, id),
+            registerEditor: (node, id, label) => connection.value?.bindEditor(node, { id, ...(label === undefined ? {} : { label }) }),
+        });
+        onMounted(connect);
+        onBeforeUnmount(() => connection.value?.disconnect());
+        watch([() => props.rows, () => props.getCellValue, () => props.setCellValue, () => props.disabled, () => props.readonly, () => props.policies], connect);
+        watch([() => props.modelValue, () => props.expandedValue, () => props.highlightedValue, () => props.editMode], () => {
+            if (connection.value === undefined)
+                return;
+            const result = connection.value.syncControlledValues({ ...(controlled.value ? { value: props.modelValue } : {}), ...(controlled.expanded ? { expandedValue: props.expandedValue } : {}), ...(controlled.highlighted ? { highlightedValue: props.highlightedValue } : {}), ...(controlled.editMode ? { editMode: props.editMode } : {}) });
+            if (!result.ok)
+                throw new TypeError(result.error.message);
+            refresh();
+        });
+        return () => h(Primitive, mergeProps(attrs, { as: props.as, asChild: props.asChild, elementRef: (node) => { element.value = node instanceof HTMLElement ? node : undefined; }, 'data-scope': 'tree-grid', 'data-part': 'root', 'data-edit-mode': state.value.editMode }), { default: () => slots['default']?.(state.value) });
+    },
+});
+export const TreeGridRow = defineComponent({
+    name: 'SectileTreeGridRow', inheritAttrs: false,
+    props: { value: { type: String, required: true }, rowIndex: { type: Number, required: true }, level: { type: Number, default: 1 }, expandable: { type: Boolean, default: false }, ...partProps },
+    slots: Object,
+    setup(props, { attrs, slots }) {
+        const root = useRoot('TreeGridRow');
+        const state = computed(() => ({ ...root.state.value, value: props.value, expanded: root.state.value.expandedValue.includes(props.value) }));
+        return () => h(Primitive, mergeProps(attrs, {
+            as: props.as, asChild: props.asChild, elementRef: (node) => { if (node instanceof HTMLElement)
+                root.registerRow(node, props.rowIndex, props.level, props.expandable ? state.value.expanded : undefined); },
+            'data-sectile-tree-grid-row': props.value, 'data-row-index': props.rowIndex, 'data-level': props.level, 'data-expandable': props.expandable ? '' : undefined,
+            'data-expanded': props.expandable && state.value.expanded ? '' : undefined, 'data-scope': 'tree-grid', 'data-part': 'row',
+        }), { default: () => slots['default']?.(state.value) });
+    },
+});
+export const TreeGridCell = defineComponent({
+    name: 'SectileTreeGridCell', inheritAttrs: false,
+    props: { value: { type: String, required: true }, columnIndex: { type: Number, required: true }, ...partProps },
+    slots: Object,
+    setup(props, { attrs, slots }) {
+        const root = useRoot('TreeGridCell');
+        const state = computed(() => ({ ...root.state.value, value: props.value, selected: root.state.value.value === props.value, highlighted: root.state.value.highlightedValue === props.value, editing: root.state.value.highlightedValue === props.value && root.state.value.editMode === 'editing' }));
+        return () => h(Primitive, mergeProps(attrs, {
+            as: props.as, asChild: props.asChild, elementRef: (node) => { if (node instanceof HTMLElement)
+                root.registerCell(node, props.value, props.columnIndex); },
+            'data-sectile-tree-grid-cell': props.value, 'data-column-index': props.columnIndex, 'data-scope': 'tree-grid', 'data-part': 'cell',
+            'data-selected': state.value.selected ? '' : undefined, 'data-highlighted': state.value.highlighted ? '' : undefined, 'data-editing': state.value.editing ? '' : undefined,
+        }), { default: () => slots['default']?.(state.value) });
+    },
+});
+export const TreeGridDisclosure = defineComponent({ name: 'SectileTreeGridDisclosure', inheritAttrs: false, props: { for: { type: String, required: true }, as: { type: [String, Object, Function], default: 'span' }, asChild: { type: Boolean, default: false } }, slots: Object, setup(props, { attrs, slots }) { const root = useRoot('TreeGridDisclosure'); const state = computed(() => ({ ...root.state.value, value: props.for, expanded: root.state.value.expandedValue.includes(props.for) })); return () => h(Primitive, mergeProps(attrs, { as: props.as, asChild: props.asChild, type: props.as === 'button' ? 'button' : undefined, disabled: props.as === 'button' ? root.state.value.disabled : undefined, elementRef: (node) => { if (node instanceof HTMLElement)
+            root.registerDisclosure(node, props.for); }, 'data-sectile-tree-grid-disclosure': props.for, 'data-scope': 'tree-grid', 'data-part': 'disclosure', 'data-state': state.value.expanded ? 'open' : 'closed' }), { default: () => slots['default']?.(state.value) }); } });
+export const TreeGridEditor = defineComponent({
+    name: 'SectileTreeGridEditor', inheritAttrs: false,
+    props: { for: { type: String, required: true }, label: { type: String, default: undefined } },
+    setup(props, { attrs }) { const root = useRoot('TreeGridEditor'); const editing = computed(() => root.state.value.highlightedValue === props.for && root.state.value.editMode === 'editing'); return () => h('input', mergeProps(attrs, { ref: (node) => { if (node instanceof HTMLInputElement)
+            root.registerEditor(node, props.for, props.label); }, hidden: !editing.value, disabled: root.state.value.disabled, readonly: root.state.value.readonly, 'aria-label': props.label, 'data-sectile-tree-grid-editor': props.for, 'data-scope': 'tree-grid', 'data-part': 'editor' })); },
+});
+function numberData(value, fallback) { const parsed = Number(value); return Number.isFinite(parsed) ? parsed : fallback; }
+function useRoot(part) { const root = inject(key); if (root === undefined)
+    throw new TypeError(`${part} must be used inside TreeGridRoot.`); return root; }
+//# sourceMappingURL=tree-grid.js.map