@viax.io/uxm 4.38.0 → 4.40.0

package/dist/ui/modal/modal.cjs

@@ -57,23 +57,21 @@ function ModalRoot({
     }
   ) });
 }
-const ModalHeader = (0, import_react.forwardRef)(
-  ({ children, hideClose, className, ...rest }, ref) => {
-    const { titleId, onClose, closeLabel } = useModalContext();
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref, className: (0, import_cn.cn)("uxm-modal__header", className), ...rest, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { id: titleId, className: "uxm-modal__title", children }),
-      onClose && !hideClose && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon_button.IconButton, { "aria-label": closeLabel, onClick: onClose, className: "uxm-modal__close", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { glyph: "close", size: 14, strokeWidth: 2 }) })
-    ] });
-  }
-);
+function ModalHeader({ children, hideClose, className, ...rest }) {
+  const { titleId, onClose, closeLabel } = useModalContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_cn.cn)("uxm-modal__header", className), ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { id: titleId, className: "uxm-modal__title", children }),
+    onClose && !hideClose && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon_button.IconButton, { "aria-label": closeLabel, onClick: onClose, className: "uxm-modal__close", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { glyph: "close", size: 14, strokeWidth: 2 }) })
+  ] });
+}
 ModalHeader.displayName = "Modal.Header";
-const ModalBody = (0, import_react.forwardRef)(
-  ({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, className: (0, import_cn.cn)("uxm-modal__body", className), ...rest })
-);
+function ModalBody({ className, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_cn.cn)("uxm-modal__body", className), ...rest });
+}
 ModalBody.displayName = "Modal.Body";
