premium-ds 0.1.0

package/dist/chunk-FGHDG3Y4.js

@@ -0,0 +1,89 @@
+'use client';import { Icon } from './chunk-KBWNUUWM.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function NumberField({
+  id,
+  label,
+  helper,
+  error,
+  unit,
+  min = 0,
+  max = Infinity,
+  step = 1,
+  value,
+  onChange,
+  size,
+  className = "",
+  ...rest
+}) {
+  const v = parseInt(value ?? 0, 10) || 0;
+  const set = (n) => onChange && onChange(Math.min(max, Math.max(min, n)));
+  const cls = [
+    "fld",
+    "numf",
+    unit ? "numf--unit" : "",
+    size === "sm" ? "fld--sm" : size === "lg" ? "fld--lg" : "",
+    error ? "is-error" : "",
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs("div", { className: cls, children: [
+    label && /* @__PURE__ */ jsx("label", { className: "fld__label", htmlFor: id, children: label }),
+    /* @__PURE__ */ jsxs("div", { className: "fld__control", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          id,
+          className: "fld__input",
+          type: "text",
+          inputMode: "numeric",
+          value,
+          onChange: (e) => set(parseInt(e.target.value.replace(/[^\d]/g, "") || "0", 10)),
+          onKeyDown: (e) => {
+            if (e.key === "ArrowUp") {
+              e.preventDefault();
+              set(v + step);
+            }
+            if (e.key === "ArrowDown") {
+              e.preventDefault();
+              set(v - step);
+            }
+          },
+          ...rest
+        }
+      ),
+      unit && /* @__PURE__ */ jsx("span", { className: "numf__unit", children: unit }),
+      /* @__PURE__ */ jsxs("div", { className: "numf__steppers", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "numf__step",
+            "aria-label": "Increase",
+            disabled: v >= max,
+            onClick: () => set(v + step),
+            children: /* @__PURE__ */ jsx(Icon, { name: "caret-up", size: "sm" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "numf__step",
+            "aria-label": "Decrease",
+            disabled: v <= min,
+            onClick: () => set(v - step),
+            children: /* @__PURE__ */ jsx(Icon, { name: "caret-down", size: "sm" })
+          }
+        )
+      ] })
+    ] }),
+    (error || helper) && /* @__PURE__ */ jsxs("div", { className: "fld__msg", children: [
+      error && /* @__PURE__ */ jsx(Icon, { name: "warning-circle", size: "sm", weight: "fill" }),
+      error || helper
+    ] })
+  ] });
+}
+
+export { NumberField };
+//# sourceMappingURL=chunk-FGHDG3Y4.js.map
+//# sourceMappingURL=chunk-FGHDG3Y4.js.map

package/dist/chunk-FGHDG3Y4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/input/NumberField.tsx"],"names":[],"mappings":"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","file":"chunk-FGHDG3Y4.js","sourcesContent":["'use client';\n\n// NumberField.tsx - numeric input: tabular figures, caret steppers, unit suffix, min/max clamp, arrow stepping.\n\nimport type { ChangeEvent, InputHTMLAttributes, KeyboardEvent, ReactNode } from 'react';\nimport { Icon } from '../icon/Icon';\n\nexport interface NumberFieldProps extends Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'size' | 'value' | 'onChange' | 'min' | 'max' | 'step'\n> {\n  id?: string;\n  label?: ReactNode;\n  helper?: ReactNode;\n  /** Error message + error state. */\n  error?: ReactNode;\n  /** Unit suffix shown inside the field (e.g. \"days\", \"%\"). */\n  unit?: string;\n  /** Bounds + step. Steppers disable at min/max; value clamps on blur. */\n  min?: number;\n  max?: number;\n  step?: number;\n  /** Controlled numeric value. */\n  value?: number | string;\n  /** Called with the next clamped number. */\n  onChange?: (value: number) => void;\n  size?: 'sm' | 'md' | 'lg';\n}\n\nexport function NumberField({\n  id,\n  label,\n  helper,\n  error,\n  unit,\n  min = 0,\n  max = Infinity,\n  step = 1,\n  value,\n  onChange,\n  size,\n  className = '',\n  ...rest\n}: NumberFieldProps) {\n  const v = parseInt((value ?? 0) as any, 10) || 0;\n  const set = (n: number) => onChange && onChange(Math.min(max, Math.max(min, n)));\n  const cls = [\n    'fld',\n    'numf',\n    unit ? 'numf--unit' : '',\n    size === 'sm' ? 'fld--sm' : size === 'lg' ? 'fld--lg' : '',\n    error ? 'is-error' : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={cls}>\n      {label && (\n        <label className=\"fld__label\" htmlFor={id}>\n          {label}\n        </label>\n      )}\n      <div className=\"fld__control\">\n        <input\n          id={id}\n          className=\"fld__input\"\n          type=\"text\"\n          inputMode=\"numeric\"\n          value={value}\n          onChange={(e: ChangeEvent<HTMLInputElement>) =>\n            set(parseInt(e.target.value.replace(/[^\\d]/g, '') || '0', 10))\n          }\n          onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n            if (e.key === 'ArrowUp') {\n              e.preventDefault();\n              set(v + step);\n            }\n            if (e.key === 'ArrowDown') {\n              e.preventDefault();\n              set(v - step);\n            }\n          }}\n          {...rest}\n        />\n        {unit && <span className=\"numf__unit\">{unit}</span>}\n        <div className=\"numf__steppers\">\n          <button\n            type=\"button\"\n            className=\"numf__step\"\n            aria-label=\"Increase\"\n            disabled={v >= max}\n            onClick={() => set(v + step)}\n          >\n            <Icon name=\"caret-up\" size=\"sm\" />\n          </button>\n          <button\n            type=\"button\"\n            className=\"numf__step\"\n            aria-label=\"Decrease\"\n            disabled={v <= min}\n            onClick={() => set(v - step)}\n          >\n            <Icon name=\"caret-down\" size=\"sm\" />\n          </button>\n        </div>\n      </div>\n      {(error || helper) && (\n        <div className=\"fld__msg\">\n          {error && <Icon name=\"warning-circle\" size=\"sm\" weight=\"fill\" />}\n          {error || helper}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/chunk-FPP2XLKX.js

