@iris-ui-kit/vue 0.1.0

package/dist/chunk-3R3QDLJC.js

@@ -0,0 +1,172 @@
+import { defineComponent, h, computed } from 'vue';
+
+// src/layouts/DashboardGrid.ts
+var IrisDashboardGrid = defineComponent({
+  name: "IrisDashboardGrid",
+  inheritAttrs: false,
+  props: {
+    columns: { type: Number, default: 12 },
+    gap: { type: [Number, String], default: 16 },
+    /** Minimum column width via `grid-template-columns: repeat(auto-fill, minmax(...))`. */
+    minColWidth: { type: [Number, String], default: void 0 }
+  },
+  setup(props, { slots, attrs }) {
+    const gap = typeof props.gap === "number" ? `${props.gap}px` : props.gap;
+    return () => {
+      const gridTemplateColumns = props.minColWidth ? `repeat(auto-fill, minmax(${typeof props.minColWidth === "number" ? `${props.minColWidth}px` : props.minColWidth}, 1fr))` : `repeat(${props.columns}, 1fr)`;
+      return h(
+        "div",
+        {
+          ...attrs,
+          "data-iris-dashboard-grid": "",
+          style: {
+            display: "grid",
+            gap,
+            gridTemplateColumns,
+            width: "100%",
+            ...attrs.style ?? {}
+          }
+        },
+        slots.default?.()
+      );
+    };
+  }
+});
+var IrisDashboardCard = defineComponent({
+  name: "IrisDashboardCard",
+  inheritAttrs: false,
+  props: {
+    colSpan: { type: [Number, String], default: 1 },
+    rowSpan: { type: Number, default: 1 },
+    /** Show a styled card surface (background + border). Default `true`. */
+    surface: { type: Boolean, default: true }
+  },
+  setup(props, { slots, attrs }) {
+    return () => {
+      const colSpan = props.colSpan === "full" ? "1 / -1" : `span ${props.colSpan}`;
+      const rowSpan = props.rowSpan > 1 ? `span ${props.rowSpan}` : void 0;
+      return h(
+        "div",
+        {
+          ...attrs,
+          "data-iris-dashboard-card": "",
+          style: {
+            gridColumn: colSpan,
+            gridRow: rowSpan,
+            background: props.surface ? "var(--iris-surface)" : "transparent",
+            border: props.surface ? "1px solid var(--iris-border)" : "none",
+            borderRadius: "var(--iris-radius-md)",
+            padding: props.surface ? "var(--iris-padding-lg)" : "0",
+            minWidth: "0",
+            ...attrs.style ?? {}
+          }
+        },
+        slots.default?.()
+      );
+    };
+  }
+});
+var ALIGN_MAP = {
+  start: "flex-start",
+  center: "center",
+  end: "flex-end",
+  stretch: "stretch"
+};
+var JUSTIFY_MAP = {
+  start: "flex-start",
+  center: "center",
+  end: "flex-end",
+  between: "space-between",
+  around: "space-around"
+};
+function toCssSpacing(spacing) {
+  if (typeof spacing === "number") return `${spacing}px`;
+  if (spacing === "sm" || spacing === "md" || spacing === "lg") {
+    return `var(--iris-gap-${spacing})`;
+  }
+  return spacing;
+}
+var IrisStack = defineComponent({
+  name: "IrisStack",
+  inheritAttrs: false,
+  props: {
+    direction: { type: String, default: "column" },
+    spacing: { type: [String, Number], default: "md" },
+    align: { type: String, default: "stretch" },
+    justify: { type: String, default: "start" },
+    wrap: { type: Boolean, default: false },
+    /** When true, renders as an inline-flex container. */
+    inline: { type: Boolean, default: false }
+  },
+  setup(props, { slots, attrs }) {
+    const style = computed(() => ({
+      display: props.inline ? "inline-flex" : "flex",
+      flexDirection: props.direction,
+      gap: toCssSpacing(props.spacing),
+      alignItems: ALIGN_MAP[props.align],
+      justifyContent: JUSTIFY_MAP[props.justify],
+      flexWrap: props.wrap ? "wrap" : "nowrap"
+    }));
+    return () => h(
+      "div",
+      {
+        ...attrs,
+        "data-iris-stack": "",
+        "data-iris-stack-direction": props.direction,
+        style: { ...style.value, ...attrs.style ?? {} }
+      },
+      slots.default?.()
+    );
+  }
+});
+var WIDTH_MAP = {
+  sm: "640px",
+  md: "768px",
+  lg: "1024px",
+  xl: "1280px",
+  full: "100%"
+};
+function resolveMaxWidth(input) {
+  if (input === "sm" || input === "md" || input === "lg" || input === "xl" || input === "full") {
+    return WIDTH_MAP[input];
+  }
+  return input;
+}
+function resolvePadding(input) {
+  if (typeof input === "number") return `${input}px`;
+  if (input === "sm" || input === "md" || input === "lg") {
+    return `var(--iris-padding-${input})`;
+  }
+  return input;
+}
+var IrisContainer = defineComponent({
+  name: "IrisContainer",
+  inheritAttrs: false,
+  props: {
+    maxWidth: { type: String, default: "lg" },
+    padding: { type: [String, Number], default: "md" },
+    center: { type: Boolean, default: true }
+  },
+  setup(props, { slots, attrs }) {
+    const style = computed(() => ({
+      width: "100%",
+      maxWidth: resolveMaxWidth(props.maxWidth),
+      padding: `0 ${resolvePadding(props.padding)}`,
+      ...props.center ? { marginInlineStart: "auto", marginInlineEnd: "auto" } : {}
+    }));
+    return () => h(
+      "div",
+      {
+        ...attrs,
+        "data-iris-container": "",
+        "data-iris-container-max-width": props.maxWidth,
+        style: { ...style.value, ...attrs.style ?? {} }
+      },
+      slots.default?.()
+    );
+  }
+});
+
+export { IrisContainer, IrisDashboardCard, IrisDashboardGrid, IrisStack };
+//# sourceMappingURL=chunk-3R3QDLJC.js.map
+//# sourceMappingURL=chunk-3R3QDLJC.js.map