-const ModalFooter = (0, import_react.forwardRef)(
-  ({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, className: (0, import_cn.cn)("uxm-modal__footer", className), ...rest })
-);
+function ModalFooter({ className, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_cn.cn)("uxm-modal__footer", className), ...rest });
+}
 ModalFooter.displayName = "Modal.Footer";
 const Modal = Object.assign(ModalRoot, {
   Header: ModalHeader,

package/dist/ui/modal/modal.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/modal/modal.tsx"],"sourcesContent":["import {\n  createContext,\n  forwardRef,\n  useContext,\n  useId,\n  useMemo,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\n\nimport { cn } from '../../helpers/cn';\nimport { Icon } from '../icon';\nimport { IconButton } from '../icon-button';\n\nexport type ModalSize = 'sm' | 'md' | 'lg' | 'fullscreen';\n\ninterface ModalContextValue {\n  titleId: string;\n  onClose?: () => void;\n  closeLabel: string;\n}\n\nconst ModalContext = createContext<ModalContextValue | null>(null);\n\nfunction useModalContext(): ModalContextValue {\n  const ctx = useContext(ModalContext);\n  if (!ctx) {\n    throw new Error('Modal.Header / Modal.Body / Modal.Footer must be used inside <Modal>.');\n  }\n  return ctx;\n}\n\nexport interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  /** Sizing preset for the panel width. `fullscreen` lets the panel grow to viewport edges. Default `md`. */\n  size?: ModalSize;\n  /**\n   * Optional close handler — when provided, `Modal.Header` renders an X\n   * icon-button that calls it. Omit for forms that should only close via\n   * an explicit Cancel/Submit action (use `Dialog`'s `closeOnEscape`/\n   * `closeOnOutsideClick` to disable backdrop dismissal in that case).\n   */\n  onClose?: () => void;\n  /**\n   * Accessible name for the close X. Default `\"Close\"`. Lives on the root\n   * rather than on `Modal.Header` because it belongs with `onClose` — the\n   * prop that decides whether the button exists at all — and travels to the\n   * header through context, so consumers never wire it manually.\n   */\n  closeLabel?: string;\n  children: ReactNode;\n}\n\n/**\n * Standard modal panel surface — header / body / footer slots. Renders\n * inside a `<Dialog>`.\n *\n *   <Dialog open={open} onOpenChange={setOpen}>\n *     <Modal size=\"md\" onClose={() => setOpen(false)}>\n *       <Modal.Header>Add step</Modal.Header>\n *       <Modal.Body>…</Modal.Body>\n *       <Modal.Footer>\n *         <ButtonTertiary>Cancel</ButtonTertiary>\n *         <ButtonPrimary>Save</ButtonPrimary>\n *       </Modal.Footer>\n *     </Modal>\n *   </Dialog>\n *\n * Compound slots (rather than a `title`/`actions` props pair) let\n * consumers compose freely — a confirmation skips body, a wizard puts a\n * stepper in the header, etc.\n *\n * The header's title automatically wires its id to `Dialog`'s\n * `aria-labelledby` via the surrounding Modal context. Consumers don't\n * touch ids manually.\n */\nfunction ModalRoot({\n  size = 'md',\n  onClose,\n  closeLabel = 'Close',\n  children,\n  className,\n  ...rest\n}: ModalProps) {\n  const titleId = useId();\n  const ctx = useMemo(\n    () => ({ titleId, onClose, closeLabel }),\n    [titleId, onClose, closeLabel],\n  );\n  return (\n    <ModalContext.Provider value={ctx}>\n      <div\n        className={cn('uxm-modal', `uxm-modal--${size}`, className)}\n        // Forward titleId to Dialog via aria-labelledby propagation: the\n        // Dialog panel reads aria-labelledby on itself, so the consumer\n        // typically passes `aria-labelledby` to Dialog. We expose it\n        // here on the Modal wrapper too for cases where a consumer uses\n        // Modal without Dialog (rare; styling-only previews).\n        aria-labelledby={titleId}\n        {...rest}\n      >\n        {children}\n      </div>\n    </ModalContext.Provider>\n  );\n}\n\nexport interface ModalHeaderProps extends HTMLAttributes<HTMLDivElement> {\n  /** Visible heading. Receives the auto-generated title id. */\n  children: ReactNode;\n  /** Hide the close X even when Modal received `onClose`. */\n  hideClose?: boolean;\n}\n\nconst ModalHeader = forwardRef<HTMLDivElement, ModalHeaderProps>(\n  ({ children, hideClose, className, ...rest }, ref) => {\n    const { titleId, onClose, closeLabel } = useModalContext();\n    return (\n      <div ref={ref} className={cn('uxm-modal__header', className)} {...rest}>\n        <h2 id={titleId} className=\"uxm-modal__title\">\n          {children}\n        </h2>\n        {onClose && !hideClose && (\n          <IconButton aria-label={closeLabel} onClick={onClose} className=\"uxm-modal__close\">\n            <Icon glyph=\"close\" size={14} strokeWidth={2} />\n          </IconButton>\n        )}\n      </div>\n    );\n  },\n);\nModalHeader.displayName = 'Modal.Header';\n\nconst ModalBody = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...rest }, ref) => (\n    <div ref={ref} className={cn('uxm-modal__body', className)} {...rest} />\n  ),\n);\nModalBody.displayName = 'Modal.Body';\n\nconst ModalFooter = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...rest }, ref) => (\n    <div ref={ref} className={cn('uxm-modal__footer', className)} {...rest} />\n  ),\n);\nModalFooter.displayName = 'Modal.Footer';\n\nexport const Modal = Object.assign(ModalRoot, {\n  Header: ModalHeader,\n  Body: ModalBody,\n  Footer: ModalFooter,\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0FM;AA1FN,mBAQO;AAEP,gBAAmB;AACnB,kBAAqB;AACrB,yBAA2B;AAU3B,MAAM,mBAAe,4BAAwC,IAAI;AAEjE,SAAS,kBAAqC;AAC5C,QAAM,UAAM,yBAAW,YAAY;AACnC,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,uEAAuE;AAAA,EACzF;AACA,SAAO;AACT;AA6CA,SAAS,UAAU;AAAA,EACjB,OAAO;AAAA,EACP;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAe;AACb,QAAM,cAAU,oBAAM;AACtB,QAAM,UAAM;AAAA,IACV,OAAO,EAAE,SAAS,SAAS,WAAW;AAAA,IACtC,CAAC,SAAS,SAAS,UAAU;AAAA,EAC/B;AACA,SACE,4CAAC,aAAa,UAAb,EAAsB,OAAO,KAC5B;AAAA,IAAC;AAAA;AAAA,MACC,eAAW,cAAG,aAAa,cAAc,IAAI,IAAI,SAAS;AAAA,MAM1D,mBAAiB;AAAA,MAChB,GAAG;AAAA,MAEH;AAAA;AAAA,EACH,GACF;AAEJ;AASA,MAAM,kBAAc;AAAA,EAClB,CAAC,EAAE,UAAU,WAAW,WAAW,GAAG,KAAK,GAAG,QAAQ;AACpD,UAAM,EAAE,SAAS,SAAS,WAAW,IAAI,gBAAgB;AACzD,WACE,6CAAC,SAAI,KAAU,eAAW,cAAG,qBAAqB,SAAS,GAAI,GAAG,MAChE;AAAA,kDAAC,QAAG,IAAI,SAAS,WAAU,oBACxB,UACH;AAAA,MACC,WAAW,CAAC,aACX,4CAAC,iCAAW,cAAY,YAAY,SAAS,SAAS,WAAU,oBAC9D,sDAAC,oBAAK,OAAM,SAAQ,MAAM,IAAI,aAAa,GAAG,GAChD;AAAA,OAEJ;AAAA,EAEJ;AACF;AACA,YAAY,cAAc;AAE1B,MAAM,gBAAY;AAAA,EAChB,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QACvB,4CAAC,SAAI,KAAU,eAAW,cAAG,mBAAmB,SAAS,GAAI,GAAG,MAAM;AAE1E;AACA,UAAU,cAAc;AAExB,MAAM,kBAAc;AAAA,EAClB,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QACvB,4CAAC,SAAI,KAAU,eAAW,cAAG,qBAAqB,SAAS,GAAI,GAAG,MAAM;AAE5E;AACA,YAAY,cAAc;AAEnB,MAAM,QAAQ,OAAO,OAAO,WAAW;AAAA,EAC5C,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AACV,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/ui/modal/modal.tsx"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  useId,\n  useMemo,\n  type HTMLAttributes,\n  type ReactNode,\n  type Ref,\n} from 'react';\n\nimport { cn } from '../../helpers/cn';\nimport { Icon } from '../icon';\nimport { IconButton } from '../icon-button';\n\nexport type ModalSize = 'sm' | 'md' | 'lg' | 'fullscreen';\n\ninterface ModalContextValue {\n  titleId: string;\n  onClose?: () => void;\n  closeLabel: string;\n}\n\nconst ModalContext = createContext<ModalContextValue | null>(null);\n\nfunction useModalContext(): ModalContextValue {\n  const ctx = useContext(ModalContext);\n  if (!ctx) {\n    throw new Error('Modal.Header / Modal.Body / Modal.Footer must be used inside <Modal>.');\n  }\n  return ctx;\n}\n\nexport interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  /** Sizing preset for the panel width. `fullscreen` lets the panel grow to viewport edges. Default `md`. */\n  size?: ModalSize;\n  /**\n   * Optional close handler — when provided, `Modal.Header` renders an X\n   * icon-button that calls it. Omit for forms that should only close via\n   * an explicit Cancel/Submit action (use `Dialog`'s `closeOnEscape`/\n   * `closeOnOutsideClick` to disable backdrop dismissal in that case).\n   */\n  onClose?: () => void;\n  /**\n   * Accessible name for the close X. Default `\"Close\"`. Lives on the root\n   * rather than on `Modal.Header` because it belongs with `onClose` — the\n   * prop that decides whether the button exists at all — and travels to the\n   * header through context, so consumers never wire it manually.\n   */\n  closeLabel?: string;\n  children: ReactNode;\n}\n\n/**\n * Standard modal panel surface — header / body / footer slots. Renders\n * inside a `<Dialog>`.\n *\n *   <Dialog open={open} onOpenChange={setOpen}>\n *     <Modal size=\"md\" onClose={() => setOpen(false)}>\n *       <Modal.Header>Add step</Modal.Header>\n *       <Modal.Body>…</Modal.Body>\n *       <Modal.Footer>\n *         <ButtonTertiary>Cancel</ButtonTertiary>\n *         <ButtonPrimary>Save</ButtonPrimary>\n *       </Modal.Footer>\n *     </Modal>\n *   </Dialog>\n *\n * Compound slots (rather than a `title`/`actions` props pair) let\n * consumers compose freely — a confirmation skips body, a wizard puts a\n * stepper in the header, etc.\n *\n * The header's title automatically wires its id to `Dialog`'s\n * `aria-labelledby` via the surrounding Modal context. Consumers don't\n * touch ids manually.\n */\nfunction ModalRoot({\n  size = 'md',\n  onClose,\n  closeLabel = 'Close',\n  children,\n  className,\n  ...rest\n}: ModalProps) {\n  const titleId = useId();\n  const ctx = useMemo(\n    () => ({ titleId, onClose, closeLabel }),\n    [titleId, onClose, closeLabel],\n  );\n  return (\n    <ModalContext.Provider value={ctx}>\n      <div\n        className={cn('uxm-modal', `uxm-modal--${size}`, className)}\n        // Forward titleId to Dialog via aria-labelledby propagation: the\n        // Dialog panel reads aria-labelledby on itself, so the consumer\n        // typically passes `aria-labelledby` to Dialog. We expose it\n        // here on the Modal wrapper too for cases where a consumer uses\n        // Modal without Dialog (rare; styling-only previews).\n        aria-labelledby={titleId}\n        {...rest}\n      >\n        {children}\n      </div>\n    </ModalContext.Provider>\n  );\n}\n\nexport interface ModalHeaderProps extends HTMLAttributes<HTMLDivElement> {\n  /** Visible heading. Receives the auto-generated title id. */\n  children: ReactNode;\n  /** Hide the close X even when Modal received `onClose`. */\n  hideClose?: boolean;\n  /** React 19: `ref` is a plain prop — no `forwardRef` needed. */\n  ref?: Ref<HTMLDivElement>;\n}\n\n/** Body / Footer take every div attribute plus a plain `ref` prop. */\nexport interface ModalSectionProps extends HTMLAttributes<HTMLDivElement> {\n  ref?: Ref<HTMLDivElement>;\n}\n\nfunction ModalHeader({ children, hideClose, className, ...rest }: ModalHeaderProps) {\n  const { titleId, onClose, closeLabel } = useModalContext();\n  return (\n    <div className={cn('uxm-modal__header', className)} {...rest}>\n      <h2 id={titleId} className=\"uxm-modal__title\">\n        {children}\n      </h2>\n      {onClose && !hideClose && (\n        <IconButton aria-label={closeLabel} onClick={onClose} className=\"uxm-modal__close\">\n          <Icon glyph=\"close\" size={14} strokeWidth={2} />\n        </IconButton>\n      )}\n    </div>\n  );\n}\nModalHeader.displayName = 'Modal.Header';\n\nfunction ModalBody({ className, ...rest }: ModalSectionProps) {\n  return <div className={cn('uxm-modal__body', className)} {...rest} />;\n}\nModalBody.displayName = 'Modal.Body';\n\nfunction ModalFooter({ className, ...rest }: ModalSectionProps) {\n  return <div className={cn('uxm-modal__footer', className)} {...rest} />;\n}\nModalFooter.displayName = 'Modal.Footer';\n\nexport const Modal = Object.assign(ModalRoot, {\n  Header: ModalHeader,\n  Body: ModalBody,\n  Footer: ModalFooter,\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0FM;AA1FN,mBAQO;AAEP,gBAAmB;AACnB,kBAAqB;AACrB,yBAA2B;AAU3B,MAAM,mBAAe,4BAAwC,IAAI;AAEjE,SAAS,kBAAqC;AAC5C,QAAM,UAAM,yBAAW,YAAY;AACnC,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,uEAAuE;AAAA,EACzF;AACA,SAAO;AACT;AA6CA,SAAS,UAAU;AAAA,EACjB,OAAO;AAAA,EACP;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAe;AACb,QAAM,cAAU,oBAAM;AACtB,QAAM,UAAM;AAAA,IACV,OAAO,EAAE,SAAS,SAAS,WAAW;AAAA,IACtC,CAAC,SAAS,SAAS,UAAU;AAAA,EAC/B;AACA,SACE,4CAAC,aAAa,UAAb,EAAsB,OAAO,KAC5B;AAAA,IAAC;AAAA;AAAA,MACC,eAAW,cAAG,aAAa,cAAc,IAAI,IAAI,SAAS;AAAA,MAM1D,mBAAiB;AAAA,MAChB,GAAG;AAAA,MAEH;AAAA;AAAA,EACH,GACF;AAEJ;AAgBA,SAAS,YAAY,EAAE,UAAU,WAAW,WAAW,GAAG,KAAK,GAAqB;AAClF,QAAM,EAAE,SAAS,SAAS,WAAW,IAAI,gBAAgB;AACzD,SACE,6CAAC,SAAI,eAAW,cAAG,qBAAqB,SAAS,GAAI,GAAG,MACtD;AAAA,gDAAC,QAAG,IAAI,SAAS,WAAU,oBACxB,UACH;AAAA,IACC,WAAW,CAAC,aACX,4CAAC,iCAAW,cAAY,YAAY,SAAS,SAAS,WAAU,oBAC9D,sDAAC,oBAAK,OAAM,SAAQ,MAAM,IAAI,aAAa,GAAG,GAChD;AAAA,KAEJ;AAEJ;AACA,YAAY,cAAc;AAE1B,SAAS,UAAU,EAAE,WAAW,GAAG,KAAK,GAAsB;AAC5D,SAAO,4CAAC,SAAI,eAAW,cAAG,mBAAmB,SAAS,GAAI,GAAG,MAAM;AACrE;AACA,UAAU,cAAc;AAExB,SAAS,YAAY,EAAE,WAAW,GAAG,KAAK,GAAsB;AAC9D,SAAO,4CAAC,SAAI,eAAW,cAAG,qBAAqB,SAAS,GAAI,GAAG,MAAM;AACvE;AACA,YAAY,cAAc;AAEnB,MAAM,QAAQ,OAAO,OAAO,WAAW;AAAA,EAC5C,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AACV,CAAC;","names":[]}

package/dist/ui/modal/modal.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLAttributes, type ReactNode } from 'react';
+import { type HTMLAttributes, type ReactNode, type Ref } from 'react';
 export type ModalSize = 'sm' | 'md' | 'lg' | 'fullscreen';
 export interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
     /** Sizing preset for the panel width. `fullscreen` lets the panel grow to viewport edges. Default `md`. */
@@ -42,17 +42,35 @@ export interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'
  * `aria-labelledby` via the surrounding Modal context. Consumers don't
  * touch ids manually.
  */
-declare function ModalRoot({ size, onClose, closeLabel, children, className, ...rest }: ModalProps): import("react/jsx-runtime").JSX.Element;
+declare function ModalRoot({ size, onClose, closeLabel, children, className, ...rest }: ModalProps): import("react").JSX.Element;
 export interface ModalHeaderProps extends HTMLAttributes<HTMLDivElement> {
     /** Visible heading. Receives the auto-generated title id. */
     children: ReactNode;
     /** Hide the close X even when Modal received `onClose`. */
     hideClose?: boolean;
+    /** React 19: `ref` is a plain prop — no `forwardRef` needed. */
+    ref?: Ref<HTMLDivElement>;
+}
+/** Body / Footer take every div attribute plus a plain `ref` prop. */
+export interface ModalSectionProps extends HTMLAttributes<HTMLDivElement> {
+    ref?: Ref<HTMLDivElement>;
+}
+declare function ModalHeader({ children, hideClose, className, ...rest }: ModalHeaderProps): import("react").JSX.Element;
+declare namespace ModalHeader {
+    var displayName: string;
+}
+declare function ModalBody({ className, ...rest }: ModalSectionProps): import("react").JSX.Element;
+declare namespace ModalBody {
+    var displayName: string;
+}
+declare function ModalFooter({ className, ...rest }: ModalSectionProps): import("react").JSX.Element;
+declare namespace ModalFooter {
+    var displayName: string;
 }
 export declare const Modal: typeof ModalRoot & {
-    Header: import("react").ForwardRefExoticComponent<ModalHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
-    Body: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-    Footer: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+    Header: typeof ModalHeader;
+    Body: typeof ModalBody;
+    Footer: typeof ModalFooter;
 };
 export {};
 //# sourceMappingURL=modal.d.ts.map

package/dist/ui/modal/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/ui/modal/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAMf,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,YAAY,CAAC;AAkB1D,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC/E,2GAA2G;IAC3G,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,iBAAS,SAAS,CAAC,EACjB,IAAW,EACX,OAAO,EACP,UAAoB,EACpB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,UAAU,2CAsBZ;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,6DAA6D;IAC7D,QAAQ,EAAE,SAAS,CAAC;IACpB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAmCD,eAAO,MAAM,KAAK;;;;CAIhB,CAAC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/ui/modal/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,GAAG,EACT,MAAM,OAAO,CAAC;AAMf,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,YAAY,CAAC;AAkB1D,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC/E,2GAA2G;IAC3G,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,iBAAS,SAAS,CAAC,EACjB,IAAW,EACX,OAAO,EACP,UAAoB,EACpB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,UAAU,+BAsBZ;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,6DAA6D;IAC7D,QAAQ,EAAE,SAAS,CAAC;IACpB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gEAAgE;IAChE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,sEAAsE;AACtE,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,+BAcjF;kBAdQ,WAAW;;;AAiBpB,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,+BAE3D;kBAFQ,SAAS;;;AAKlB,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,+BAE7D;kBAFQ,WAAW;;;AAKpB,eAAO,MAAM,KAAK;;;;CAIhB,CAAC"}

package/dist/ui/modal/modal.js

@@ -1,7 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import {
   createContext,
-  forwardRef,
   useContext,
   useId,
   useMemo
@@ -40,23 +39,21 @@ function ModalRoot({
     }
   ) });
 }
-const ModalHeader = forwardRef(
-  ({ children, hideClose, className, ...rest }, ref) => {
-    const { titleId, onClose, closeLabel } = useModalContext();
-    return /* @__PURE__ */ jsxs("div", { ref, className: cn("uxm-modal__header", className), ...rest, children: [
-      /* @__PURE__ */ jsx("h2", { id: titleId, className: "uxm-modal__title", children }),
-      onClose && !hideClose && /* @__PURE__ */ jsx(IconButton, { "aria-label": closeLabel, onClick: onClose, className: "uxm-modal__close", children: /* @__PURE__ */ jsx(Icon, { glyph: "close", size: 14, strokeWidth: 2 }) })
-    ] });
-  }
-);
+function ModalHeader({ children, hideClose, className, ...rest }) {
+  const { titleId, onClose, closeLabel } = useModalContext();
+  return /* @__PURE__ */ jsxs("div", { className: cn("uxm-modal__header", className), ...rest, children: [
+    /* @__PURE__ */ jsx("h2", { id: titleId, className: "uxm-modal__title", children }),
+    onClose && !hideClose && /* @__PURE__ */ jsx(IconButton, { "aria-label": closeLabel, onClick: onClose, className: "uxm-modal__close", children: /* @__PURE__ */ jsx(Icon, { glyph: "close", size: 14, strokeWidth: 2 }) })
+  ] });
+}
 ModalHeader.displayName = "Modal.Header";
-const ModalBody = forwardRef(
-  ({ className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("uxm-modal__body", className), ...rest })
-);
+function ModalBody({ className, ...rest }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("uxm-modal__body", className), ...rest });
+}
 ModalBody.displayName = "Modal.Body";
