@viax.io/uxm 4.37.1 → 4.39.0

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { ButtonPrimary, ButtonTertiary } from "../../ui/index.js";
-import { Icon } from "../../ui/index.js";
+import { ButtonPrimary, ButtonTertiary } from "../index.js";
+import { Icon } from "../index.js";
 const COPY = {
   "404": {
     code: "404",

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

@@ -13,5 +13,5 @@ export interface ErrorPageProps extends Omit<HTMLAttributes<HTMLDivElement>, 'ti
     /** Optional secondary action — typically a ButtonGhost or ButtonSecondary. */
     secondaryAction?: ReactNode;
 }
-export declare function ErrorPage({ code, icon, title, message, primaryAction, secondaryAction, className, ...rest }: ErrorPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function ErrorPage({ code, icon, title, message, primaryAction, secondaryAction, className, ...rest }: ErrorPageProps): import("react").JSX.Element;
 //# sourceMappingURL=error-page.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"error-page.d.ts","sourceRoot":"","sources":["../../../src/ui/error-page/error-page.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACnF,sEAAsE;IACtE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uDAAuD;IACvD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gDAAgD;IAChD,KAAK,EAAE,SAAS,CAAC;IACjB,uCAAuC;IACvC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,8EAA8E;IAC9E,eAAe,CAAC,EAAE,SAAS,CAAC;CAC7B;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,OAAO,EACP,aAAa,EACb,eAAe,EACf,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,2CAmBhB"}
+{"version":3,"file":"error-page.d.ts","sourceRoot":"","sources":["../../../src/ui/error-page/error-page.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACnF,sEAAsE;IACtE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uDAAuD;IACvD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gDAAgD;IAChD,KAAK,EAAE,SAAS,CAAC;IACjB,uCAAuC;IACvC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,8EAA8E;IAC9E,eAAe,CAAC,EAAE,SAAS,CAAC;CAC7B;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,OAAO,EACP,aAAa,EACb,eAAe,EACf,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,+BAmBhB"}

package/dist/ui/explorer-list-item/explorer-list-item-preview.cjs

@@ -24,7 +24,7 @@ module.exports = __toCommonJS(explorer_list_item_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");
 const INTERACTIVE_ROWS = [
   { key: "button-primary", name: "Button \u2014 Primary", trailing: "Buttons" },
   { key: "tabs", name: "Tabs", trailing: "Composite" },

package/dist/ui/explorer-list-item/explorer-list-item-preview.d.ts

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

package/dist/ui/explorer-list-item/explorer-list-item-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"explorer-list-item-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/explorer-list-item/explorer-list-item-preview.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAkFrD,wBAAgB,uBAAuB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,2CA6CzE"}
+{"version":3,"file":"explorer-list-item-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/explorer-list-item/explorer-list-item-preview.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAkFrD,wBAAgB,uBAAuB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,+BA6CzE"}

package/dist/ui/explorer-list-item/explorer-list-item-preview.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { cn } from "../../helpers/index.js";
-import { ExplorerListItem } from "../../ui/index.js";
+import { ExplorerListItem } from "../index.js";
 const INTERACTIVE_ROWS = [
   { key: "button-primary", name: "Button \u2014 Primary", trailing: "Buttons" },
   { key: "tabs", name: "Tabs", trailing: "Composite" },

package/dist/ui/explorer-list-item/explorer-list-item.d.ts

@@ -20,5 +20,5 @@ export interface ExplorerListItemProps extends Omit<ButtonHTMLAttributes<HTMLBut
  * registry — the rail's colour, width, height, and radius are
  * separately editable from the row's own bg/text.
  */
-export declare function ExplorerListItem({ name, trailing, active, className, type, ...rest }: ExplorerListItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function ExplorerListItem({ name, trailing, active, className, type, ...rest }: ExplorerListItemProps): import("react").JSX.Element;
 //# sourceMappingURL=explorer-list-item.d.ts.map

package/dist/ui/explorer-list-item/explorer-list-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"explorer-list-item.d.ts","sourceRoot":"","sources":["../../../src/ui/explorer-list-item/explorer-list-item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI7D,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC7D,0BAA0B;IAC1B,IAAI,EAAE,SAAS,CAAC;IAChB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,uEAAuE;IACvE,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAMD;;;;;;;;;;;;GAYG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,SAAS,EACT,IAAe,EACf,GAAG,IAAI,EACR,EAAE,qBAAqB,2CAqBvB"}
+{"version":3,"file":"explorer-list-item.d.ts","sourceRoot":"","sources":["../../../src/ui/explorer-list-item/explorer-list-item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI7D,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC7D,0BAA0B;IAC1B,IAAI,EAAE,SAAS,CAAC;IAChB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,uEAAuE;IACvE,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAMD;;;;;;;;;;;;GAYG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,SAAS,EACT,IAAe,EACf,GAAG,IAAI,EACR,EAAE,qBAAqB,+BAqBvB"}

package/dist/ui/explorer-section/explorer-section-preview.cjs

@@ -24,8 +24,8 @@ module.exports = __toCommonJS(explorer_section_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_ui2 = require("../../ui/index.cjs");
+var import_ui = require("../index.cjs");
+var import_ui2 = require("../index.cjs");
 const SECTIONS = [
   { name: "Buttons", count: 5, color: "var(--color-accent)" },
   { name: "Inputs", count: 7, color: "var(--color-accent-light)" },

package/dist/ui/explorer-section/explorer-section-preview.d.ts

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

package/dist/ui/explorer-section/explorer-section-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"explorer-section-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/explorer-section/explorer-section-preview.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AA4FrD,wBAAgB,sBAAsB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,2CA4DxE"}
+{"version":3,"file":"explorer-section-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/explorer-section/explorer-section-preview.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AA4FrD,wBAAgB,sBAAsB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,+BA4DxE"}

package/dist/ui/explorer-section/explorer-section-preview.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { cn } from "../../helpers/index.js";
-import { ExplorerSection } from "../../ui/index.js";
-import { Icon } from "../../ui/index.js";
+import { ExplorerSection } from "../index.js";
+import { Icon } from "../index.js";
 const SECTIONS = [
   { name: "Buttons", count: 5, color: "var(--color-accent)" },
   { name: "Inputs", count: 7, color: "var(--color-accent-light)" },

package/dist/ui/explorer-section/explorer-section.d.ts

@@ -43,5 +43,5 @@ export interface ExplorerSectionProps extends Omit<ButtonHTMLAttributes<HTMLButt
  * size/colour, label colour, hover bg, and trailing styling are all
  * separately editable.
  */
-export declare function ExplorerSection({ children, open: controlledOpen, defaultOpen, onOpenChange, indicator, trailing, className, type, onClick, id, ...rest }: ExplorerSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function ExplorerSection({ children, open: controlledOpen, defaultOpen, onOpenChange, indicator, trailing, className, type, onClick, id, ...rest }: ExplorerSectionProps): import("react").JSX.Element;
 //# sourceMappingURL=explorer-section.d.ts.map

package/dist/ui/explorer-section/explorer-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"explorer-section.d.ts","sourceRoot":"","sources":["../../../src/ui/explorer-section/explorer-section.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,4BAA4B;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iGAAiG;IACjG,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,+GAA+G;IAC/G,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;0EACsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,SAAS,EACT,IAAe,EACf,OAAO,EACP,EAAE,EACF,GAAG,IAAI,EACR,EAAE,oBAAoB,2CAoDtB"}
+{"version":3,"file":"explorer-section.d.ts","sourceRoot":"","sources":["../../../src/ui/explorer-section/explorer-section.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,4BAA4B;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iGAAiG;IACjG,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,+GAA+G;IAC/G,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;0EACsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,SAAS,EACT,IAAe,EACf,OAAO,EACP,EAAE,EACF,GAAG,IAAI,EACR,EAAE,oBAAoB,+BAoDtB"}

package/dist/ui/field-error/field-error.d.ts

@@ -31,5 +31,5 @@ export interface FieldErrorProps {
  * class. It's `aria-hidden` because the message text already conveys the
  * error to assistive tech (and `aria-invalid` lives on the control).
  */
-export declare function FieldError({ className, id, children }: FieldErrorProps): import("react/jsx-runtime").JSX.Element;
+export declare function FieldError({ className, id, children }: FieldErrorProps): import("react").JSX.Element;
 //# sourceMappingURL=field-error.d.ts.map

package/dist/ui/field-error/field-error.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field-error.d.ts","sourceRoot":"","sources":["../../../src/ui/field-error/field-error.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,eAAe;IAC9B;;;;;;;;OAQG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,eAAe,2CAOtE"}
+{"version":3,"file":"field-error.d.ts","sourceRoot":"","sources":["../../../src/ui/field-error/field-error.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,eAAe;IAC9B;;;;;;;;OAQG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,eAAe,+BAOtE"}

package/dist/ui/file-upload/file-upload-preview.cjs

@@ -23,7 +23,7 @@ __export(file_upload_preview_exports, {
 module.exports = __toCommonJS(file_upload_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");
 function buildVars(styles) {
   return {
     // Default surface

package/dist/ui/file-upload/file-upload-preview.d.ts

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

package/dist/ui/file-upload/file-upload-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-upload-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/file-upload/file-upload-preview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAgHrD,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,2CA8DnE"}
+{"version":3,"file":"file-upload-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/file-upload/file-upload-preview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAgHrD,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,+BA8DnE"}

package/dist/ui/file-upload/file-upload-preview.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { FileUpload } from "../../ui/index.js";
+import { FileUpload } from "../index.js";
 function buildVars(styles) {
   return {
     // Default surface

package/dist/ui/file-upload/file-upload.d.ts

@@ -222,5 +222,5 @@ export interface FileUploadProps extends Omit<HTMLAttributes<HTMLDivElement>, 'o
     /** Optional slot rendered above the file list (e.g. a summary line). */
     children?: ReactNode;
 }
-export declare function FileUpload({ state: forcedState, multiple, accept, disabled, titleText, helpText, allowedTypesText, error, errorMessage, files, onFiles, onRemove, onOpenFile, downloadGlyph, downloadLabel, onDragEnter, onDragLeave, onError: _onError, labels, locale: localeProp, formatSize, className, style, iconGlyph, children, ...rest }: FileUploadProps): import("react/jsx-runtime").JSX.Element;
+export declare function FileUpload({ state: forcedState, multiple, accept, disabled, titleText, helpText, allowedTypesText, error, errorMessage, files, onFiles, onRemove, onOpenFile, downloadGlyph, downloadLabel, onDragEnter, onDragLeave, onError: _onError, labels, locale: localeProp, formatSize, className, style, iconGlyph, children, ...rest }: FileUploadProps): import("react").JSX.Element;
 //# sourceMappingURL=file-upload.d.ts.map

package/dist/ui/file-upload/file-upload.d.ts.map

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

package/dist/ui/filter-tabs/filter-tabs-preview.cjs

@@ -24,7 +24,7 @@ module.exports = __toCommonJS(filter_tabs_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");
 const INTERACTIVE_TABS = [
   { value: "all", label: "All" },
   { value: "active", label: "Active" },

package/dist/ui/filter-tabs/filter-tabs-preview.d.ts

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

package/dist/ui/filter-tabs/filter-tabs-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-tabs-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/filter-tabs/filter-tabs-preview.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AA6ErD,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,2CAuCnE"}
+{"version":3,"file":"filter-tabs-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/filter-tabs/filter-tabs-preview.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AA6ErD,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,+BAuCnE"}

package/dist/ui/filter-tabs/filter-tabs-preview.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { cn } from "../../helpers/index.js";
-import { FilterTabs } from "../../ui/index.js";
+import { FilterTabs } from "../index.js";
 const INTERACTIVE_TABS = [
   { value: "all", label: "All" },
   { value: "active", label: "Active" },

package/dist/ui/filter-tabs/filter-tabs.d.ts

@@ -12,5 +12,5 @@ export interface FilterTabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'o
     defaultValue?: string;
     onChange?: (value: string) => void;
 }
-export declare function FilterTabs({ options, value, defaultValue, onChange, className, ...rest }: FilterTabsProps): import("react/jsx-runtime").JSX.Element;
+export declare function FilterTabs({ options, value, defaultValue, onChange, className, ...rest }: FilterTabsProps): import("react").JSX.Element;
 //# sourceMappingURL=filter-tabs.d.ts.map

package/dist/ui/filter-tabs/filter-tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-tabs.d.ts","sourceRoot":"","sources":["../../../src/ui/filter-tabs/filter-tabs.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd;0DACsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACvF,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,eAAe,2CA+CjB"}
+{"version":3,"file":"filter-tabs.d.ts","sourceRoot":"","sources":["../../../src/ui/filter-tabs/filter-tabs.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd;0DACsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACvF,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,eAAe,+BA+CjB"}

package/dist/ui/form-field/form-field-preview.cjs

@@ -22,8 +22,8 @@ __export(form_field_preview_exports, {
 });
 module.exports = __toCommonJS(form_field_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_ui = require("../index.cjs");
+var import_ui2 = require("../index.cjs");
 function FormFieldPreview({ styles, variants }) {
   const labelPosition = variants.labelPosition ?? "top";
   const labelVariant = variants.labelVariant ?? "default";

package/dist/ui/form-field/form-field-preview.d.ts

@@ -7,5 +7,5 @@ import type { PreviewProps } from '../../previews/types.js';
  * how FormField behaves when nested inside a real sidebar / modal /
  * card.
  */
-export declare function FormFieldPreview({ styles, variants }: PreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormFieldPreview({ styles, variants }: PreviewProps): import("react").JSX.Element;
 //# sourceMappingURL=form-field-preview.d.ts.map

package/dist/ui/form-field/form-field-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/form-field/form-field-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAWrD;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,2CAyDlE"}
+{"version":3,"file":"form-field-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/form-field/form-field-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAWrD;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,+BAyDlE"}

package/dist/ui/form-field/form-field-preview.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import {
   FormField
-} from "../../ui/index.js";
-import { RadioGroup, RadioOption, TextInput } from "../../ui/index.js";
+} from "../index.js";
+import { RadioGroup, RadioOption, TextInput } from "../index.js";
 function FormFieldPreview({ styles, variants }) {
   const labelPosition = variants.labelPosition ?? "top";
   const labelVariant = variants.labelVariant ?? "default";

package/dist/ui/form-field/form-field.d.ts

@@ -62,5 +62,5 @@ export interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {
  *     <TextInput type="email" />
  *   </FormField>
  */
-export declare function FormField({ label, hint, labelPosition, labelTint, labelVariant, htmlFor, children, className, ...rest }: FormFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormField({ label, hint, labelPosition, labelTint, labelVariant, htmlFor, children, className, ...rest }: FormFieldProps): import("react").JSX.Element;
 //# sourceMappingURL=form-field.d.ts.map

package/dist/ui/form-field/form-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["../../../src/ui/form-field/form-field.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,sBAAsB,GAAG,KAAK,GAAG,MAAM,CAAC;AAEpD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEhE,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,UAAU,CAAC;AAE3D,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,kDAAkD;IAClD,KAAK,EAAE,SAAS,CAAC;IACjB,kDAAkD;IAClD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,IAAI,EACJ,aAAqB,EACrB,SAAoB,EACpB,YAAwB,EACxB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,2CA8ChB"}
+{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["../../../src/ui/form-field/form-field.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,sBAAsB,GAAG,KAAK,GAAG,MAAM,CAAC;AAEpD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEhE,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,UAAU,CAAC;AAE3D,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,kDAAkD;IAClD,KAAK,EAAE,SAAS,CAAC;IACjB,kDAAkD;IAClD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,IAAI,EACJ,aAAqB,EACrB,SAAoB,EACpB,YAAwB,EACxB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,+BA8ChB"}

package/dist/ui/hover-tooltip/hover-tooltip.d.ts

@@ -15,5 +15,5 @@ export interface HoverTooltipProps {
  * `Popover` for positioning + portal, then renders the existing `Tooltip`
  * inside. Non-interactive by design: closes when the pointer leaves the anchor.
  */
-export declare function HoverTooltip({ content, placement, truncatedOnly, openDelay, disabled, children, showArrow, }: HoverTooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function HoverTooltip({ content, placement, truncatedOnly, openDelay, disabled, children, showArrow, }: HoverTooltipProps): import("react").JSX.Element;
 //# sourceMappingURL=hover-tooltip.d.ts.map

package/dist/ui/hover-tooltip/hover-tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hover-tooltip.d.ts","sourceRoot":"","sources":["../../../src/ui/hover-tooltip/hover-tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,MAAM,WAAW,iBAAiB;IAChC,wEAAwE;IACxE,OAAO,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,SAAiB,EACjB,aAAoB,EACpB,SAAe,EACf,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE,iBAAiB,2CAmGnB"}
+{"version":3,"file":"hover-tooltip.d.ts","sourceRoot":"","sources":["../../../src/ui/hover-tooltip/hover-tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,MAAM,WAAW,iBAAiB;IAChC,wEAAwE;IACxE,OAAO,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,SAAiB,EACjB,aAAoB,EACpB,SAAe,EACf,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE,iBAAiB,+BAmGnB"}

package/dist/ui/icon/icon-preview.cjs

@@ -23,7 +23,7 @@ __export(icon_preview_exports, {
 module.exports = __toCommonJS(icon_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");
 function IconPreview({ styles }) {
   const size = styles.size;
   const strokeWidth = styles.strokeWidth;

package/dist/ui/icon/icon-preview.d.ts

@@ -17,5 +17,5 @@ import type { PreviewProps } from '../../previews/types.js';
  * variable a production consumer would set); Icon's stroke defaults to
  * `currentColor`, so the wrapper colour is enough.
  */
-export declare function IconPreview({ styles }: PreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function IconPreview({ styles }: PreviewProps): import("react").JSX.Element;
 //# sourceMappingURL=icon-preview.d.ts.map

package/dist/ui/icon/icon-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/icon/icon-preview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKrD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,EAAE,YAAY,2CAoGnD"}
+{"version":3,"file":"icon-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/icon/icon-preview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKrD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,EAAE,YAAY,+BAoGnD"}

package/dist/ui/icon/icon-preview.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { Icon, ICONS, InputWithIcon } from "../../ui/index.js";
+import { Icon, ICONS, InputWithIcon } from "../index.js";
 function IconPreview({ styles }) {
   const size = styles.size;
   const strokeWidth = styles.strokeWidth;

package/dist/ui/icon/icon.d.ts

@@ -4,5 +4,5 @@ export interface IconProps extends Omit<SVGAttributes<SVGSVGElement>, 'children'
     size?: number;
     strokeWidth?: number;
 }
-export declare function Icon({ glyph, size, strokeWidth, className, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function Icon({ glyph, size, strokeWidth, className, ...rest }: IconProps): import("react").JSX.Element | null;
 //# sourceMappingURL=icon.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/ui/icon/icon.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,UAAU,CAAC;IAC/E,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,IAAS,EAAE,WAAkB,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,kDA6C3F"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/ui/icon/icon.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,UAAU,CAAC;IAC/E,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,IAAS,EAAE,WAAkB,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,sCA6C3F"}

package/dist/ui/icon-button/icon-button-preview.cjs

@@ -23,12 +23,13 @@ __export(icon_button_preview_exports, {
 module.exports = __toCommonJS(icon_button_preview_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-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 IconButtonPreview({ styles, variants }) {
   const glyph = variants.glyph ?? "close";
   const state = variants.state ?? "default";
+  const filled = variants.variant === "filled";
   const def = (0, import_ui.getIcon)(glyph);
   const [hover, setHover] = (0, import_react.useState)(false);
   const [pressed, setPressed] = (0, import_react.useState)(false);
@@ -38,10 +39,11 @@ function IconButtonPreview({ styles, variants }) {
   const isFocused = state === "focus";
   const isDisabled = state === "disabled";
   const isForcedState = forced;
-  const iconSize = styles.iconSize;
-  const fallback = (stateValue, base) => stateValue !== void 0 ? stateValue : base;
-  const currentBg = isPressed ? fallback(styles.activeBackgroundColor, styles.backgroundColor) : isHover ? fallback(styles.hoverBackgroundColor, styles.backgroundColor) : styles.backgroundColor;
-  const currentColor = isDisabled ? fallback(styles.disabledColor, styles.color) : isPressed ? fallback(styles.activeColor, styles.color) : isHover ? fallback(styles.hoverColor, styles.color) : isFocused ? fallback(styles.focusColor, styles.color) : styles.color;
+  const iconSize = filled ? styles.filledIconSize : styles.iconSize;
+  const base = filled ? { bg: styles.filledBg, color: styles.filledColor, hoverBg: styles.filledHoverBg, hoverColor: styles.filledHoverColor, activeBg: styles.filledActiveBg, activeColor: styles.filledActiveColor } : { bg: styles.backgroundColor, color: styles.color, hoverBg: styles.hoverBackgroundColor, hoverColor: styles.hoverColor, activeBg: styles.activeBackgroundColor, activeColor: styles.activeColor };
+  const fallback = (stateValue, base2) => stateValue !== void 0 ? stateValue : base2;
+  const currentBg = isPressed ? fallback(base.activeBg, base.bg) : isHover ? fallback(base.hoverBg, base.bg) : base.bg;
+  const currentColor = isDisabled ? fallback(styles.disabledColor, base.color) : isPressed ? fallback(base.activeColor, base.color) : isHover ? fallback(base.hoverColor, base.color) : isFocused ? fallback(styles.focusColor, base.color) : base.color;
   const cssVars = {
     "--uxm-icon-button-size": `${styles.size}px`,
     "--uxm-icon-button-radius": `${styles.borderRadius}px`,
@@ -60,6 +62,16 @@ function IconButtonPreview({ styles, variants }) {
     "--uxm-icon-button-focus-color": styles.focusColor,
     "--uxm-icon-button-disabled-opacity": styles.disabledOpacity.toString(),
     "--uxm-icon-button-disabled-color": styles.disabledColor,
+    // Filled-variant vars — read only by `.uxm-icon-button--filled`.
+    "--uxm-icon-button-filled-size": `${styles.filledSize}px`,
+    "--uxm-icon-button-filled-radius": `${styles.filledRadius}px`,
+    "--uxm-icon-button-filled-icon-size": `${styles.filledIconSize}px`,
+    "--uxm-icon-button-filled-bg": styles.filledBg,
+    "--uxm-icon-button-filled-color": styles.filledColor,
+    "--uxm-icon-button-filled-hover-bg": styles.filledHoverBg,
+    "--uxm-icon-button-filled-hover-color": styles.filledHoverColor,
+    "--uxm-icon-button-filled-active-bg": styles.filledActiveBg,
+    "--uxm-icon-button-filled-active-color": styles.filledActiveColor,
     // Forced-state direct overrides keep the previewed state painted
     // regardless of real pointer/keyboard interaction. Default state skips
     // these so `:hover` etc. still trigger naturally.
@@ -75,6 +87,7 @@ function IconButtonPreview({ styles, variants }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { padding: 16, display: "inline-flex" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_ui3.IconButton,
     {
+      variant: filled ? "filled" : "ghost",
       "aria-label": def?.label ?? glyph,
       disabled: isDisabled,
       onMouseEnter: () => !forced && setHover(true),

package/dist/ui/icon-button/icon-button-preview.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/icon-button/icon-button-preview.tsx"],"sourcesContent":["import { useState, type CSSProperties } from 'react';\n\nimport type { PreviewProps } from '@/previews/types';\nimport { getIcon } from '@/ui';\nimport { Icon } from '@/ui';\nimport { IconButton } from '@/ui';\n\n/**\n * Renders the real <IconButton> with state-aware projection. Default-state\n * preview projects bg/color as custom properties (so real `:hover` works in\n * the editor canvas); forced states inline direct overrides so the chosen\n * state stays painted regardless of pointer/keyboard interaction. Mirrors\n * the same pattern used by `plainButtonStateStyle` for the labelled button\n * family.\n *\n * Uses the real <Icon> atom for the glyph render so every glyph type\n * works — both path- and body-based.\n */\nexport function IconButtonPreview({ styles, variants }: PreviewProps) {\n  const glyph = (variants.glyph as string) ?? 'close';\n  const state = (variants.state as string) ?? 'default';\n  const def = getIcon(glyph);\n\n  const [hover, setHover] = useState(false);\n  const [pressed, setPressed] = useState(false);\n  const forced = state !== 'default';\n  const isHover = forced ? state === 'hover' : hover;\n  const isPressed = forced ? state === 'active' : pressed;\n  const isFocused = state === 'focus';\n  const isDisabled = state === 'disabled';\n  const isForcedState = forced;\n\n  const iconSize = styles.iconSize as number;\n\n  const fallback = <T,>(stateValue: T | undefined, base: T) =>\n    stateValue !== undefined ? stateValue : base;\n\n  const currentBg = isPressed\n    ? fallback(styles.activeBackgroundColor as string | undefined, styles.backgroundColor as string)\n    : isHover\n    ? fallback(styles.hoverBackgroundColor as string | undefined, styles.backgroundColor as string)\n    : (styles.backgroundColor as string);\n  const currentColor = isDisabled\n    ? fallback(styles.disabledColor as string | undefined, styles.color as string)\n    : isPressed\n    ? fallback(styles.activeColor as string | undefined, styles.color as string)\n    : isHover\n    ? fallback(styles.hoverColor as string | undefined, styles.color as string)\n    : isFocused\n    ? fallback(styles.focusColor as string | undefined, styles.color as string)\n    : (styles.color as string);\n\n  const cssVars: CSSProperties = {\n    '--uxm-icon-button-size': `${styles.size}px`,\n    '--uxm-icon-button-radius': `${styles.borderRadius}px`,\n    '--uxm-icon-button-icon-size': `${iconSize}px`,\n    '--uxm-icon-button-stroke-width': (styles.strokeWidth as number).toString(),\n    // Default-state values projected as custom props so real `:hover` still\n    // wins on actual pointer interaction in the editor canvas.\n    '--uxm-icon-button-bg': styles.backgroundColor as string,\n    '--uxm-icon-button-color': styles.color as string,\n    // Per-state vars the production CSS rules read.\n    '--uxm-icon-button-hover-bg': styles.hoverBackgroundColor as string,\n    '--uxm-icon-button-hover-color': styles.hoverColor as string,\n    '--uxm-icon-button-active-bg': styles.activeBackgroundColor as string | undefined,\n    '--uxm-icon-button-active-color': styles.activeColor as string | undefined,\n    '--uxm-icon-button-focus-ring-color': styles.focusRingColor as string | undefined,\n    '--uxm-icon-button-focus-color': styles.focusColor as string | undefined,\n    '--uxm-icon-button-disabled-opacity': (styles.disabledOpacity as number).toString(),\n    '--uxm-icon-button-disabled-color': styles.disabledColor as string | undefined,\n    // Forced-state direct overrides keep the previewed state painted\n    // regardless of real pointer/keyboard interaction. Default state skips\n    // these so `:hover` etc. still trigger naturally.\n    ...(isForcedState\n      ? {\n          backgroundColor: currentBg,\n          color: currentColor,\n        }\n      : {}),\n    ...(isFocused\n      ? {\n          outline: `2px solid ${styles.focusRingColor as string}`,\n          outlineOffset: 2,\n        }\n      : {}),\n  } as CSSProperties;\n\n  return (\n    <div style={{ padding: 16, display: 'inline-flex' }}>\n      <IconButton\n        aria-label={def?.label ?? glyph}\n        disabled={isDisabled}\n        onMouseEnter={() => !forced && setHover(true)}\n        onMouseLeave={() => {\n          if (!forced) {\n            setHover(false);\n            setPressed(false);\n          }\n        }}\n        onMouseDown={() => !forced && setPressed(true)}\n        onMouseUp={() => !forced && setPressed(false)}\n        style={cssVars}\n      >\n        <Icon glyph={glyph} size={iconSize} strokeWidth={styles.strokeWidth as number} />\n      </IconButton>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuGQ;AAvGR,mBAA6C;AAG7C,gBAAwB;AACxB,IAAAA,aAAqB;AACrB,IAAAA,aAA2B;AAapB,SAAS,kBAAkB,EAAE,QAAQ,SAAS,GAAiB;AACpE,QAAM,QAAS,SAAS,SAAoB;AAC5C,QAAM,QAAS,SAAS,SAAoB;AAC5C,QAAM,UAAM,mBAAQ,KAAK;AAEzB,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,KAAK;AACxC,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAC5C,QAAM,SAAS,UAAU;AACzB,QAAM,UAAU,SAAS,UAAU,UAAU;AAC7C,QAAM,YAAY,SAAS,UAAU,WAAW;AAChD,QAAM,YAAY,UAAU;AAC5B,QAAM,aAAa,UAAU;AAC7B,QAAM,gBAAgB;AAEtB,QAAM,WAAW,OAAO;AAExB,QAAM,WAAW,CAAK,YAA2B,SAC/C,eAAe,SAAY,aAAa;AAE1C,QAAM,YAAY,YACd,SAAS,OAAO,uBAA6C,OAAO,eAAyB,IAC7F,UACA,SAAS,OAAO,sBAA4C,OAAO,eAAyB,IAC3F,OAAO;AACZ,QAAM,eAAe,aACjB,SAAS,OAAO,eAAqC,OAAO,KAAe,IAC3E,YACA,SAAS,OAAO,aAAmC,OAAO,KAAe,IACzE,UACA,SAAS,OAAO,YAAkC,OAAO,KAAe,IACxE,YACA,SAAS,OAAO,YAAkC,OAAO,KAAe,IACvE,OAAO;AAEZ,QAAM,UAAyB;AAAA,IAC7B,0BAA0B,GAAG,OAAO,IAAI;AAAA,IACxC,4BAA4B,GAAG,OAAO,YAAY;AAAA,IAClD,+BAA+B,GAAG,QAAQ;AAAA,IAC1C,kCAAmC,OAAO,YAAuB,SAAS;AAAA;AAAA;AAAA,IAG1E,wBAAwB,OAAO;AAAA,IAC/B,2BAA2B,OAAO;AAAA;AAAA,IAElC,8BAA8B,OAAO;AAAA,IACrC,iCAAiC,OAAO;AAAA,IACxC,+BAA+B,OAAO;AAAA,IACtC,kCAAkC,OAAO;AAAA,IACzC,sCAAsC,OAAO;AAAA,IAC7C,iCAAiC,OAAO;AAAA,IACxC,sCAAuC,OAAO,gBAA2B,SAAS;AAAA,IAClF,oCAAoC,OAAO;AAAA;AAAA;AAAA;AAAA,IAI3C,GAAI,gBACA;AAAA,MACE,iBAAiB;AAAA,MACjB,OAAO;AAAA,IACT,IACA,CAAC;AAAA,IACL,GAAI,YACA;AAAA,MACE,SAAS,aAAa,OAAO,cAAwB;AAAA,MACrD,eAAe;AAAA,IACjB,IACA,CAAC;AAAA,EACP;AAEA,SACE,4CAAC,SAAI,OAAO,EAAE,SAAS,IAAI,SAAS,cAAc,GAChD;AAAA,IAAC;AAAA;AAAA,MACC,cAAY,KAAK,SAAS;AAAA,MAC1B,UAAU;AAAA,MACV,cAAc,MAAM,CAAC,UAAU,SAAS,IAAI;AAAA,MAC5C,cAAc,MAAM;AAClB,YAAI,CAAC,QAAQ;AACX,mBAAS,KAAK;AACd,qBAAW,KAAK;AAAA,QAClB;AAAA,MACF;AAAA,MACA,aAAa,MAAM,CAAC,UAAU,WAAW,IAAI;AAAA,MAC7C,WAAW,MAAM,CAAC,UAAU,WAAW,KAAK;AAAA,MAC5C,OAAO;AAAA,MAEP,sDAAC,mBAAK,OAAc,MAAM,UAAU,aAAa,OAAO,aAAuB;AAAA;AAAA,EACjF,GACF;AAEJ;","names":["import_ui"]}
+{"version":3,"sources":["../../../src/ui/icon-button/icon-button-preview.tsx"],"sourcesContent":["import { useState, type CSSProperties } from 'react';\n\nimport type { PreviewProps } from '@/previews/types';\nimport { getIcon } from '@/ui';\nimport { Icon } from '@/ui';\nimport { IconButton } from '@/ui';\n\n/**\n * Renders the real <IconButton> with state-aware projection. Default-state\n * preview projects bg/color as custom properties (so real `:hover` works in\n * the editor canvas); forced states inline direct overrides so the chosen\n * state stays painted regardless of pointer/keyboard interaction. Mirrors\n * the same pattern used by `plainButtonStateStyle` for the labelled button\n * family.\n *\n * Uses the real <Icon> atom for the glyph render so every glyph type\n * works — both path- and body-based.\n */\nexport function IconButtonPreview({ styles, variants }: PreviewProps) {\n  const glyph = (variants.glyph as string) ?? 'close';\n  const state = (variants.state as string) ?? 'default';\n  const filled = variants.variant === 'filled';\n  const def = getIcon(glyph);\n\n  const [hover, setHover] = useState(false);\n  const [pressed, setPressed] = useState(false);\n  const forced = state !== 'default';\n  const isHover = forced ? state === 'hover' : hover;\n  const isPressed = forced ? state === 'active' : pressed;\n  const isFocused = state === 'focus';\n  const isDisabled = state === 'disabled';\n  const isForcedState = forced;\n\n  // Each variant owns its knob set; pick the active one so both the projected\n  // vars and the forced-state overrides below paint the variant on canvas.\n  const iconSize = (filled ? styles.filledIconSize : styles.iconSize) as number;\n  const base = filled\n    ? { bg: styles.filledBg, color: styles.filledColor, hoverBg: styles.filledHoverBg, hoverColor: styles.filledHoverColor, activeBg: styles.filledActiveBg, activeColor: styles.filledActiveColor }\n    : { bg: styles.backgroundColor, color: styles.color, hoverBg: styles.hoverBackgroundColor, hoverColor: styles.hoverColor, activeBg: styles.activeBackgroundColor, activeColor: styles.activeColor };\n\n  const fallback = <T,>(stateValue: T | undefined, base: T) =>\n    stateValue !== undefined ? stateValue : base;\n\n  const currentBg = isPressed\n    ? fallback(base.activeBg as string | undefined, base.bg as string)\n    : isHover\n    ? fallback(base.hoverBg as string | undefined, base.bg as string)\n    : (base.bg as string);\n  const currentColor = isDisabled\n    ? fallback(styles.disabledColor as string | undefined, base.color as string)\n    : isPressed\n    ? fallback(base.activeColor as string | undefined, base.color as string)\n    : isHover\n    ? fallback(base.hoverColor as string | undefined, base.color as string)\n    : isFocused\n    ? fallback(styles.focusColor as string | undefined, base.color as string)\n    : (base.color as string);\n\n  const cssVars: CSSProperties = {\n    '--uxm-icon-button-size': `${styles.size}px`,\n    '--uxm-icon-button-radius': `${styles.borderRadius}px`,\n    '--uxm-icon-button-icon-size': `${iconSize}px`,\n    '--uxm-icon-button-stroke-width': (styles.strokeWidth as number).toString(),\n    // Default-state values projected as custom props so real `:hover` still\n    // wins on actual pointer interaction in the editor canvas.\n    '--uxm-icon-button-bg': styles.backgroundColor as string,\n    '--uxm-icon-button-color': styles.color as string,\n    // Per-state vars the production CSS rules read.\n    '--uxm-icon-button-hover-bg': styles.hoverBackgroundColor as string,\n    '--uxm-icon-button-hover-color': styles.hoverColor as string,\n    '--uxm-icon-button-active-bg': styles.activeBackgroundColor as string | undefined,\n    '--uxm-icon-button-active-color': styles.activeColor as string | undefined,\n    '--uxm-icon-button-focus-ring-color': styles.focusRingColor as string | undefined,\n    '--uxm-icon-button-focus-color': styles.focusColor as string | undefined,\n    '--uxm-icon-button-disabled-opacity': (styles.disabledOpacity as number).toString(),\n    '--uxm-icon-button-disabled-color': styles.disabledColor as string | undefined,\n    // Filled-variant vars — read only by `.uxm-icon-button--filled`.\n    '--uxm-icon-button-filled-size': `${styles.filledSize}px`,\n    '--uxm-icon-button-filled-radius': `${styles.filledRadius}px`,\n    '--uxm-icon-button-filled-icon-size': `${styles.filledIconSize}px`,\n    '--uxm-icon-button-filled-bg': styles.filledBg as string,\n    '--uxm-icon-button-filled-color': styles.filledColor as string,\n    '--uxm-icon-button-filled-hover-bg': styles.filledHoverBg as string,\n    '--uxm-icon-button-filled-hover-color': styles.filledHoverColor as string,\n    '--uxm-icon-button-filled-active-bg': styles.filledActiveBg as string | undefined,\n    '--uxm-icon-button-filled-active-color': styles.filledActiveColor as string | undefined,\n    // Forced-state direct overrides keep the previewed state painted\n    // regardless of real pointer/keyboard interaction. Default state skips\n    // these so `:hover` etc. still trigger naturally.\n    ...(isForcedState\n      ? {\n          backgroundColor: currentBg,\n          color: currentColor,\n        }\n      : {}),\n    ...(isFocused\n      ? {\n          outline: `2px solid ${styles.focusRingColor as string}`,\n          outlineOffset: 2,\n        }\n      : {}),\n  } as CSSProperties;\n\n  return (\n    <div style={{ padding: 16, display: 'inline-flex' }}>\n      <IconButton\n        variant={filled ? 'filled' : 'ghost'}\n        aria-label={def?.label ?? glyph}\n        disabled={isDisabled}\n        onMouseEnter={() => !forced && setHover(true)}\n        onMouseLeave={() => {\n          if (!forced) {\n            setHover(false);\n            setPressed(false);\n          }\n        }}\n        onMouseDown={() => !forced && setPressed(true)}\n        onMouseUp={() => !forced && setPressed(false)}\n        style={cssVars}\n      >\n        <Icon glyph={glyph} size={iconSize} strokeWidth={styles.strokeWidth as number} />\n      </IconButton>\n    </div>\n  );\n}\n"],"mappings":"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","names":["import_ui","base"]}

package/dist/ui/icon-button/icon-button-preview.d.ts

@@ -10,5 +10,5 @@ import type { PreviewProps } from '../../previews/types.js';
  * Uses the real <Icon> atom for the glyph render so every glyph type
  * works — both path- and body-based.
  */
-export declare function IconButtonPreview({ styles, variants }: PreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function IconButtonPreview({ styles, variants }: PreviewProps): import("react").JSX.Element;
 //# sourceMappingURL=icon-button-preview.d.ts.map

package/dist/ui/icon-button/icon-button-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/icon-button/icon-button-preview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKrD;;;;;;;;;;GAUG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,2CAyFnE"}
+{"version":3,"file":"icon-button-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/icon-button/icon-button-preview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKrD;;;;;;;;;;GAUG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,+BA0GnE"}

package/dist/ui/icon-button/icon-button-preview.js

@@ -1,11 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import { getIcon } from "../../ui/index.js";
-import { Icon } from "../../ui/index.js";
-import { IconButton } from "../../ui/index.js";
+import { getIcon } from "../index.js";
+import { Icon } from "../index.js";
+import { IconButton } from "../index.js";
 function IconButtonPreview({ styles, variants }) {
   const glyph = variants.glyph ?? "close";
   const state = variants.state ?? "default";
+  const filled = variants.variant === "filled";
   const def = getIcon(glyph);
   const [hover, setHover] = useState(false);
   const [pressed, setPressed] = useState(false);
@@ -15,10 +16,11 @@ function IconButtonPreview({ styles, variants }) {
   const isFocused = state === "focus";
   const isDisabled = state === "disabled";
   const isForcedState = forced;
-  const iconSize = styles.iconSize;
-  const fallback = (stateValue, base) => stateValue !== void 0 ? stateValue : base;
-  const currentBg = isPressed ? fallback(styles.activeBackgroundColor, styles.backgroundColor) : isHover ? fallback(styles.hoverBackgroundColor, styles.backgroundColor) : styles.backgroundColor;
-  const currentColor = isDisabled ? fallback(styles.disabledColor, styles.color) : isPressed ? fallback(styles.activeColor, styles.color) : isHover ? fallback(styles.hoverColor, styles.color) : isFocused ? fallback(styles.focusColor, styles.color) : styles.color;
+  const iconSize = filled ? styles.filledIconSize : styles.iconSize;
+  const base = filled ? { bg: styles.filledBg, color: styles.filledColor, hoverBg: styles.filledHoverBg, hoverColor: styles.filledHoverColor, activeBg: styles.filledActiveBg, activeColor: styles.filledActiveColor } : { bg: styles.backgroundColor, color: styles.color, hoverBg: styles.hoverBackgroundColor, hoverColor: styles.hoverColor, activeBg: styles.activeBackgroundColor, activeColor: styles.activeColor };
+  const fallback = (stateValue, base2) => stateValue !== void 0 ? stateValue : base2;
+  const currentBg = isPressed ? fallback(base.activeBg, base.bg) : isHover ? fallback(base.hoverBg, base.bg) : base.bg;
+  const currentColor = isDisabled ? fallback(styles.disabledColor, base.color) : isPressed ? fallback(base.activeColor, base.color) : isHover ? fallback(base.hoverColor, base.color) : isFocused ? fallback(styles.focusColor, base.color) : base.color;
   const cssVars = {
     "--uxm-icon-button-size": `${styles.size}px`,
     "--uxm-icon-button-radius": `${styles.borderRadius}px`,
@@ -37,6 +39,16 @@ function IconButtonPreview({ styles, variants }) {
     "--uxm-icon-button-focus-color": styles.focusColor,
     "--uxm-icon-button-disabled-opacity": styles.disabledOpacity.toString(),
     "--uxm-icon-button-disabled-color": styles.disabledColor,
+    // Filled-variant vars — read only by `.uxm-icon-button--filled`.
+    "--uxm-icon-button-filled-size": `${styles.filledSize}px`,
+    "--uxm-icon-button-filled-radius": `${styles.filledRadius}px`,
+    "--uxm-icon-button-filled-icon-size": `${styles.filledIconSize}px`,
+    "--uxm-icon-button-filled-bg": styles.filledBg,
+    "--uxm-icon-button-filled-color": styles.filledColor,
+    "--uxm-icon-button-filled-hover-bg": styles.filledHoverBg,
+    "--uxm-icon-button-filled-hover-color": styles.filledHoverColor,
+    "--uxm-icon-button-filled-active-bg": styles.filledActiveBg,
+    "--uxm-icon-button-filled-active-color": styles.filledActiveColor,
     // Forced-state direct overrides keep the previewed state painted
     // regardless of real pointer/keyboard interaction. Default state skips
     // these so `:hover` etc. still trigger naturally.
@@ -52,6 +64,7 @@ function IconButtonPreview({ styles, variants }) {
   return /* @__PURE__ */ jsx("div", { style: { padding: 16, display: "inline-flex" }, children: /* @__PURE__ */ jsx(
     IconButton,
     {
+      variant: filled ? "filled" : "ghost",
       "aria-label": def?.label ?? glyph,
       disabled: isDisabled,
       onMouseEnter: () => !forced && setHover(true),

package/dist/ui/icon-button/icon-button-preview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/icon-button/icon-button-preview.tsx"],"sourcesContent":["import { useState, type CSSProperties } from 'react';\n\nimport type { PreviewProps } from '@/previews/types';\nimport { getIcon } from '@/ui';\nimport { Icon } from '@/ui';\nimport { IconButton } from '@/ui';\n\n/**\n * Renders the real <IconButton> with state-aware projection. Default-state\n * preview projects bg/color as custom properties (so real `:hover` works in\n * the editor canvas); forced states inline direct overrides so the chosen\n * state stays painted regardless of pointer/keyboard interaction. Mirrors\n * the same pattern used by `plainButtonStateStyle` for the labelled button\n * family.\n *\n * Uses the real <Icon> atom for the glyph render so every glyph type\n * works — both path- and body-based.\n */\nexport function IconButtonPreview({ styles, variants }: PreviewProps) {\n  const glyph = (variants.glyph as string) ?? 'close';\n  const state = (variants.state as string) ?? 'default';\n  const def = getIcon(glyph);\n\n  const [hover, setHover] = useState(false);\n  const [pressed, setPressed] = useState(false);\n  const forced = state !== 'default';\n  const isHover = forced ? state === 'hover' : hover;\n  const isPressed = forced ? state === 'active' : pressed;\n  const isFocused = state === 'focus';\n  const isDisabled = state === 'disabled';\n  const isForcedState = forced;\n\n  const iconSize = styles.iconSize as number;\n\n  const fallback = <T,>(stateValue: T | undefined, base: T) =>\n    stateValue !== undefined ? stateValue : base;\n\n  const currentBg = isPressed\n    ? fallback(styles.activeBackgroundColor as string | undefined, styles.backgroundColor as string)\n    : isHover\n    ? fallback(styles.hoverBackgroundColor as string | undefined, styles.backgroundColor as string)\n    : (styles.backgroundColor as string);\n  const currentColor = isDisabled\n    ? fallback(styles.disabledColor as string | undefined, styles.color as string)\n    : isPressed\n    ? fallback(styles.activeColor as string | undefined, styles.color as string)\n    : isHover\n    ? fallback(styles.hoverColor as string | undefined, styles.color as string)\n    : isFocused\n    ? fallback(styles.focusColor as string | undefined, styles.color as string)\n    : (styles.color as string);\n\n  const cssVars: CSSProperties = {\n    '--uxm-icon-button-size': `${styles.size}px`,\n    '--uxm-icon-button-radius': `${styles.borderRadius}px`,\n    '--uxm-icon-button-icon-size': `${iconSize}px`,\n    '--uxm-icon-button-stroke-width': (styles.strokeWidth as number).toString(),\n    // Default-state values projected as custom props so real `:hover` still\n    // wins on actual pointer interaction in the editor canvas.\n    '--uxm-icon-button-bg': styles.backgroundColor as string,\n    '--uxm-icon-button-color': styles.color as string,\n    // Per-state vars the production CSS rules read.\n    '--uxm-icon-button-hover-bg': styles.hoverBackgroundColor as string,\n    '--uxm-icon-button-hover-color': styles.hoverColor as string,\n    '--uxm-icon-button-active-bg': styles.activeBackgroundColor as string | undefined,\n    '--uxm-icon-button-active-color': styles.activeColor as string | undefined,\n    '--uxm-icon-button-focus-ring-color': styles.focusRingColor as string | undefined,\n    '--uxm-icon-button-focus-color': styles.focusColor as string | undefined,\n    '--uxm-icon-button-disabled-opacity': (styles.disabledOpacity as number).toString(),\n    '--uxm-icon-button-disabled-color': styles.disabledColor as string | undefined,\n    // Forced-state direct overrides keep the previewed state painted\n    // regardless of real pointer/keyboard interaction. Default state skips\n    // these so `:hover` etc. still trigger naturally.\n    ...(isForcedState\n      ? {\n          backgroundColor: currentBg,\n          color: currentColor,\n        }\n      : {}),\n    ...(isFocused\n      ? {\n          outline: `2px solid ${styles.focusRingColor as string}`,\n          outlineOffset: 2,\n        }\n      : {}),\n  } as CSSProperties;\n\n  return (\n    <div style={{ padding: 16, display: 'inline-flex' }}>\n      <IconButton\n        aria-label={def?.label ?? glyph}\n        disabled={isDisabled}\n        onMouseEnter={() => !forced && setHover(true)}\n        onMouseLeave={() => {\n          if (!forced) {\n            setHover(false);\n            setPressed(false);\n          }\n        }}\n        onMouseDown={() => !forced && setPressed(true)}\n        onMouseUp={() => !forced && setPressed(false)}\n        style={cssVars}\n      >\n        <Icon glyph={glyph} size={iconSize} strokeWidth={styles.strokeWidth as number} />\n      </IconButton>\n    </div>\n  );\n}\n"],"mappings":"AAuGQ;AAvGR,SAAS,gBAAoC;AAG7C,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAapB,SAAS,kBAAkB,EAAE,QAAQ,SAAS,GAAiB;AACpE,QAAM,QAAS,SAAS,SAAoB;AAC5C,QAAM,QAAS,SAAS,SAAoB;AAC5C,QAAM,MAAM,QAAQ,KAAK;AAEzB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,KAAK;AACxC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,SAAS,UAAU;AACzB,QAAM,UAAU,SAAS,UAAU,UAAU;AAC7C,QAAM,YAAY,SAAS,UAAU,WAAW;AAChD,QAAM,YAAY,UAAU;AAC5B,QAAM,aAAa,UAAU;AAC7B,QAAM,gBAAgB;AAEtB,QAAM,WAAW,OAAO;AAExB,QAAM,WAAW,CAAK,YAA2B,SAC/C,eAAe,SAAY,aAAa;AAE1C,QAAM,YAAY,YACd,SAAS,OAAO,uBAA6C,OAAO,eAAyB,IAC7F,UACA,SAAS,OAAO,sBAA4C,OAAO,eAAyB,IAC3F,OAAO;AACZ,QAAM,eAAe,aACjB,SAAS,OAAO,eAAqC,OAAO,KAAe,IAC3E,YACA,SAAS,OAAO,aAAmC,OAAO,KAAe,IACzE,UACA,SAAS,OAAO,YAAkC,OAAO,KAAe,IACxE,YACA,SAAS,OAAO,YAAkC,OAAO,KAAe,IACvE,OAAO;AAEZ,QAAM,UAAyB;AAAA,IAC7B,0BAA0B,GAAG,OAAO,IAAI;AAAA,IACxC,4BAA4B,GAAG,OAAO,YAAY;AAAA,IAClD,+BAA+B,GAAG,QAAQ;AAAA,IAC1C,kCAAmC,OAAO,YAAuB,SAAS;AAAA;AAAA;AAAA,IAG1E,wBAAwB,OAAO;AAAA,IAC/B,2BAA2B,OAAO;AAAA;AAAA,IAElC,8BAA8B,OAAO;AAAA,IACrC,iCAAiC,OAAO;AAAA,IACxC,+BAA+B,OAAO;AAAA,IACtC,kCAAkC,OAAO;AAAA,IACzC,sCAAsC,OAAO;AAAA,IAC7C,iCAAiC,OAAO;AAAA,IACxC,sCAAuC,OAAO,gBAA2B,SAAS;AAAA,IAClF,oCAAoC,OAAO;AAAA;AAAA;AAAA;AAAA,IAI3C,GAAI,gBACA;AAAA,MACE,iBAAiB;AAAA,MACjB,OAAO;AAAA,IACT,IACA,CAAC;AAAA,IACL,GAAI,YACA;AAAA,MACE,SAAS,aAAa,OAAO,cAAwB;AAAA,MACrD,eAAe;AAAA,IACjB,IACA,CAAC;AAAA,EACP;AAEA,SACE,oBAAC,SAAI,OAAO,EAAE,SAAS,IAAI,SAAS,cAAc,GAChD;AAAA,IAAC;AAAA;AAAA,MACC,cAAY,KAAK,SAAS;AAAA,MAC1B,UAAU;AAAA,MACV,cAAc,MAAM,CAAC,UAAU,SAAS,IAAI;AAAA,MAC5C,cAAc,MAAM;AAClB,YAAI,CAAC,QAAQ;AACX,mBAAS,KAAK;AACd,qBAAW,KAAK;AAAA,QAClB;AAAA,MACF;AAAA,MACA,aAAa,MAAM,CAAC,UAAU,WAAW,IAAI;AAAA,MAC7C,WAAW,MAAM,CAAC,UAAU,WAAW,KAAK;AAAA,MAC5C,OAAO;AAAA,MAEP,8BAAC,QAAK,OAAc,MAAM,UAAU,aAAa,OAAO,aAAuB;AAAA;AAAA,EACjF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/ui/icon-button/icon-button-preview.tsx"],"sourcesContent":["import { useState, type CSSProperties } from 'react';\n\nimport type { PreviewProps } from '@/previews/types';\nimport { getIcon } from '@/ui';\nimport { Icon } from '@/ui';\nimport { IconButton } from '@/ui';\n\n/**\n * Renders the real <IconButton> with state-aware projection. Default-state\n * preview projects bg/color as custom properties (so real `:hover` works in\n * the editor canvas); forced states inline direct overrides so the chosen\n * state stays painted regardless of pointer/keyboard interaction. Mirrors\n * the same pattern used by `plainButtonStateStyle` for the labelled button\n * family.\n *\n * Uses the real <Icon> atom for the glyph render so every glyph type\n * works — both path- and body-based.\n */\nexport function IconButtonPreview({ styles, variants }: PreviewProps) {\n  const glyph = (variants.glyph as string) ?? 'close';\n  const state = (variants.state as string) ?? 'default';\n  const filled = variants.variant === 'filled';\n  const def = getIcon(glyph);\n\n  const [hover, setHover] = useState(false);\n  const [pressed, setPressed] = useState(false);\n  const forced = state !== 'default';\n  const isHover = forced ? state === 'hover' : hover;\n  const isPressed = forced ? state === 'active' : pressed;\n  const isFocused = state === 'focus';\n  const isDisabled = state === 'disabled';\n  const isForcedState = forced;\n\n  // Each variant owns its knob set; pick the active one so both the projected\n  // vars and the forced-state overrides below paint the variant on canvas.\n  const iconSize = (filled ? styles.filledIconSize : styles.iconSize) as number;\n  const base = filled\n    ? { bg: styles.filledBg, color: styles.filledColor, hoverBg: styles.filledHoverBg, hoverColor: styles.filledHoverColor, activeBg: styles.filledActiveBg, activeColor: styles.filledActiveColor }\n    : { bg: styles.backgroundColor, color: styles.color, hoverBg: styles.hoverBackgroundColor, hoverColor: styles.hoverColor, activeBg: styles.activeBackgroundColor, activeColor: styles.activeColor };\n\n  const fallback = <T,>(stateValue: T | undefined, base: T) =>\n    stateValue !== undefined ? stateValue : base;\n\n  const currentBg = isPressed\n    ? fallback(base.activeBg as string | undefined, base.bg as string)\n    : isHover\n    ? fallback(base.hoverBg as string | undefined, base.bg as string)\n    : (base.bg as string);\n  const currentColor = isDisabled\n    ? fallback(styles.disabledColor as string | undefined, base.color as string)\n    : isPressed\n    ? fallback(base.activeColor as string | undefined, base.color as string)\n    : isHover\n    ? fallback(base.hoverColor as string | undefined, base.color as string)\n    : isFocused\n    ? fallback(styles.focusColor as string | undefined, base.color as string)\n    : (base.color as string);\n\n  const cssVars: CSSProperties = {\n    '--uxm-icon-button-size': `${styles.size}px`,\n    '--uxm-icon-button-radius': `${styles.borderRadius}px`,\n    '--uxm-icon-button-icon-size': `${iconSize}px`,\n    '--uxm-icon-button-stroke-width': (styles.strokeWidth as number).toString(),\n    // Default-state values projected as custom props so real `:hover` still\n    // wins on actual pointer interaction in the editor canvas.\n    '--uxm-icon-button-bg': styles.backgroundColor as string,\n    '--uxm-icon-button-color': styles.color as string,\n    // Per-state vars the production CSS rules read.\n    '--uxm-icon-button-hover-bg': styles.hoverBackgroundColor as string,\n    '--uxm-icon-button-hover-color': styles.hoverColor as string,\n    '--uxm-icon-button-active-bg': styles.activeBackgroundColor as string | undefined,\n    '--uxm-icon-button-active-color': styles.activeColor as string | undefined,\n    '--uxm-icon-button-focus-ring-color': styles.focusRingColor as string | undefined,\n    '--uxm-icon-button-focus-color': styles.focusColor as string | undefined,\n    '--uxm-icon-button-disabled-opacity': (styles.disabledOpacity as number).toString(),\n    '--uxm-icon-button-disabled-color': styles.disabledColor as string | undefined,\n    // Filled-variant vars — read only by `.uxm-icon-button--filled`.\n    '--uxm-icon-button-filled-size': `${styles.filledSize}px`,\n    '--uxm-icon-button-filled-radius': `${styles.filledRadius}px`,\n    '--uxm-icon-button-filled-icon-size': `${styles.filledIconSize}px`,\n    '--uxm-icon-button-filled-bg': styles.filledBg as string,\n    '--uxm-icon-button-filled-color': styles.filledColor as string,\n    '--uxm-icon-button-filled-hover-bg': styles.filledHoverBg as string,\n    '--uxm-icon-button-filled-hover-color': styles.filledHoverColor as string,\n    '--uxm-icon-button-filled-active-bg': styles.filledActiveBg as string | undefined,\n    '--uxm-icon-button-filled-active-color': styles.filledActiveColor as string | undefined,\n    // Forced-state direct overrides keep the previewed state painted\n    // regardless of real pointer/keyboard interaction. Default state skips\n    // these so `:hover` etc. still trigger naturally.\n    ...(isForcedState\n      ? {\n          backgroundColor: currentBg,\n          color: currentColor,\n        }\n      : {}),\n    ...(isFocused\n      ? {\n          outline: `2px solid ${styles.focusRingColor as string}`,\n          outlineOffset: 2,\n        }\n      : {}),\n  } as CSSProperties;\n\n  return (\n    <div style={{ padding: 16, display: 'inline-flex' }}>\n      <IconButton\n        variant={filled ? 'filled' : 'ghost'}\n        aria-label={def?.label ?? glyph}\n        disabled={isDisabled}\n        onMouseEnter={() => !forced && setHover(true)}\n        onMouseLeave={() => {\n          if (!forced) {\n            setHover(false);\n            setPressed(false);\n          }\n        }}\n        onMouseDown={() => !forced && setPressed(true)}\n        onMouseUp={() => !forced && setPressed(false)}\n        style={cssVars}\n      >\n        <Icon glyph={glyph} size={iconSize} strokeWidth={styles.strokeWidth as number} />\n      </IconButton>\n    </div>\n  );\n}\n"],"mappings":"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","names":["base"]}