@viax.io/uxm 4.38.0 → 4.40.0

package/dist/studio/shell/properties-panel/variant-matrix.js

@@ -0,0 +1,153 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment } from "react";
+import { SectionHeader } from "../../../ui/index.js";
+import { usePreviewShell } from "../../lib/preview-shell.js";
+import { previewMap } from "../canvas.js";
+function VariantMatrix({
+  def,
+  styles,
+  currentVariants
+}) {
+  const Preview = previewMap[def.id];
+  const shell = usePreviewShell();
+  if (!Preview) {
+    return null;
+  }
+  const MATRIX_AXIS_OPTION_CAP = 8;
+  const gateLocks = {};
+  for (const v of def.layoutVariants) {
+    const showWhen = v.showWhen;
+    if (!showWhen) continue;
+    for (const [gateKey, gateVal] of Object.entries(showWhen)) {
+      if (!(gateKey in gateLocks)) gateLocks[gateKey] = gateVal;
+    }
+  }
+  const expandable = def.layoutVariants.filter(
+    (v) => v.options.length <= MATRIX_AXIS_OPTION_CAP && !(v.key in gateLocks)
+  );
+  if (expandable.length === 0) {
+    return null;
+  }
+  const [axisX, axisY] = expandable;
+  const baseVariants = {};
+  for (const v of def.layoutVariants) {
+    baseVariants[v.key] = gateLocks[v.key] ?? currentVariants[v.key] ?? v.defaultValue;
+  }
+  const xs = axisX.options;
+  const ys = axisY ? axisY.options : null;
+  const renderCell = (cellVariants, caption) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "rounded border border-border bg-card overflow-hidden",
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "flex items-center justify-center p-3",
+            style: {
+              // Read-only thumbnail. Clip wide atoms so they don't blow up
+              // the cell width; centred so small atoms stay readable.
+              //
+              // Sizing: minHeight gives small atoms (icon buttons, chips) a
+              // consistent visual weight; maxHeight caps tall atoms (Card,
+              // LifecycleNodeCard) so a single oversized atom can't make
+              // every row in a 2D grid 200px tall. Scale 0.6 is the sweet
+              // spot for the atoms we ship today — wide ones (SideFlexpane,
+              // AppSidebar) still clip, but everything fits the cell width
+              // budget at typical panel sizes.
+              pointerEvents: "none",
+              minHeight: 80,
+              maxHeight: 140,
+              overflow: "hidden"
+            },
+            children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "uxm-matrix-cell-preview",
+                style: { transform: "scale(0.6)", transformOrigin: "center" },
+                children: /* @__PURE__ */ jsx(
+                  Preview,
+                  {
+                    styles,
+                    variants: cellVariants,
+                    componentId: def.id,
+                    shell
+                  }
+                )
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "border-t border-border/60 px-2 py-1 text-[10px] font-medium text-text-muted truncate text-center", children: caption })
+      ]
+    },
+    caption
+  );
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(SectionHeader, { children: "Variant Matrix" }),
+    /* @__PURE__ */ jsx("div", { className: "-mx-5 overflow-x-auto px-5", children: ys ? (
+      // 2D grid: ys as rows, xs as columns. Each row has a leading
+      // row-label cell so the user can read both axes without
+      // hovering captions. `minmax(120px, 1fr)` gives cells a
+      // legible floor — narrower than that and atoms (esp. Card,
+      // StatCard, button-with-icon) lose meaningful detail even at
+      // 0.6 scale.
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "grid gap-1.5",
+          style: {
+            gridTemplateColumns: `auto repeat(${xs.length}, minmax(120px, 1fr))`,
+            minWidth: "min-content"
+          },
+          children: [
+            /* @__PURE__ */ jsx("div", {}),
+            xs.map((x) => /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "text-[10px] font-semibold uppercase tracking-wider text-text-subtle text-center truncate",
+                children: x.label
+              },
+              `xh-${x.value}`
+            )),
+            ys.map((y) => /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("div", { className: "self-center pr-1 text-[10px] font-semibold uppercase tracking-wider text-text-subtle text-right truncate", children: y.label }),
+              xs.map((x) => {
+                const cellV = {
+                  ...baseVariants,
+                  [axisX.key]: x.value,
+                  [axisY.key]: y.value
+                };
+                return renderCell(cellV, `${x.label} / ${y.label}`);
+              })
+            ] }, `row-${y.value}`))
+          ]
+        }
+      )
+    ) : (
+      // 1D row of thumbnails. `auto-fit` lets it reflow to multiple
+      // rows on narrow panes — when the parent is wide enough we
+      // get one row; when it isn't, cells wrap rather than scroll.
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "grid gap-1.5",
+          style: {
+            gridTemplateColumns: "repeat(auto-fit, minmax(120px, 1fr))"
+          },
+          children: xs.map((x) => {
+            const cellV = {
+              ...baseVariants,
+              [axisX.key]: x.value
+            };
+            return renderCell(cellV, x.label);
+          })
+        }
+      )
+    ) })
+  ] });
+}
+export {
+  VariantMatrix
+};
+//# sourceMappingURL=variant-matrix.js.map