package/dist/chunk-3R3QDLJC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/layouts/DashboardGrid.ts","../src/layouts/Stack.ts","../src/layouts/Container.ts"],"names":["defineComponent","h","computed"],"mappings":"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","file":"chunk-3R3QDLJC.js","sourcesContent":["import { defineComponent, h } from 'vue'\n\n/**\n * 12-column responsive grid for dashboard composition. Each child should be\n * an `IrisDashboardCard` (or any element with `grid-column: span N`).\n *\n * Children control their span via inline `style=\"grid-column: span N\"` or\n * by wrapping with `IrisDashboardCard` whose `col-span` / `row-span` props\n * compile to the same CSS.\n */\nexport const IrisDashboardGrid = defineComponent({\n  name: 'IrisDashboardGrid',\n  inheritAttrs: false,\n  props: {\n    columns: { type: Number, default: 12 },\n    gap: { type: [Number, String], default: 16 },\n    /** Minimum column width via `grid-template-columns: repeat(auto-fill, minmax(...))`. */\n    minColWidth: { type: [Number, String], default: undefined },\n  },\n  setup(props, { slots, attrs }) {\n    const gap = typeof props.gap === 'number' ? `${props.gap}px` : props.gap\n    return () => {\n      const gridTemplateColumns = props.minColWidth\n        ? `repeat(auto-fill, minmax(${typeof props.minColWidth === 'number' ? `${props.minColWidth}px` : props.minColWidth}, 1fr))`\n        : `repeat(${props.columns}, 1fr)`\n      return h(\n        'div',\n        {\n          ...attrs,\n          'data-iris-dashboard-grid': '',\n          style: {\n            display: 'grid',\n            gap,\n            gridTemplateColumns,\n            width: '100%',\n            ...((attrs.style as Record<string, string> | undefined) ?? {}),\n          },\n        },\n        slots.default?.(),\n      )\n    }\n  },\n})\n\n/**\n * A single grid cell — wraps content in a styled card with optional span\n * controls. `col-span` accepts a number (column count) or `'full'` to fill\n * the entire row.\n */\nexport const IrisDashboardCard = defineComponent({\n  name: 'IrisDashboardCard',\n  inheritAttrs: false,\n  props: {\n    colSpan: { type: [Number, String], default: 1 },\n    rowSpan: { type: Number, default: 1 },\n    /** Show a styled card surface (background + border). Default `true`. */\n    surface: { type: Boolean, default: true },\n  },\n  setup(props, { slots, attrs }) {\n    return () => {\n      const colSpan = props.colSpan === 'full' ? '1 / -1' : `span ${props.colSpan}`\n      const rowSpan = props.rowSpan > 1 ? `span ${props.rowSpan}` : undefined\n      return h(\n        'div',\n        {\n          ...attrs,\n          'data-iris-dashboard-card': '',\n          style: {\n            gridColumn: colSpan,\n            gridRow: rowSpan,\n            background: props.surface ? 'var(--iris-surface)' : 'transparent',\n            border: props.surface ? '1px solid var(--iris-border)' : 'none',\n            borderRadius: 'var(--iris-radius-md)',\n            padding: props.surface ? 'var(--iris-padding-lg)' : '0',\n            minWidth: '0',\n            ...((attrs.style as Record<string, string> | undefined) ?? {}),\n          },\n        },\n        slots.default?.(),\n      )\n    }\n  },\n})\n","import { computed, defineComponent, h, type PropType } from 'vue'\n\nexport type IrisStackDirection = 'row' | 'column'\nexport type IrisStackAlign = 'start' | 'center' | 'end' | 'stretch'\nexport type IrisStackJustify = 'start' | 'center' | 'end' | 'between' | 'around'\n\nconst ALIGN_MAP: Record<IrisStackAlign, string> = {\n  start: 'flex-start',\n  center: 'center',\n  end: 'flex-end',\n  stretch: 'stretch',\n}\n\nconst JUSTIFY_MAP: Record<IrisStackJustify, string> = {\n  start: 'flex-start',\n  center: 'center',\n  end: 'flex-end',\n  between: 'space-between',\n  around: 'space-around',\n}\n\nfunction toCssSpacing(spacing: string | number): string {\n  if (typeof spacing === 'number') return `${spacing}px`\n  // Token shorthand: \"sm\" / \"md\" / \"lg\" → var(--iris-gap-X)\n  if (spacing === 'sm' || spacing === 'md' || spacing === 'lg') {\n    return `var(--iris-gap-${spacing})`\n  }\n  return spacing\n}\n\n/**\n * Flex container with token-driven spacing. The lightest possible layout\n * primitive — most pages need a horizontal or vertical stack and this saves\n * hand-writing `display: flex` everywhere.\n *\n * Use `direction`/`spacing`/`align`/`justify`/`wrap` to configure; children\n * are arranged in document order with `gap: <spacing>`.\n */\nexport const IrisStack = defineComponent({\n  name: 'IrisStack',\n  inheritAttrs: false,\n  props: {\n    direction: { type: String as PropType<IrisStackDirection>, default: 'column' },\n    spacing: { type: [String, Number], default: 'md' },\n    align: { type: String as PropType<IrisStackAlign>, default: 'stretch' },\n    justify: { type: String as PropType<IrisStackJustify>, default: 'start' },\n    wrap: { type: Boolean, default: false },\n    /** When true, renders as an inline-flex container. */\n    inline: { type: Boolean, default: false },\n  },\n  setup(props, { slots, attrs }) {\n    const style = computed<Record<string, string>>(() => ({\n      display: props.inline ? 'inline-flex' : 'flex',\n      flexDirection: props.direction,\n      gap: toCssSpacing(props.spacing),\n      alignItems: ALIGN_MAP[props.align],\n      justifyContent: JUSTIFY_MAP[props.justify],\n      flexWrap: props.wrap ? 'wrap' : 'nowrap',\n    }))\n\n    return () =>\n      h(\n        'div',\n        {\n          ...attrs,\n          'data-iris-stack': '',\n          'data-iris-stack-direction': props.direction,\n          style: { ...style.value, ...((attrs.style as Record<string, string> | undefined) ?? {}) },\n        },\n        slots.default?.(),\n      )\n  },\n})\n","import { computed, defineComponent, h, type PropType } from 'vue'\n\nexport type IrisContainerMaxWidth = 'sm' | 'md' | 'lg' | 'xl' | 'full' | string\n\nconst WIDTH_MAP: Record<'sm' | 'md' | 'lg' | 'xl' | 'full', string> = {\n  sm: '640px',\n  md: '768px',\n  lg: '1024px',\n  xl: '1280px',\n  full: '100%',\n}\n\nfunction resolveMaxWidth(input: IrisContainerMaxWidth): string {\n  if (input === 'sm' || input === 'md' || input === 'lg' || input === 'xl' || input === 'full') {\n    return WIDTH_MAP[input]\n  }\n  return input // arbitrary CSS length\n}\n\nfunction resolvePadding(input: string | number): string {\n  if (typeof input === 'number') return `${input}px`\n  if (input === 'sm' || input === 'md' || input === 'lg') {\n    return `var(--iris-padding-${input})`\n  }\n  return input\n}\n\n/**\n * Centered max-width wrapper. Use to bound content width on large screens\n * without rewriting flex/grid plumbing.\n *\n * `maxWidth='lg'` (≈1024px) is the most common default for marketing /\n * docs / app pages.\n */\nexport const IrisContainer = defineComponent({\n  name: 'IrisContainer',\n  inheritAttrs: false,\n  props: {\n    maxWidth: { type: String as PropType<IrisContainerMaxWidth>, default: 'lg' },\n    padding: { type: [String, Number], default: 'md' },\n    center: { type: Boolean, default: true },\n  },\n  setup(props, { slots, attrs }) {\n    const style = computed<Record<string, string>>(() => ({\n      width: '100%',\n      maxWidth: resolveMaxWidth(props.maxWidth),\n      padding: `0 ${resolvePadding(props.padding)}`,\n      ...(props.center ? { marginInlineStart: 'auto', marginInlineEnd: 'auto' } : {}),\n    }))\n\n    return () =>\n      h(\n        'div',\n        {\n          ...attrs,\n          'data-iris-container': '',\n          'data-iris-container-max-width': props.maxWidth,\n          style: { ...style.value, ...((attrs.style as Record<string, string> | undefined) ?? {}) },\n        },\n        slots.default?.(),\n      )\n  },\n})\n"]}

package/dist/chunk-4FLIW67H.js

@@ -0,0 +1,137 @@
+import { defineComponent, provide, ref, h, inject, onBeforeUnmount, computed } from 'vue';
+import { createFormStore, formatPath, getByPath } from '@iris-ui-kit/core';
+
+// src/form/Form.ts
+var FormInjectionKey = /* @__PURE__ */ Symbol("IrisForm");
+function useFormContext() {
+  const form = inject(FormInjectionKey, null);
+  if (!form) {
+    throw new Error("useField / useFormContext must be used within an <IrisForm>");
+  }
+  return form;
+}
+
+// src/form/Form.ts
+function focusFirstError(formEl, errors) {
+  if (!formEl) return;
+  const keys = Object.keys(errors);
+  if (keys.length === 0) return;
+  const controls = formEl.querySelectorAll(
+    "input[name], select[name], textarea[name], [data-iris-field]"
+  );
+  for (const el of Array.from(controls)) {
+    const name = el.getAttribute("name") ?? el.getAttribute("data-iris-field");
+    if (name && keys.includes(name)) {
+      el.focus();
+      try {
+        el.scrollIntoView({ block: "center" });
+      } catch {
+      }
+      return;
+    }
+  }
+}
+var IrisForm = defineComponent({
+  name: "IrisForm",
+  props: {
+    /** The store from `useForm(...).form`. */
+    form: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props, { slots }) {
+    provide(FormInjectionKey, props.form);
+    const formRef = ref(null);
+    return () => h(
+      "form",
+      {
+        ref: formRef,
+        "data-iris-form": "",
+        onSubmit: (event) => {
+          event.preventDefault();
+          void props.form.handleSubmit().then(() => focusFirstError(formRef.value, props.form.getState().errors));
+        }
+      },
+      slots.default?.()
+    );
+  }
+});
+function useForm(config) {
+  const form = createFormStore(config);
+  const state = ref(form.getState());
+  const unsubscribe = form.subscribe((next) => {
+    state.value = next;
+  });
+  onBeforeUnmount(unsubscribe);
+  return {
+    form,
+    state,
+    values: computed(() => state.value.values),
+    errors: computed(() => state.value.errors),
+    touched: computed(() => state.value.touched),
+    dirty: computed(() => state.value.dirty),
+    isSubmitting: computed(() => state.value.isSubmitting),
+    isValidating: computed(() => state.value.isValidating),
+    submitCount: computed(() => state.value.submitCount),
+    isValid: computed(() => Object.keys(state.value.errors).length === 0),
+    setFieldValue: form.setFieldValue,
+    setValues: form.setValues,
+    setFieldTouched: form.setFieldTouched,
+    setFieldError: form.setFieldError,
+    setErrors: form.setErrors,
+    validateField: form.validateField,
+    validateForm: form.validateForm,
+    handleSubmit: form.handleSubmit,
+    reset: form.reset
+  };
+}
+function useField(name) {
+  const form = useFormContext();
+  const state = ref(form.getState());
+  const unsubscribe = form.subscribe((next) => {
+    state.value = next;
+  });
+  onBeforeUnmount(unsubscribe);
+  const key = formatPath(name);
+  const value = computed(() => getByPath(state.value.values, name));
+  const error = computed(() => state.value.errors[key]);
+  return {
+    name,
+    value,
+    error,
+    touched: computed(() => Boolean(state.value.touched[key])),
+    dirty: computed(() => Boolean(state.value.dirty[key])),
+    setValue: (next) => form.setFieldValue(name, next),
+    setTouched: (touched = true) => form.setFieldTouched(name, touched),
+    fieldProps: computed(() => ({
+      modelValue: value.value,
+      "onUpdate:modelValue": (next) => form.setFieldValue(name, next),
+      invalid: Boolean(error.value),
+      onBlur: () => form.setFieldTouched(name, true)
+    }))
+  };
+}
+function useFieldArray(name) {
+  const form = useFormContext();
+  const state = ref(form.getState());
+  const unsubscribe = form.subscribe((next) => {
+    state.value = next;
+  });
+  onBeforeUnmount(unsubscribe);
+  return {
+    name,
+    fields: computed(
+      () => Array.isArray(state.value.values[name]) ? state.value.values[name] : []
+    ),
+    push: (item) => form.arrayPush(name, item),
+    remove: (index) => form.arrayRemove(name, index),
+    insert: (index, item) => form.arrayInsert(name, index, item),
+    move: (from, to) => form.arrayMove(name, from, to),
+    replace: (items) => form.setFieldValue(name, items)
+  };
+}
+
+export { FormInjectionKey, IrisForm, useField, useFieldArray, useForm, useFormContext };
+//# sourceMappingURL=chunk-4FLIW67H.js.map
+//# sourceMappingURL=chunk-4FLIW67H.js.map

package/dist/chunk-4FLIW67H.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/form/context.ts","../src/form/Form.ts","../src/form/useForm.ts","../src/form/useField.ts","../src/form/useFieldArray.ts"],"names":["ref","onBeforeUnmount","computed"],"mappings":"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","file":"chunk-4FLIW67H.js","sourcesContent":["import { inject, type InjectionKey } from 'vue'\nimport type { FormStore, FormValues } from '@iris-ui-kit/core'\n\n/**\n * Provides the active form's {@link FormStore} to descendant fields so\n * `useField` can bind without prop drilling. The generic is erased at the\n * injection boundary; `useField<T>` re-applies the value type at the call site.\n */\nexport const FormInjectionKey: InjectionKey<FormStore<FormValues>> = Symbol('IrisForm')\n\nexport function useFormContext(): FormStore<FormValues> {\n  const form = inject(FormInjectionKey, null)\n  if (!form) {\n    throw new Error('useField / useFormContext must be used within an <IrisForm>')\n  }\n  return form\n}\n","import { defineComponent, h, provide, ref, type PropType } from 'vue'\nimport type { FormStore, FormValues } from '@iris-ui-kit/core'\nimport { FormInjectionKey } from './context'\n\n/** Focus (and best-effort scroll to) the first errored named control in DOM order. */\nfunction focusFirstError(\n  formEl: HTMLElement | null,\n  errors: Record<string, string | undefined>,\n): void {\n  if (!formEl) return\n  const keys = Object.keys(errors)\n  if (keys.length === 0) return\n  const controls = formEl.querySelectorAll<HTMLElement>(\n    'input[name], select[name], textarea[name], [data-iris-field]',\n  )\n  for (const el of Array.from(controls)) {\n    const name = el.getAttribute('name') ?? el.getAttribute('data-iris-field')\n    if (name && keys.includes(name)) {\n      el.focus()\n      try {\n        el.scrollIntoView({ block: 'center' })\n      } catch {\n        /* scrollIntoView is unavailable in jsdom — focus is the contract */\n      }\n      return\n    }\n  }\n}\n\n/**\n * Provides the form store to descendant `useField` calls and wires the native\n * `<form>` submit to `handleSubmit` (with `preventDefault`). Composition:\n *\n * ```html\n * <IrisForm :form=\"f.form\">\n *   <IrisFormField label=\"Email\"><IrisInput v-bind=\"email.fieldProps.value\" /></IrisFormField>\n *   <IrisButton type=\"submit\" :disabled=\"f.isSubmitting.value\">Save</IrisButton>\n * </IrisForm>\n * ```\n */\nexport const IrisForm = defineComponent({\n  name: 'IrisForm',\n  props: {\n    /** The store from `useForm(...).form`. */\n    form: {\n      type: Object as PropType<FormStore<FormValues>>,\n      required: true,\n    },\n  },\n  setup(props, { slots }) {\n    provide(FormInjectionKey, props.form)\n    const formRef = ref<HTMLElement | null>(null)\n    return () =>\n      h(\n        'form',\n        {\n          ref: formRef,\n          'data-iris-form': '',\n          onSubmit: (event: Event) => {\n            event.preventDefault()\n            // On a failed submit, move focus to the first errored field (a11y).\n            void props.form\n              .handleSubmit()\n              .then(() => focusFirstError(formRef.value, props.form.getState().errors))\n          },\n        },\n        slots.default?.(),\n      )\n  },\n})\n","import { computed, onBeforeUnmount, ref, type ComputedRef, type Ref } from 'vue'\nimport {\n  createFormStore,\n  type FieldErrors,\n  type FieldFlags,\n  type FormConfig,\n  type FormState,\n  type FormStore,\n  type FormValues,\n} from '@iris-ui-kit/core'\n\nexport interface UseFormReturn<V extends FormValues> {\n  /** The form store — pass to `<IrisForm :form=\"...\">`. */\n  form: FormStore<V>\n  /** The full reactive state snapshot. */\n  state: Ref<FormState<V>>\n  values: ComputedRef<V>\n  errors: ComputedRef<FieldErrors<V>>\n  touched: ComputedRef<FieldFlags<V>>\n  dirty: ComputedRef<FieldFlags<V>>\n  isSubmitting: ComputedRef<boolean>\n  isValidating: ComputedRef<boolean>\n  submitCount: ComputedRef<number>\n  isValid: ComputedRef<boolean>\n  setFieldValue: FormStore<V>['setFieldValue']\n  setValues: FormStore<V>['setValues']\n  setFieldTouched: FormStore<V>['setFieldTouched']\n  setFieldError: FormStore<V>['setFieldError']\n  setErrors: FormStore<V>['setErrors']\n  validateField: FormStore<V>['validateField']\n  validateForm: FormStore<V>['validateForm']\n  handleSubmit: FormStore<V>['handleSubmit']\n  reset: FormStore<V>['reset']\n}\n\n/**\n * Vue binding for the framework-agnostic form engine. Creates the store in\n * `setup()` (runs once) and bridges it into Vue reactivity via a `ref` updated\n * on each store change, cleaned up on unmount. Because `setup` runs once,\n * `onSubmit` / `validate` closures stay live against reactive state — no\n * stale-callback handling is needed (unlike the React adapter).\n */\nexport function useForm<V extends FormValues>(config: FormConfig<V>): UseFormReturn<V> {\n  const form = createFormStore(config)\n  const state = ref(form.getState()) as Ref<FormState<V>>\n  const unsubscribe = form.subscribe((next) => {\n    state.value = next\n  })\n  onBeforeUnmount(unsubscribe)\n\n  return {\n    form,\n    state,\n    values: computed(() => state.value.values),\n    errors: computed(() => state.value.errors),\n    touched: computed(() => state.value.touched),\n    dirty: computed(() => state.value.dirty),\n    isSubmitting: computed(() => state.value.isSubmitting),\n    isValidating: computed(() => state.value.isValidating),\n    submitCount: computed(() => state.value.submitCount),\n    isValid: computed(() => Object.keys(state.value.errors).length === 0),\n    setFieldValue: form.setFieldValue,\n    setValues: form.setValues,\n    setFieldTouched: form.setFieldTouched,\n    setFieldError: form.setFieldError,\n    setErrors: form.setErrors,\n    validateField: form.validateField,\n    validateForm: form.validateForm,\n    handleSubmit: form.handleSubmit,\n    reset: form.reset,\n  }\n}\n","import { computed, onBeforeUnmount, ref, type ComputedRef, type Ref } from 'vue'\nimport { formatPath, getByPath, type FormState, type FormValues } from '@iris-ui-kit/core'\nimport { useFormContext } from './context'\n\nexport interface FieldBindProps {\n  modelValue: unknown\n  'onUpdate:modelValue': (value: unknown) => void\n  invalid: boolean\n  onBlur: () => void\n}\n\nexport interface UseFieldReturn<T> {\n  name: string\n  value: ComputedRef<T>\n  error: ComputedRef<string | undefined>\n  touched: ComputedRef<boolean>\n  dirty: ComputedRef<boolean>\n  setValue: (value: T) => void\n  setTouched: (touched?: boolean) => void\n  /**\n   * Bundle for `v-bind` onto a v-model'd Iris control (`IrisInput`,\n   * `IrisSelect`, …): wires `modelValue` / `update:modelValue` / `invalid` /\n   * `blur`. Use `value` + `setValue` directly for bespoke bindings.\n   */\n  fieldProps: ComputedRef<FieldBindProps>\n}\n\n/**\n * Binds a single field to the surrounding `<IrisForm>`. `T` is the value type\n * at the call site (the injection erases the form's generic).\n *\n * `name` may be a flat top-level key OR a nested PATH (`'address.city'`,\n * `'items[2].sku'`); a flat key is a 1-segment path and stays back-compatible\n * (v3 R19).\n */\nexport function useField<T = unknown>(name: string): UseFieldReturn<T> {\n  const form = useFormContext()\n  const state = ref(form.getState()) as Ref<FormState<FormValues>>\n  const unsubscribe = form.subscribe((next) => {\n    state.value = next\n  })\n  onBeforeUnmount(unsubscribe)\n\n  // Canonical key for per-field state lookups (a flat key maps to itself).\n  const key = formatPath(name)\n  const value = computed(() => getByPath(state.value.values, name) as T)\n  const error = computed(() => state.value.errors[key])\n\n  return {\n    name,\n    value,\n    error,\n    touched: computed(() => Boolean(state.value.touched[key])),\n    dirty: computed(() => Boolean(state.value.dirty[key])),\n    setValue: (next) => form.setFieldValue(name, next as never),\n    setTouched: (touched = true) => form.setFieldTouched(name, touched),\n    fieldProps: computed(() => ({\n      modelValue: value.value,\n      'onUpdate:modelValue': (next: unknown) => form.setFieldValue(name, next as never),\n      invalid: Boolean(error.value),\n      onBlur: () => form.setFieldTouched(name, true),\n    })),\n  }\n}\n","import { computed, onBeforeUnmount, ref, type ComputedRef, type Ref } from 'vue'\nimport type { FormState, FormValues } from '@iris-ui-kit/core'\nimport { useFormContext } from './context'\n\nexport interface UseFieldArrayReturn<T> {\n  name: string\n  /** Current array value (reactive). */\n  fields: ComputedRef<T[]>\n  /** Append an item. */\n  push: (item: T) => void\n  /** Remove the item at `index`. */\n  remove: (index: number) => void\n  /** Insert `item` at `index` (shifting the rest right). */\n  insert: (index: number, item: T) => void\n  /** Move the item from `from` to `to`. */\n  move: (from: number, to: number) => void\n  /** Replace the whole array. */\n  replace: (items: T[]) => void\n}\n\n/**\n * Manage a dynamic array field (repeatable rows) inside an `<IrisForm>`. Mutators\n * delegate to the core {@link FormStore} array helpers (`arrayPush`/`arrayInsert`/\n * `arrayRemove`/`arrayMove`), which RE-KEY each element's error/touched/dirty/\n * validating state across the mutation — so a row's per-element validation state\n * FOLLOWS the row when rows are removed or reordered (removing `items[0]` shifts\n * `items[2]`'s error down to `items[1]`). `replace` swaps the whole array.\n */\nexport function useFieldArray<T = unknown>(name: string): UseFieldArrayReturn<T> {\n  const form = useFormContext()\n  const state = ref(form.getState()) as Ref<FormState<FormValues>>\n  const unsubscribe = form.subscribe((next) => {\n    state.value = next\n  })\n  onBeforeUnmount(unsubscribe)\n\n  return {\n    name,\n    fields: computed(\n      () => (Array.isArray(state.value.values[name]) ? state.value.values[name] : []) as T[],\n    ),\n    push: (item) => form.arrayPush(name as never, item as never),\n    remove: (index) => form.arrayRemove(name as never, index),\n    insert: (index, item) => form.arrayInsert(name as never, index, item as never),\n    move: (from, to) => form.arrayMove(name as never, from, to),\n    replace: (items) => form.setFieldValue(name, items as never),\n  }\n}\n"]}

package/dist/chunk-4FQ7XF52.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=chunk-4FQ7XF52.js.map
+//# sourceMappingURL=chunk-4FQ7XF52.js.map

package/dist/chunk-4FQ7XF52.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-4FQ7XF52.js"}

package/dist/chunk-72PZMU6R.js

@@ -0,0 +1,99 @@
+import { defineComponent, ref, onMounted, watch, onBeforeUnmount, provide, computed, inject } from 'vue';
+import { injectGlobalStyles, applyTheme, applyDirection, getColorScheme, watchColorScheme } from '@iris-ui-kit/theme';
+
+// src/theme/ThemeProvider.ts
+var IrisThemeKey = /* @__PURE__ */ Symbol("IrisTheme");
+var ThemeProvider = defineComponent({
+  name: "IrisThemeProvider",
+  props: {
+    store: {
+      type: Object,
+      required: true
+    },
+    target: {
+      type: Object,
+      default: null
+    },
+    /** Writing direction; sets `dir` on the target for RTL. Default `'ltr'`. */
+    dir: {
+      type: String,
+      default: "ltr"
+    },
+    /** CSP nonce for injected inline stylesheets. */
+    cspNonce: {
+      type: String,
+      default: void 0
+    }
+  },
+  setup(props, { slots }) {
+    const current = ref(props.store.store.getState());
+    const unsubscribe = props.store.store.subscribe((next) => {
+      current.value = next;
+    });
+    let applied = null;
+    let dirApplied = null;
+    const targetEl = () => props.target ?? document.documentElement;
+    const applyCurrent = () => {
+      applied?.revert();
+      applied = applyTheme(current.value, targetEl());
+    };
+    const applyDir = () => {
+      dirApplied?.revert();
+      dirApplied = applyDirection(props.dir, targetEl());
+    };
+    onMounted(() => {
+      injectGlobalStyles(props.cspNonce);
+      applyCurrent();
+      applyDir();
+    });
+    watch(current, () => {
+      if (applied) applyCurrent();
+    });
+    watch(
+      () => props.dir,
+      () => {
+        if (dirApplied) applyDir();
+      }
+    );
+    onBeforeUnmount(() => {
+      unsubscribe();
+      applied?.revert();
+      applied = null;
+      dirApplied?.revert();
+      dirApplied = null;
+    });
+    provide(IrisThemeKey, { store: props.store, current, dir: computed(() => props.dir) });
+    return () => slots.default?.();
+  }
+});
+function useThemeContext() {
+  const ctx = inject(IrisThemeKey);
+  if (!ctx) {
+    throw new Error("[iris-ui] useTheme(): no <ThemeProvider> ancestor found");
+  }
+  return ctx;
+}
+function useDirection() {
+  const ctx = inject(IrisThemeKey, null);
+  return ctx ? ctx.dir : computed(() => "ltr");
+}
+function useTheme() {
+  const ctx = useThemeContext();
+  return {
+    theme: computed(() => ctx.current.value),
+    setTheme: ctx.store.setTheme,
+    availableThemes: ctx.store.availableThemes
+  };
+}
+function useColorScheme() {
+  const scheme = ref(getColorScheme());
+  const stop = watchColorScheme((s) => {
+    scheme.value = s;
+  });
+  onBeforeUnmount(stop);
+  return scheme;
+}
+
+export { IrisThemeKey, ThemeProvider, useColorScheme, useDirection, useTheme, useThemeContext };
+//# sourceMappingURL=chunk-72PZMU6R.js.map
+//# sourceMappingURL=chunk-72PZMU6R.js.map

package/dist/chunk-72PZMU6R.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme/ThemeProvider.ts","../src/theme/useTheme.ts","../src/theme/useColorScheme.ts"],"names":["computed","ref","onBeforeUnmount"],"mappings":"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","file":"chunk-72PZMU6R.js","sourcesContent":["import {\n  computed,\n  defineComponent,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  ref,\n  watch,\n  type ComputedRef,\n  type InjectionKey,\n  type PropType,\n  type Ref,\n} from 'vue'\nimport {\n  applyDirection,\n  applyTheme,\n  injectGlobalStyles,\n  type ApplyDirectionResult,\n  type ApplyThemeResult,\n  type Direction,\n  type ThemeStore,\n} from '@iris-ui-kit/theme'\nimport type { IrisTheme } from '@iris-ui-kit/tokens'\n\nexport interface IrisThemeContext {\n  store: ThemeStore\n  current: Ref<IrisTheme>\n  dir: ComputedRef<Direction>\n}\n\nexport const IrisThemeKey: InjectionKey<IrisThemeContext> = Symbol('IrisTheme')\n\n/**\n * Renderless provider that:\n * 1. exposes the theme store to descendants via `provide`,\n * 2. applies the current theme to a target element on mount and on change,\n * 3. reverts the inline custom properties on unmount.\n *\n * `target` defaults to `document.documentElement`. Pass an element ref to\n * scope a theme to a subtree.\n */\nexport const ThemeProvider = defineComponent({\n  name: 'IrisThemeProvider',\n  props: {\n    store: {\n      type: Object as PropType<ThemeStore>,\n      required: true,\n    },\n    target: {\n      type: Object as PropType<HTMLElement | null>,\n      default: null,\n    },\n    /** Writing direction; sets `dir` on the target for RTL. Default `'ltr'`. */\n    dir: {\n      type: String as PropType<Direction>,\n      default: 'ltr',\n    },\n    /** CSP nonce for injected inline stylesheets. */\n    cspNonce: {\n      type: String,\n      default: undefined,\n    },\n  },\n  setup(props, { slots }) {\n    const current = ref(props.store.store.getState()) as Ref<IrisTheme>\n    const unsubscribe = props.store.store.subscribe((next) => {\n      current.value = next\n    })\n\n    let applied: ApplyThemeResult | null = null\n    let dirApplied: ApplyDirectionResult | null = null\n\n    const targetEl = () => props.target ?? document.documentElement\n\n    const applyCurrent = () => {\n      applied?.revert()\n      applied = applyTheme(current.value, targetEl())\n    }\n\n    const applyDir = () => {\n      dirApplied?.revert()\n      dirApplied = applyDirection(props.dir, targetEl())\n    }\n\n    onMounted(() => {\n      injectGlobalStyles(props.cspNonce)\n      applyCurrent()\n      applyDir()\n    })\n\n    watch(current, () => {\n      if (applied) applyCurrent()\n    })\n\n    watch(\n      () => props.dir,\n      () => {\n        if (dirApplied) applyDir()\n      },\n    )\n\n    onBeforeUnmount(() => {\n      unsubscribe()\n      applied?.revert()\n      applied = null\n      dirApplied?.revert()\n      dirApplied = null\n    })\n\n    provide(IrisThemeKey, { store: props.store, current, dir: computed(() => props.dir) })\n\n    return () => slots.default?.()\n  },\n})\n\nexport function useThemeContext(): IrisThemeContext {\n  const ctx = inject(IrisThemeKey)\n  if (!ctx) {\n    throw new Error('[iris-ui] useTheme(): no <ThemeProvider> ancestor found')\n  }\n  return ctx\n}\n\n/**\n * Current writing direction (`'ltr'` / `'rtl'`) from the nearest\n * `<ThemeProvider>`, or a static `'ltr'` ref when there is none.\n */\nexport function useDirection(): ComputedRef<Direction> {\n  const ctx = inject(IrisThemeKey, null)\n  return ctx ? ctx.dir : computed(() => 'ltr' as Direction)\n}\n","import { computed, type ComputedRef } from 'vue'\nimport type { IrisTheme } from '@iris-ui-kit/tokens'\nimport { useThemeContext } from './ThemeProvider'\n\nexport interface UseThemeReturn {\n  /** Reactive ref to the active theme. */\n  theme: ComputedRef<IrisTheme>\n  /** Switch by name or by passing a theme directly. */\n  setTheme: (target: string | IrisTheme) => void\n  /** Map of all themes registered with the store. */\n  availableThemes: Record<string, IrisTheme>\n}\n\n/**\n * Read and write the current theme from anywhere inside a <ThemeProvider>.\n *\n * @example\n * const { theme, setTheme } = useTheme()\n * theme.value.colors['iris.primary']\n * setTheme('dark')\n */\nexport function useTheme(): UseThemeReturn {\n  const ctx = useThemeContext()\n  return {\n    theme: computed(() => ctx.current.value),\n    setTheme: ctx.store.setTheme,\n    availableThemes: ctx.store.availableThemes,\n  }\n}\n","import { onBeforeUnmount, ref, type Ref } from 'vue'\nimport { getColorScheme, watchColorScheme, type ColorScheme } from '@iris-ui-kit/theme'\n\n/**\n * Reactive system color scheme (`'light'` / `'dark'`) from\n * `prefers-color-scheme`. SSR-safe (reports `'light'` until matchMedia is\n * available). Wire it to a theme store to auto-follow the system:\n *\n * ```ts\n * const scheme = useColorScheme()\n * watch(scheme, (s) => store.setTheme(s === 'dark' ? 'dark' : 'light'), { immediate: true })\n * ```\n */\nexport function useColorScheme(): Ref<ColorScheme> {\n  const scheme = ref<ColorScheme>(getColorScheme())\n  const stop = watchColorScheme((s) => {\n    scheme.value = s\n  })\n  onBeforeUnmount(stop)\n  return scheme\n}\n"]}

package/dist/chunk-75GSYEJS.js

@@ -0,0 +1,17 @@
+import { shallowRef, onScopeDispose } from 'vue';
+
+// src/useStore.ts
+function useStore(store) {
+  const state = shallowRef(store.getState());
+  onScopeDispose(store.subscribe((next) => state.value = next));
+  return state;
+}
+function useStoreSelector(store, selector, equals) {
+  const slice = shallowRef(selector(store.getState()));
+  onScopeDispose(store.subscribeWith(selector, (v) => slice.value = v, equals));
+  return slice;
+}
+
+export { useStore, useStoreSelector };
+//# sourceMappingURL=chunk-75GSYEJS.js.map
+//# sourceMappingURL=chunk-75GSYEJS.js.map

package/dist/chunk-75GSYEJS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useStore.ts"],"names":[],"mappings":";;;AASO,SAAS,SAAY,KAAA,EAAkD;AAC5E,EAAA,MAAM,KAAA,GAAQ,UAAA,CAAW,KAAA,CAAM,QAAA,EAAU,CAAA;AACzC,EAAA,cAAA,CAAe,MAAM,SAAA,CAAU,CAAC,SAAU,KAAA,CAAM,KAAA,GAAQ,IAAK,CAAC,CAAA;AAC9D,EAAA,OAAO,KAAA;AACT;AAOO,SAAS,gBAAA,CACd,KAAA,EACA,QAAA,EACA,MAAA,EACyB;AACzB,EAAA,MAAM,QAAQ,UAAA,CAAW,QAAA,CAAS,KAAA,CAAM,QAAA,EAAU,CAAC,CAAA;AACnD,EAAA,cAAA,CAAe,KAAA,CAAM,cAAc,QAAA,EAAU,CAAC,MAAO,KAAA,CAAM,KAAA,GAAQ,CAAA,EAAI,MAAM,CAAC,CAAA;AAC9E,EAAA,OAAO,KAAA;AACT","file":"chunk-75GSYEJS.js","sourcesContent":["import { shallowRef, onScopeDispose, type ShallowRef } from 'vue'\nimport type { ReadonlyStore, Store } from '@iris-ui-kit/core'\n\n/**\n * Bridge a framework-agnostic `@iris-ui-kit/core` store into a Vue ref — updates on\n * every store emission. The mirror of React's `useSyncExternalStore`, Solid's\n * `createSignal`, and Svelte's `readable`. Seeds synchronously from\n * `store.getState()` (SSR-safe); detaches on scope dispose.\n */\nexport function useStore<T>(store: ReadonlyStore<T>): Readonly<ShallowRef<T>> {\n  const state = shallowRef(store.getState()) as ShallowRef<T>\n  onScopeDispose(store.subscribe((next) => (state.value = next)))\n  return state\n}\n\n/**\n * Subscribe to a DERIVED slice of a core store — the ref updates only when\n * `selector(state)` changes per `equals` (default `Object.is`), not on every\n * store emission. Built on {@link Store.subscribeWith}.\n */\nexport function useStoreSelector<T, U>(\n  store: Store<T>,\n  selector: (state: T) => U,\n  equals?: (a: U, b: U) => boolean,\n): Readonly<ShallowRef<U>> {\n  const slice = shallowRef(selector(store.getState())) as ShallowRef<U>\n  onScopeDispose(store.subscribeWith(selector, (v) => (slice.value = v), equals))\n  return slice\n}\n"]}

package/dist/chunk-7IOJADZC.js

@@ -0,0 +1,38 @@
+import { useStore } from './chunk-75GSYEJS.js';
+import { onMounted, onScopeDispose, computed } from 'vue';
+import { createDataSource, createGroupedView } from '@iris-ui-kit/core';
+export { createClientDataSource, createDataSource, createGroupedView } from '@iris-ui-kit/core';
+
+function useDataSource(config) {
+  const controller = createDataSource({ ...config, immediate: false });
+  const immediate = config.immediate !== false;
+  onMounted(() => {
+    if (immediate) void controller.load();
+  });
+  onScopeDispose(() => controller.destroy());
+  const state = useStore(controller.store);
+  return { ...controller, state };
+}
+function useGroupedView(config) {
+  const controller = createGroupedView(config);
+  const storeRef = useStore(controller.store);
+  const state = computed(() => {
+    const s = storeRef.value;
+    return s.state;
+  });
+  return {
+    store: controller.store,
+    setRows: (rows, columns) => controller.setRows(rows, columns),
+    toggleGroup: (key) => controller.toggleGroup(key),
+    expandGroup: (key) => controller.expandGroup(key),
+    collapseGroup: (key) => controller.collapseGroup(key),
+    expandAll: () => controller.expandAll(),
+    collapseAll: () => controller.collapseAll(),
+    state,
+    setConfig: (partial) => controller.setConfig(partial)
+  };
+}
+
+export { useDataSource, useGroupedView };
+//# sourceMappingURL=chunk-7IOJADZC.js.map
+//# sourceMappingURL=chunk-7IOJADZC.js.map

package/dist/chunk-7IOJADZC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/data/useDataSource.ts","../src/data/useGroupedView.ts"],"names":[],"mappings":";;;;;AA8BO,SAAS,cAAiB,MAAA,EAA+C;AAC9E,EAAA,MAAM,aAAa,gBAAA,CAAiB,EAAE,GAAG,MAAA,EAAQ,SAAA,EAAW,OAAO,CAAA;AACnE,EAAA,MAAM,SAAA,GAAY,OAAO,SAAA,KAAc,KAAA;AAEvC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,SAAA,EAAW,KAAK,UAAA,CAAW,IAAA,EAAK;AAAA,EACtC,CAAC,CAAA;AAGD,EAAA,cAAA,CAAe,MAAM,UAAA,CAAW,OAAA,EAAS,CAAA;AAEzC,EAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,UAAA,CAAW,KAAK,CAAA;AACvC,EAAA,OAAO,EAAE,GAAG,UAAA,EAAY,KAAA,EAAM;AAChC;ACfO,SAAS,eACd,MAAA,EACwB;AACxB,EAAA,MAAM,UAAA,GAAa,kBAA0B,MAAM,CAAA;AACnD,EAAA,MAAM,QAAA,GAAW,QAAA,CAAS,UAAA,CAAW,KAAK,CAAA;AAC1C,EAAA,MAAM,KAAA,GAAQ,SAAS,MAAM;AAC3B,IAAA,MAAM,IAAI,QAAA,CAAS,KAAA;AACnB,IAAA,OAAO,CAAA,CAAE,KAAA;AAAA,EACX,CAAC,CAAA;AAED,EAAA,OAAO;AAAA,IACL,OAAO,UAAA,CAAW,KAAA;AAAA,IAClB,SAAS,CAAC,IAAA,EAAM,YAAY,UAAA,CAAW,OAAA,CAAQ,MAAM,OAAO,CAAA;AAAA,IAC5D,WAAA,EAAa,CAAC,GAAA,KAAQ,UAAA,CAAW,YAAY,GAAG,CAAA;AAAA,IAChD,WAAA,EAAa,CAAC,GAAA,KAAQ,UAAA,CAAW,YAAY,GAAG,CAAA;AAAA,IAChD,aAAA,EAAe,CAAC,GAAA,KAAQ,UAAA,CAAW,cAAc,GAAG,CAAA;AAAA,IACpD,SAAA,EAAW,MAAM,UAAA,CAAW,SAAA,EAAU;AAAA,IACtC,WAAA,EAAa,MAAM,UAAA,CAAW,WAAA,EAAY;AAAA,IAC1C,KAAA;AAAA,IACA,SAAA,EAAW,CAAC,OAAA,KAAY,UAAA,CAAW,UAAU,OAAO;AAAA,GACtD;AACF","file":"chunk-7IOJADZC.js","sourcesContent":["import { onMounted, onScopeDispose, type ShallowRef } from 'vue'\nimport {\n  createDataSource,\n  type DataSourceController,\n  type DataSourceConfig,\n  type DataSourceState,\n} from '@iris-ui-kit/core'\nimport { useStore } from '../useStore'\n\nexport interface UseDataSource<T> extends DataSourceController<T> {\n  /**\n   * The live data-source state as a reactive ref: rows, total, page/pageSize,\n   * sort/multiSort, filters/filterRules, loading/loadingMore, hasMore,\n   * selectedKeys, and the per-row pendingRows/rowErrors.\n   */\n  state: ShallowRef<DataSourceState<T>>\n}\n\n/**\n * Vue bridge over the framework-agnostic {@link createDataSource} — the unified\n * data engine (paged/infinite + multi-sort + typed filters + selection +\n * per-row + optimistic mutate). Creates the controller once in `setup()`,\n * mirrors its store into a reactive ref, and returns the controller plus its\n * live `state`. A thin bridge — all logic lives in `@iris-ui-kit/core`.\n *\n * Constructed with `immediate: false` so no fetch fires during `setup()`; the\n * initial load is kicked from `onMounted` and the controller is torn down on\n * scope dispose (aborting any in-flight request) so a late response never\n * writes back to a torn-down instance.\n */\nexport function useDataSource<T>(config: DataSourceConfig<T>): UseDataSource<T> {\n  const controller = createDataSource({ ...config, immediate: false })\n  const immediate = config.immediate !== false\n\n  onMounted(() => {\n    if (immediate) void controller.load()\n  })\n  // Abort any in-flight fetch + detach the controller's internal subscriptions\n  // on unmount (a late response must not write back to a torn-down instance).\n  onScopeDispose(() => controller.destroy())\n\n  const state = useStore(controller.store)\n  return { ...controller, state }\n}\n","import { computed, type ComputedRef } from 'vue'\nimport {\n  createGroupedView,\n  type GroupedViewConfig,\n  type GroupedViewState,\n  type GroupedViewStore,\n} from '@iris-ui-kit/core'\nimport type { DataViewColumn } from '@iris-ui-kit/core'\nimport { useStore } from '../useStore'\n\nexport interface UseGroupedView<Row, K = string> {\n  store: ReturnType<typeof createGroupedView<Row, K>>['store']\n  setRows: (rows: readonly Row[], columns?: readonly DataViewColumn<Row>[]) => void\n  toggleGroup: (key: K) => void\n  expandGroup: (key: K) => void\n  collapseGroup: (key: K) => void\n  expandAll: () => void\n  collapseAll: () => void\n  /** Reactive live grouped-view state. */\n  state: ComputedRef<GroupedViewState<Row, K>>\n  setConfig: (partial: Partial<GroupedViewConfig<Row, K>>) => void\n}\n\n/**\n * Vue bridge over the framework-agnostic {@link createGroupedView}.\n * Creates the controller once, subscribes its store to a reactive ref,\n * and returns the controller plus a computed `state`.\n */\nexport function useGroupedView<Row, K = string>(\n  config: GroupedViewConfig<Row, K>,\n): UseGroupedView<Row, K> {\n  const controller = createGroupedView<Row, K>(config)\n  const storeRef = useStore(controller.store)\n  const state = computed(() => {\n    const s = storeRef.value as GroupedViewStore<Row, K>\n    return s.state\n  })\n\n  return {\n    store: controller.store,\n    setRows: (rows, columns) => controller.setRows(rows, columns),\n    toggleGroup: (key) => controller.toggleGroup(key),\n    expandGroup: (key) => controller.expandGroup(key),\n    collapseGroup: (key) => controller.collapseGroup(key),\n    expandAll: () => controller.expandAll(),\n    collapseAll: () => controller.collapseAll(),\n    state,\n    setConfig: (partial) => controller.setConfig(partial),\n  }\n}\n"]}