@@ -0,0 +1,127 @@
+'use client';import { Overlay } from './chunk-QFS52OK5.js';
+import { IconSlot } from './chunk-VVPGEAC6.js';
+import { Icon } from './chunk-KBWNUUWM.js';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var { useRef: dlgUseRef, useEffect: dlgUseEffect, useId: dlgUseId } = React;
+function useScrollEdges(ref) {
+  dlgUseEffect(() => {
+    const el = ref.current;
+    if (!el) return void 0;
+    const update = () => {
+      el.toggleAttribute("data-scroll-top", el.scrollTop > 1);
+      el.toggleAttribute(
+        "data-scroll-bottom",
+        el.scrollTop + el.clientHeight < el.scrollHeight - 1
+      );
+    };
+    update();
+    el.addEventListener("scroll", update, { passive: true });
+    const ro = new ResizeObserver(update);
+    ro.observe(el);
+    return () => {
+      el.removeEventListener("scroll", update);
+      ro.disconnect();
+    };
+  }, [ref]);
+}
+function DialogSurface({
+  baseId,
+  size,
+  tone,
+  icon,
+  title,
+  description,
+  dismissible,
+  footerContent,
+  onRequestClose,
+  children
+}) {
+  const bodyRef = dlgUseRef(null);
+  const titleId = baseId + "-title";
+  const descId = baseId + "-desc";
+  useScrollEdges(bodyRef);
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: "dialog",
+      role: "dialog",
+      "aria-modal": "true",
+      "data-size": size === "md" ? void 0 : size,
+      "data-tone": tone === "default" ? void 0 : tone,
+      "aria-labelledby": title ? titleId : void 0,
+      "aria-describedby": description ? descId : void 0,
+      children: [
+        /* @__PURE__ */ jsxs("header", { className: "dialog__header", children: [
+          icon && /* @__PURE__ */ jsx("span", { className: "dialog__icon", children: /* @__PURE__ */ jsx(IconSlot, { size: "md", children: icon }) }),
+          /* @__PURE__ */ jsxs("div", { className: "dialog__heading", children: [
+            title && /* @__PURE__ */ jsx("h2", { className: "dialog__title", id: titleId, children: title }),
+            description && /* @__PURE__ */ jsx("p", { className: "dialog__desc", id: descId, children: description })
+          ] }),
+          dismissible && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "dialog__close",
+              "aria-label": "Close dialog",
+              onClick: onRequestClose,
+              children: /* @__PURE__ */ jsx(Icon, { name: "x", size: "sm", weight: "bold" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "dialog__body", ref: bodyRef, children }),
+        footerContent && /* @__PURE__ */ jsx("footer", { className: "dialog__footer", children: footerContent })
+      ]
+    }
+  );
+}
+function Dialog({
+  open,
+  defaultOpen = false,
+  onOpenChange,
+  trigger = null,
+  title,
+  description = null,
+  size = "md",
+  tone = "default",
+  icon = null,
+  dismissible = true,
+  footer = null,
+  children,
+  id
+}) {
+  const autoId = dlgUseId();
+  const baseId = id || "dialog-" + autoId;
+  return /* @__PURE__ */ jsx(
+    Overlay,
+    {
+      mode: "dialog",
+      id: baseId,
+      open,
+      defaultOpen,
+      onOpenChange,
+      trigger,
+      dismissible,
+      children: ({ close }) => /* @__PURE__ */ jsx(
+        DialogSurface,
+        {
+          baseId,
+          size,
+          tone,
+          icon,
+          title,
+          description,
+          dismissible,
+          footerContent: typeof footer === "function" ? footer(close) : footer,
+          onRequestClose: close,
+          children
+        }
+      )
+    }
+  );
+}
+
+export { Dialog };
+//# sourceMappingURL=chunk-FPP2XLKX.js.map
+//# sourceMappingURL=chunk-FPP2XLKX.js.map

package/dist/chunk-FPP2XLKX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/dialog/Dialog.tsx"],"names":[],"mappings":"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","file":"chunk-FPP2XLKX.js","sourcesContent":["'use client';\n\n/* Dialog - styled modal surface; a thin consumer of <Overlay mode=\"dialog\">. */\nimport * as React from 'react';\nimport { Overlay } from '../overlay/Overlay';\nimport { Icon } from '../icon/Icon';\nimport { IconSlot } from '../icon/IconSlot';\n\nconst { useRef: dlgUseRef, useEffect: dlgUseEffect, useId: dlgUseId } = React;\n\nexport interface DialogProps {\n  /** Controlled open state. Omit for uncontrolled (use defaultOpen + trigger). */\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /** Optional element cloned to open the dialog on click (uncontrolled ergonomics). */\n  trigger?: React.ReactElement | null;\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  size?: 'sm' | 'md' | 'lg';\n  /** 'danger' tints the header icon badge + is the convention for destructive confirms. */\n  tone?: 'default' | 'danger';\n  /** Your own icon node for the header badge (alert dialogs). */\n  icon?: React.ReactNode;\n  /** Close button + backdrop/Esc dismissal. Default true. */\n  dismissible?: boolean;\n  /** Action row - a node, or a render fn `(close) => node` so uncontrolled dialogs can dismiss. */\n  footer?: React.ReactNode | ((close: () => void) => React.ReactNode);\n  children?: React.ReactNode;\n  id?: string;\n}\n\n/* Flag the body's scroll edges (data-scroll-top/-bottom) so dialog.css :has() can earn the header lift + footer divider. */\nfunction useScrollEdges(ref: React.RefObject<HTMLElement>) {\n  dlgUseEffect(() => {\n    const el = ref.current;\n    if (!el) return undefined;\n    const update = () => {\n      el.toggleAttribute('data-scroll-top', el.scrollTop > 1);\n      el.toggleAttribute(\n        'data-scroll-bottom',\n        el.scrollTop + el.clientHeight < el.scrollHeight - 1,\n      );\n    };\n    update();\n    el.addEventListener('scroll', update, { passive: true });\n    const ro = new ResizeObserver(update);\n    ro.observe(el);\n    return () => {\n      el.removeEventListener('scroll', update);\n      ro.disconnect();\n    };\n  }, [ref]);\n}\n\ninterface DialogSurfaceProps {\n  baseId: string;\n  size: 'sm' | 'md' | 'lg';\n  tone: 'default' | 'danger';\n  icon: React.ReactNode;\n  title: React.ReactNode;\n  description: React.ReactNode;\n  dismissible: boolean;\n  footerContent: React.ReactNode;\n  onRequestClose: () => void;\n  children?: React.ReactNode;\n}\n\nfunction DialogSurface({\n  baseId,\n  size,\n  tone,\n  icon,\n  title,\n  description,\n  dismissible,\n  footerContent,\n  onRequestClose,\n  children,\n}: DialogSurfaceProps) {\n  const bodyRef = dlgUseRef<HTMLDivElement>(null);\n  const titleId = baseId + '-title';\n  const descId = baseId + '-desc';\n\n  useScrollEdges(bodyRef);\n\n  return (\n    <section\n      className=\"dialog\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      data-size={size === 'md' ? undefined : size}\n      data-tone={tone === 'default' ? undefined : tone}\n      aria-labelledby={title ? titleId : undefined}\n      aria-describedby={description ? descId : undefined}\n    >\n      <header className=\"dialog__header\">\n        {icon && (\n          <span className=\"dialog__icon\">\n            <IconSlot size=\"md\">{icon}</IconSlot>\n          </span>\n        )}\n        <div className=\"dialog__heading\">\n          {title && (\n            <h2 className=\"dialog__title\" id={titleId}>\n              {title}\n            </h2>\n          )}\n          {description && (\n            <p className=\"dialog__desc\" id={descId}>\n              {description}\n            </p>\n          )}\n        </div>\n        {dismissible && (\n          <button\n            type=\"button\"\n            className=\"dialog__close\"\n            aria-label=\"Close dialog\"\n            onClick={onRequestClose}\n          >\n            <Icon name=\"x\" size=\"sm\" weight=\"bold\" />\n          </button>\n        )}\n      </header>\n\n      <div className=\"dialog__body\" ref={bodyRef}>\n        {children}\n      </div>\n\n      {footerContent && <footer className=\"dialog__footer\">{footerContent}</footer>}\n    </section>\n  );\n}\n\nexport function Dialog({\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  trigger = null,\n  title,\n  description = null,\n  size = 'md',\n  tone = 'default',\n  icon = null,\n  dismissible = true,\n  footer = null,\n  children,\n  id,\n}: DialogProps) {\n  const autoId = dlgUseId();\n  const baseId = id || 'dialog-' + autoId;\n\n  return (\n    <Overlay\n      mode=\"dialog\"\n      id={baseId}\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      trigger={trigger}\n      dismissible={dismissible}\n    >\n      {({ close }) => (\n        <DialogSurface\n          baseId={baseId}\n          size={size}\n          tone={tone}\n          icon={icon}\n          title={title}\n          description={description}\n          dismissible={dismissible}\n          footerContent={typeof footer === 'function' ? footer(close) : footer}\n          onRequestClose={close}\n        >\n          {children}\n        </DialogSurface>\n      )}\n    </Overlay>\n  );\n}\n"]}

package/dist/chunk-G6OY35DI.js

@@ -0,0 +1,295 @@
+'use client';import { IconSlot } from './chunk-VVPGEAC6.js';
+import { Icon } from './chunk-KBWNUUWM.js';
+import { UIMotion } from './chunk-37O2ZXD6.js';
+import * as React from 'react';
+import { AnimatePresence, motion } from 'motion/react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var coreSM = UIMotion;
+var {
+  useState: coreUseState,
+  useEffect: coreUseEffect,
+  useLayoutEffect: coreUseLayoutEffect,
+  useRef: coreUseRef
+} = React;
+function useControllable(controlled, initial, onChange) {
+  const [internal, setInternal] = coreUseState(initial);
+  const isControlled = controlled !== void 0;
+  const value = isControlled ? controlled : internal;
+  const setValue = (next, opt) => {
+    if (!isControlled) setInternal(next);
+    onChange && onChange(next, opt);
+  };
+  return [value, setValue];
+}
+function normalize(options) {
+  const grouped = options.length > 0 && options[0] && Array.isArray(options[0].options);
+  const groups = grouped ? options.map((g) => ({ label: g.label, options: g.options || [] })) : [{ label: null, options }];
+  return { groups, flat: groups.flatMap((g) => g.options) };
+}
+var matches = (o, q) => !q || (o.label + " " + (o.description || "")).toLowerCase().includes(q.toLowerCase());
+var selectMenuVariants = {
+  closed: {
+    opacity: 0,
+    y: -6,
+    scale: 0.96,
+    transition: {
+      duration: coreSM.dur.base,
+      ease: coreSM.ease.exit,
+      opacity: { duration: coreSM.dur.fast, ease: coreSM.ease.exit }
+    }
+  },
+  open: {
+    opacity: 1,
+    y: 0,
+    scale: 1,
+    transition: {
+      duration: coreSM.dur.base,
+      ease: coreSM.ease.entrance,
+      opacity: { duration: coreSM.dur.fast, ease: coreSM.ease.entrance }
+    }
+  }
+};
+function useSelectMenu({
+  open,
+  close,
+  returnFocus,
+  triggerRef,
+  listRef,
+  searchRef,
+  menuId,
+  navItems,
+  isSelected,
+  commit,
+  searchable
+}) {
+  const [activeIdx, setActiveIdx] = coreUseState(-1);
+  const typeahead = coreUseRef({
+    buf: "",
+    t: 0
+  });
+  coreUseEffect(() => {
+    if (!open) return void 0;
+    const onDocPointer = (e) => {
+      const t = triggerRef.current, menu = document.getElementById(menuId);
+      const target = e.target;
+      if (t && t.contains(target) || menu && menu.contains(target)) return;
+      close();
+    };
+    document.addEventListener("pointerdown", onDocPointer, true);
+    return () => document.removeEventListener("pointerdown", onDocPointer, true);
+  }, [open, menuId]);
+  coreUseLayoutEffect(() => {
+    if (!open) return void 0;
+    const place = () => {
+      const t = triggerRef.current, menu = document.getElementById(menuId);
+      if (!t || !menu) return;
+      const r = t.getBoundingClientRect(), gap = 4;
+      menu.style.minWidth = r.width + "px";
+      menu.style.left = Math.round(r.left) + "px";
+      const mh = menu.offsetHeight, room = window.innerHeight - r.bottom;
+      const above = room < mh + gap && r.top > room;
+      menu.style.top = Math.round(above ? r.top - mh - gap : r.bottom + gap) + "px";
+      menu.setAttribute("data-placement", above ? "top" : "bottom");
+    };
+    place();
+    const onScroll = () => place();
+    window.addEventListener("scroll", onScroll, true);
+    window.addEventListener("resize", onScroll);
+    return () => {
+      window.removeEventListener("scroll", onScroll, true);
+      window.removeEventListener("resize", onScroll);
+    };
+  }, [open, menuId, navItems.length]);
+  coreUseEffect(() => {
+    if (!open) return;
+    const sel = navItems.findIndex((o) => isSelected(o.value) && !o.disabled);
+    const first = navItems.findIndex((o) => !o.disabled);
+    setActiveIdx(sel >= 0 ? sel : first);
+    const ref = searchable ? searchRef : listRef;
+    setTimeout(() => {
+      if (ref.current) ref.current.focus();
+    }, 0);
+  }, [open]);
+  coreUseEffect(() => {
+    const list = listRef.current;
+    if (!open || activeIdx < 0 || !list) return;
+    const el = list.querySelector('[data-idx="' + activeIdx + '"]');
+    if (!el) return;
+    if (el.offsetTop < list.scrollTop) list.scrollTop = el.offsetTop;
+    else if (el.offsetTop + el.offsetHeight > list.scrollTop + list.clientHeight)
+      list.scrollTop = el.offsetTop + el.offsetHeight - list.clientHeight;
+  }, [activeIdx, open]);
+  function moveActive(dir) {
+    if (!navItems.length) return;
+    let i = activeIdx;
+    for (let s = 0; s < navItems.length; s++) {
+      i = (i + dir + navItems.length) % navItems.length;
+      if (!navItems[i].disabled) return setActiveIdx(i);
+    }
+  }
+  function edgeActive(toEnd) {
+    const order = [...navItems.keys()];
+    if (toEnd) order.reverse();
+    for (const i of order) if (!navItems[i].disabled) return setActiveIdx(i);
+  }
+  function typeAhead(ch) {
+    const ta = typeahead.current;
+    clearTimeout(ta.t);
+    ta.buf += ch.toLowerCase();
+    ta.t = setTimeout(() => ta.buf = "", 600);
+    const i = navItems.findIndex((o) => !o.disabled && o.label.toLowerCase().startsWith(ta.buf));
+    if (i >= 0) setActiveIdx(i);
+  }
+  function onMenuKeyDown(e) {
+    switch (e.key) {
+      case "Escape":
+        e.preventDefault();
+        close();
+        returnFocus();
+        break;
+      case "ArrowDown":
+        e.preventDefault();
+        moveActive(1);
+        break;
+      case "ArrowUp":
+        e.preventDefault();
+        moveActive(-1);
+        break;
+      case "Home":
+        e.preventDefault();
+        edgeActive(false);
+        break;
+      case "End":
+        e.preventDefault();
+        edgeActive(true);
+        break;
+      case "Enter":
+        e.preventDefault();
+        if (activeIdx >= 0) commit(navItems[activeIdx]);
+        break;
+      case "Tab":
+        close();
+        break;
+      default:
+        if (!searchable && e.key.length === 1 && !e.metaKey && !e.ctrlKey) typeAhead(e.key);
+    }
+  }
+  return { activeIdx, setActiveIdx, onMenuKeyDown };
+}
+function SelectTrigger({
+  triggerRef,
+  baseId,
+  open,
+  disabled,
+  invalid,
+  ariaLabel,
+  adId,
+  show,
+  hide,
+  leading,
+  text,
+  isPlaceholder,
+  count
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      ref: triggerRef,
+      id: baseId + "-trigger",
+      className: "select__trigger",
+      role: "combobox",
+      "aria-haspopup": "listbox",
+      "aria-expanded": open,
+      "aria-controls": baseId + "-list",
+      "aria-activedescendant": adId,
+      "aria-label": ariaLabel,
+      "aria-invalid": invalid || void 0,
+      disabled,
+      onClick: () => open ? hide() : show(),
+      onKeyDown: (e) => {
+        if (!open && (e.key === "ArrowDown" || e.key === "ArrowUp")) {
+          e.preventDefault();
+          show();
+        }
+      },
+      children: [
+        leading && /* @__PURE__ */ jsx("span", { className: "select__leading", children: /* @__PURE__ */ jsx(IconSlot, { size: "sm", children: leading }) }),
+        /* @__PURE__ */ jsx("span", { className: "select__value", "data-placeholder": isPlaceholder ? "true" : void 0, children: text }),
+        count != null && count > 0 && /* @__PURE__ */ jsxs("span", { className: "select__count", children: [
+          "+",
+          count
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "select__caret", children: /* @__PURE__ */ jsx(Icon, { name: "caret-down", size: "sm" }) })
+      ]
+    }
+  );
+}
+function SelectMenu({ open, menuId, children }) {
+  return /* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      className: "select__menu",
+      id: menuId,
+      role: "presentation",
+      variants: selectMenuVariants,
+      initial: "closed",
+      animate: "open",
+      exit: "closed",
+      children
+    }
+  ) });
+}
+function SearchField({
+  searchRef,
+  query,
+  onQuery,
+  onKeyDown,
+  placeholder,
+  listId,
+  adId
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "select__search", children: [
+    /* @__PURE__ */ jsx(Icon, { name: "magnifying-glass", size: "sm" }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: searchRef,
+        className: "select__search-input",
+        type: "text",
+        value: query,
+        placeholder,
+        "aria-label": placeholder,
+        "aria-controls": listId,
+        "aria-activedescendant": adId,
+        onChange: (e) => onQuery(e.target.value),
+        onKeyDown
+      }
+    )
+  ] });
+}
+function FilterRow({ visible, children }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "collapse collapse--fade",
+      "data-open": visible ? "true" : "false",
+      "data-axis": "height",
+      children: /* @__PURE__ */ jsx("div", { className: "collapse__inner", children })
+    }
+  );
+}
+function EmptyRow({ query }) {
+  return /* @__PURE__ */ jsx("div", { className: "select__empty", children: query ? 'No matches for "' + query + '"' : "No options available" });
+}
+function LoadingRows() {
+  return /* @__PURE__ */ jsx("div", { className: "select__loading", "aria-busy": "true", "aria-live": "polite", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsxs("div", { className: "select__skeleton", children: [
+    /* @__PURE__ */ jsx("span", { className: "select__skeleton-dot", "data-pulse": true }),
+    /* @__PURE__ */ jsx("span", { className: "select__skeleton-bar", "data-pulse": true })
+  ] }, i)) });
+}
+
+export { EmptyRow, FilterRow, LoadingRows, SearchField, SelectMenu, SelectTrigger, matches, normalize, useControllable, useSelectMenu };
+//# sourceMappingURL=chunk-G6OY35DI.js.map
+//# sourceMappingURL=chunk-G6OY35DI.js.map