-const ModalFooter = forwardRef(
-  ({ className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("uxm-modal__footer", className), ...rest })
-);
+function ModalFooter({ className, ...rest }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("uxm-modal__footer", className), ...rest });
+}
 ModalFooter.displayName = "Modal.Footer";
 const Modal = Object.assign(ModalRoot, {
   Header: ModalHeader,

package/dist/ui/modal/modal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/modal/modal.tsx"],"sourcesContent":["import {\n  createContext,\n  forwardRef,\n  useContext,\n  useId,\n  useMemo,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\n\nimport { cn } from '../../helpers/cn';\nimport { Icon } from '../icon';\nimport { IconButton } from '../icon-button';\n\nexport type ModalSize = 'sm' | 'md' | 'lg' | 'fullscreen';\n\ninterface ModalContextValue {\n  titleId: string;\n  onClose?: () => void;\n  closeLabel: string;\n}\n\nconst ModalContext = createContext<ModalContextValue | null>(null);\n\nfunction useModalContext(): ModalContextValue {\n  const ctx = useContext(ModalContext);\n  if (!ctx) {\n    throw new Error('Modal.Header / Modal.Body / Modal.Footer must be used inside <Modal>.');\n  }\n  return ctx;\n}\n\nexport interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  /** Sizing preset for the panel width. `fullscreen` lets the panel grow to viewport edges. Default `md`. */\n  size?: ModalSize;\n  /**\n   * Optional close handler — when provided, `Modal.Header` renders an X\n   * icon-button that calls it. Omit for forms that should only close via\n   * an explicit Cancel/Submit action (use `Dialog`'s `closeOnEscape`/\n   * `closeOnOutsideClick` to disable backdrop dismissal in that case).\n   */\n  onClose?: () => void;\n  /**\n   * Accessible name for the close X. Default `\"Close\"`. Lives on the root\n   * rather than on `Modal.Header` because it belongs with `onClose` — the\n   * prop that decides whether the button exists at all — and travels to the\n   * header through context, so consumers never wire it manually.\n   */\n  closeLabel?: string;\n  children: ReactNode;\n}\n\n/**\n * Standard modal panel surface — header / body / footer slots. Renders\n * inside a `<Dialog>`.\n *\n *   <Dialog open={open} onOpenChange={setOpen}>\n *     <Modal size=\"md\" onClose={() => setOpen(false)}>\n *       <Modal.Header>Add step</Modal.Header>\n *       <Modal.Body>…</Modal.Body>\n *       <Modal.Footer>\n *         <ButtonTertiary>Cancel</ButtonTertiary>\n *         <ButtonPrimary>Save</ButtonPrimary>\n *       </Modal.Footer>\n *     </Modal>\n *   </Dialog>\n *\n * Compound slots (rather than a `title`/`actions` props pair) let\n * consumers compose freely — a confirmation skips body, a wizard puts a\n * stepper in the header, etc.\n *\n * The header's title automatically wires its id to `Dialog`'s\n * `aria-labelledby` via the surrounding Modal context. Consumers don't\n * touch ids manually.\n */\nfunction ModalRoot({\n  size = 'md',\n  onClose,\n  closeLabel = 'Close',\n  children,\n  className,\n  ...rest\n}: ModalProps) {\n  const titleId = useId();\n  const ctx = useMemo(\n    () => ({ titleId, onClose, closeLabel }),\n    [titleId, onClose, closeLabel],\n  );\n  return (\n    <ModalContext.Provider value={ctx}>\n      <div\n        className={cn('uxm-modal', `uxm-modal--${size}`, className)}\n        // Forward titleId to Dialog via aria-labelledby propagation: the\n        // Dialog panel reads aria-labelledby on itself, so the consumer\n        // typically passes `aria-labelledby` to Dialog. We expose it\n        // here on the Modal wrapper too for cases where a consumer uses\n        // Modal without Dialog (rare; styling-only previews).\n        aria-labelledby={titleId}\n        {...rest}\n      >\n        {children}\n      </div>\n    </ModalContext.Provider>\n  );\n}\n\nexport interface ModalHeaderProps extends HTMLAttributes<HTMLDivElement> {\n  /** Visible heading. Receives the auto-generated title id. */\n  children: ReactNode;\n  /** Hide the close X even when Modal received `onClose`. */\n  hideClose?: boolean;\n}\n\nconst ModalHeader = forwardRef<HTMLDivElement, ModalHeaderProps>(\n  ({ children, hideClose, className, ...rest }, ref) => {\n    const { titleId, onClose, closeLabel } = useModalContext();\n    return (\n      <div ref={ref} className={cn('uxm-modal__header', className)} {...rest}>\n        <h2 id={titleId} className=\"uxm-modal__title\">\n          {children}\n        </h2>\n        {onClose && !hideClose && (\n          <IconButton aria-label={closeLabel} onClick={onClose} className=\"uxm-modal__close\">\n            <Icon glyph=\"close\" size={14} strokeWidth={2} />\n          </IconButton>\n        )}\n      </div>\n    );\n  },\n);\nModalHeader.displayName = 'Modal.Header';\n\nconst ModalBody = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...rest }, ref) => (\n    <div ref={ref} className={cn('uxm-modal__body', className)} {...rest} />\n  ),\n);\nModalBody.displayName = 'Modal.Body';\n\nconst ModalFooter = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...rest }, ref) => (\n    <div ref={ref} className={cn('uxm-modal__footer', className)} {...rest} />\n  ),\n);\nModalFooter.displayName = 'Modal.Footer';\n\nexport const Modal = Object.assign(ModalRoot, {\n  Header: ModalHeader,\n  Body: ModalBody,\n  Footer: ModalFooter,\n});\n"],"mappings":"AA0FM,cA2BA,YA3BA;AA1FN;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AAEP,SAAS,UAAU;AACnB,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAU3B,MAAM,eAAe,cAAwC,IAAI;AAEjE,SAAS,kBAAqC;AAC5C,QAAM,MAAM,WAAW,YAAY;AACnC,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,uEAAuE;AAAA,EACzF;AACA,SAAO;AACT;AA6CA,SAAS,UAAU;AAAA,EACjB,OAAO;AAAA,EACP;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAe;AACb,QAAM,UAAU,MAAM;AACtB,QAAM,MAAM;AAAA,IACV,OAAO,EAAE,SAAS,SAAS,WAAW;AAAA,IACtC,CAAC,SAAS,SAAS,UAAU;AAAA,EAC/B;AACA,SACE,oBAAC,aAAa,UAAb,EAAsB,OAAO,KAC5B;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,aAAa,cAAc,IAAI,IAAI,SAAS;AAAA,MAM1D,mBAAiB;AAAA,MAChB,GAAG;AAAA,MAEH;AAAA;AAAA,EACH,GACF;AAEJ;AASA,MAAM,cAAc;AAAA,EAClB,CAAC,EAAE,UAAU,WAAW,WAAW,GAAG,KAAK,GAAG,QAAQ;AACpD,UAAM,EAAE,SAAS,SAAS,WAAW,IAAI,gBAAgB;AACzD,WACE,qBAAC,SAAI,KAAU,WAAW,GAAG,qBAAqB,SAAS,GAAI,GAAG,MAChE;AAAA,0BAAC,QAAG,IAAI,SAAS,WAAU,oBACxB,UACH;AAAA,MACC,WAAW,CAAC,aACX,oBAAC,cAAW,cAAY,YAAY,SAAS,SAAS,WAAU,oBAC9D,8BAAC,QAAK,OAAM,SAAQ,MAAM,IAAI,aAAa,GAAG,GAChD;AAAA,OAEJ;AAAA,EAEJ;AACF;AACA,YAAY,cAAc;AAE1B,MAAM,YAAY;AAAA,EAChB,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QACvB,oBAAC,SAAI,KAAU,WAAW,GAAG,mBAAmB,SAAS,GAAI,GAAG,MAAM;AAE1E;AACA,UAAU,cAAc;AAExB,MAAM,cAAc;AAAA,EAClB,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QACvB,oBAAC,SAAI,KAAU,WAAW,GAAG,qBAAqB,SAAS,GAAI,GAAG,MAAM;AAE5E;AACA,YAAY,cAAc;AAEnB,MAAM,QAAQ,OAAO,OAAO,WAAW;AAAA,EAC5C,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AACV,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/ui/modal/modal.tsx"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  useId,\n  useMemo,\n  type HTMLAttributes,\n  type ReactNode,\n  type Ref,\n} from 'react';\n\nimport { cn } from '../../helpers/cn';\nimport { Icon } from '../icon';\nimport { IconButton } from '../icon-button';\n\nexport type ModalSize = 'sm' | 'md' | 'lg' | 'fullscreen';\n\ninterface ModalContextValue {\n  titleId: string;\n  onClose?: () => void;\n  closeLabel: string;\n}\n\nconst ModalContext = createContext<ModalContextValue | null>(null);\n\nfunction useModalContext(): ModalContextValue {\n  const ctx = useContext(ModalContext);\n  if (!ctx) {\n    throw new Error('Modal.Header / Modal.Body / Modal.Footer must be used inside <Modal>.');\n  }\n  return ctx;\n}\n\nexport interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  /** Sizing preset for the panel width. `fullscreen` lets the panel grow to viewport edges. Default `md`. */\n  size?: ModalSize;\n  /**\n   * Optional close handler — when provided, `Modal.Header` renders an X\n   * icon-button that calls it. Omit for forms that should only close via\n   * an explicit Cancel/Submit action (use `Dialog`'s `closeOnEscape`/\n   * `closeOnOutsideClick` to disable backdrop dismissal in that case).\n   */\n  onClose?: () => void;\n  /**\n   * Accessible name for the close X. Default `\"Close\"`. Lives on the root\n   * rather than on `Modal.Header` because it belongs with `onClose` — the\n   * prop that decides whether the button exists at all — and travels to the\n   * header through context, so consumers never wire it manually.\n   */\n  closeLabel?: string;\n  children: ReactNode;\n}\n\n/**\n * Standard modal panel surface — header / body / footer slots. Renders\n * inside a `<Dialog>`.\n *\n *   <Dialog open={open} onOpenChange={setOpen}>\n *     <Modal size=\"md\" onClose={() => setOpen(false)}>\n *       <Modal.Header>Add step</Modal.Header>\n *       <Modal.Body>…</Modal.Body>\n *       <Modal.Footer>\n *         <ButtonTertiary>Cancel</ButtonTertiary>\n *         <ButtonPrimary>Save</ButtonPrimary>\n *       </Modal.Footer>\n *     </Modal>\n *   </Dialog>\n *\n * Compound slots (rather than a `title`/`actions` props pair) let\n * consumers compose freely — a confirmation skips body, a wizard puts a\n * stepper in the header, etc.\n *\n * The header's title automatically wires its id to `Dialog`'s\n * `aria-labelledby` via the surrounding Modal context. Consumers don't\n * touch ids manually.\n */\nfunction ModalRoot({\n  size = 'md',\n  onClose,\n  closeLabel = 'Close',\n  children,\n  className,\n  ...rest\n}: ModalProps) {\n  const titleId = useId();\n  const ctx = useMemo(\n    () => ({ titleId, onClose, closeLabel }),\n    [titleId, onClose, closeLabel],\n  );\n  return (\n    <ModalContext.Provider value={ctx}>\n      <div\n        className={cn('uxm-modal', `uxm-modal--${size}`, className)}\n        // Forward titleId to Dialog via aria-labelledby propagation: the\n        // Dialog panel reads aria-labelledby on itself, so the consumer\n        // typically passes `aria-labelledby` to Dialog. We expose it\n        // here on the Modal wrapper too for cases where a consumer uses\n        // Modal without Dialog (rare; styling-only previews).\n        aria-labelledby={titleId}\n        {...rest}\n      >\n        {children}\n      </div>\n    </ModalContext.Provider>\n  );\n}\n\nexport interface ModalHeaderProps extends HTMLAttributes<HTMLDivElement> {\n  /** Visible heading. Receives the auto-generated title id. */\n  children: ReactNode;\n  /** Hide the close X even when Modal received `onClose`. */\n  hideClose?: boolean;\n  /** React 19: `ref` is a plain prop — no `forwardRef` needed. */\n  ref?: Ref<HTMLDivElement>;\n}\n\n/** Body / Footer take every div attribute plus a plain `ref` prop. */\nexport interface ModalSectionProps extends HTMLAttributes<HTMLDivElement> {\n  ref?: Ref<HTMLDivElement>;\n}\n\nfunction ModalHeader({ children, hideClose, className, ...rest }: ModalHeaderProps) {\n  const { titleId, onClose, closeLabel } = useModalContext();\n  return (\n    <div className={cn('uxm-modal__header', className)} {...rest}>\n      <h2 id={titleId} className=\"uxm-modal__title\">\n        {children}\n      </h2>\n      {onClose && !hideClose && (\n        <IconButton aria-label={closeLabel} onClick={onClose} className=\"uxm-modal__close\">\n          <Icon glyph=\"close\" size={14} strokeWidth={2} />\n        </IconButton>\n      )}\n    </div>\n  );\n}\nModalHeader.displayName = 'Modal.Header';\n\nfunction ModalBody({ className, ...rest }: ModalSectionProps) {\n  return <div className={cn('uxm-modal__body', className)} {...rest} />;\n}\nModalBody.displayName = 'Modal.Body';\n\nfunction ModalFooter({ className, ...rest }: ModalSectionProps) {\n  return <div className={cn('uxm-modal__footer', className)} {...rest} />;\n}\nModalFooter.displayName = 'Modal.Footer';\n\nexport const Modal = Object.assign(ModalRoot, {\n  Header: ModalHeader,\n  Body: ModalBody,\n  Footer: ModalFooter,\n});\n"],"mappings":"AA0FM,cAiCF,YAjCE;AA1FN;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AAEP,SAAS,UAAU;AACnB,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAU3B,MAAM,eAAe,cAAwC,IAAI;AAEjE,SAAS,kBAAqC;AAC5C,QAAM,MAAM,WAAW,YAAY;AACnC,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,uEAAuE;AAAA,EACzF;AACA,SAAO;AACT;AA6CA,SAAS,UAAU;AAAA,EACjB,OAAO;AAAA,EACP;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAe;AACb,QAAM,UAAU,MAAM;AACtB,QAAM,MAAM;AAAA,IACV,OAAO,EAAE,SAAS,SAAS,WAAW;AAAA,IACtC,CAAC,SAAS,SAAS,UAAU;AAAA,EAC/B;AACA,SACE,oBAAC,aAAa,UAAb,EAAsB,OAAO,KAC5B;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,aAAa,cAAc,IAAI,IAAI,SAAS;AAAA,MAM1D,mBAAiB;AAAA,MAChB,GAAG;AAAA,MAEH;AAAA;AAAA,EACH,GACF;AAEJ;AAgBA,SAAS,YAAY,EAAE,UAAU,WAAW,WAAW,GAAG,KAAK,GAAqB;AAClF,QAAM,EAAE,SAAS,SAAS,WAAW,IAAI,gBAAgB;AACzD,SACE,qBAAC,SAAI,WAAW,GAAG,qBAAqB,SAAS,GAAI,GAAG,MACtD;AAAA,wBAAC,QAAG,IAAI,SAAS,WAAU,oBACxB,UACH;AAAA,IACC,WAAW,CAAC,aACX,oBAAC,cAAW,cAAY,YAAY,SAAS,SAAS,WAAU,oBAC9D,8BAAC,QAAK,OAAM,SAAQ,MAAM,IAAI,aAAa,GAAG,GAChD;AAAA,KAEJ;AAEJ;AACA,YAAY,cAAc;AAE1B,SAAS,UAAU,EAAE,WAAW,GAAG,KAAK,GAAsB;AAC5D,SAAO,oBAAC,SAAI,WAAW,GAAG,mBAAmB,SAAS,GAAI,GAAG,MAAM;AACrE;AACA,UAAU,cAAc;AAExB,SAAS,YAAY,EAAE,WAAW,GAAG,KAAK,GAAsB;AAC9D,SAAO,oBAAC,SAAI,WAAW,GAAG,qBAAqB,SAAS,GAAI,GAAG,MAAM;AACvE;AACA,YAAY,cAAc;AAEnB,MAAM,QAAQ,OAAO,OAAO,WAAW;AAAA,EAC5C,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AACV,CAAC;","names":[]}

package/dist/ui/number-input/number-input-preview.cjs

@@ -24,7 +24,7 @@ module.exports = __toCommonJS(number_input_preview_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_helpers = require("../../helpers/index.cjs");
-var import_ui = require("../../ui/index.cjs");
+var import_ui = require("../index.cjs");
 function buildVars(styles) {
   return {
     "--uxm-number-input-bg": styles.backgroundColor,

package/dist/ui/number-input/number-input-preview.d.ts

@@ -1,3 +1,3 @@
 import type { PreviewProps } from '../../previews/types.js';
-export declare function NumberInputPreview({ styles, variants }: PreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function NumberInputPreview({ styles, variants }: PreviewProps): import("react").JSX.Element;
 //# sourceMappingURL=number-input-preview.d.ts.map

package/dist/ui/number-input/number-input-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"number-input-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/number-input/number-input-preview.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAwCrD,wBAAgB,kBAAkB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,2CAGpE"}
+{"version":3,"file":"number-input-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/number-input/number-input-preview.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAwCrD,wBAAgB,kBAAkB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,+BAGpE"}

package/dist/ui/number-input/number-input-preview.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { cn } from "../../helpers/index.js";
-import { NumberInput } from "../../ui/index.js";
+import { NumberInput } from "../index.js";
 function buildVars(styles) {
   return {
     "--uxm-number-input-bg": styles.backgroundColor,

package/dist/ui/number-input/number-input.cjs

@@ -30,9 +30,9 @@ var import_jsx_runtime = (
 );
 var import_react = require("react");
 var import_helpers = require("../../helpers/index.cjs");
-var import_field_error = require("../../ui/field-error/index.cjs");
-var import_icon = require("../../ui/icon/index.cjs");
-var import_icon_button = require("../../ui/icon-button/index.cjs");
+var import_field_error = require("../field-error/index.cjs");
+var import_icon = require("../icon/index.cjs");
+var import_icon_button = require("../icon-button/index.cjs");
 function maskNumeric(raw, allowNegative, allowDecimal, decimals) {
   if (raw === "") return "";
   let negative = false;

package/dist/ui/number-input/number-input.d.ts

@@ -62,7 +62,7 @@ export declare function maskNumeric(raw: string, allowNegative: boolean, allowDe
  * `.uxm-number-input` directly and the state pseudos / forced-state
  * modifiers live on the same element.
  */
-export declare function NumberInput({ value, defaultValue, onChange, min, max, allowNegative, allowDecimal, decimals, clearable, clearLabel, className, error, disabled, onBlur, ...rest }: NumberInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function NumberInput({ value, defaultValue, onChange, min, max, allowNegative, allowDecimal, decimals, clearable, clearLabel, className, error, disabled, onBlur, ...rest }: NumberInputProps): import("react").JSX.Element;
 export declare namespace NumberInput {
     var hasError: boolean;
 }

package/dist/ui/number-input/number-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"number-input.d.ts","sourceRoot":"","sources":["../../../src/ui/number-input/number-input.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAA2B,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE1E,MAAM,WAAW,gBACf,SAAQ,IAAI,CACV,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,CAC/D;IACD,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,8DAA8D;IAC9D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,4DAA4D;IAC5D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gEAAgE;IAChE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gFAAgF;IAChF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CACzB,GAAG,EAAE,MAAM,EACX,aAAa,EAAE,OAAO,EACtB,YAAY,EAAE,OAAO,EACrB,QAAQ,EAAE,MAAM,GACf,MAAM,CAsBR;AAgBD;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,GAAG,EACH,GAAG,EACH,aAAqB,EACrB,YAAoB,EACpB,QAAY,EACZ,SAAgB,EAChB,UAAoB,EACpB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,GAAG,IAAI,EACR,EAAE,gBAAgB,2CAoGlB;yBApHe,WAAW"}
+{"version":3,"file":"number-input.d.ts","sourceRoot":"","sources":["../../../src/ui/number-input/number-input.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAA2B,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE1E,MAAM,WAAW,gBACf,SAAQ,IAAI,CACV,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,CAC/D;IACD,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,8DAA8D;IAC9D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,4DAA4D;IAC5D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gEAAgE;IAChE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gFAAgF;IAChF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CACzB,GAAG,EAAE,MAAM,EACX,aAAa,EAAE,OAAO,EACtB,YAAY,EAAE,OAAO,EACrB,QAAQ,EAAE,MAAM,GACf,MAAM,CAsBR;AAgBD;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,GAAG,EACH,GAAG,EACH,aAAqB,EACrB,YAAoB,EACpB,QAAY,EACZ,SAAgB,EAChB,UAAoB,EACpB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,GAAG,IAAI,EACR,EAAE,gBAAgB,+BAoGlB;yBApHe,WAAW"}

package/dist/ui/number-input/number-input.js

@@ -1,9 +1,9 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useId, useState } from "react";
 import { cn, mergeDescribedBy } from "../../helpers/index.js";
-import { FieldError } from "../../ui/field-error/index.js";
-import { Icon } from "../../ui/icon/index.js";
-import { IconButton } from "../../ui/icon-button/index.js";
+import { FieldError } from "../field-error/index.js";
+import { Icon } from "../icon/index.js";
+import { IconButton } from "../icon-button/index.js";
 function maskNumeric(raw, allowNegative, allowDecimal, decimals) {
   if (raw === "") return "";
   let negative = false;

package/dist/ui/number-stepper/number-stepper-preview.cjs

@@ -24,7 +24,7 @@ module.exports = __toCommonJS(number_stepper_preview_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_helpers = require("../../helpers/index.cjs");
-var import_ui = require("../../ui/index.cjs");
+var import_ui = require("../index.cjs");
 function buildVars(styles) {
   return {
     "--uxm-number-stepper-input-bg": styles.backgroundColor,

package/dist/ui/number-stepper/number-stepper-preview.d.ts

@@ -1,5 +1,5 @@
 import type { PreviewProps } from '../../previews/types.js';
 export declare function NumberStepperPreview({ styles, variants }: PreviewProps & {
     componentId: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 //# sourceMappingURL=number-stepper-preview.d.ts.map

package/dist/ui/number-stepper/number-stepper-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"number-stepper-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/number-stepper/number-stepper-preview.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAuGrD,wBAAgB,oBAAoB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,GAAG;IAAE,WAAW,EAAE,MAAM,CAAA;CAAE,2CAGhG"}
+{"version":3,"file":"number-stepper-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/number-stepper/number-stepper-preview.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAuGrD,wBAAgB,oBAAoB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,GAAG;IAAE,WAAW,EAAE,MAAM,CAAA;CAAE,+BAGhG"}

package/dist/ui/number-stepper/number-stepper-preview.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { cn } from "../../helpers/index.js";
-import { FieldError, Icon, IconButton, NumberStepper } from "../../ui/index.js";
+import { FieldError, Icon, IconButton, NumberStepper } from "../index.js";
 function buildVars(styles) {
   return {
     "--uxm-number-stepper-input-bg": styles.backgroundColor,

package/dist/ui/number-stepper/number-stepper.d.ts

@@ -70,7 +70,7 @@ export interface NumberStepperProps {
  *   - `CurrencyInput` — typing + locale formatting + currency picker.
  *                      Use for monetary values.
  */
-export declare function NumberStepper({ value, onChange, min, max, step, unit, disabled, error, className, style, 'aria-label': ariaLabel, id, 'aria-describedby': describedBy, decrementLabel, incrementLabel, }: NumberStepperProps): import("react/jsx-runtime").JSX.Element;
+export declare function NumberStepper({ value, onChange, min, max, step, unit, disabled, error, className, style, 'aria-label': ariaLabel, id, 'aria-describedby': describedBy, decrementLabel, incrementLabel, }: NumberStepperProps): import("react").JSX.Element;
 export declare namespace NumberStepper {
     var hasError: boolean;
 }

package/dist/ui/number-stepper/number-stepper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"number-stepper.d.ts","sourceRoot":"","sources":["../../../src/ui/number-stepper/number-stepper.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;;;OASG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;OAKG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,+DAA+D;IAC/D,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,GAAG,EACH,GAAG,EACH,IAAQ,EACR,IAAI,EACJ,QAAgB,EAChB,KAAK,EACL,SAAS,EACT,KAAK,EACL,YAAY,EAAE,SAAS,EACvB,EAAE,EACF,kBAAkB,EAAE,WAAW,EAC/B,cAA4B,EAC5B,cAA4B,GAC7B,EAAE,kBAAkB,2CAyDpB;yBAzEe,aAAa"}
+{"version":3,"file":"number-stepper.d.ts","sourceRoot":"","sources":["../../../src/ui/number-stepper/number-stepper.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;;;OASG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;OAKG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,+DAA+D;IAC/D,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,GAAG,EACH,GAAG,EACH,IAAQ,EACR,IAAI,EACJ,QAAgB,EAChB,KAAK,EACL,SAAS,EACT,KAAK,EACL,YAAY,EAAE,SAAS,EACvB,EAAE,EACF,kBAAkB,EAAE,WAAW,EAC/B,cAA4B,EAC5B,cAA4B,GAC7B,EAAE,kBAAkB,+BAyDpB;yBAzEe,aAAa"}

package/dist/ui/option-list/option-list-preview.cjs

@@ -23,7 +23,7 @@ __export(option_list_preview_exports, {
 module.exports = __toCommonJS(option_list_preview_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_ui = require("../../ui/index.cjs");
+var import_ui = require("../index.cjs");
 const INITIAL_OPTIONS = [
   { id: "sfh", label: "Single Family Home" },
   { id: "mf", label: "Multi Family" },

package/dist/ui/option-list/option-list-preview.d.ts

@@ -1,3 +1,3 @@
 import type { PreviewProps } from '../../previews/types.js';
-export declare function OptionListPreview({ styles }: PreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function OptionListPreview({ styles }: PreviewProps): import("react").JSX.Element;
 //# sourceMappingURL=option-list-preview.d.ts.map

package/dist/ui/option-list/option-list-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"option-list-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/option-list/option-list-preview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAmBrD,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,YAAY,2CA2CzD"}
+{"version":3,"file":"option-list-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/option-list/option-list-preview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAmBrD,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,YAAY,+BA2CzD"}

package/dist/ui/option-list/option-list-preview.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import { Icon, IconButton, OptionList } from "../../ui/index.js";
+import { Icon, IconButton, OptionList } from "../index.js";
 const INITIAL_OPTIONS = [
   { id: "sfh", label: "Single Family Home" },
   { id: "mf", label: "Multi Family" },

package/dist/ui/option-list/option-list.cjs

@@ -23,7 +23,7 @@ __export(option_list_exports, {
 module.exports = __toCommonJS(option_list_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_helpers = require("../../helpers/index.cjs");
-var import_icon = require("../../ui/icon/index.cjs");
+var import_icon = require("../icon/index.cjs");
 function OptionList({ options, dragHandle = true, rowActions, className, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_helpers.cn)("uxm-option-list", className), ...rest, children: options.map((opt, i) => {
     const actions = rowActions?.(opt, i);

package/dist/ui/option-list/option-list.d.ts

@@ -28,5 +28,5 @@ export interface OptionListProps extends HTMLAttributes<HTMLDivElement> {
  * Every colour/dimension reads a `--uxm-option-list-*` custom property (with a
  * token fallback) so the UXM studio knobs re-theme it.
  */
-export declare function OptionList({ options, dragHandle, rowActions, className, ...rest }: OptionListProps): import("react/jsx-runtime").JSX.Element;
+export declare function OptionList({ options, dragHandle, rowActions, className, ...rest }: OptionListProps): import("react").JSX.Element;
 //# sourceMappingURL=option-list.d.ts.map

package/dist/ui/option-list/option-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"option-list.d.ts","sourceRoot":"","sources":["../../../src/ui/option-list/option-list.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,MAAM,WAAW,cAAc;IAC7B,oEAAoE;IACpE,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,4BAA4B;IAC5B,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,6CAA6C;IAC7C,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,uFAAuF;IACvF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;CACjE;AAED;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,UAAiB,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,2CAoBzG"}
+{"version":3,"file":"option-list.d.ts","sourceRoot":"","sources":["../../../src/ui/option-list/option-list.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,MAAM,WAAW,cAAc;IAC7B,oEAAoE;IACpE,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,4BAA4B;IAC5B,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,6CAA6C;IAC7C,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,uFAAuF;IACvF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;CACjE;AAED;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,UAAiB,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,+BAoBzG"}

package/dist/ui/option-list/option-list.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../helpers/index.js";
-import { Icon } from "../../ui/icon/index.js";
+import { Icon } from "../icon/index.js";
 function OptionList({ options, dragHandle = true, rowActions, className, ...rest }) {
   return /* @__PURE__ */ jsx("div", { className: cn("uxm-option-list", className), ...rest, children: options.map((opt, i) => {
     const actions = rowActions?.(opt, i);

package/dist/ui/page-header/page-header-preview.cjs

@@ -22,9 +22,9 @@ __export(page_header_preview_exports, {
 });
 module.exports = __toCommonJS(page_header_preview_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ui = require("../../ui/index.cjs");
-var import_ui2 = require("../../ui/index.cjs");
-var import_ui3 = require("../../ui/index.cjs");
+var import_ui = require("../index.cjs");
+var import_ui2 = require("../index.cjs");
+var import_ui3 = require("../index.cjs");
 function PageHeaderPreview({ styles }) {
   const iconSize = styles.iconSize;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(

package/dist/ui/page-header/page-header-preview.d.ts

@@ -1,3 +1,3 @@
 import type { PreviewProps } from '../../previews/types.js';
-export declare function PageHeaderPreview({ styles }: PreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function PageHeaderPreview({ styles }: PreviewProps): import("react").JSX.Element;
 //# sourceMappingURL=page-header-preview.d.ts.map

package/dist/ui/page-header/page-header-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-header-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/page-header/page-header-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKrD,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,YAAY,2CAgDzD"}
+{"version":3,"file":"page-header-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/page-header/page-header-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKrD,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,YAAY,+BAgDzD"}

package/dist/ui/page-header/page-header-preview.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { ButtonPrimary, ButtonTertiary } from "../../ui/index.js";
-import { Icon } from "../../ui/index.js";
-import { Tag } from "../../ui/index.js";
+import { ButtonPrimary, ButtonTertiary } from "../index.js";
+import { Icon } from "../index.js";
+import { Tag } from "../index.js";
 function PageHeaderPreview({ styles }) {
   const iconSize = styles.iconSize;
   return /* @__PURE__ */ jsxs(

package/dist/ui/page-header/page-header.d.ts

@@ -5,5 +5,5 @@ export interface PageHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 't
     meta?: ReactNode;
     actions?: ReactNode;
 }
-export declare function PageHeader({ icon, title, meta, actions, className, ...rest }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function PageHeader({ icon, title, meta, actions, className, ...rest }: PageHeaderProps): import("react").JSX.Element;
 //# sourceMappingURL=page-header.d.ts.map

package/dist/ui/page-header/page-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../../src/ui/page-header/page-header.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAiB,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtE,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACpF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAcD,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,2CAW7F"}
+{"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../../src/ui/page-header/page-header.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAiB,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtE,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACpF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAcD,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,+BAW7F"}

package/dist/ui/page-shell/page-shell-preview.cjs

@@ -22,13 +22,13 @@ __export(page_shell_preview_exports, {
 });
 module.exports = __toCommonJS(page_shell_preview_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ui = require("../../ui/index.cjs");
-var import_ui2 = require("../../ui/index.cjs");
-var import_ui3 = require("../../ui/index.cjs");
-var import_ui4 = require("../../ui/index.cjs");
-var import_ui5 = require("../../ui/index.cjs");
-var import_ui6 = require("../../ui/index.cjs");
-var import_ui7 = require("../../ui/index.cjs");
+var import_ui = require("../index.cjs");
+var import_ui2 = require("../index.cjs");
+var import_ui3 = require("../index.cjs");
+var import_ui4 = require("../index.cjs");
+var import_ui5 = require("../index.cjs");
+var import_ui6 = require("../index.cjs");
+var import_ui7 = require("../index.cjs");
 const SAMPLE_SECTIONS = [
   {
     items: [

package/dist/ui/page-shell/page-shell-preview.d.ts

@@ -1,3 +1,3 @@
 import type { PreviewProps } from '../../previews/types.js';
-export declare function PageShellPreview({ styles, variants }: PreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function PageShellPreview({ styles, variants }: PreviewProps): import("react").JSX.Element;
 //# sourceMappingURL=page-shell-preview.d.ts.map

package/dist/ui/page-shell/page-shell-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-shell-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/page-shell/page-shell-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AA+BrD,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,2CA6FlE"}
+{"version":3,"file":"page-shell-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/page-shell/page-shell-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AA+BrD,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,+BA6FlE"}

package/dist/ui/page-shell/page-shell-preview.js

@@ -1,11 +1,11 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { AppSidebar } from "../../ui/index.js";
-import { AppTopBar } from "../../ui/index.js";
-import { Avatar } from "../../ui/index.js";
-import { ButtonPrimary } from "../../ui/index.js";
-import { Icon } from "../../ui/index.js";
-import { InputWithIcon } from "../../ui/index.js";
-import { PageShell } from "../../ui/index.js";
+import { AppSidebar } from "../index.js";
+import { AppTopBar } from "../index.js";
+import { Avatar } from "../index.js";
+import { ButtonPrimary } from "../index.js";
+import { Icon } from "../index.js";
+import { InputWithIcon } from "../index.js";
+import { PageShell } from "../index.js";
 const SAMPLE_SECTIONS = [
   {
     items: [

package/dist/ui/page-shell/page-shell.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/page-shell/page-shell.tsx"],"sourcesContent":["import { cn } from '@/helpers';\n\nimport type { HTMLAttributes, ReactNode } from 'react';\n\nexport type PageShellVariant = 'standard' | 'canvas';\n\nexport interface PageShellProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Layout variant — controls the content area only. The sidebar and top bar\n   * always render whatever you pass.\n   *\n   * - `standard`: padded, scrollable content area for normal product pages.\n   * - `canvas`: full-bleed, non-scrolling content area for diagram surfaces\n   *   and lifecycle modelers. Pass a lighter context-specific top bar\n   *   (Back + title + diagram actions) instead of the full AppTopBar.\n   */\n  variant?: PageShellVariant;\n  /** Left navigation. Typically <AppSidebar /> from @viax/uxm/ui. */\n  sidebar?: ReactNode;\n  /** Top header — anything you want, or omit/null to render no header. */\n  topBar?: ReactNode;\n  /** Page content. */\n  children: ReactNode;\n}\n\nexport function PageShell({\n  variant = 'standard',\n  sidebar,\n  topBar,\n  children,\n  className,\n  ...rest\n}: PageShellProps) {\n  return (\n    <div className={cn('uxm-page-shell', `uxm-page-shell--${variant}`, className)} {...rest}>\n      {sidebar && <div className=\"uxm-page-shell__sidebar\">{sidebar}</div>}\n      <div className=\"uxm-page-shell__body\">\n        {topBar && <div className=\"uxm-page-shell__top-bar\">{topBar}</div>}\n        <main className=\"uxm-page-shell__content\">{children}</main>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmCkB;AAnClB,qBAAmB;AAyBZ,SAAS,UAAU;AAAA,EACxB,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAmB;AACjB,SACE,6CAAC,SAAI,eAAW,mBAAG,kBAAkB,mBAAmB,OAAO,IAAI,SAAS,GAAI,GAAG,MAChF;AAAA,eAAW,4CAAC,SAAI,WAAU,2BAA2B,mBAAQ;AAAA,IAC9D,6CAAC,SAAI,WAAU,wBACZ;AAAA,gBAAU,4CAAC,SAAI,WAAU,2BAA2B,kBAAO;AAAA,MAC5D,4CAAC,UAAK,WAAU,2BAA2B,UAAS;AAAA,OACtD;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/ui/page-shell/page-shell.tsx"],"sourcesContent":["import { cn } from '@/helpers';\n\nimport type { HTMLAttributes, ReactNode } from 'react';\n\nexport type PageShellVariant = 'standard' | 'canvas';\n\nexport interface PageShellProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Layout variant — controls the content area only. The sidebar and top bar\n   * always render whatever you pass.\n   *\n   * - `standard`: padded, scrollable content area for normal product pages.\n   * - `canvas`: full-bleed, non-scrolling content area for diagram surfaces\n   *   and lifecycle modelers. Pass a lighter context-specific top bar\n   *   (Back + title + diagram actions) instead of the full AppTopBar.\n   */\n  variant?: PageShellVariant;\n  /** Left navigation. Typically <AppSidebar /> from @viax.io/uxm/ui. */\n  sidebar?: ReactNode;\n  /** Top header — anything you want, or omit/null to render no header. */\n  topBar?: ReactNode;\n  /** Page content. */\n  children: ReactNode;\n}\n\nexport function PageShell({\n  variant = 'standard',\n  sidebar,\n  topBar,\n  children,\n  className,\n  ...rest\n}: PageShellProps) {\n  return (\n    <div className={cn('uxm-page-shell', `uxm-page-shell--${variant}`, className)} {...rest}>\n      {sidebar && <div className=\"uxm-page-shell__sidebar\">{sidebar}</div>}\n      <div className=\"uxm-page-shell__body\">\n        {topBar && <div className=\"uxm-page-shell__top-bar\">{topBar}</div>}\n        <main className=\"uxm-page-shell__content\">{children}</main>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmCkB;AAnClB,qBAAmB;AAyBZ,SAAS,UAAU;AAAA,EACxB,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAmB;AACjB,SACE,6CAAC,SAAI,eAAW,mBAAG,kBAAkB,mBAAmB,OAAO,IAAI,SAAS,GAAI,GAAG,MAChF;AAAA,eAAW,4CAAC,SAAI,WAAU,2BAA2B,mBAAQ;AAAA,IAC9D,6CAAC,SAAI,WAAU,wBACZ;AAAA,gBAAU,4CAAC,SAAI,WAAU,2BAA2B,kBAAO;AAAA,MAC5D,4CAAC,UAAK,WAAU,2BAA2B,UAAS;AAAA,OACtD;AAAA,KACF;AAEJ;","names":[]}

package/dist/ui/page-shell/page-shell.d.ts

@@ -11,12 +11,12 @@ export interface PageShellProps extends HTMLAttributes<HTMLDivElement> {
      *   (Back + title + diagram actions) instead of the full AppTopBar.
      */
     variant?: PageShellVariant;
-    /** Left navigation. Typically <AppSidebar /> from @viax/uxm/ui. */
+    /** Left navigation. Typically <AppSidebar /> from @viax.io/uxm/ui. */
     sidebar?: ReactNode;
     /** Top header — anything you want, or omit/null to render no header. */
     topBar?: ReactNode;
     /** Page content. */
     children: ReactNode;
 }
-export declare function PageShell({ variant, sidebar, topBar, children, className, ...rest }: PageShellProps): import("react/jsx-runtime").JSX.Element;
+export declare function PageShell({ variant, sidebar, topBar, children, className, ...rest }: PageShellProps): import("react").JSX.Element;
 //# sourceMappingURL=page-shell.d.ts.map

package/dist/ui/page-shell/page-shell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-shell.d.ts","sourceRoot":"","sources":["../../../src/ui/page-shell/page-shell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,QAAQ,CAAC;AAErD,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,mEAAmE;IACnE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,wEAAwE;IACxE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,oBAAoB;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,SAAS,CAAC,EACxB,OAAoB,EACpB,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,2CAUhB"}
+{"version":3,"file":"page-shell.d.ts","sourceRoot":"","sources":["../../../src/ui/page-shell/page-shell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,QAAQ,CAAC;AAErD,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,sEAAsE;IACtE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,wEAAwE;IACxE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,oBAAoB;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,SAAS,CAAC,EACxB,OAAoB,EACpB,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,+BAUhB"}

package/dist/ui/page-shell/page-shell.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/page-shell/page-shell.tsx"],"sourcesContent":["import { cn } from '@/helpers';\n\nimport type { HTMLAttributes, ReactNode } from 'react';\n\nexport type PageShellVariant = 'standard' | 'canvas';\n\nexport interface PageShellProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Layout variant — controls the content area only. The sidebar and top bar\n   * always render whatever you pass.\n   *\n   * - `standard`: padded, scrollable content area for normal product pages.\n   * - `canvas`: full-bleed, non-scrolling content area for diagram surfaces\n   *   and lifecycle modelers. Pass a lighter context-specific top bar\n   *   (Back + title + diagram actions) instead of the full AppTopBar.\n   */\n  variant?: PageShellVariant;\n  /** Left navigation. Typically <AppSidebar /> from @viax/uxm/ui. */\n  sidebar?: ReactNode;\n  /** Top header — anything you want, or omit/null to render no header. */\n  topBar?: ReactNode;\n  /** Page content. */\n  children: ReactNode;\n}\n\nexport function PageShell({\n  variant = 'standard',\n  sidebar,\n  topBar,\n  children,\n  className,\n  ...rest\n}: PageShellProps) {\n  return (\n    <div className={cn('uxm-page-shell', `uxm-page-shell--${variant}`, className)} {...rest}>\n      {sidebar && <div className=\"uxm-page-shell__sidebar\">{sidebar}</div>}\n      <div className=\"uxm-page-shell__body\">\n        {topBar && <div className=\"uxm-page-shell__top-bar\">{topBar}</div>}\n        <main className=\"uxm-page-shell__content\">{children}</main>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"AAmCkB,cACZ,YADY;AAnClB,SAAS,UAAU;AAyBZ,SAAS,UAAU;AAAA,EACxB,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAmB;AACjB,SACE,qBAAC,SAAI,WAAW,GAAG,kBAAkB,mBAAmB,OAAO,IAAI,SAAS,GAAI,GAAG,MAChF;AAAA,eAAW,oBAAC,SAAI,WAAU,2BAA2B,mBAAQ;AAAA,IAC9D,qBAAC,SAAI,WAAU,wBACZ;AAAA,gBAAU,oBAAC,SAAI,WAAU,2BAA2B,kBAAO;AAAA,MAC5D,oBAAC,UAAK,WAAU,2BAA2B,UAAS;AAAA,OACtD;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/ui/page-shell/page-shell.tsx"],"sourcesContent":["import { cn } from '@/helpers';\n\nimport type { HTMLAttributes, ReactNode } from 'react';\n\nexport type PageShellVariant = 'standard' | 'canvas';\n\nexport interface PageShellProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Layout variant — controls the content area only. The sidebar and top bar\n   * always render whatever you pass.\n   *\n   * - `standard`: padded, scrollable content area for normal product pages.\n   * - `canvas`: full-bleed, non-scrolling content area for diagram surfaces\n   *   and lifecycle modelers. Pass a lighter context-specific top bar\n   *   (Back + title + diagram actions) instead of the full AppTopBar.\n   */\n  variant?: PageShellVariant;\n  /** Left navigation. Typically <AppSidebar /> from @viax.io/uxm/ui. */\n  sidebar?: ReactNode;\n  /** Top header — anything you want, or omit/null to render no header. */\n  topBar?: ReactNode;\n  /** Page content. */\n  children: ReactNode;\n}\n\nexport function PageShell({\n  variant = 'standard',\n  sidebar,\n  topBar,\n  children,\n  className,\n  ...rest\n}: PageShellProps) {\n  return (\n    <div className={cn('uxm-page-shell', `uxm-page-shell--${variant}`, className)} {...rest}>\n      {sidebar && <div className=\"uxm-page-shell__sidebar\">{sidebar}</div>}\n      <div className=\"uxm-page-shell__body\">\n        {topBar && <div className=\"uxm-page-shell__top-bar\">{topBar}</div>}\n        <main className=\"uxm-page-shell__content\">{children}</main>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"AAmCkB,cACZ,YADY;AAnClB,SAAS,UAAU;AAyBZ,SAAS,UAAU;AAAA,EACxB,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAmB;AACjB,SACE,qBAAC,SAAI,WAAW,GAAG,kBAAkB,mBAAmB,OAAO,IAAI,SAAS,GAAI,GAAG,MAChF;AAAA,eAAW,oBAAC,SAAI,WAAU,2BAA2B,mBAAQ;AAAA,IAC9D,qBAAC,SAAI,WAAU,wBACZ;AAAA,gBAAU,oBAAC,SAAI,WAAU,2BAA2B,kBAAO;AAAA,MAC5D,oBAAC,UAAK,WAAU,2BAA2B,UAAS;AAAA,OACtD;AAAA,KACF;AAEJ;","names":[]}

package/dist/ui/password-input/password-input-preview.cjs

@@ -24,7 +24,7 @@ module.exports = __toCommonJS(password_input_preview_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_helpers = require("../../helpers/index.cjs");
-var import_ui = require("../../ui/index.cjs");
+var import_ui = require("../index.cjs");
 function buildVars(styles) {
   return {
     "--uxm-password-input-background-color": styles.backgroundColor,