package/dist/studio/shell/properties-panel/variant-matrix.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/studio/shell/properties-panel/variant-matrix.tsx"],"sourcesContent":["import { Fragment } from 'react';\n\nimport { SectionHeader } from '@/ui';\n\nimport { usePreviewShell } from '../../lib/preview-shell';\nimport { previewMap } from '../canvas';\n\nimport type { ComponentDef, PreviewProps } from '../../lib/types';\n\n/**\n * Dev tab — Variant Matrix section. Renders every variant × variant\n * combination of the current component as a thumbnail grid. Each cell\n * is the real Preview component (same `previewMap` the canvas uses)\n * with variants locked to that cell's combination; styles flow from\n * the user's current overrides so saved theming carries through.\n *\n * Layout strategy:\n *   - 1 variant   → single column of N thumbnails\n *   - 2 variants  → 2D grid (variant 1 as columns, variant 2 as rows)\n *   - 3+ variants → first two as the matrix axes; remaining variants\n *                   stay at their default value (3-D grids don't read\n *                   well in a panel; if a particular axis matters,\n *                   the user can pick it in the Visual tab and re-\n *                   visit the matrix)\n *\n * Each cell:\n *   - `pointer-events: none` so the thumbnail doesn't capture clicks\n *     (matches the MobileGallery's read-only convention)\n *   - `overflow: hidden` so wide atoms (SideFlexpane, AppSidebar) clip\n *     rather than overflow the matrix\n *   - thin caption beneath labeling the variant value\n */\nexport function VariantMatrix({\n  def,\n  styles,\n  currentVariants,\n}: {\n  def: ComponentDef;\n  styles: Record<string, string | number | boolean>;\n  currentVariants: Record<string, string | number | boolean>;\n}) {\n  const Preview = previewMap[def.id];\n  const shell = usePreviewShell();\n  if (!Preview) {\n    return null;\n  }\n\n  // Filter variants suitable for matrix expansion. Two ineligibility\n  // rules — both about cells that \"don't make sense\":\n  //\n  //   1. Large-enum variants (`glyph` with 56 icons): content\n  //      selections, not visual variants. A 56×5 grid is pure noise.\n  //      Heuristic cap: 8 options.\n  //\n  //   2. Gating variants: a variant V is a \"gate\" if some OTHER variant\n  //      references it from a `showWhen` clause. Example: list-item's\n  //      `state` has `showWhen: { mode: \"interactive\" }`, so `mode` is\n  //      a gate. Expanding both as axes produces rows like (static,\n  //      hover) / (static, focus) / etc., where every cell collapses\n  //      to the same static rendering — wasted space. We instead lock\n  //      the gate to the value the dependent needs (here: \"interactive\")\n  //      and only expand the dependent.\n  const MATRIX_AXIS_OPTION_CAP = 8;\n\n  // Collect the gate map: gateKey → required value (from the FIRST\n  // dependent's showWhen). Most components have a single dependent per\n  // gate, so \"first wins\" is fine in practice; if conflicts ever come\n  // up, the registry author can pick the variant order they want.\n  const gateLocks: Record<string, string> = {};\n  for (const v of def.layoutVariants) {\n    const showWhen = (v as { showWhen?: Record<string, string> }).showWhen;\n    if (!showWhen) continue;\n    for (const [gateKey, gateVal] of Object.entries(showWhen)) {\n      if (!(gateKey in gateLocks)) gateLocks[gateKey] = gateVal;\n    }\n  }\n\n  const expandable = def.layoutVariants.filter(\n    (v) =>\n      v.options.length <= MATRIX_AXIS_OPTION_CAP &&\n      !(v.key in gateLocks),\n  );\n\n  // If nothing's expandable, the matrix has nothing meaningful to\n  // compare — hide the section. The Visual tab still covers variant\n  // selection via the picker.\n  if (expandable.length === 0) {\n    return null;\n  }\n\n  const [axisX, axisY] = expandable;\n  // Base variants — three priority layers:\n  //   1. Gate locks (from another variant's showWhen) win first, so\n  //      the matrix shows the dependent variant in the context where\n  //      it actually applies.\n  //   2. User's current selection from the editor (so e.g. the icon-\n  //      button matrix reflects the user's picked glyph).\n  //   3. Variant defaults as a final fallback.\n  const baseVariants: Record<string, string> = {};\n  for (const v of def.layoutVariants) {\n    baseVariants[v.key] =\n      gateLocks[v.key]\n      ?? (currentVariants[v.key] as string | undefined)\n      ?? v.defaultValue;\n  }\n\n  const xs = axisX.options;\n  const ys = axisY ? axisY.options : null;\n\n  const renderCell = (cellVariants: Record<string, string>, caption: string) => (\n    <div\n      key={caption}\n      className=\"rounded border border-border bg-card overflow-hidden\"\n    >\n      <div\n        className=\"flex items-center justify-center p-3\"\n        style={{\n          // Read-only thumbnail. Clip wide atoms so they don't blow up\n          // the cell width; centred so small atoms stay readable.\n          //\n          // Sizing: minHeight gives small atoms (icon buttons, chips) a\n          // consistent visual weight; maxHeight caps tall atoms (Card,\n          // LifecycleNodeCard) so a single oversized atom can't make\n          // every row in a 2D grid 200px tall. Scale 0.6 is the sweet\n          // spot for the atoms we ship today — wide ones (SideFlexpane,\n          // AppSidebar) still clip, but everything fits the cell width\n          // budget at typical panel sizes.\n          pointerEvents: 'none',\n          minHeight: 80,\n          maxHeight: 140,\n          overflow: 'hidden',\n        }}\n      >\n        <div\n          className=\"uxm-matrix-cell-preview\"\n          style={{ transform: 'scale(0.6)', transformOrigin: 'center' }}\n        >\n          <Preview\n            styles={styles as PreviewProps['styles']}\n            variants={cellVariants}\n            componentId={def.id}\n            shell={shell}\n          />\n        </div>\n      </div>\n      <div className=\"border-t border-border/60 px-2 py-1 text-[10px] font-medium text-text-muted truncate text-center\">\n        {caption}\n      </div>\n    </div>\n  );\n\n  return (\n    <div>\n      <SectionHeader>Variant Matrix</SectionHeader>\n      {/* Horizontal-scroll wrapper. Cells have a 120px minimum so they\n          stay readable; if the panel is too narrow to show every column\n          at that width, the matrix scrolls instead of crushing cells\n          into illegibility. -mx-5 + px-5 lets the scroll surface bleed\n          to the panel edges so a thumb shadow at the right edge hints\n          at \"more content\". */}\n      <div className=\"-mx-5 overflow-x-auto px-5\">\n        {ys ? (\n          // 2D grid: ys as rows, xs as columns. Each row has a leading\n          // row-label cell so the user can read both axes without\n          // hovering captions. `minmax(120px, 1fr)` gives cells a\n          // legible floor — narrower than that and atoms (esp. Card,\n          // StatCard, button-with-icon) lose meaningful detail even at\n          // 0.6 scale.\n          <div\n            className=\"grid gap-1.5\"\n            style={{\n              gridTemplateColumns: `auto repeat(${xs.length}, minmax(120px, 1fr))`,\n              minWidth: 'min-content',\n            }}\n          >\n            {/* corner cell + column headers */}\n            <div />\n            {xs.map((x) => (\n              <div\n                key={`xh-${x.value}`}\n                className=\"text-[10px] font-semibold uppercase tracking-wider text-text-subtle text-center truncate\"\n              >\n                {x.label}\n              </div>\n            ))}\n            {ys.map((y) => (\n              <Fragment key={`row-${y.value}`}>\n                <div className=\"self-center pr-1 text-[10px] font-semibold uppercase tracking-wider text-text-subtle text-right truncate\">\n                  {y.label}\n                </div>\n                {xs.map((x) => {\n                  const cellV: Record<string, string> = {\n                    ...baseVariants,\n                    [axisX.key]: x.value,\n                    [axisY.key]: y.value,\n                  };\n                  return renderCell(cellV, `${x.label} / ${y.label}`);\n                })}\n              </Fragment>\n            ))}\n          </div>\n        ) : (\n          // 1D row of thumbnails. `auto-fit` lets it reflow to multiple\n          // rows on narrow panes — when the parent is wide enough we\n          // get one row; when it isn't, cells wrap rather than scroll.\n          <div\n            className=\"grid gap-1.5\"\n            style={{\n              gridTemplateColumns: 'repeat(auto-fit, minmax(120px, 1fr))',\n            }}\n          >\n            {xs.map((x) => {\n              const cellV: Record<string, string> = {\n                ...baseVariants,\n                [axisX.key]: x.value,\n              };\n              return renderCell(cellV, x.label);\n            })}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"AA8GI,SA2BM,KA3BN;AA9GJ,SAAS,gBAAgB;AAEzB,SAAS,qBAAqB;AAE9B,SAAS,uBAAuB;AAChC,SAAS,kBAAkB;AA2BpB,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,UAAU,WAAW,IAAI,EAAE;AACjC,QAAM,QAAQ,gBAAgB;AAC9B,MAAI,CAAC,SAAS;AACZ,WAAO;AAAA,EACT;AAiBA,QAAM,yBAAyB;AAM/B,QAAM,YAAoC,CAAC;AAC3C,aAAW,KAAK,IAAI,gBAAgB;AAClC,UAAM,WAAY,EAA4C;AAC9D,QAAI,CAAC,SAAU;AACf,eAAW,CAAC,SAAS,OAAO,KAAK,OAAO,QAAQ,QAAQ,GAAG;AACzD,UAAI,EAAE,WAAW,WAAY,WAAU,OAAO,IAAI;AAAA,IACpD;AAAA,EACF;AAEA,QAAM,aAAa,IAAI,eAAe;AAAA,IACpC,CAAC,MACC,EAAE,QAAQ,UAAU,0BACpB,EAAE,EAAE,OAAO;AAAA,EACf;AAKA,MAAI,WAAW,WAAW,GAAG;AAC3B,WAAO;AAAA,EACT;AAEA,QAAM,CAAC,OAAO,KAAK,IAAI;AAQvB,QAAM,eAAuC,CAAC;AAC9C,aAAW,KAAK,IAAI,gBAAgB;AAClC,iBAAa,EAAE,GAAG,IAChB,UAAU,EAAE,GAAG,KACX,gBAAgB,EAAE,GAAG,KACtB,EAAE;AAAA,EACT;AAEA,QAAM,KAAK,MAAM;AACjB,QAAM,KAAK,QAAQ,MAAM,UAAU;AAEnC,QAAM,aAAa,CAAC,cAAsC,YACxD;AAAA,IAAC;AAAA;AAAA,MAEC,WAAU;AAAA,MAEV;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAWL,eAAe;AAAA,cACf,WAAW;AAAA,cACX,WAAW;AAAA,cACX,UAAU;AAAA,YACZ;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO,EAAE,WAAW,cAAc,iBAAiB,SAAS;AAAA,gBAE5D;AAAA,kBAAC;AAAA;AAAA,oBACC;AAAA,oBACA,UAAU;AAAA,oBACV,aAAa,IAAI;AAAA,oBACjB;AAAA;AAAA,gBACF;AAAA;AAAA,YACF;AAAA;AAAA,QACF;AAAA,QACA,oBAAC,SAAI,WAAU,oGACZ,mBACH;AAAA;AAAA;AAAA,IApCK;AAAA,EAqCP;AAGF,SACE,qBAAC,SACC;AAAA,wBAAC,iBAAc,4BAAc;AAAA,IAO7B,oBAAC,SAAI,WAAU,8BACZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAOC;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO;AAAA,YACL,qBAAqB,eAAe,GAAG,MAAM;AAAA,YAC7C,UAAU;AAAA,UACZ;AAAA,UAGA;AAAA,gCAAC,SAAI;AAAA,YACJ,GAAG,IAAI,CAAC,MACP;AAAA,cAAC;AAAA;AAAA,gBAEC,WAAU;AAAA,gBAET,YAAE;AAAA;AAAA,cAHE,MAAM,EAAE,KAAK;AAAA,YAIpB,CACD;AAAA,YACA,GAAG,IAAI,CAAC,MACP,qBAAC,YACC;AAAA,kCAAC,SAAI,WAAU,4GACZ,YAAE,OACL;AAAA,cACC,GAAG,IAAI,CAAC,MAAM;AACb,sBAAM,QAAgC;AAAA,kBACpC,GAAG;AAAA,kBACH,CAAC,MAAM,GAAG,GAAG,EAAE;AAAA,kBACf,CAAC,MAAM,GAAG,GAAG,EAAE;AAAA,gBACjB;AACA,uBAAO,WAAW,OAAO,GAAG,EAAE,KAAK,MAAM,EAAE,KAAK,EAAE;AAAA,cACpD,CAAC;AAAA,iBAXY,OAAO,EAAE,KAAK,EAY7B,CACD;AAAA;AAAA;AAAA,MACH;AAAA;AAAA;AAAA;AAAA;AAAA,MAKA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO;AAAA,YACL,qBAAqB;AAAA,UACvB;AAAA,UAEC,aAAG,IAAI,CAAC,MAAM;AACb,kBAAM,QAAgC;AAAA,cACpC,GAAG;AAAA,cACH,CAAC,MAAM,GAAG,GAAG,EAAE;AAAA,YACjB;AACA,mBAAO,WAAW,OAAO,EAAE,KAAK;AAAA,UAClC,CAAC;AAAA;AAAA,MACH;AAAA,OAEJ;AAAA,KACF;AAEJ;","names":[]}

package/dist/studio/shell/sidebar.d.ts

@@ -1,4 +1,4 @@
 export declare function Sidebar({ embed }: {
     embed?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 //# sourceMappingURL=sidebar.d.ts.map

package/dist/studio/shell/sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/studio/shell/sidebar.tsx"],"names":[],"mappings":"AAkBA,wBAAgB,OAAO,CAAC,EAAE,KAAa,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,2CA6P7D"}
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/studio/shell/sidebar.tsx"],"names":[],"mappings":"AAkBA,wBAAgB,OAAO,CAAC,EAAE,KAAa,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,+BA6P7D"}

package/dist/studio/shell/wcag-panel.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentDef } from '../lib/types.js';
 export declare function WcagPanel({ def }: {
     def: ComponentDef;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 //# sourceMappingURL=wcag-panel.d.ts.map

package/dist/studio/shell/wcag-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wcag-panel.d.ts","sourceRoot":"","sources":["../../../src/studio/shell/wcag-panel.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAoIjD,wBAAgB,SAAS,CAAC,EAAE,GAAG,EAAE,EAAE;IAAE,GAAG,EAAE,YAAY,CAAA;CAAE,2CAoIvD"}
+{"version":3,"file":"wcag-panel.d.ts","sourceRoot":"","sources":["../../../src/studio/shell/wcag-panel.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAoIjD,wBAAgB,SAAS,CAAC,EAAE,GAAG,EAAE,EAAE;IAAE,GAAG,EAAE,YAAY,CAAA;CAAE,+BAoIvD"}

package/dist/studio/studio.css

@@ -1,2 +1,2 @@
-/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:var(--font-inter);--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-inter);--default-mono-font-family:var(--font-mono);--color-surface:var(--color-surface);--color-surface-alt:var(--color-surface-alt);--color-card:var(--color-card);--color-text:var(--color-text);--color-text-strong:var(--color-text-strong);--color-text-muted:var(--color-text-muted);--color-text-subtle:var(--color-text-subtle);--color-text-inverse:var(--color-text-inverse);--color-border:var(--color-border);--color-accent-subtle:var(--color-accent-subtle);--color-accent-light:var(--color-accent-light);--color-accent:var(--color-accent);--color-accent-bold:var(--color-accent-bold);--color-highlight-warm:var(--color-highlight-warm);--color-highlight-cool:var(--color-highlight-cool);--color-on-highlight-warm:var(--color-on-highlight-warm);--color-on-highlight-cool:var(--color-on-highlight-cool);--color-category-composite:var(--color-category-composite);--color-category-diagram:var(--color-category-diagram);--color-danger-text:var(--color-danger-text);--color-success-bg:var(--color-success-bg);--color-success-text:var(--color-success-text);--color-success-border:var(--color-success-border);--color-info-bg:var(--color-info-bg);--color-info-text:var(--color-info-text);--color-info-border:var(--color-info-border);--color-warning-bg:var(--color-warning-bg);--color-warning-text:var(--color-warning-text);--color-warning-border:var(--color-warning-border);--color-danger-bg:var(--color-danger-bg);--color-danger-border:var(--color-danger-border);--color-cream:var(--color-surface);--color-warm-gray:var(--color-surface-alt);--color-ink:var(--color-text);--color-green:var(--color-accent);--color-mint:var(--color-accent-light);--color-forest:var(--color-accent-bold);--color-peach:var(--color-highlight-warm);--color-lavender:var(--color-highlight-cool);--color-lime:var(--color-accent-subtle)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container{container-type:inline-size}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-10{z-index:10}.z-20{z-index:20}.z-\[9999\]{z-index:9999}.col-span-2{grid-column:span 2/span 2}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-mx-5{margin-inline:calc(var(--spacing) * -5)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.-ml-3{margin-left:calc(var(--spacing) * -3)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.list-item{display:list-item}.table{display:table}.table-column{display:table-column}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-full{height:100%}.max-h-\[280px\]{max-height:280px}.min-h-0{min-height:0}.min-h-\[120px\]{min-height:120px}.min-h-full{min-height:100%}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:calc(var(--spacing) * 8)}.w-44{width:calc(var(--spacing) * 44)}.w-\[58px\]{width:58px}.w-\[220px\]{width:220px}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-col-resize{cursor:col-resize}.cursor-pointer{cursor:pointer}.cursor-row-resize{cursor:row-resize}.resize{resize:both}.\[grid-template-columns\:repeat\(auto-fit\,minmax\(220px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.self-center{align-self:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-l-\[4px\]{border-top-left-radius:4px;border-bottom-left-radius:4px}.rounded-r-\[4px\]{border-top-right-radius:4px;border-bottom-right-radius:4px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-accent-bold\/30{border-color:var(--color-accent-bold)}@supports (color:color-mix(in lab, red, red)){.border-accent-bold\/30{border-color:color-mix(in oklab, var(--color-accent-bold) 30%, transparent)}}.border-border,.border-border\/60{border-color:var(--color-border)}@supports (color:color-mix(in lab, red, red)){.border-border\/60{border-color:color-mix(in oklab, var(--color-border) 60%, transparent)}}.border-text\/20{border-color:var(--color-text)}@supports (color:color-mix(in lab, red, red)){.border-text\/20{border-color:color-mix(in oklab, var(--color-text) 20%, transparent)}}.bg-accent-subtle,.bg-accent-subtle\/40{background-color:var(--color-accent-subtle)}@supports (color:color-mix(in lab, red, red)){.bg-accent-subtle\/40{background-color:color-mix(in oklab, var(--color-accent-subtle) 40%, transparent)}}.bg-accent-subtle\/50{background-color:var(--color-accent-subtle)}@supports (color:color-mix(in lab, red, red)){.bg-accent-subtle\/50{background-color:color-mix(in oklab, var(--color-accent-subtle) 50%, transparent)}}.bg-card{background-color:var(--color-card)}.bg-cream,.bg-surface{background-color:var(--color-surface)}.bg-surface-alt{background-color:var(--color-surface-alt)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.object-contain{object-fit:contain}.p-3{padding:calc(var(--spacing) * 3)}.p-6{padding:calc(var(--spacing) * 6)}.p-12{padding:calc(var(--spacing) * 12)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pr-1{padding-right:var(--spacing)}.pr-5{padding-right:calc(var(--spacing) * 5)}.pb-1{padding-bottom:var(--spacing)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-\[66px\]{padding-left:66px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[38px\]{font-size:38px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.06em\]{--tw-tracking:-.06em;letter-spacing:-.06em}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-all{word-break:break-all}.whitespace-pre-wrap{white-space:pre-wrap}.text-accent{color:var(--color-accent)}.text-accent-bold{color:var(--color-accent-bold)}.text-ink,.text-text{color:var(--color-text)}.text-text-muted{color:var(--color-text-muted)}.text-text-strong{color:var(--color-text-strong)}.text-text-subtle{color:var(--color-text-subtle)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.\[file\:line\]{file:line}@media (hover:hover){.group-hover\:bg-accent\/30:is(:where(.group):hover *){background-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-accent\/30:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--color-accent) 30%, transparent)}}}.group-active\:bg-accent\/50:is(:where(.group):active *){background-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.group-active\:bg-accent\/50:is(:where(.group):active *){background-color:color-mix(in oklab, var(--color-accent) 50%, transparent)}}@media (hover:hover){.hover\:border-accent\/40:hover{border-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.hover\:border-accent\/40:hover{border-color:color-mix(in oklab, var(--color-accent) 40%, transparent)}}.hover\:bg-surface-alt:hover{background-color:var(--color-surface-alt)}.hover\:text-text-strong:hover{color:var(--color-text-strong)}}.focus\:border-accent:focus{border-color:var(--color-accent)}@container (min-width:480px){.\@\[480px\]\:inline{display:inline}}@container (min-width:640px){.\@\[640px\]\:block{display:block}}}:root{--color-surface:#f8f7f6;--color-surface-alt:#f2f1f0;--color-card:#fff;--color-text:#1e1e1e;--color-text-strong:#4a4a4a;--color-text-muted:#9ca3af;--color-text-subtle:#cbd5e1;--color-text-inverse:#fff;--color-border:#ebebea;--color-accent-subtle:#e6ffd1;--color-accent-light:#90e9b8;--color-accent:#3ecc87;--color-accent-bold:#1e7150;--color-drop-target:var(--color-accent);--color-highlight-warm:#fcd0a1;--color-highlight-cool:#c3bef7;--color-on-highlight-warm:#7c6b3e;--color-on-highlight-cool:#5b54a0;--color-category-composite:#f472b6;--color-category-diagram:#6366f1;--color-success-bg:#f0fdf4;--color-success-text:#166534;--color-success-border:#bbf7d0;--color-info-bg:#eff6ff;--color-info-text:#1e40af;--color-info-border:#bfdbfe;--color-warning-bg:#fffbeb;--color-warning-text:#92400e;--color-warning-border:#fde68a;--color-danger-bg:#fef2f2;--color-danger-text:#991b1b;--color-danger-border:#fecaca;--color-canvas-dot:#e0e0e0;--color-preview-bg-light:#fff;--color-preview-bg-dark:#232220;--color-preview-border-light:#ebebea;--color-preview-border-dark:#444240;--shadow-xs:0 1px 2px #0000000f;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 12px #0000000f, 0 1px 3px #0000000a;--shadow-lg:0 6px 20px #0000001a;--shadow-xl:0 8px 24px #0000001f;--shadow-2xl:0 24px 48px #0000002e;--shadow-card:0 1px 2px #0000000a, 0 4px 12px #0000000a;--shadow-modal:var(--shadow-2xl);--font-inter:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}[data-theme=dark]{--color-surface:#232220;--color-surface-alt:#2a2927;--color-card:#1b1a18;--color-text:#f5f5f5;--color-text-strong:#c8c8c8;--color-text-muted:#a3a3a3;--color-text-subtle:#6e6e6e;--color-text-inverse:#1b1a18;--color-border:#444240;--color-accent-subtle:#1a4a2c;--color-accent-light:#3aa36a;--color-accent:#4fd99a;--color-accent-bold:#8ae6b4;--color-highlight-warm:#8a5a2b;--color-highlight-cool:#4d4a7f;--color-on-highlight-warm:#fcd0a1;--color-on-highlight-cool:#c3bef7;--color-category-composite:#f9a8d4;--color-category-diagram:#818cf8;--color-success-bg:#1a3924;--color-success-text:#86efac;--color-success-border:#2f6040;--color-info-bg:#1a2e4c;--color-info-text:#93c5fd;--color-info-border:#31507f;--color-warning-bg:#3a2d1b;--color-warning-text:#fcd34d;--color-warning-border:#5e4d30;--color-danger-bg:#3a2022;--color-danger-text:#fca5a5;--color-danger-border:#5e3034;--color-canvas-dot:#383634;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000059, 0 1px 3px #00000040;--shadow-lg:0 6px 20px #00000073;--shadow-xl:0 8px 24px #00000080;--shadow-2xl:0 24px 48px #0000008c;--shadow-card:0 1px 2px #0000004d, 0 4px 12px #00000040}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:var(--font-inter);--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-inter);--default-mono-font-family:var(--font-mono);--color-surface:var(--color-surface);--color-surface-alt:var(--color-surface-alt);--color-card:var(--color-card);--color-text:var(--color-text);--color-text-strong:var(--color-text-strong);--color-text-muted:var(--color-text-muted);--color-text-subtle:var(--color-text-subtle);--color-text-inverse:var(--color-text-inverse);--color-border:var(--color-border);--color-accent-subtle:var(--color-accent-subtle);--color-accent-light:var(--color-accent-light);--color-accent:var(--color-accent);--color-accent-bold:var(--color-accent-bold);--color-highlight-warm:var(--color-highlight-warm);--color-highlight-cool:var(--color-highlight-cool);--color-on-highlight-warm:var(--color-on-highlight-warm);--color-on-highlight-cool:var(--color-on-highlight-cool);--color-category-composite:var(--color-category-composite);--color-category-diagram:var(--color-category-diagram);--color-danger-text:var(--color-danger-text);--color-success-bg:var(--color-success-bg);--color-success-text:var(--color-success-text);--color-success-border:var(--color-success-border);--color-info-bg:var(--color-info-bg);--color-info-text:var(--color-info-text);--color-info-border:var(--color-info-border);--color-warning-bg:var(--color-warning-bg);--color-warning-text:var(--color-warning-text);--color-warning-border:var(--color-warning-border);--color-danger-bg:var(--color-danger-bg);--color-danger-border:var(--color-danger-border);--color-cream:var(--color-surface);--color-warm-gray:var(--color-surface-alt);--color-ink:var(--color-text);--color-green:var(--color-accent);--color-mint:var(--color-accent-light);--color-forest:var(--color-accent-bold);--color-peach:var(--color-highlight-warm);--color-lavender:var(--color-highlight-cool);--color-lime:var(--color-accent-subtle)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container{container-type:inline-size}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-10{z-index:10}.z-20{z-index:20}.z-\[9999\]{z-index:9999}.col-span-2{grid-column:span 2/span 2}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-mx-5{margin-inline:calc(var(--spacing) * -5)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.-ml-3{margin-left:calc(var(--spacing) * -3)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.list-item{display:list-item}.table{display:table}.table-column{display:table-column}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-full{height:100%}.max-h-\[280px\]{max-height:280px}.min-h-0{min-height:0}.min-h-\[120px\]{min-height:120px}.min-h-full{min-height:100%}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:calc(var(--spacing) * 8)}.w-44{width:calc(var(--spacing) * 44)}.w-\[58px\]{width:58px}.w-\[220px\]{width:220px}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-col-resize{cursor:col-resize}.cursor-pointer{cursor:pointer}.cursor-row-resize{cursor:row-resize}.resize{resize:both}.\[grid-template-columns\:repeat\(auto-fit\,minmax\(220px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.self-center{align-self:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-l-\[4px\]{border-top-left-radius:4px;border-bottom-left-radius:4px}.rounded-r-\[4px\]{border-top-right-radius:4px;border-bottom-right-radius:4px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-accent-bold\/30{border-color:var(--color-accent-bold)}@supports (color:color-mix(in lab, red, red)){.border-accent-bold\/30{border-color:color-mix(in oklab, var(--color-accent-bold) 30%, transparent)}}.border-border,.border-border\/60{border-color:var(--color-border)}@supports (color:color-mix(in lab, red, red)){.border-border\/60{border-color:color-mix(in oklab, var(--color-border) 60%, transparent)}}.border-text\/20{border-color:var(--color-text)}@supports (color:color-mix(in lab, red, red)){.border-text\/20{border-color:color-mix(in oklab, var(--color-text) 20%, transparent)}}.bg-accent-subtle,.bg-accent-subtle\/40{background-color:var(--color-accent-subtle)}@supports (color:color-mix(in lab, red, red)){.bg-accent-subtle\/40{background-color:color-mix(in oklab, var(--color-accent-subtle) 40%, transparent)}}.bg-accent-subtle\/50{background-color:var(--color-accent-subtle)}@supports (color:color-mix(in lab, red, red)){.bg-accent-subtle\/50{background-color:color-mix(in oklab, var(--color-accent-subtle) 50%, transparent)}}.bg-card{background-color:var(--color-card)}.bg-cream,.bg-surface{background-color:var(--color-surface)}.bg-surface-alt{background-color:var(--color-surface-alt)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.object-contain{object-fit:contain}.p-3{padding:calc(var(--spacing) * 3)}.p-6{padding:calc(var(--spacing) * 6)}.p-12{padding:calc(var(--spacing) * 12)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pr-1{padding-right:var(--spacing)}.pr-5{padding-right:calc(var(--spacing) * 5)}.pb-1{padding-bottom:var(--spacing)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-\[66px\]{padding-left:66px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[38px\]{font-size:38px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.06em\]{--tw-tracking:-.06em;letter-spacing:-.06em}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-all{word-break:break-all}.whitespace-pre-wrap{white-space:pre-wrap}.text-accent{color:var(--color-accent)}.text-accent-bold{color:var(--color-accent-bold)}.text-ink,.text-text{color:var(--color-text)}.text-text-muted{color:var(--color-text-muted)}.text-text-strong{color:var(--color-text-strong)}.text-text-subtle{color:var(--color-text-subtle)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.\[file\:line\]{file:line}@media (hover:hover){.group-hover\:bg-accent\/30:is(:where(.group):hover *){background-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-accent\/30:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--color-accent) 30%, transparent)}}}.group-active\:bg-accent\/50:is(:where(.group):active *){background-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.group-active\:bg-accent\/50:is(:where(.group):active *){background-color:color-mix(in oklab, var(--color-accent) 50%, transparent)}}@media (hover:hover){.hover\:border-accent\/40:hover{border-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.hover\:border-accent\/40:hover{border-color:color-mix(in oklab, var(--color-accent) 40%, transparent)}}.hover\:bg-surface-alt:hover{background-color:var(--color-surface-alt)}.hover\:text-text-strong:hover{color:var(--color-text-strong)}}.focus\:border-accent:focus{border-color:var(--color-accent)}@container (min-width:480px){.\@\[480px\]\:inline{display:inline}}@container (min-width:640px){.\@\[640px\]\:block{display:block}}}:root{--color-surface:#f8f7f6;--color-surface-alt:#f2f1f0;--color-card:#fff;--color-text:#1e1e1e;--color-text-strong:#4a4a4a;--color-text-muted:#9ca3af;--color-text-subtle:#cbd5e1;--color-text-inverse:#fff;--color-border:#ebebea;--color-accent-subtle:#e6ffd1;--color-accent-light:#90e9b8;--color-accent:#3ecc87;--color-accent-bold:#1e7150;--color-drop-target:var(--color-accent);--color-highlight-warm:#fcd0a1;--color-highlight-cool:#c3bef7;--color-on-highlight-warm:#7c6b3e;--color-on-highlight-cool:#5b54a0;--color-category-composite:#f472b6;--color-category-diagram:#6366f1;--color-success-bg:#f0fdf4;--color-success-text:#166534;--color-success-border:#bbf7d0;--color-info-bg:#eff6ff;--color-info-text:#1e40af;--color-info-border:#bfdbfe;--color-warning-bg:#fffbeb;--color-warning-text:#92400e;--color-warning-border:#fde68a;--color-danger-bg:#fef2f2;--color-danger-text:#991b1b;--color-danger-border:#fecaca;--color-canvas-dot:#e0e0e0;--color-preview-bg-light:#fff;--color-preview-bg-dark:#232220;--color-preview-border-light:#ebebea;--color-preview-border-dark:#444240;--shadow-xs:0 1px 2px #0000000f;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 12px #0000000f, 0 1px 3px #0000000a;--shadow-lg:0 6px 20px #0000001a;--shadow-xl:0 8px 24px #0000001f;--shadow-2xl:0 24px 48px #0000002e;--shadow-card:0 1px 2px #0000000a, 0 4px 12px #0000000a;--shadow-modal:var(--shadow-2xl);--font-inter:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}[data-theme=dark]{--color-surface:#232220;--color-surface-alt:#2a2927;--color-card:#1b1a18;--color-text:#f5f5f5;--color-text-strong:#c8c8c8;--color-text-muted:#a3a3a3;--color-text-subtle:#6e6e6e;--color-text-inverse:#1b1a18;--color-border:#444240;--color-accent-subtle:#1a4a2c;--color-accent-light:#3aa36a;--color-accent:#4fd99a;--color-accent-bold:#8ae6b4;--color-highlight-warm:#8a5a2b;--color-highlight-cool:#4d4a7f;--color-on-highlight-warm:#fcd0a1;--color-on-highlight-cool:#c3bef7;--color-category-composite:#f9a8d4;--color-category-diagram:#818cf8;--color-success-bg:#1a3924;--color-success-text:#86efac;--color-success-border:#2f6040;--color-info-bg:#1a2e4c;--color-info-text:#93c5fd;--color-info-border:#31507f;--color-warning-bg:#3a2d1b;--color-warning-text:#fcd34d;--color-warning-border:#5e4d30;--color-danger-bg:#3a2022;--color-danger-text:#fca5a5;--color-danger-border:#5e3034;--color-canvas-dot:#383634;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000059, 0 1px 3px #00000040;--shadow-lg:0 6px 20px #00000073;--shadow-xl:0 8px 24px #00000080;--shadow-2xl:0 24px 48px #0000008c;--shadow-card:0 1px 2px #0000004d, 0 4px 12px #00000040}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}

package/dist/studio/uxm-app.cjs

@@ -30,7 +30,7 @@ var import_context = require("./lib/context.cjs");
 var import_registry = require("./lib/registry/index.cjs");
 var import_mobile_gallery = require("./mobile-gallery.cjs");
 var import_canvas = require("./shell/canvas.cjs");
-var import_properties_panel = require("./shell/properties-panel.cjs");
+var import_properties_panel = require("./shell/properties-panel/index.cjs");
 var import_sidebar = require("./shell/sidebar.cjs");
 var import_theme_sync = require("./theme-sync.cjs");
 const DESKTOP_QUERY = "(min-width: 1024px)";

package/dist/studio/uxm-app.d.ts

@@ -22,5 +22,5 @@ export interface UxmAppProps {
      */
     headerActions?: ReactNode;
 }
-export declare function UxmApp({ embed, persistence, syncFavicon, headerActions }: UxmAppProps): import("react/jsx-runtime").JSX.Element;
+export declare function UxmApp({ embed, persistence, syncFavicon, headerActions }: UxmAppProps): import("react").JSX.Element;
 //# sourceMappingURL=uxm-app.d.ts.map

package/dist/studio/uxm-app.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"uxm-app.d.ts","sourceRoot":"","sources":["../../src/studio/uxm-app.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,WAAW;IAC1B,oEAAoE;IACpE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B;AAED,wBAAgB,MAAM,CAAC,EAAE,KAAa,EAAE,WAAW,EAAE,WAAmB,EAAE,aAAa,EAAE,EAAE,WAAW,2CAiBrG"}
+{"version":3,"file":"uxm-app.d.ts","sourceRoot":"","sources":["../../src/studio/uxm-app.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,WAAW;IAC1B,oEAAoE;IACpE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B;AAED,wBAAgB,MAAM,CAAC,EAAE,KAAa,EAAE,WAAW,EAAE,WAAmB,EAAE,aAAa,EAAE,EAAE,WAAW,+BAiBrG"}

package/dist/studio/uxm-app.js

@@ -7,7 +7,7 @@ import { UxmProvider, useUxm } from "./lib/context.js";
 import { getComponentDef } from "./lib/registry/index.js";
 import { MobileGallery } from "./mobile-gallery.js";
 import { Canvas } from "./shell/canvas.js";
-import { PropertiesPanel } from "./shell/properties-panel.js";
+import { PropertiesPanel } from "./shell/properties-panel/index.js";
 import { Sidebar } from "./shell/sidebar.js";
 import { ThemeSync } from "./theme-sync.js";
 const DESKTOP_QUERY = "(min-width: 1024px)";

package/dist/ui/app-sidebar/app-sidebar-preview.cjs

@@ -22,8 +22,8 @@ __export(app_sidebar_preview_exports, {
 });
 module.exports = __toCommonJS(app_sidebar_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");
 const SAMPLE_SECTIONS = [
   {
     items: [

package/dist/ui/app-sidebar/app-sidebar-preview.d.ts

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

package/dist/ui/app-sidebar/app-sidebar-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-sidebar-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/app-sidebar/app-sidebar-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AA8DrD,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,YAAY,2CA+F1E"}
+{"version":3,"file":"app-sidebar-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/app-sidebar/app-sidebar-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AA8DrD,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,YAAY,+BA+F1E"}

package/dist/ui/app-sidebar/app-sidebar-preview.js

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

package/dist/ui/app-sidebar/app-sidebar.d.ts

@@ -123,5 +123,5 @@ export interface AppSidebarProps extends HTMLAttributes<HTMLElement> {
     /** Accessible name for the collapse toggle while expanded. Default `"Collapse sidebar"`. */
     collapseLabel?: string;
 }
-export declare function AppSidebar({ brand, sections, collapsed, onCollapseToggle, header, footer, linkAs, autoIconColors, mobileOpen, onMobileClose, closeLabel, expandLabel, collapseLabel, className, ...rest }: AppSidebarProps): import("react/jsx-runtime").JSX.Element;
+export declare function AppSidebar({ brand, sections, collapsed, onCollapseToggle, header, footer, linkAs, autoIconColors, mobileOpen, onMobileClose, closeLabel, expandLabel, collapseLabel, className, ...rest }: AppSidebarProps): import("react").JSX.Element;
 //# sourceMappingURL=app-sidebar.d.ts.map

package/dist/ui/app-sidebar/app-sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-sidebar.d.ts","sourceRoot":"","sources":["../../../src/ui/app-sidebar/app-sidebar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpE,MAAM,WAAW,eAAe;IAC9B,uCAAuC;IACvC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uCAAuC;IACvC,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,iBAAiB,EAAE,CAAC;CAC5B;AAED,kEAAkE;AAClE,MAAM,WAAW,mBAAmB;IAClC,4BAA4B;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,2BAA2B,EAAE,mBAAmB,EAK5D,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAClE,KAAK,EAAE,eAAe,CAAC;IACvB,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B;;;;;;;;;;;;;;OAcG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;;;;;;OASG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;;;;;;;;;OAUG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,mBAAmB,EAAE,CAAC;IACjD;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,0FAA0F;IAC1F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2FAA2F;IAC3F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4FAA4F;IAC5F,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,SAAiB,EACjB,gBAAgB,EAChB,MAAM,EACN,MAAM,EACN,MAAM,EACN,cAAsB,EACtB,UAAkB,EAClB,aAAa,EACb,UAA+B,EAC/B,WAA8B,EAC9B,aAAkC,EAClC,SAAS,EACT,GAAG,IAAI,EACR,EAAE,eAAe,2CAkJjB"}
+{"version":3,"file":"app-sidebar.d.ts","sourceRoot":"","sources":["../../../src/ui/app-sidebar/app-sidebar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpE,MAAM,WAAW,eAAe;IAC9B,uCAAuC;IACvC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uCAAuC;IACvC,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,iBAAiB,EAAE,CAAC;CAC5B;AAED,kEAAkE;AAClE,MAAM,WAAW,mBAAmB;IAClC,4BAA4B;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,2BAA2B,EAAE,mBAAmB,EAK5D,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAClE,KAAK,EAAE,eAAe,CAAC;IACvB,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B;;;;;;;;;;;;;;OAcG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;;;;;;OASG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;;;;;;;;;OAUG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,mBAAmB,EAAE,CAAC;IACjD;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,0FAA0F;IAC1F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2FAA2F;IAC3F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4FAA4F;IAC5F,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,SAAiB,EACjB,gBAAgB,EAChB,MAAM,EACN,MAAM,EACN,MAAM,EACN,cAAsB,EACtB,UAAkB,EAClB,aAAa,EACb,UAA+B,EAC/B,WAA8B,EAC9B,aAAkC,EAClC,SAAS,EACT,GAAG,IAAI,EACR,EAAE,eAAe,+BAkJjB"}

package/dist/ui/app-top-bar/app-top-bar-preview.cjs

@@ -22,11 +22,11 @@ __export(app_top_bar_preview_exports, {
 });
 module.exports = __toCommonJS(app_top_bar_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_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");
 function AppTopBarPreview({ styles }) {
   const cssVars = {
     "--uxm-app-top-bar-background-color": styles.backgroundColor,

package/dist/ui/app-top-bar/app-top-bar-preview.d.ts

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

package/dist/ui/app-top-bar/app-top-bar-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-top-bar-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/app-top-bar/app-top-bar-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AASrD,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,EAAE,YAAY,2CA8BxD"}
+{"version":3,"file":"app-top-bar-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/app-top-bar/app-top-bar-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AASrD,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,EAAE,YAAY,+BA8BxD"}

package/dist/ui/app-top-bar/app-top-bar-preview.js

@@ -1,9 +1,9 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-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 { AppTopBar } from "../index.js";
+import { Avatar } from "../index.js";
+import { ButtonPrimary } from "../index.js";
+import { Icon } from "../index.js";
+import { InputWithIcon } from "../index.js";
 function AppTopBarPreview({ styles }) {
   const cssVars = {
     "--uxm-app-top-bar-background-color": styles.backgroundColor,

package/dist/ui/app-top-bar/app-top-bar.cjs

@@ -23,7 +23,7 @@ __export(app_top_bar_exports, {
 module.exports = __toCommonJS(app_top_bar_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 AppTopBar({
   search,
   actions,

package/dist/ui/app-top-bar/app-top-bar.d.ts

@@ -9,5 +9,5 @@ export interface AppTopBarProps extends HTMLAttributes<HTMLElement> {
     /** Accessible name for that trigger. Default `"Open navigation"`. */
     menuLabel?: string;
 }
-export declare function AppTopBar({ search, actions, onMobileMenuClick, menuLabel, className, ...rest }: AppTopBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function AppTopBar({ search, actions, onMobileMenuClick, menuLabel, className, ...rest }: AppTopBarProps): import("react").JSX.Element;
 //# sourceMappingURL=app-top-bar.d.ts.map

package/dist/ui/app-top-bar/app-top-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-top-bar.d.ts","sourceRoot":"","sources":["../../../src/ui/app-top-bar/app-top-bar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,WAAW,CAAC;IACjE,oDAAoD;IACpD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,uEAAuE;IACvE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,2DAA2D;IAC3D,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,qEAAqE;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,OAAO,EACP,iBAAiB,EACjB,SAA6B,EAC7B,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,2CAmBhB"}
+{"version":3,"file":"app-top-bar.d.ts","sourceRoot":"","sources":["../../../src/ui/app-top-bar/app-top-bar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,WAAW,CAAC;IACjE,oDAAoD;IACpD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,uEAAuE;IACvE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,2DAA2D;IAC3D,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,qEAAqE;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,OAAO,EACP,iBAAiB,EACjB,SAA6B,EAC7B,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,+BAmBhB"}

package/dist/ui/app-top-bar/app-top-bar.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 AppTopBar({
   search,
   actions,

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

@@ -22,7 +22,7 @@ __export(avatar_preview_exports, {
 });
 module.exports = __toCommonJS(avatar_preview_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ui = require("../../ui/index.cjs");
+var import_ui = require("../index.cjs");
 const TEXT_AVATARS = [
   { initials: "SC", name: "Sarah Chen" },
   { initials: "MR", name: "Marcus Rivera" },

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"avatar-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/avatar/avatar-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAsBrD,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,2CAmD/D"}
+{"version":3,"file":"avatar-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/avatar/avatar-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAsBrD,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,+BAmD/D"}

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

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Avatar } from "../../ui/index.js";
+import { Avatar } from "../index.js";
 const TEXT_AVATARS = [
   { initials: "SC", name: "Sarah Chen" },
   { initials: "MR", name: "Marcus Rivera" },

package/dist/ui/avatar/avatar.d.ts

@@ -21,5 +21,5 @@ export interface AvatarProps extends HTMLAttributes<HTMLSpanElement> {
     src?: string;
     alt?: string;
 }
-export declare function Avatar({ type, size, initials, src, alt, className, ...rest }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+export declare function Avatar({ type, size, initials, src, alt, className, ...rest }: AvatarProps): import("react").JSX.Element;
 //# sourceMappingURL=avatar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/ui/avatar/avatar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC;AAE1C,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,eAAe,CAAC;IAClE,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;;;;;;;;;;OAYG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,MAAM,CAAC,EACrB,IAAa,EACb,IAAe,EACf,QAAQ,EACR,GAAG,EACH,GAAG,EACH,SAAS,EACT,GAAG,IAAI,EACR,EAAE,WAAW,2CA8Bb"}
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/ui/avatar/avatar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC;AAE1C,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,eAAe,CAAC;IAClE,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;;;;;;;;;;OAYG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,MAAM,CAAC,EACrB,IAAa,EACb,IAAe,EACf,QAAQ,EACR,GAAG,EACH,GAAG,EACH,SAAS,EACT,GAAG,IAAI,EACR,EAAE,WAAW,+BA8Bb"}

package/dist/ui/back-link/back-link-preview.cjs

@@ -22,7 +22,7 @@ __export(back_link_preview_exports, {
 });
 module.exports = __toCommonJS(back_link_preview_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ui = require("../../ui/index.cjs");
+var import_ui = require("../index.cjs");
 function BackLinkPreview({ styles, variants }) {
   const state = variants.state ?? "default";
   const isHover = state === "hover";

package/dist/ui/back-link/back-link-preview.d.ts

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

package/dist/ui/back-link/back-link-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"back-link-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/back-link/back-link-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKrD,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,2CAyDjE"}
+{"version":3,"file":"back-link-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/back-link/back-link-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKrD,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,+BAyDjE"}

package/dist/ui/back-link/back-link-preview.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { BackLink } from "../../ui/index.js";
+import { BackLink } from "../index.js";
 function BackLinkPreview({ styles, variants }) {
   const state = variants.state ?? "default";
   const isHover = state === "hover";

package/dist/ui/back-link/back-link.cjs

@@ -23,7 +23,7 @@ __export(back_link_exports, {
 module.exports = __toCommonJS(back_link_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 BackLink({ children, className, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", { className: (0, import_helpers.cn)("uxm-back-link", className), ...rest, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(