package/dist/chunk-G6OY35DI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/select/select-core.tsx"],"names":["CoreAnimatePresence","coreMotion"],"mappings":"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","file":"chunk-G6OY35DI.js","sourcesContent":["'use client';\n\n/* select-core - shared listbox mechanics for Select + MultiSelect; holds no selection state. */\nimport * as React from 'react';\nimport { motion as coreMotion, AnimatePresence as CoreAnimatePresence } from 'motion/react';\nimport { UIMotion } from '../../tokens/motion-tokens';\nimport { Icon } from '../icon/Icon';\nimport { IconSlot } from '../icon/IconSlot';\n\nconst coreSM = UIMotion;\nconst {\n  useState: coreUseState,\n  useEffect: coreUseEffect,\n  useLayoutEffect: coreUseLayoutEffect,\n  useRef: coreUseRef,\n} = React;\n\nexport interface SelectOption {\n  value: string;\n  label: string;\n  description?: string;\n  /** Your own icon node shown before the label. */\n  icon?: React.ReactNode;\n  disabled?: boolean;\n}\nexport interface SelectGroup {\n  label?: string;\n  options: SelectOption[];\n}\n\ninterface NormalizedGroup {\n  label: string | null | undefined;\n  options: SelectOption[];\n}\n\nexport function useControllable<T, O = SelectOption>(\n  controlled: T | undefined,\n  initial: T,\n  onChange?: (next: T, opt?: O) => void,\n): [T, (next: T, opt?: O) => void] {\n  const [internal, setInternal] = coreUseState<T>(initial);\n  const isControlled = controlled !== undefined;\n  const value = isControlled ? (controlled as T) : internal;\n  const setValue = (next: T, opt?: O) => {\n    if (!isControlled) setInternal(next);\n    onChange && onChange(next, opt);\n  };\n  return [value, setValue];\n}\n\nexport function normalize(options: SelectOption[] | SelectGroup[]): {\n  groups: NormalizedGroup[];\n  flat: SelectOption[];\n} {\n  const grouped =\n    options.length > 0 && options[0] && Array.isArray((options[0] as SelectGroup).options);\n  const groups: NormalizedGroup[] = grouped\n    ? (options as SelectGroup[]).map((g) => ({ label: g.label, options: g.options || [] }))\n    : [{ label: null, options: options as SelectOption[] }];\n  return { groups, flat: groups.flatMap((g) => g.options) };\n}\n\nexport const matches = (o: SelectOption, q: string) =>\n  !q || (o.label + ' ' + (o.description || '')).toLowerCase().includes(q.toLowerCase());\n\n/* Enter decelerates from the trigger, exit accelerates away; opacity rides a faster clock than the slide. */\nconst selectMenuVariants = {\n  closed: {\n    opacity: 0,\n    y: -6,\n    scale: 0.96,\n    transition: {\n      duration: coreSM.dur.base,\n      ease: coreSM.ease.exit,\n      opacity: { duration: coreSM.dur.fast, ease: coreSM.ease.exit },\n    },\n  },\n  open: {\n    opacity: 1,\n    y: 0,\n    scale: 1,\n    transition: {\n      duration: coreSM.dur.base,\n      ease: coreSM.ease.entrance,\n      opacity: { duration: coreSM.dur.fast, ease: coreSM.ease.entrance },\n    },\n  },\n};\n\nexport interface UseSelectMenuArgs {\n  open: boolean;\n  close: () => void;\n  returnFocus: () => void;\n  triggerRef: React.RefObject<HTMLButtonElement | null>;\n  listRef: React.RefObject<HTMLDivElement | null>;\n  searchRef: React.RefObject<HTMLInputElement | null>;\n  menuId: string;\n  navItems: SelectOption[];\n  isSelected: (value: string) => boolean;\n  commit: (opt: SelectOption) => void;\n  searchable: boolean;\n}\n\n/* The open-menu interaction machine - variant-blind; selection stays with the caller (isSelected/commit). */\nexport function useSelectMenu({\n  open,\n  close,\n  returnFocus,\n  triggerRef,\n  listRef,\n  searchRef,\n  menuId,\n  navItems,\n  isSelected,\n  commit,\n  searchable,\n}: UseSelectMenuArgs) {\n  const [activeIdx, setActiveIdx] = coreUseState(-1);\n  const typeahead = coreUseRef<{ buf: string; t: ReturnType<typeof setTimeout> | number }>({\n    buf: '',\n    t: 0,\n  });\n\n  // outside-click dismiss (the menu isn't in the top layer, so we own this)\n  coreUseEffect(() => {\n    if (!open) return undefined;\n    const onDocPointer = (e: PointerEvent) => {\n      const t = triggerRef.current,\n        menu = document.getElementById(menuId);\n      const target = e.target as Node;\n      if ((t && t.contains(target)) || (menu && menu.contains(target))) return;\n      close();\n    };\n    document.addEventListener('pointerdown', onDocPointer, true);\n    return () => document.removeEventListener('pointerdown', onDocPointer, true);\n  }, [open, menuId]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  // placement under the trigger, flips above when cramped; layout effect lands coords before paint so the entrance plays in place\n  coreUseLayoutEffect(() => {\n    if (!open) return undefined;\n    const place = () => {\n      const t = triggerRef.current,\n        menu = document.getElementById(menuId);\n      if (!t || !menu) return;\n      const r = t.getBoundingClientRect(),\n        gap = 4;\n      menu.style.minWidth = r.width + 'px';\n      menu.style.left = Math.round(r.left) + 'px';\n      const mh = menu.offsetHeight,\n        room = window.innerHeight - r.bottom;\n      const above = room < mh + gap && r.top > room;\n      menu.style.top = Math.round(above ? r.top - mh - gap : r.bottom + gap) + 'px';\n      menu.setAttribute('data-placement', above ? 'top' : 'bottom');\n    };\n    place();\n    const onScroll = () => place();\n    window.addEventListener('scroll', onScroll, true);\n    window.addEventListener('resize', onScroll);\n    return () => {\n      window.removeEventListener('scroll', onScroll, true);\n      window.removeEventListener('resize', onScroll);\n    };\n  }, [open, menuId, navItems.length]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  coreUseEffect(() => {\n    if (!open) return;\n    const sel = navItems.findIndex((o) => isSelected(o.value) && !o.disabled);\n    const first = navItems.findIndex((o) => !o.disabled);\n    setActiveIdx(sel >= 0 ? sel : first);\n    const ref = searchable ? searchRef : listRef;\n    setTimeout(() => {\n      if (ref.current) ref.current.focus();\n    }, 0); // after the menu paints\n  }, [open]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  // keep the active row in view (manual - never scrollIntoView)\n  coreUseEffect(() => {\n    const list = listRef.current;\n    if (!open || activeIdx < 0 || !list) return;\n    const el = list.querySelector('[data-idx=\"' + activeIdx + '\"]') as HTMLElement | null;\n    if (!el) return;\n    if (el.offsetTop < list.scrollTop) list.scrollTop = el.offsetTop;\n    else if (el.offsetTop + el.offsetHeight > list.scrollTop + list.clientHeight)\n      list.scrollTop = el.offsetTop + el.offsetHeight - list.clientHeight;\n  }, [activeIdx, open]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  function moveActive(dir: number) {\n    if (!navItems.length) return;\n    let i = activeIdx;\n    for (let s = 0; s < navItems.length; s++) {\n      i = (i + dir + navItems.length) % navItems.length;\n      if (!navItems[i].disabled) return setActiveIdx(i);\n    }\n  }\n  function edgeActive(toEnd: boolean) {\n    const order = [...navItems.keys()];\n    if (toEnd) order.reverse();\n    for (const i of order) if (!navItems[i].disabled) return setActiveIdx(i);\n  }\n  function typeAhead(ch: string) {\n    const ta = typeahead.current;\n    clearTimeout(ta.t);\n    ta.buf += ch.toLowerCase();\n    ta.t = setTimeout(() => (ta.buf = ''), 600);\n    const i = navItems.findIndex((o) => !o.disabled && o.label.toLowerCase().startsWith(ta.buf));\n    if (i >= 0) setActiveIdx(i);\n  }\n\n  function onMenuKeyDown(e: React.KeyboardEvent) {\n    switch (e.key) {\n      case 'Escape':\n        e.preventDefault();\n        close();\n        returnFocus();\n        break;\n      case 'ArrowDown':\n        e.preventDefault();\n        moveActive(1);\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        moveActive(-1);\n        break;\n      case 'Home':\n        e.preventDefault();\n        edgeActive(false);\n        break;\n      case 'End':\n        e.preventDefault();\n        edgeActive(true);\n        break;\n      case 'Enter':\n        e.preventDefault();\n        if (activeIdx >= 0) commit(navItems[activeIdx]);\n        break;\n      case 'Tab':\n        close();\n        break;\n      default:\n        if (!searchable && e.key.length === 1 && !e.metaKey && !e.ctrlKey) typeAhead(e.key);\n    }\n  }\n\n  return { activeIdx, setActiveIdx, onMenuKeyDown };\n}\n\nexport interface SelectTriggerProps {\n  triggerRef: React.RefObject<HTMLButtonElement | null>;\n  baseId: string;\n  open: boolean;\n  disabled?: boolean;\n  invalid?: boolean;\n  ariaLabel?: string;\n  adId?: string;\n  show: () => void;\n  hide: () => void;\n  leading?: React.ReactNode;\n  text?: string;\n  isPlaceholder?: boolean;\n  count?: number;\n}\n\nexport function SelectTrigger({\n  triggerRef,\n  baseId,\n  open,\n  disabled,\n  invalid,\n  ariaLabel,\n  adId,\n  show,\n  hide,\n  leading,\n  text,\n  isPlaceholder,\n  count,\n}: SelectTriggerProps) {\n  return (\n    <button\n      type=\"button\"\n      ref={triggerRef}\n      id={baseId + '-trigger'}\n      className=\"select__trigger\"\n      role=\"combobox\"\n      aria-haspopup=\"listbox\"\n      aria-expanded={open}\n      aria-controls={baseId + '-list'}\n      aria-activedescendant={adId}\n      aria-label={ariaLabel}\n      aria-invalid={invalid || undefined}\n      disabled={disabled}\n      onClick={() => (open ? hide() : show())}\n      onKeyDown={(e) => {\n        if (!open && (e.key === 'ArrowDown' || e.key === 'ArrowUp')) {\n          e.preventDefault();\n          show();\n        }\n      }}\n    >\n      {leading && (\n        <span className=\"select__leading\">\n          <IconSlot size=\"sm\">{leading}</IconSlot>\n        </span>\n      )}\n      <span className=\"select__value\" data-placeholder={isPlaceholder ? 'true' : undefined}>\n        {text}\n      </span>\n      {count != null && count > 0 && <span className=\"select__count\">+{count}</span>}\n      <span className=\"select__caret\">\n        <Icon name=\"caret-down\" size=\"sm\" />\n      </span>\n    </button>\n  );\n}\n\nexport interface SelectMenuProps {\n  open: boolean;\n  menuId: string;\n  children?: React.ReactNode;\n}\n\nexport function SelectMenu({ open, menuId, children }: SelectMenuProps) {\n  return (\n    <CoreAnimatePresence>\n      {open && (\n        <coreMotion.div\n          className=\"select__menu\"\n          id={menuId}\n          role=\"presentation\"\n          variants={selectMenuVariants}\n          initial=\"closed\"\n          animate=\"open\"\n          exit=\"closed\"\n        >\n          {children}\n        </coreMotion.div>\n      )}\n    </CoreAnimatePresence>\n  );\n}\n\nexport interface SearchFieldProps {\n  searchRef: React.RefObject<HTMLInputElement | null>;\n  query: string;\n  onQuery: (value: string) => void;\n  onKeyDown: (e: React.KeyboardEvent) => void;\n  placeholder?: string;\n  listId: string;\n  adId?: string;\n}\n\nexport function SearchField({\n  searchRef,\n  query,\n  onQuery,\n  onKeyDown,\n  placeholder,\n  listId,\n  adId,\n}: SearchFieldProps) {\n  return (\n    <div className=\"select__search\">\n      <Icon name=\"magnifying-glass\" size=\"sm\" />\n      <input\n        ref={searchRef}\n        className=\"select__search-input\"\n        type=\"text\"\n        value={query}\n        placeholder={placeholder}\n        aria-label={placeholder}\n        aria-controls={listId}\n        aria-activedescendant={adId}\n        onChange={(e) => onQuery(e.target.value)}\n        onKeyDown={onKeyDown}\n      />\n    </div>\n  );\n}\n\nexport interface FilterRowProps {\n  visible: boolean;\n  children?: React.ReactNode;\n}\n\n/* Collapse wrapper for filterable rows - rows ease out instead of popping. */\nexport function FilterRow({ visible, children }: FilterRowProps) {\n  return (\n    <div\n      className=\"collapse collapse--fade\"\n      data-open={visible ? 'true' : 'false'}\n      data-axis=\"height\"\n    >\n      <div className=\"collapse__inner\">{children}</div>\n    </div>\n  );\n}\n\nexport function EmptyRow({ query }: { query: string }) {\n  return (\n    <div className=\"select__empty\">\n      {query ? 'No matches for \"' + query + '\"' : 'No options available'}\n    </div>\n  );\n}\n\nexport function LoadingRows() {\n  return (\n    <div className=\"select__loading\" aria-busy=\"true\" aria-live=\"polite\">\n      {[0, 1, 2].map((i) => (\n        <div className=\"select__skeleton\" key={i}>\n          <span className=\"select__skeleton-dot\" data-pulse></span>\n          <span className=\"select__skeleton-bar\" data-pulse></span>\n        </div>\n      ))}\n    </div>\n  );\n}\n"]}

package/dist/chunk-H6KWJNOE.js

@@ -0,0 +1,65 @@
+'use client';import { IconSlot } from './chunk-VVPGEAC6.js';
+import { Icon } from './chunk-KBWNUUWM.js';
+import { UIMotion } from './chunk-37O2ZXD6.js';
+import * as React from 'react';
+import { AnimatePresence, motion } from 'motion/react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var { t } = UIMotion;
+var TONE_GLYPH = {
+  info: "info",
+  success: "check-circle",
+  warning: "warning",
+  danger: "warning-circle"
+};
+var TONE_ROLE = {
+  info: "status",
+  success: "status",
+  warning: "alert",
+  danger: "alert"
+};
+function Alert({
+  tone = "info",
+  title,
+  children = null,
+  action = null,
+  dismissible = false,
+  onDismiss,
+  open,
+  banner = false,
+  icon,
+  className = "",
+  ...rest
+}) {
+  const [selfOpen, setSelfOpen] = React.useState(true);
+  const isOpen = open === void 0 ? selfOpen : open;
+  const dismiss = () => {
+    if (open === void 0) setSelfOpen(false);
+    if (onDismiss) onDismiss();
+  };
+  const classes = ["alert", banner ? "alert--banner" : "", className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: isOpen && /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      className: "alert-shell",
+      initial: { height: 0, opacity: 0 },
+      animate: { height: "auto", opacity: 1 },
+      exit: { height: 0, opacity: 0, transition: { height: t.layout, opacity: t.exit } },
+      transition: { height: t.layout, opacity: t.enter },
+      children: /* @__PURE__ */ jsxs("div", { className: classes, "data-tone": tone, role: TONE_ROLE[tone] || "status", ...rest, children: [
+        icon === null ? null : /* @__PURE__ */ jsx("span", { className: "alert__icon", "aria-hidden": "true", children: icon !== void 0 ? /* @__PURE__ */ jsx(IconSlot, { size: "md", children: icon }) : /* @__PURE__ */ jsx(Icon, { name: TONE_GLYPH[tone] || "info", size: "md" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "alert__body", children: [
+          /* @__PURE__ */ jsx("p", { className: "alert__title", children: title }),
+          children != null && /* @__PURE__ */ jsx("p", { className: "alert__desc", children })
+        ] }),
+        action && /* @__PURE__ */ jsx("button", { type: "button", className: "btn btn--sm alert__action", onClick: action.onClick, children: action.label }),
+        dismissible && /* @__PURE__ */ jsx("button", { type: "button", className: "alert__close", "aria-label": "Dismiss", onClick: dismiss, children: /* @__PURE__ */ jsx(Icon, { name: "close", size: "sm" }) })
+      ] })
+    },
+    "alert-shell"
+  ) });
+}
+
+export { Alert };
+//# sourceMappingURL=chunk-H6KWJNOE.js.map
+//# sourceMappingURL=chunk-H6KWJNOE.js.map