@ansh-ui/vue 0.2.0

package/dist/chunk-JQ4YLXXM.cjs

@@ -0,0 +1,580 @@
+'use strict';
+
+var chunk774WBLDR_cjs = require('./chunk-774WBLDR.cjs');
+var chunk6732H4BQ_cjs = require('./chunk-6732H4BQ.cjs');
+var vue = require('vue');
+
+function space(value) {
+  if (value === void 0) return void 0;
+  if (typeof value === "string") return value;
+  return `var(--ansh-space-${value})`;
+}
+function splitAttrs(attrs) {
+  const { class: attrClass, style: attrStyle, ...rest } = attrs;
+  return { class: attrClass ?? "", style: attrStyle, rest };
+}
+function stackProps() {
+  return {
+    as: { type: String, default: "div" },
+    gap: { type: [Number, String], default: 4 },
+    align: { type: String, default: void 0 },
+    justify: { type: String, default: void 0 },
+    wrap: { type: Boolean, default: false },
+    stretch: { type: Boolean, default: false },
+    divide: { type: Boolean, default: false }
+  };
+}
+function stackStyle(direction, props) {
+  return {
+    display: "flex",
+    flexDirection: direction === "horizontal" ? "row" : "column",
+    gap: space(props.gap),
+    // Cast at the point of use, not in the public prop type — see the `FlexAlign` doc comment.
+    alignItems: props.align ?? (props.stretch ? "stretch" : void 0),
+    justifyContent: props.justify,
+    flexWrap: props.wrap ? "wrap" : void 0
+  };
+}
+var Stack = vue.defineComponent({
+  name: "AnshStack",
+  inheritAttrs: false,
+  props: {
+    ...stackProps(),
+    direction: { type: String, default: "vertical" }
+  },
+  setup(props, { attrs, slots, expose }) {
+    const el = vue.ref(null);
+    expose({
+      get element() {
+        return el.value;
+      }
+    });
+    return () => {
+      const {
+        class: attrClass,
+        style: attrStyle,
+        rest
+      } = splitAttrs(attrs);
+      return vue.h(
+        props.as,
+        {
+          ref: el,
+          class: chunk6732H4BQ_cjs.cx("ansh-stack", props.divide && "ansh-stack--divide", attrClass),
+          "data-direction": props.direction,
+          style: [stackStyle(props.direction, props), attrStyle],
+          ...rest
+        },
+        slots.default?.()
+      );
+    };
+  }
+});
+var HStack = vue.defineComponent({
+  name: "AnshHStack",
+  inheritAttrs: false,
+  props: stackProps(),
+  setup(props, { attrs, slots, expose }) {
+    const el = vue.ref(null);
+    expose({
+      get element() {
+        return el.value;
+      }
+    });
+    return () => {
+      const {
+        class: attrClass,
+        style: attrStyle,
+        rest
+      } = splitAttrs(attrs);
+      return vue.h(
+        props.as,
+        {
+          ref: el,
+          class: chunk6732H4BQ_cjs.cx("ansh-stack", props.divide && "ansh-stack--divide", attrClass),
+          "data-direction": "horizontal",
+          style: [stackStyle("horizontal", props), attrStyle],
+          ...rest
+        },
+        slots.default?.()
+      );
+    };
+  }
+});
+var VStack = vue.defineComponent({
+  name: "AnshVStack",
+  inheritAttrs: false,
+  props: stackProps(),
+  setup(props, { attrs, slots, expose }) {
+    const el = vue.ref(null);
+    expose({
+      get element() {
+        return el.value;
+      }
+    });
+    return () => {
+      const {
+        class: attrClass,
+        style: attrStyle,
+        rest
+      } = splitAttrs(attrs);
+      return vue.h(
+        props.as,
+        {
+          ref: el,
+          class: chunk6732H4BQ_cjs.cx("ansh-stack", props.divide && "ansh-stack--divide", attrClass),
+          "data-direction": "vertical",
+          style: [stackStyle("vertical", props), attrStyle],
+          ...rest
+        },
+        slots.default?.()
+      );
+    };
+  }
+});
+var Grid = vue.defineComponent({
+  name: "AnshGrid",
+  inheritAttrs: false,
+  props: {
+    as: { type: String, default: "div" },
+    columns: { type: [Number, String], default: "auto" },
+    minColumnWidth: { type: String, default: "16rem" },
+    gap: { type: [Number, String], default: 4 },
+    rowGap: { type: [Number, String], default: void 0 },
+    align: { type: String, default: void 0 }
+  },
+  setup(props, { attrs, slots, expose }) {
+    const el = vue.ref(null);
+    expose({
+      get element() {
+        return el.value;
+      }
+    });
+    return () => {
+      const {
+        class: attrClass,
+        style: attrStyle,
+        rest
+      } = splitAttrs(attrs);
+      return vue.h(
+        props.as,
+        {
+          ref: el,
+          class: chunk6732H4BQ_cjs.cx("ansh-grid", attrClass),
+          style: [
+            {
+              display: "grid",
+              gridTemplateColumns: props.columns === "auto" ? `repeat(auto-fill, minmax(min(${props.minColumnWidth}, 100%), 1fr))` : `repeat(${props.columns}, minmax(0, 1fr))`,
+              gap: space(props.gap),
+              rowGap: space(props.rowGap),
+              alignItems: props.align
+            },
+            attrStyle
+          ],
+          ...rest
+        },
+        slots.default?.()
+      );
+    };
+  }
+});
+var GridItem = vue.defineComponent({
+  name: "AnshGridItem",
+  inheritAttrs: false,
+  props: {
+    as: { type: String, default: "div" },
+    span: { type: [Number, String], default: void 0 },
+    rowSpan: { type: Number, default: void 0 }
+  },
+  setup(props, { attrs, slots, expose }) {
+    const el = vue.ref(null);
+    expose({
+      get element() {
+        return el.value;
+      }
+    });
+    return () => {
+      const {
+        class: attrClass,
+        style: attrStyle,
+        rest
+      } = splitAttrs(attrs);
+      return vue.h(
+        props.as,
+        {
+          ref: el,
+          class: attrClass,
+          style: [
+            {
+              gridColumn: props.span === "full" ? "1 / -1" : props.span ? `span ${props.span} / span ${props.span}` : void 0,
+              gridRow: props.rowSpan ? `span ${props.rowSpan} / span ${props.rowSpan}` : void 0,
+              // `minWidth: 0` on every grid child. Without it a child containing a long unbroken
+              // string or a table refuses to shrink below its content width and blows out the track.
+              minWidth: 0
+            },
+            attrStyle
+          ],
+          ...rest
+        },
+        slots.default?.()
+      );
+    };
+  }
+});
+var CONTAINER_WIDTH = {
+  sm: "40rem",
+  md: "56rem",
+  lg: "72rem",
+  xl: "90rem",
+  full: "100%"
+};
+var Container = vue.defineComponent({
+  name: "AnshContainer",
+  inheritAttrs: false,
+  props: {
+    as: { type: String, default: "div" },
+    size: { type: String, default: "lg" },
+    padding: { type: [Number, String], default: 6 }
+  },
+  setup(props, { attrs, slots, expose }) {
+    const el = vue.ref(null);
+    expose({
+      get element() {
+        return el.value;
+      }
+    });
+    return () => {
+      const {
+        class: attrClass,
+        style: attrStyle,
+        rest
+      } = splitAttrs(attrs);
+      return vue.h(
+        props.as,
+        {
+          ref: el,
+          class: chunk6732H4BQ_cjs.cx("ansh-container", attrClass),
+          style: [
+            {
+              width: "100%",
+              maxWidth: CONTAINER_WIDTH[props.size],
+              marginInline: "auto",
+              paddingInline: space(props.padding)
+            },
+            attrStyle
+          ],
+          ...rest
+        },
+        slots.default?.()
+      );
+    };
+  }
+});
+var Divider = vue.defineComponent({
+  name: "AnshDivider",
+  inheritAttrs: false,
+  props: {
+    orientation: { type: String, default: "horizontal" },
+    label: { type: [String, Object, Function], default: void 0 }
+  },
+  setup(props, { attrs }) {
+    return () => {
+      const {
+        class: attrClass,
+        style: attrStyle,
+        rest
+      } = splitAttrs(attrs);
+      if (props.label !== void 0) {
+        return vue.h(
+          "div",
+          {
+            class: chunk6732H4BQ_cjs.cx("ansh-divider", "ansh-divider--labelled", attrClass),
+            style: attrStyle,
+            ...rest
+          },
+          [
+            vue.h("span", { class: "ansh-divider__line" }),
+            vue.h("span", { class: "ansh-divider__label" }, [chunk6732H4BQ_cjs.resolveSlotContent(props.label)]),
+            vue.h("span", { class: "ansh-divider__line" })
+          ]
+        );
+      }
+      return vue.h("div", {
+        role: "separator",
+        "aria-orientation": props.orientation,
+        class: chunk6732H4BQ_cjs.cx("ansh-divider", `ansh-divider--${props.orientation}`, attrClass),
+        style: attrStyle,
+        ...rest
+      });
+    };
+  }
+});
+var Spacer = vue.defineComponent({
+  name: "AnshSpacer",
+  props: {
+    size: { type: [Number, String], default: void 0 },
+    grow: { type: Boolean, default: false }
+  },
+  setup(props) {
+    return () => vue.h("span", {
+      "aria-hidden": "true",
+      style: {
+        display: "block",
+        flexGrow: props.grow ? 1 : 0,
+        flexShrink: 0,
+        ...props.size !== void 0 ? { width: space(props.size), height: space(props.size) } : null
+      }
+    });
+  }
+});
+var Center = vue.defineComponent({
+  name: "AnshCenter",
+  inheritAttrs: false,
+  props: {
+    as: { type: String, default: "div" }
+  },
+  setup(props, { attrs, slots, expose }) {
+    const el = vue.ref(null);
+    expose({
+      get element() {
+        return el.value;
+      }
+    });
+    return () => {
+      const {
+        class: attrClass,
+        style: attrStyle,
+        rest
+      } = splitAttrs(attrs);
+      return vue.h(
+        props.as,
+        {
+          ref: el,
+          class: attrClass,
+          style: [{ display: "grid", placeItems: "center" }, attrStyle],
+          ...rest
+        },
+        slots.default?.()
+      );
+    };
+  }
+});
+var AspectRatio = vue.defineComponent({
+  name: "AnshAspectRatio",
+  inheritAttrs: false,
+  props: {
+    as: { type: String, default: "div" },
+    ratio: { type: Number, default: 16 / 9 }
+  },
+  setup(props, { attrs, slots, expose }) {
+    const el = vue.ref(null);
+    expose({
+      get element() {
+        return el.value;
+      }
+    });
+    return () => {
+      const {
+        class: attrClass,
+        style: attrStyle,
+        rest
+      } = splitAttrs(attrs);
+      return vue.h(
+        props.as,
+        {
+          ref: el,
+          class: chunk6732H4BQ_cjs.cx("ansh-aspect", attrClass),
+          style: [{ aspectRatio: String(props.ratio) }, attrStyle],
+          ...rest
+        },
+        slots.default?.()
+      );
+    };
+  }
+});
+var ScrollArea = vue.defineComponent({
+  name: "AnshScrollArea",
+  inheritAttrs: false,
+  props: {
+    as: { type: String, default: "div" },
+    maxHeight: { type: String, default: void 0 },
+    axis: { type: String, default: "y" },
+    fade: { type: Boolean, default: true }
+  },
+  setup(props, { attrs, slots, expose }) {
+    const el = vue.ref(null);
+    expose({
+      get element() {
+        return el.value;
+      }
+    });
+    return () => {
+      const {
+        class: attrClass,
+        style: attrStyle,
+        rest
+      } = splitAttrs(attrs);
+      return vue.h(
+        props.as,
+        {
+          ref: el,
+          class: chunk6732H4BQ_cjs.cx("ansh-scroll", props.fade && "ansh-scroll--fade", attrClass),
+          "data-axis": props.axis,
+          style: [
+            {
+              maxHeight: props.maxHeight,
+              overflowY: props.axis === "x" ? "hidden" : "auto",
+              overflowX: props.axis === "y" ? "hidden" : "auto"
+            },
+            attrStyle
+          ],
+          ...rest
+        },
+        slots.default?.()
+      );
+    };
+  }
+});
+function normalizeChildren(nodes) {
+  return (nodes ?? []).filter((node) => {
+    if (node.type === vue.Comment) return false;
+    if (node.type === vue.Text && typeof node.children === "string" && node.children.trim() === "") {
+      return false;
+    }
+    return true;
+  });
+}
+var Resizable = vue.defineComponent({
+  name: "AnshResizable",
+  inheritAttrs: false,
+  props: {
+    direction: { type: String, default: "horizontal" },
+    defaultSize: { type: Number, default: 50 },
+    size: { type: Number, default: void 0 },
+    minSize: { type: Number, default: 10 },
+    maxSize: { type: Number, default: 90 },
+    snapPoints: { type: Array, default: void 0 },
+    label: { type: String, default: "Resize panes" }
+  },
+  emits: ["update:size"],
+  setup(props, { attrs, slots, emit, expose }) {
+    const [value, setValue] = chunk774WBLDR_cjs.useControllableState(
+      () => props.size,
+      props.defaultSize,
+      (next) => emit("update:size", next)
+    );
+    const containerRef = vue.ref(null);
+    const dragging = vue.ref(false);
+    expose({
+      get element() {
+        return containerRef.value;
+      }
+    });
+    const clamp = (next) => {
+      let result = Math.min(Math.max(next, props.minSize), props.maxSize);
+      if (props.snapPoints) {
+        for (const point of props.snapPoints) {
+          if (Math.abs(result - point) < 3) {
+            result = point;
+            break;
+          }
+        }
+      }
+      return result;
+    };
+    const onPointerdown = (event) => {
+      const container = containerRef.value;
+      if (!container) return;
+      event.currentTarget.setPointerCapture(event.pointerId);
+      dragging.value = true;
+      let latest = value.value;
+      const onMove = (moveEvent) => {
+        const rect = container.getBoundingClientRect();
+        const fraction = props.direction === "horizontal" ? (moveEvent.clientX - rect.left) / rect.width : (moveEvent.clientY - rect.top) / rect.height;
+        latest = clamp(fraction * 100);
+        container.style.setProperty("--ansh-split", `${latest}%`);
+      };
+      const onUp = () => {
+        dragging.value = false;
+        setValue(latest);
+        window.removeEventListener("pointermove", onMove);
+        window.removeEventListener("pointerup", onUp);
+        window.removeEventListener("pointercancel", onUp);
+      };
+      window.addEventListener("pointermove", onMove);
+      window.addEventListener("pointerup", onUp);
+      window.addEventListener("pointercancel", onUp);
+    };
+    const onKeydown = (event) => {
+      const step = event.shiftKey ? 10 : 2;
+      const forward = props.direction === "horizontal" ? "ArrowRight" : "ArrowDown";
+      const backward = props.direction === "horizontal" ? "ArrowLeft" : "ArrowUp";
+      let next = null;
+      if (event.key === forward) next = value.value + step;
+      else if (event.key === backward) next = value.value - step;
+      else if (event.key === "Home") next = props.minSize;
+      else if (event.key === "End") next = props.maxSize;
+      else if (event.key === "Enter") next = value.value <= props.minSize + 1 ? 50 : props.minSize;
+      if (next === null) return;
+      event.preventDefault();
+      setValue(clamp(next));
+    };
+    return () => {
+      const { class: attrClass, ...restAttrs } = attrs;
+      const panes = normalizeChildren(slots.default?.());
+      return vue.h(
+        "div",
+        {
+          ref: containerRef,
+          class: chunk6732H4BQ_cjs.cx(
+            "ansh-split",
+            `ansh-split--${props.direction}`,
+            dragging.value && "ansh-split--dragging",
+            attrClass
+          ),
+          // Reactive on every render, mirroring the React version's `style` prop — kept in sync
+          // outside a drag, when the pointer handler above is the one writing it directly.
+          style: { ["--ansh-split"]: `${value.value}%` },
+          ...restAttrs
+        },
+        [
+          vue.h("div", { class: "ansh-split__pane" }, [panes[0]]),
+          vue.h(
+            "div",
+            {
+              role: "separator",
+              tabindex: 0,
+              "aria-label": props.label,
+              "aria-orientation": props.direction === "horizontal" ? "vertical" : "horizontal",
+              "aria-valuenow": Math.round(value.value),
+              "aria-valuemin": props.minSize,
+              "aria-valuemax": props.maxSize,
+              class: "ansh-split__handle ansh-focusable",
+              onPointerdown,
+              onKeydown,
+              // Double-click resets to centre. Undocumented in the UI but universally expected, and
+              // harmless to discover by accident.
+              onDblclick: () => setValue(50)
+            },
+            [vue.h("span", { class: "ansh-split__grip", "aria-hidden": "true" })]
+          ),
+          vue.h("div", { class: "ansh-split__pane" }, [panes[1]])
+        ]
+      );
+    };
+  }
+});
+
+exports.AspectRatio = AspectRatio;
+exports.Center = Center;
+exports.Container = Container;
+exports.Divider = Divider;
+exports.Grid = Grid;
+exports.GridItem = GridItem;
+exports.HStack = HStack;
+exports.Resizable = Resizable;
+exports.ScrollArea = ScrollArea;
+exports.Spacer = Spacer;
+exports.Stack = Stack;
+exports.VStack = VStack;
+//# sourceMappingURL=chunk-JQ4YLXXM.cjs.map
+//# sourceMappingURL=chunk-JQ4YLXXM.cjs.map

package/dist/chunk-JQ4YLXXM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/index.ts","../src/components/layout/resizable.ts"],"names":["defineComponent","ref","h","cx","resolveSlotContent","Comment","Text","useControllableState"],"mappings":"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","file":"chunk-JQ4YLXXM.cjs","sourcesContent":["import { type CSSProperties, type PropType, defineComponent, h, ref } from 'vue'\nimport { type SlotContent, cx, resolveSlotContent } from '../../primitives/utils'\n\n/**\n * Layout primitives — the Vue counterpart of `@ansh-ui/react`'s layout components.\n *\n * These exist because every application rebuilds them, badly. The rebuilt versions hardcode gaps in\n * pixels, so they don't respond to a density setting; they use margins, so they collapse\n * unpredictably; and they don't handle the RTL case.\n *\n * Everything here takes a **token key**, not a raw value: `:gap=\"4\"` means `--ansh-space-4`, so a\n * layout is guaranteed to sit on the spacing scale. Passing an arbitrary string is still possible for\n * the genuine one-off, but the type nudges toward the scale first.\n *\n * Every component here declares only its own props and renders with `inheritAttrs: false` plus a\n * manual `class`/`style`/rest spread, so native attributes not declared as props (`id`, `data-*`, a\n * `@click` listener) fall through onto the rendered element automatically — the same convention\n * `Input` and `PopoverContent` use elsewhere in this package.\n */\n\n/** A key into the spacing scale, or a raw CSS length for the rare exception. */\nexport type SpaceToken =\n  0 | 0.5 | 1 | 1.5 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | (string & {})\n\n/**\n * A CSS `align-items`/`justify-content` value, typed as a plain string rather than\n * `CSSProperties['alignItems']`/`['justifyContent']`.\n *\n * The indexed-access csstype type is structurally correct but not **portable**: embedding it in an\n * exported component's props makes TypeScript's declaration emitter need to name an internal\n * `csstype` package type by its pnpm store path, which a consumer's project can't resolve and fails\n * the build with TS2742 (\"cannot be named without a reference to .pnpm/csstype@.../csstype\"). A\n * plain string loses autocomplete for the handful of valid values; the runtime behaviour — the\n * string flows straight into the style property — is identical.\n */\ntype FlexAlign = string\n\nfunction space(value: SpaceToken | undefined): string | undefined {\n  if (value === undefined) return undefined\n  if (typeof value === 'string') return value\n  return `var(--ansh-space-${value})`\n}\n\n/** Split `attrs` into the pieces every component here re-merges by hand. */\nfunction splitAttrs(attrs: Record<string, unknown>): {\n  class: string\n  style: unknown\n  rest: Record<string, unknown>\n} {\n  const { class: attrClass, style: attrStyle, ...rest } = attrs\n  return { class: (attrClass as string | undefined) ?? '', style: attrStyle, rest }\n}\n\n// --- Stack ------------------------------------------------------------------\n\nexport interface StackProps {\n  as?: string\n  /** Default `'vertical'` — the direction that needs a helper more often. */\n  direction?: 'horizontal' | 'vertical'\n  gap?: SpaceToken\n  align?: FlexAlign\n  justify?: FlexAlign\n  wrap?: boolean\n  /** Grow to fill the cross axis. */\n  stretch?: boolean\n  /** Insert a hairline divider between children. */\n  divide?: boolean\n}\n\nfunction stackProps() {\n  return {\n    as: { type: String, default: 'div' },\n    gap: { type: [Number, String] as PropType<SpaceToken>, default: 4 },\n    align: { type: String as PropType<FlexAlign>, default: undefined },\n    justify: { type: String as PropType<FlexAlign>, default: undefined },\n    wrap: { type: Boolean, default: false },\n    stretch: { type: Boolean, default: false },\n    divide: { type: Boolean, default: false },\n  }\n}\n\nfunction stackStyle(\n  direction: 'horizontal' | 'vertical',\n  props: {\n    gap: SpaceToken\n    align?: FlexAlign\n    justify?: FlexAlign\n    wrap: boolean\n    stretch: boolean\n  },\n): CSSProperties {\n  return {\n    display: 'flex',\n    flexDirection: direction === 'horizontal' ? 'row' : 'column',\n    gap: space(props.gap),\n    // Cast at the point of use, not in the public prop type — see the `FlexAlign` doc comment.\n    alignItems: (props.align ??\n      (props.stretch ? 'stretch' : undefined)) as CSSProperties['alignItems'],\n    justifyContent: props.justify as CSSProperties['justifyContent'],\n    flexWrap: props.wrap ? 'wrap' : undefined,\n  }\n}\n\n/**\n * One-dimensional flex layout.\n *\n * ```vue\n * <Stack direction=\"horizontal\" :gap=\"3\" align=\"center\">\n *   <Avatar :src=\"user.avatar\" :name=\"user.name\" />\n *   <Stack :gap=\"0.5\">\n *     <strong>{{ user.name }}</strong>\n *     <Text tone=\"secondary\">{{ user.email }}</Text>\n *   </Stack>\n * </Stack>\n * ```\n */\nexport const Stack = defineComponent({\n  name: 'AnshStack',\n  inheritAttrs: false,\n  props: {\n    ...stackProps(),\n    direction: { type: String as PropType<'horizontal' | 'vertical'>, default: 'vertical' },\n  },\n  setup(props, { attrs, slots, expose }) {\n    const el = ref<HTMLElement | null>(null)\n    expose({\n      get element() {\n        return el.value\n      },\n    })\n\n    return () => {\n      const {\n        class: attrClass,\n        style: attrStyle,\n        rest,\n      } = splitAttrs(attrs as Record<string, unknown>)\n      return h(\n        props.as,\n        {\n          ref: el,\n          class: cx('ansh-stack', props.divide && 'ansh-stack--divide', attrClass),\n          'data-direction': props.direction,\n          style: [stackStyle(props.direction, props), attrStyle],\n          ...rest,\n        },\n        slots.default?.(),\n      )\n    }\n  },\n})\n\n/** Horizontal `Stack`, for readability at call sites. */\nexport const HStack = defineComponent({\n  name: 'AnshHStack',\n  inheritAttrs: false,\n  props: stackProps(),\n  setup(props, { attrs, slots, expose }) {\n    const el = ref<HTMLElement | null>(null)\n    expose({\n      get element() {\n        return el.value\n      },\n    })\n\n    return () => {\n      const {\n        class: attrClass,\n        style: attrStyle,\n        rest,\n      } = splitAttrs(attrs as Record<string, unknown>)\n      return h(\n        props.as,\n        {\n          ref: el,\n          class: cx('ansh-stack', props.divide && 'ansh-stack--divide', attrClass),\n          'data-direction': 'horizontal',\n          style: [stackStyle('horizontal', props), attrStyle],\n          ...rest,\n        },\n        slots.default?.(),\n      )\n    }\n  },\n})\n\n/** Vertical `Stack`, for symmetry with `HStack`. */\nexport const VStack = defineComponent({\n  name: 'AnshVStack',\n  inheritAttrs: false,\n  props: stackProps(),\n  setup(props, { attrs, slots, expose }) {\n    const el = ref<HTMLElement | null>(null)\n    expose({\n      get element() {\n        return el.value\n      },\n    })\n\n    return () => {\n      const {\n        class: attrClass,\n        style: attrStyle,\n        rest,\n      } = splitAttrs(attrs as Record<string, unknown>)\n      return h(\n        props.as,\n        {\n          ref: el,\n          class: cx('ansh-stack', props.divide && 'ansh-stack--divide', attrClass),\n          'data-direction': 'vertical',\n          style: [stackStyle('vertical', props), attrStyle],\n          ...rest,\n        },\n        slots.default?.(),\n      )\n    }\n  },\n})\n\n// --- Grid ---------------------------------------------------------------------\n\nexport interface GridProps {\n  as?: string\n  /** Fixed column count, or `'auto'` for a responsive `auto-fill` track. */\n  columns?: number | 'auto'\n  /** Minimum column width when `columns=\"auto\"`. Default `'16rem'`. */\n  minColumnWidth?: string\n  gap?: SpaceToken\n  /** Row gap, when it should differ from the column gap. */\n  rowGap?: SpaceToken\n  align?: FlexAlign\n}\n\n/**\n * Two-dimensional layout.\n *\n * `columns=\"auto\"` uses `repeat(auto-fill, minmax(min(N, 100%), 1fr))`. The inner `min()` is what\n * stops the grid overflowing on a phone: without it, a 16rem minimum on a 15rem-wide viewport\n * produces a track wider than the screen and a horizontal scrollbar.\n */\nexport const Grid = defineComponent({\n  name: 'AnshGrid',\n  inheritAttrs: false,\n  props: {\n    as: { type: String, default: 'div' },\n    columns: { type: [Number, String] as PropType<number | 'auto'>, default: 'auto' },\n    minColumnWidth: { type: String, default: '16rem' },\n    gap: { type: [Number, String] as PropType<SpaceToken>, default: 4 },\n    rowGap: { type: [Number, String] as PropType<SpaceToken>, default: undefined },\n    align: { type: String as PropType<FlexAlign>, default: undefined },\n  },\n  setup(props, { attrs, slots, expose }) {\n    const el = ref<HTMLElement | null>(null)\n    expose({\n      get element() {\n        return el.value\n      },\n    })\n\n    return () => {\n      const {\n        class: attrClass,\n        style: attrStyle,\n        rest,\n      } = splitAttrs(attrs as Record<string, unknown>)\n      return h(\n        props.as,\n        {\n          ref: el,\n          class: cx('ansh-grid', attrClass),\n          style: [\n            {\n              display: 'grid',\n              gridTemplateColumns:\n                props.columns === 'auto'\n                  ? `repeat(auto-fill, minmax(min(${props.minColumnWidth}, 100%), 1fr))`\n                  : `repeat(${props.columns}, minmax(0, 1fr))`,\n              gap: space(props.gap),\n              rowGap: space(props.rowGap),\n              alignItems: props.align,\n            },\n            attrStyle,\n          ],\n          ...rest,\n        },\n        slots.default?.(),\n      )\n    }\n  },\n})\n\nexport interface GridItemProps {\n  as?: string\n  /** Columns to span. `'full'` spans the whole row. */\n  span?: number | 'full'\n  rowSpan?: number\n}\n\nexport const GridItem = defineComponent({\n  name: 'AnshGridItem',\n  inheritAttrs: false,\n  props: {\n    as: { type: String, default: 'div' },\n    span: { type: [Number, String] as PropType<number | 'full'>, default: undefined },\n    rowSpan: { type: Number, default: undefined },\n  },\n  setup(props, { attrs, slots, expose }) {\n    const el = ref<HTMLElement | null>(null)\n    expose({\n      get element() {\n        return el.value\n      },\n    })\n\n    return () => {\n      const {\n        class: attrClass,\n        style: attrStyle,\n        rest,\n      } = splitAttrs(attrs as Record<string, unknown>)\n      return h(\n        props.as,\n        {\n          ref: el,\n          class: attrClass,\n          style: [\n            {\n              gridColumn:\n                props.span === 'full'\n                  ? '1 / -1'\n                  : props.span\n                    ? `span ${props.span} / span ${props.span}`\n                    : undefined,\n              gridRow: props.rowSpan ? `span ${props.rowSpan} / span ${props.rowSpan}` : undefined,\n              // `minWidth: 0` on every grid child. Without it a child containing a long unbroken\n              // string or a table refuses to shrink below its content width and blows out the track.\n              minWidth: 0,\n            },\n            attrStyle,\n          ],\n          ...rest,\n        },\n        slots.default?.(),\n      )\n    }\n  },\n})\n\n// --- Container ------------------------------------------------------------\n\nexport interface ContainerProps {\n  as?: string\n  /** Max content width. Default `'lg'` (72rem). */\n  size?: 'sm' | 'md' | 'lg' | 'xl' | 'full'\n  /** Horizontal padding. Default `6`. */\n  padding?: SpaceToken\n}\n\nconst CONTAINER_WIDTH = {\n  sm: '40rem',\n  md: '56rem',\n  lg: '72rem',\n  xl: '90rem',\n  full: '100%',\n} as const\n\n/** Centred, width-constrained page content. */\nexport const Container = defineComponent({\n  name: 'AnshContainer',\n  inheritAttrs: false,\n  props: {\n    as: { type: String, default: 'div' },\n    size: { type: String as PropType<'sm' | 'md' | 'lg' | 'xl' | 'full'>, default: 'lg' },\n    padding: { type: [Number, String] as PropType<SpaceToken>, default: 6 },\n  },\n  setup(props, { attrs, slots, expose }) {\n    const el = ref<HTMLElement | null>(null)\n    expose({\n      get element() {\n        return el.value\n      },\n    })\n\n    return () => {\n      const {\n        class: attrClass,\n        style: attrStyle,\n        rest,\n      } = splitAttrs(attrs as Record<string, unknown>)\n      return h(\n        props.as,\n        {\n          ref: el,\n          class: cx('ansh-container', attrClass),\n          style: [\n            {\n              width: '100%',\n              maxWidth: CONTAINER_WIDTH[props.size],\n              marginInline: 'auto',\n              paddingInline: space(props.padding),\n            },\n            attrStyle,\n          ],\n          ...rest,\n        },\n        slots.default?.(),\n      )\n    }\n  },\n})\n\n// --- Divider --------------------------------------------------------------\n\nexport interface DividerProps {\n  orientation?: 'horizontal' | 'vertical'\n  /** Optional label rendered in the middle of the rule. */\n  label?: SlotContent\n}\n\n/**\n * A rule.\n *\n * With a label it becomes a labelled separator — the \"or continue with\" divider on a sign-in form.\n * `role=\"separator\"` is set only when there's no label; with one, it's a heading-like element and\n * announcing it as a separator loses the text.\n *\n * Renders a plain `<div>` regardless of what `as` a caller might pass, matching\n * `@ansh-ui/react`'s `Divider` — which declares `as` on its props type via `BaseProps` but never\n * actually reads it, always rendering a literal `<div>`. Not declaring `as` here reproduces that\n * quirk exactly: an `as` attribute would simply fall through as an inert HTML attribute, same as it\n * does in React.\n */\nexport const Divider = defineComponent({\n  name: 'AnshDivider',\n  inheritAttrs: false,\n  props: {\n    orientation: { type: String as PropType<'horizontal' | 'vertical'>, default: 'horizontal' },\n    label: { type: [String, Object, Function] as PropType<SlotContent>, default: undefined },\n  },\n  setup(props, { attrs }) {\n    return () => {\n      const {\n        class: attrClass,\n        style: attrStyle,\n        rest,\n      } = splitAttrs(attrs as Record<string, unknown>)\n\n      if (props.label !== undefined) {\n        return h(\n          'div',\n          {\n            class: cx('ansh-divider', 'ansh-divider--labelled', attrClass),\n            style: attrStyle,\n            ...rest,\n          },\n          [\n            h('span', { class: 'ansh-divider__line' }),\n            h('span', { class: 'ansh-divider__label' }, [resolveSlotContent(props.label)]),\n            h('span', { class: 'ansh-divider__line' }),\n          ],\n        )\n      }\n\n      return h('div', {\n        role: 'separator',\n        'aria-orientation': props.orientation,\n        class: cx('ansh-divider', `ansh-divider--${props.orientation}`, attrClass),\n        style: attrStyle,\n        ...rest,\n      })\n    }\n  },\n})\n\n// --- Spacer -----------------------------------------------------------------\n\nexport interface SpacerProps {\n  size?: SpaceToken\n  /** Grow to absorb free space in a flex container. */\n  grow?: boolean\n}\n\n/** Explicit empty space. `grow` pushes siblings apart in a flex row. */\nexport const Spacer = defineComponent({\n  name: 'AnshSpacer',\n  props: {\n    size: { type: [Number, String] as PropType<SpaceToken>, default: undefined },\n    grow: { type: Boolean, default: false },\n  },\n  setup(props) {\n    return () =>\n      h('span', {\n        'aria-hidden': 'true',\n        style: {\n          display: 'block',\n          flexGrow: props.grow ? 1 : 0,\n          flexShrink: 0,\n          ...(props.size !== undefined\n            ? { width: space(props.size), height: space(props.size) }\n            : null),\n        },\n      })\n  },\n})\n\n// --- Center -----------------------------------------------------------------\n\nexport interface CenterProps {\n  as?: string\n}\n\n/** Centre a child on both axes. */\nexport const Center = defineComponent({\n  name: 'AnshCenter',\n  inheritAttrs: false,\n  props: {\n    as: { type: String, default: 'div' },\n  },\n  setup(props, { attrs, slots, expose }) {\n    const el = ref<HTMLElement | null>(null)\n    expose({\n      get element() {\n        return el.value\n      },\n    })\n\n    return () => {\n      const {\n        class: attrClass,\n        style: attrStyle,\n        rest,\n      } = splitAttrs(attrs as Record<string, unknown>)\n      return h(\n        props.as,\n        {\n          ref: el,\n          class: attrClass,\n          style: [{ display: 'grid', placeItems: 'center' }, attrStyle],\n          ...rest,\n        },\n        slots.default?.(),\n      )\n    }\n  },\n})\n\n// --- AspectRatio ------------------------------------------------------------\n\nexport interface AspectRatioProps {\n  as?: string\n  /** Width ÷ height. `16 / 9` reads better than `1.777`. Default `16 / 9`. */\n  ratio?: number\n}\n\n/**\n * Reserve space at a fixed aspect ratio.\n *\n * Uses the `aspect-ratio` property rather than the padding-top hack. The reserved space is what\n * matters: an image that loads without it shifts everything below, which is a Cumulative Layout\n * Shift penalty and the most common cause of a failing Core Web Vitals score.\n */\nexport const AspectRatio = defineComponent({\n  name: 'AnshAspectRatio',\n  inheritAttrs: false,\n  props: {\n    as: { type: String, default: 'div' },\n    ratio: { type: Number, default: 16 / 9 },\n  },\n  setup(props, { attrs, slots, expose }) {\n    const el = ref<HTMLElement | null>(null)\n    expose({\n      get element() {\n        return el.value\n      },\n    })\n\n    return () => {\n      const {\n        class: attrClass,\n        style: attrStyle,\n        rest,\n      } = splitAttrs(attrs as Record<string, unknown>)\n      return h(\n        props.as,\n        {\n          ref: el,\n          class: cx('ansh-aspect', attrClass),\n          style: [{ aspectRatio: String(props.ratio) }, attrStyle],\n          ...rest,\n        },\n        slots.default?.(),\n      )\n    }\n  },\n})\n\n// --- ScrollArea ---------------------------------------------------------------\n\nexport interface ScrollAreaProps {\n  as?: string\n  /** Max height before scrolling starts. */\n  maxHeight?: string\n  axis?: 'y' | 'x' | 'both'\n  /** Fade the content at the scrollable edges. Default `true`. */\n  fade?: boolean\n}\n\n/**\n * A scroll container with styled scrollbars and edge fades.\n *\n * The native scrollbar is kept — a JavaScript-rendered one breaks keyboard scrolling, mobile\n * momentum, and the OS \"scroll bar is always visible\" accessibility setting. It is only *styled*,\n * via `scrollbar-width`/`scrollbar-color` with a `::-webkit-scrollbar` fallback.\n *\n * The edge fade is a mask that appears only when there is more content in that direction. It is\n * driven by `animation-timeline: scroll()` where supported, so it costs nothing on the main thread\n * and degrades to no fade where it isn't.\n */\nexport const ScrollArea = defineComponent({\n  name: 'AnshScrollArea',\n  inheritAttrs: false,\n  props: {\n    as: { type: String, default: 'div' },\n    maxHeight: { type: String, default: undefined },\n    axis: { type: String as PropType<'y' | 'x' | 'both'>, default: 'y' },\n    fade: { type: Boolean, default: true },\n  },\n  setup(props, { attrs, slots, expose }) {\n    const el = ref<HTMLElement | null>(null)\n    expose({\n      get element() {\n        return el.value\n      },\n    })\n\n    return () => {\n      const {\n        class: attrClass,\n        style: attrStyle,\n        rest,\n      } = splitAttrs(attrs as Record<string, unknown>)\n      return h(\n        props.as,\n        {\n          ref: el,\n          class: cx('ansh-scroll', props.fade && 'ansh-scroll--fade', attrClass),\n          'data-axis': props.axis,\n          style: [\n            {\n              maxHeight: props.maxHeight,\n              overflowY: props.axis === 'x' ? 'hidden' : 'auto',\n              overflowX: props.axis === 'y' ? 'hidden' : 'auto',\n            },\n            attrStyle,\n          ],\n          ...rest,\n        },\n        slots.default?.(),\n      )\n    }\n  },\n})\n","import { Comment, type PropType, Text, type VNode, defineComponent, h, ref } from 'vue'\nimport { cx } from '../../primitives/utils'\nimport { useControllableState } from '../../primitives/use-controllable-state'\n\n/**\n * A two-pane split with a draggable divider — the Vue counterpart of `@ansh-ui/react`'s `Resizable`.\n *\n * The layout every IDE, mail client and admin console needs, and the one most often shipped as\n * mouse-only. The handle here is a real `role=\"separator\"` with `aria-valuenow`, and arrow keys move\n * it in 2% steps — WAI-ARIA calls this a window splitter and it is a documented pattern, not an\n * invention.\n *\n * Sizes are percentages rather than pixels so the split survives a window resize proportionally.\n * Dragging writes to a CSS custom property directly, bypassing Vue's renderer: a re-render per\n * pointer move makes the drag feel heavy on a complex page, and the value is only committed to state\n * on release.\n *\n * `size`/`update:size` follow this package's controlled-prop convention (see `Popover`'s\n * `open`/`update:open`), so `v-model:size` works for the controlled case; `onSizeChange` from the\n * React version becomes the `update:size` emit.\n */\n\nexport interface ResizableProps {\n  direction?: 'horizontal' | 'vertical'\n  /** First pane's size as a percentage, `0`–`100`. Default `50`. */\n  defaultSize?: number\n  size?: number\n  /** Clamp, as percentages. Defaults `10` and `90`. */\n  minSize?: number\n  maxSize?: number\n  /** Snap points in percent, e.g. `[25, 50, 75]`. Within 3% the handle snaps. */\n  snapPoints?: readonly number[]\n  /** Accessible name for the handle — \"Resize sidebar\", not \"Resize\". */\n  label?: string\n}\n\n/** Drop whitespace-only text nodes and `v-if=\"false\"` comment placeholders from a slot's output. */\nfunction normalizeChildren(nodes: VNode[] | undefined): VNode[] {\n  return (nodes ?? []).filter((node) => {\n    if (node.type === Comment) return false\n    if (node.type === Text && typeof node.children === 'string' && node.children.trim() === '') {\n      return false\n    }\n    return true\n  })\n}\n\nexport const Resizable = defineComponent({\n  name: 'AnshResizable',\n  inheritAttrs: false,\n  props: {\n    direction: { type: String as PropType<'horizontal' | 'vertical'>, default: 'horizontal' },\n    defaultSize: { type: Number, default: 50 },\n    size: { type: Number, default: undefined },\n    minSize: { type: Number, default: 10 },\n    maxSize: { type: Number, default: 90 },\n    snapPoints: { type: Array as PropType<readonly number[]>, default: undefined },\n    label: { type: String, default: 'Resize panes' },\n  },\n  emits: ['update:size'],\n  setup(props, { attrs, slots, emit, expose }) {\n    const [value, setValue] = useControllableState<number>(\n      () => props.size,\n      props.defaultSize,\n      (next) => emit('update:size', next),\n    )\n\n    const containerRef = ref<HTMLDivElement | null>(null)\n    const dragging = ref(false)\n\n    expose({\n      get element() {\n        return containerRef.value\n      },\n    })\n\n    const clamp = (next: number): number => {\n      let result = Math.min(Math.max(next, props.minSize), props.maxSize)\n      if (props.snapPoints) {\n        for (const point of props.snapPoints) {\n          if (Math.abs(result - point) < 3) {\n            result = point\n            break\n          }\n        }\n      }\n      return result\n    }\n\n    const onPointerdown = (event: PointerEvent): void => {\n      const container = containerRef.value\n      if (!container) return\n\n      // Pointer capture keeps events coming to the handle even when the pointer outruns it, which\n      // it will — a fast drag easily leaves the 8px handle behind and the drag would otherwise stop\n      // dead mid-gesture.\n      ;(event.currentTarget as HTMLElement).setPointerCapture(event.pointerId)\n      dragging.value = true\n\n      let latest = value.value\n\n      const onMove = (moveEvent: PointerEvent): void => {\n        const rect = container.getBoundingClientRect()\n        const fraction =\n          props.direction === 'horizontal'\n            ? (moveEvent.clientX - rect.left) / rect.width\n            : (moveEvent.clientY - rect.top) / rect.height\n\n        latest = clamp(fraction * 100)\n        // Written straight to the DOM. Vue state is updated once, on release.\n        container.style.setProperty('--ansh-split', `${latest}%`)\n      }\n\n      const onUp = (): void => {\n        dragging.value = false\n        setValue(latest)\n        window.removeEventListener('pointermove', onMove)\n        window.removeEventListener('pointerup', onUp)\n        window.removeEventListener('pointercancel', onUp)\n      }\n\n      window.addEventListener('pointermove', onMove)\n      window.addEventListener('pointerup', onUp)\n      window.addEventListener('pointercancel', onUp)\n    }\n\n    const onKeydown = (event: KeyboardEvent): void => {\n      const step = event.shiftKey ? 10 : 2\n      const forward = props.direction === 'horizontal' ? 'ArrowRight' : 'ArrowDown'\n      const backward = props.direction === 'horizontal' ? 'ArrowLeft' : 'ArrowUp'\n\n      let next: number | null = null\n      if (event.key === forward) next = value.value + step\n      else if (event.key === backward) next = value.value - step\n      else if (event.key === 'Home') next = props.minSize\n      else if (event.key === 'End') next = props.maxSize\n      // Enter toggles between collapsed and the midpoint — the shortcut people expect from a\n      // collapsible sidebar, and the only way to fully collapse without a mouse.\n      else if (event.key === 'Enter') next = value.value <= props.minSize + 1 ? 50 : props.minSize\n\n      if (next === null) return\n      event.preventDefault()\n      setValue(clamp(next))\n    }\n\n    return () => {\n      const { class: attrClass, ...restAttrs } = attrs as Record<string, unknown>\n      const panes = normalizeChildren(slots.default?.())\n\n      return h(\n        'div',\n        {\n          ref: containerRef,\n          class: cx(\n            'ansh-split',\n            `ansh-split--${props.direction}`,\n            dragging.value && 'ansh-split--dragging',\n            attrClass as string,\n          ),\n          // Reactive on every render, mirroring the React version's `style` prop — kept in sync\n          // outside a drag, when the pointer handler above is the one writing it directly.\n          style: { ['--ansh-split' as string]: `${value.value}%` },\n          ...restAttrs,\n        },\n        [\n          h('div', { class: 'ansh-split__pane' }, [panes[0]]),\n\n          h(\n            'div',\n            {\n              role: 'separator',\n              tabindex: 0,\n              'aria-label': props.label,\n              'aria-orientation': props.direction === 'horizontal' ? 'vertical' : 'horizontal',\n              'aria-valuenow': Math.round(value.value),\n              'aria-valuemin': props.minSize,\n              'aria-valuemax': props.maxSize,\n              class: 'ansh-split__handle ansh-focusable',\n              onPointerdown,\n              onKeydown,\n              // Double-click resets to centre. Undocumented in the UI but universally expected, and\n              // harmless to discover by accident.\n              onDblclick: () => setValue(50),\n            },\n            [h('span', { class: 'ansh-split__grip', 'aria-hidden': 'true' })],\n          ),\n\n          h('div', { class: 'ansh-split__pane' }, [panes[1]]),\n        ],\n      )\n    }\n  },\n})\n"]}