@ledgerhq/lumen-ui-react 0.1.46 → 0.1.47

package/dist/lib/Components/Menu/Menu.d.ts

@@ -8,7 +8,7 @@ declare function MenuRadioGroup<T extends MenuRadioValue = MenuRadioValue>({ onV
 declare const MenuSubTrigger: ({ ref, className, children, ...props }: MenuSubTriggerProps) => import("react/jsx-runtime").JSX.Element;
 declare const MenuSubContent: ({ className, children }: MenuSubContentProps) => import("react/jsx-runtime").JSX.Element;
 declare const MenuContent: ({ side, sideOffset, align, alignOffset, sticky, className, children, }: MenuContentProps) => import("react/jsx-runtime").JSX.Element;
-declare const MenuItem: ({ ref, className, disabled: disabledProp, onClick, label, closeOnClick, ...props }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const MenuItem: ({ ref, className, appearance, disabled: disabledProp, onClick, label, closeOnClick, ...props }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
 declare const MenuCheckboxItem: ({ ref, className, children, checked, defaultChecked, onCheckedChange, disabled: disabledProp, label, closeOnClick, ...props }: MenuCheckboxItemProps) => import("react/jsx-runtime").JSX.Element;
 declare const MenuRadioItem: <T extends MenuRadioValue = MenuRadioValue>({ ref, className, children, disabled: disabledProp, ...props }: MenuRadioItemProps<T>) => import("react/jsx-runtime").JSX.Element;
 declare const MenuLabel: ({ ref, className, ...props }: MenuLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/Components/Menu/Menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Menu/Menu.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EACV,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,EACb,qBAAqB,EACrB,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACnB,YAAY,EACb,MAAM,SAAS,CAAC;AAmDjB,iBAAS,IAAI,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAEpC;AAED,QAAA,MAAM,WAAW,GAAI,sCAKlB,gBAAgB,4CAQlB,CAAC;AAEF,iBAAS,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAE9C;AAED,iBAAS,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CAE1C;AAED,iBAAS,cAAc,CAAC,CAAC,SAAS,cAAc,GAAG,cAAc,EAAE,EACjE,aAAa,EACb,GAAG,KAAK,EACT,EAAE,mBAAmB,CAAC,CAAC,CAAC,2CAQxB;AAED,QAAA,MAAM,cAAc,GAAI,wCAKrB,mBAAmB,4CAUrB,CAAC;AAEF,QAAA,MAAM,cAAc,GAAI,yBAAyB,mBAAmB,4CAYnE,CAAC;AAEF,QAAA,MAAM,WAAW,GAAI,wEAQlB,gBAAgB,4CAmBlB,CAAC;AAEF,QAAA,MAAM,QAAQ,GAAI,oFAQf,aAAa,4CAoBf,CAAC;AAEF,QAAA,MAAM,gBAAgB,GAAI,+HAWvB,qBAAqB,4CA6BvB,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,CAAC,SAAS,cAAc,GAAG,cAAc,EAAE,gEAM/D,kBAAkB,CAAC,CAAC,CAAC,4CAwBvB,CAAC;AAEF,QAAA,MAAM,SAAS,GAAI,8BAA8B,cAAc,4CAO9D,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,8BAA8B,kBAAkB,4CAEtE,CAAC;AAEF,OAAO,EACL,IAAI,EACJ,WAAW,EACX,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,aAAa,EACb,SAAS,EACT,aAAa,EACb,SAAS,EACT,OAAO,EACP,cAAc,EACd,cAAc,EACd,cAAc,GACf,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,cAAc,GAAG,KAAK,KAAK;IACxE,cAAc,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC;IAChE,aAAa,EAAE,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC;CAC/D,CAEA"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Menu/Menu.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EACV,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,EACb,qBAAqB,EACrB,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACnB,YAAY,EACb,MAAM,SAAS,CAAC;AAgEjB,iBAAS,IAAI,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAEpC;AAED,QAAA,MAAM,WAAW,GAAI,sCAKlB,gBAAgB,4CAQlB,CAAC;AAEF,iBAAS,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAE9C;AAED,iBAAS,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CAE1C;AAED,iBAAS,cAAc,CAAC,CAAC,SAAS,cAAc,GAAG,cAAc,EAAE,EACjE,aAAa,EACb,GAAG,KAAK,EACT,EAAE,mBAAmB,CAAC,CAAC,CAAC,2CAQxB;AAED,QAAA,MAAM,cAAc,GAAI,wCAKrB,mBAAmB,4CAUrB,CAAC;AAEF,QAAA,MAAM,cAAc,GAAI,yBAAyB,mBAAmB,4CAYnE,CAAC;AAEF,QAAA,MAAM,WAAW,GAAI,wEAQlB,gBAAgB,4CAmBlB,CAAC;AAEF,QAAA,MAAM,QAAQ,GAAI,gGASf,aAAa,4CAoBf,CAAC;AAEF,QAAA,MAAM,gBAAgB,GAAI,+HAWvB,qBAAqB,4CA6BvB,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,CAAC,SAAS,cAAc,GAAG,cAAc,EAAE,gEAM/D,kBAAkB,CAAC,CAAC,CAAC,4CAwBvB,CAAC;AAEF,QAAA,MAAM,SAAS,GAAI,8BAA8B,cAAc,4CAO9D,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,8BAA8B,kBAAkB,4CAEtE,CAAC;AAEF,OAAO,EACL,IAAI,EACJ,WAAW,EACX,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,aAAa,EACb,SAAS,EACT,aAAa,EACb,SAAS,EACT,OAAO,EACP,cAAc,EACd,cAAc,EACd,cAAc,GACf,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,cAAc,GAAG,KAAK,KAAK;IACxE,cAAc,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC;IAChE,aAAa,EAAE,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC;CAC/D,CAEA"}

package/dist/lib/Components/Menu/Menu.js

@@ -1,14 +1,14 @@
-import { jsx as t, jsxs as c } from "react/jsx-runtime";
-import { cn as n, useDisabledContext as p, DisabledProvider as b } from "../../../libs/utils-shared/dist/index.js";
-import { cva as I } from "class-variance-authority";
-import { Check as f } from "../../Symbols/Icons/Check.js";
+import { jsx as t, jsxs as p } from "react/jsx-runtime";
+import { cn as n, useDisabledContext as b, DisabledProvider as f } from "../../../libs/utils-shared/dist/index.js";
+import { cva as h } from "class-variance-authority";
+import { Check as g } from "../../Symbols/Icons/Check.js";
 import { Divider as C } from "../Divider/Divider.js";
 import { ChevronRight as R } from "../../Symbols/Icons/ChevronRight.js";
 import { MenuRoot as S } from "../../../node_modules/@base-ui/react/esm/menu/root/MenuRoot.js";
 import { MenuTrigger as k } from "../../../node_modules/@base-ui/react/esm/menu/trigger/MenuTrigger.js";
-import { MenuPortal as h } from "../../../node_modules/@base-ui/react/esm/menu/portal/MenuPortal.js";
-import { MenuPositioner as g } from "../../../node_modules/@base-ui/react/esm/menu/positioner/MenuPositioner.js";
-import { MenuPopup as M } from "../../../node_modules/@base-ui/react/esm/menu/popup/MenuPopup.js";
+import { MenuPortal as M } from "../../../node_modules/@base-ui/react/esm/menu/portal/MenuPortal.js";
+import { MenuPositioner as x } from "../../../node_modules/@base-ui/react/esm/menu/positioner/MenuPositioner.js";
+import { MenuPopup as N } from "../../../node_modules/@base-ui/react/esm/menu/popup/MenuPopup.js";
 import { MenuItem as y } from "../../../node_modules/@base-ui/react/esm/menu/item/MenuItem.js";
 import { MenuCheckboxItem as z } from "../../../node_modules/@base-ui/react/esm/menu/checkbox-item/MenuCheckboxItem.js";
 import { MenuCheckboxItemIndicator as G } from "../../../node_modules/@base-ui/react/esm/menu/checkbox-item-indicator/MenuCheckboxItemIndicator.js";
@@ -18,8 +18,8 @@ import { MenuGroupLabel as $ } from "../../../node_modules/@base-ui/react/esm/me
 import { MenuGroup as j } from "../../../node_modules/@base-ui/react/esm/menu/group/MenuGroup.js";
 import { MenuSubmenuRoot as w } from "../../../node_modules/@base-ui/react/esm/menu/submenu-root/MenuSubmenuRoot.js";
 import { MenuSubmenuTrigger as D } from "../../../node_modules/@base-ui/react/esm/menu/submenu-trigger/MenuSubmenuTrigger.js";
-import { MenuRadioGroup as W } from "../../../node_modules/@base-ui/react/esm/menu/radio-group/MenuRadioGroup.js";
-const x = I(
+import { MenuRadioGroup as V } from "../../../node_modules/@base-ui/react/esm/menu/radio-group/MenuRadioGroup.js";
+const v = h(
   [
     "min-w-160 overflow-hidden rounded-sm bg-muted p-8",
     "shadow-sm outline-none"
@@ -49,16 +49,29 @@ const x = I(
       side: "bottom"
     }
   }
-), d = n(
-  "relative flex cursor-default items-center gap-12 select-none",
-  "h-44 rounded-sm px-8 outline-hidden",
-  "body-2-semi-bold text-base",
-  "transition-colors",
-  "data-highlighted:bg-base-transparent-hover",
-  "active:bg-base-transparent-pressed",
-  "data-disabled:pointer-events-none data-disabled:text-disabled"
-), L = n("px-8 py-4 body-3-semi-bold text-muted"), O = n(
-  d,
+), l = h(
+  n(
+    "relative flex cursor-default items-center gap-12 select-none",
+    "h-44 rounded-sm px-8 outline-hidden",
+    "body-2-semi-bold",
+    "transition-colors",
+    "data-highlighted:bg-base-transparent-hover",
+    "active:bg-base-transparent-pressed",
+    "data-disabled:pointer-events-none data-disabled:text-disabled"
+  ),
+  {
+    variants: {
+      appearance: {
+        base: "text-base",
+        red: "text-error"
+      }
+    },
+    defaultVariants: {
+      appearance: "base"
+    }
+  }
+), W = n("px-8 py-4 body-3-semi-bold text-muted"), L = n(
+  l(),
   "data-popup-open:bg-base-transparent-hover"
 );
 function me({ ...e }) {
@@ -85,12 +98,12 @@ function de({ ...e }) {
 function le({ ...e }) {
   return /* @__PURE__ */ t(w, { ...e });
 }
-function V({
+function O({
   onValueChange: e,
   ...o
 }) {
   return /* @__PURE__ */ t(
-    W,
+    V,
     {
       "data-slot": "menu-radio-group",
       onValueChange: (a) => e?.(String(a)),
@@ -103,23 +116,23 @@ const ce = ({
   className: o,
   children: a,
   ...r
-}) => /* @__PURE__ */ c(
+}) => /* @__PURE__ */ p(
   D,
   {
     ref: e,
     "data-slot": "menu-sub-trigger",
-    className: n(O, o),
+    className: n(L, o),
     ...r,
     children: [
       a,
       /* @__PURE__ */ t(R, { size: 20, className: "ml-auto text-muted" })
     ]
   }
-), pe = ({ className: e, children: o }) => /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(g, { className: "z-menu", side: "right", sideOffset: 4, children: /* @__PURE__ */ t(
-  M,
+), pe = ({ className: e, children: o }) => /* @__PURE__ */ t(M, { children: /* @__PURE__ */ t(x, { className: "z-menu", side: "right", sideOffset: 4, children: /* @__PURE__ */ t(
+  N,
   {
     "data-slot": "menu-sub-content",
-    className: n(x({ side: "right" }), e),
+    className: n(v({ side: "right" }), e),
     onClick: (a) => a.stopPropagation(),
     children: o
   }
@@ -130,9 +143,9 @@ const ce = ({
   alignOffset: r,
   sticky: i = !0,
   className: s,
-  children: u
-}) => /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(
-  g,
+  children: m
+}) => /* @__PURE__ */ t(M, { children: /* @__PURE__ */ t(
+  x,
   {
     className: "z-menu",
     side: e,
@@ -141,38 +154,39 @@ const ce = ({
     alignOffset: r,
     sticky: i,
     children: /* @__PURE__ */ t(
-      M,
+      N,
       {
         "data-slot": "menu-content",
-        className: n(x({ side: e }), s),
-        onClick: (m) => m.stopPropagation(),
-        children: u
+        className: n(v({ side: e }), s),
+        onClick: (u) => u.stopPropagation(),
+        children: m
       }
     )
   }
 ) }), fe = ({
   ref: e,
   className: o,
-  disabled: a,
-  onClick: r,
-  label: i,
-  closeOnClick: s = !0,
+  appearance: a = "base",
+  disabled: r,
+  onClick: i,
+  label: s,
+  closeOnClick: m = !0,
   ...u
 }) => {
-  const m = p({
+  const d = b({
     consumerName: "MenuItem",
-    mergeWith: { disabled: a }
+    mergeWith: { disabled: r }
   });
-  return /* @__PURE__ */ t(b, { value: { disabled: m }, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(f, { value: { disabled: d }, children: /* @__PURE__ */ t(
     y,
     {
       ref: e,
       "data-slot": "menu-item",
-      label: i,
-      disabled: m,
-      closeOnClick: s,
-      className: n(d, o),
-      onClick: r,
+      label: s,
+      disabled: d,
+      closeOnClick: m,
+      className: n(l({ appearance: a }), o),
+      onClick: i,
       ...u
     }
   ) });
@@ -183,31 +197,31 @@ const ce = ({
   checked: r,
   defaultChecked: i,
   onCheckedChange: s,
-  disabled: u,
-  label: m,
-  closeOnClick: N,
-  ...v
+  disabled: m,
+  label: u,
+  closeOnClick: d,
+  ...I
 }) => {
-  const l = p({
+  const c = b({
     consumerName: "MenuCheckboxItem",
-    mergeWith: { disabled: u }
+    mergeWith: { disabled: m }
   });
-  return /* @__PURE__ */ t(b, { value: { disabled: l }, children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ t(f, { value: { disabled: c }, children: /* @__PURE__ */ p(
     z,
     {
       ref: e,
       "data-slot": "menu-checkbox-item",
-      label: m,
+      label: u,
       checked: r,
       defaultChecked: i,
-      disabled: l,
-      closeOnClick: N ?? !1,
-      className: n(d, o),
+      disabled: c,
+      closeOnClick: d ?? !1,
+      className: n(l(), o),
       onCheckedChange: s,
-      ...v,
+      ...I,
       children: [
         a,
-        /* @__PURE__ */ t("span", { className: "ml-auto flex size-24 items-center justify-center", children: /* @__PURE__ */ t(G, { children: /* @__PURE__ */ t(f, { disabled: l, size: 24, className: "text-active" }) }) })
+        /* @__PURE__ */ t("span", { className: "ml-auto flex size-24 items-center justify-center", children: /* @__PURE__ */ t(G, { children: /* @__PURE__ */ t(g, { disabled: c, size: 24, className: "text-active" }) }) })
       ]
     }
   ) });
@@ -218,21 +232,21 @@ const ce = ({
   disabled: r,
   ...i
 }) => {
-  const s = p({
+  const s = b({
     consumerName: "MenuRadioItem",
     mergeWith: { disabled: r }
   });
-  return /* @__PURE__ */ t(b, { value: { disabled: s }, children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ t(f, { value: { disabled: s }, children: /* @__PURE__ */ p(
     P,
     {
       ref: e,
       "data-slot": "menu-radio-item",
       disabled: s,
-      className: n(d, o),
+      className: n(l(), o),
       ...i,
       children: [
         a,
-        /* @__PURE__ */ t("span", { className: "ml-auto flex size-24 items-center justify-center", children: /* @__PURE__ */ t(T, { children: /* @__PURE__ */ t(f, { disabled: s, size: 24, className: "text-active" }) }) })
+        /* @__PURE__ */ t("span", { className: "ml-auto flex size-24 items-center justify-center", children: /* @__PURE__ */ t(T, { children: /* @__PURE__ */ t(g, { disabled: s, size: 24, className: "text-active" }) }) })
       ]
     }
   ) });
@@ -241,12 +255,12 @@ const ce = ({
   {
     ref: e,
     "data-slot": "menu-label",
-    className: n(L, o),
+    className: n(W, o),
     ...a
   }
 ), Me = ({ ref: e, className: o, ...a }) => /* @__PURE__ */ t(C, { ref: e, className: n("mx-8 my-4 w-auto", o), ...a });
 function xe() {
-  return { MenuRadioGroup: V, MenuRadioItem: q };
+  return { MenuRadioGroup: O, MenuRadioItem: q };
 }
 export {
   me as Menu,
@@ -255,7 +269,7 @@ export {
   de as MenuGroup,
   fe as MenuItem,
   ge as MenuLabel,
-  V as MenuRadioGroup,
+  O as MenuRadioGroup,
   q as MenuRadioItem,
   Me as MenuSeparator,
   le as MenuSub,

package/dist/lib/Components/Menu/types.d.ts

@@ -101,6 +101,12 @@ export type MenuItemProps = {
      * Additional CSS class names to apply to the item.
      */
     className?: string;
+    /**
+     * The visual appearance of the item, used to signal intent.
+     *
+     * @default 'base'
+     */
+    appearance?: 'base' | 'red';
     /**
      * When `true`, prevents the user from interacting with the item.
      *

package/dist/lib/Components/Menu/types.d.ts.map

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

package/dist/lib/Components/SearchInput/SearchInput.js

@@ -1,9 +1,9 @@
 import { jsx as r } from "react/jsx-runtime";
 import { cn as t } from "../../../libs/utils-shared/dist/index.js";
-import { cva as e } from "class-variance-authority";
-import { BaseInput as d } from "../BaseInput/BaseInput.js";
-import { Search as c } from "../../Symbols/Icons/Search.js";
-const m = e("", {
+import { cva as n } from "class-variance-authority";
+import { BaseInput as c } from "../BaseInput/BaseInput.js";
+import { Search as d } from "../../Symbols/Icons/Search.js";
+const m = n("", {
   variants: {
     appearance: {
       plain: "",
@@ -13,29 +13,29 @@ const m = e("", {
   defaultVariants: {
     appearance: "plain"
   }
-}), l = e("", {
+}), l = n("", {
   variants: {
     appearance: {
       plain: "",
-      transparent: "bg-transparent group-hover:bg-transparent-hover group-has-disabled:bg-transparent-disabled"
+      transparent: "bg-transparent group-hover:bg-transparent group-has-disabled:bg-transparent"
     }
   },
   defaultVariants: {
     appearance: "plain"
   }
 }), x = ({
-  ref: n,
+  ref: e,
   appearance: a = "plain",
   className: s,
   inputClassName: p,
   containerClassName: i,
   ...o
 }) => /* @__PURE__ */ r(
-  d,
+  c,
   {
-    ref: n,
+    ref: e,
     prefix: /* @__PURE__ */ r(
-      c,
+      d,
       {
         size: 20,
         className: "text-muted group-has-disabled:text-disabled",

package/dist/lib/Components/SectionHeader/SectionHeader.d.ts

@@ -0,0 +1,33 @@
+import { SectionHeaderLeadingProps, SectionHeaderProps, SectionHeaderTitleProps } from './types';
+/**
+ * Leading slot for the SectionHeader. Use for optional icons or other leading content.
+ *
+ * @example
+ * <SectionHeaderLeading>
+ *   <Settings size={16} />
+ * </SectionHeaderLeading>
+ */
+export declare const SectionHeaderLeading: ({ children, className, ...props }: SectionHeaderLeadingProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Title component for the SectionHeader. Displays the muted label text.
+ *
+ * @example
+ * <SectionHeaderTitle>Label</SectionHeaderTitle>
+ */
+export declare const SectionHeaderTitle: ({ children, className, ...props }: SectionHeaderTitleProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * A compact section label used to title grouped content areas.
+ * Uses a composable API where you explicitly nest sub-components to define the layout.
+ *
+ * @see {@link https://ldls.vercel.app/?path=/docs/react-sectionheader--docs Guidelines}
+ *
+ * @warning The `className` prop should only be used for layout adjustments like margins or positioning.
+ * Do not use it to modify the section header's core appearance (colors, padding, etc).
+ *
+ * @example
+ * <SectionHeader>
+ *   <SectionHeaderTitle>Label</SectionHeaderTitle>
+ * </SectionHeader>
+ */
+export declare const SectionHeader: ({ appearance, className, children, ...props }: SectionHeaderProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SectionHeader.d.ts.map

package/dist/lib/Components/SectionHeader/SectionHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeader.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SectionHeader/SectionHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,yBAAyB,EACzB,kBAAkB,EAClB,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAcjB;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,GAAI,mCAIlC,yBAAyB,4CAS3B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,GAAI,mCAIhC,uBAAuB,4CAYzB,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,aAAa,GAAI,+CAK3B,kBAAkB,4CASpB,CAAC"}

package/dist/lib/Components/SectionHeader/SectionHeader.js

@@ -0,0 +1,56 @@
+import { jsx as r } from "react/jsx-runtime";
+import { cn as t } from "../../../libs/utils-shared/dist/index.js";
+import { cva as o } from "class-variance-authority";
+const i = o("flex w-full min-w-0 items-center gap-4", {
+  variants: {
+    appearance: {
+      "no-background": "",
+      plain: "rounded-xs bg-surface px-8 py-1"
+    }
+  },
+  defaultVariants: {
+    appearance: "no-background"
+  }
+}), p = ({
+  children: e,
+  className: n,
+  ...a
+}) => /* @__PURE__ */ r(
+  "span",
+  {
+    className: t("inline-flex shrink-0 items-center", n),
+    ...a,
+    children: e
+  }
+), l = ({
+  children: e,
+  className: n,
+  ...a
+}) => /* @__PURE__ */ r(
+  "span",
+  {
+    className: t(
+      "min-w-0 shrink truncate body-2-semi-bold text-muted",
+      n
+    ),
+    ...a,
+    children: e
+  }
+), u = ({
+  appearance: e = "no-background",
+  className: n,
+  children: a,
+  ...s
+}) => /* @__PURE__ */ r(
+  "div",
+  {
+    className: t(i({ appearance: e }), n),
+    ...s,
+    children: a
+  }
+);
+export {
+  u as SectionHeader,
+  p as SectionHeaderLeading,
+  l as SectionHeaderTitle
+};

package/dist/lib/Components/SectionHeader/index.d.ts

@@ -0,0 +1,3 @@
+export { SectionHeader, SectionHeaderLeading, SectionHeaderTitle, } from './SectionHeader';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/Components/SectionHeader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SectionHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,iBAAiB,CAAC;AACzB,cAAc,SAAS,CAAC"}

package/dist/lib/Components/SectionHeader/types.d.ts

@@ -0,0 +1,26 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type SectionHeaderAppearance = 'no-background' | 'plain';
+export type SectionHeaderProps = {
+    /**
+     * The visual style of the section header container.
+     * @default 'no-background'
+     */
+    appearance?: SectionHeaderAppearance;
+    /**
+     * The children of the section header, typically SectionHeaderLeading and SectionHeaderTitle.
+     */
+    children?: ReactNode;
+} & Omit<HTMLAttributes<HTMLDivElement>, 'children'>;
+export type SectionHeaderLeadingProps = {
+    /**
+     * Optional leading content such as an icon.
+     */
+    children?: ReactNode;
+} & Omit<HTMLAttributes<HTMLSpanElement>, 'children'>;
+export type SectionHeaderTitleProps = {
+    /**
+     * The label text of the section header.
+     */
+    children: string;
+} & Omit<HTMLAttributes<HTMLSpanElement>, 'children'>;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/Components/SectionHeader/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SectionHeader/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,uBAAuB,GAAG,eAAe,GAAG,OAAO,CAAC;AAEhE,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,UAAU,CAAC,EAAE,uBAAuB,CAAC;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAErD,MAAM,MAAM,yBAAyB,GAAG;IACtC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,CAAC;AAEtD,MAAM,MAAM,uBAAuB,GAAG;IACpC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;CAClB,GAAG,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,CAAC"}

package/dist/lib/Components/SideBar/SideBar.js

@@ -36,8 +36,8 @@ const [O, y] = V("SideBar"), f = {
     {
       variants: {
         active: {
-          true: "bg-muted-transparent text-base body-2-semi-bold hover:bg-muted-transparent-hover active:bg-muted-transparent-pressed",
-          false: "bg-base-transparent text-muted body-2 hover:bg-base-transparent-hover active:bg-base-transparent-pressed"
+          true: "bg-muted-transparent body-2-semi-bold text-base hover:bg-muted-transparent-hover active:bg-muted-transparent-pressed",
+          false: "bg-base-transparent body-2 text-muted hover:bg-base-transparent-hover active:bg-base-transparent-pressed"
         },
         disabled: {
           true: "cursor-default text-disabled hover:bg-base-transparent active:bg-base-transparent",

package/dist/lib/Components/Spot/Spot.js

@@ -26,11 +26,11 @@ const N = g(
         true: "text-disabled"
       },
       size: {
-        32: "spot-w-32 spot-h-32",
-        40: "spot-w-40 spot-h-40",
-        48: "spot-w-48 spot-h-48",
-        56: "spot-w-56 spot-h-56",
-        72: "spot-w-72 spot-h-72"
+        32: "spot-h-32 spot-w-32",
+        40: "spot-h-40 spot-w-40",
+        48: "spot-h-48 spot-w-48",
+        56: "spot-h-56 spot-w-56",
+        72: "spot-h-72 spot-w-72"
       }
     }
   }

package/dist/lib/Components/Table/Table.js

@@ -177,8 +177,8 @@ const [H, u] = N("Table"), I = s(
   inner: s("flex flex-1 justify-end", {
     variants: {
       align: {
-        start: "text-start justify-start",
-        end: "text-end justify-end"
+        start: "justify-start text-start",
+        end: "justify-end text-end"
       }
     }
   })
@@ -241,8 +241,8 @@ const [H, u] = N("Table"), I = s(
   content: s("flex min-w-0 items-center gap-4 truncate", {
     variants: {
       align: {
-        start: "text-start justify-start",
-        end: "text-end justify-end"
+        start: "justify-start text-start",
+        end: "justify-end text-end"
       }
     }
   }),

package/dist/lib/Components/TileButton/TileButton.d.ts

@@ -21,5 +21,5 @@ import { TileButtonProps } from './types';
  *   <Link to="/settings">Settings</Link>
  * </TileButton>
  */
-export declare const TileButton: ({ ref, icon: Icon, children, onClick, disabled: disabledProp, isFull, className, asChild, "aria-label": ariaLabel, ...props }: TileButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TileButton: ({ ref, icon: Icon, children, onClick, disabled: disabledProp, isFull, appearance, className, asChild, "aria-label": ariaLabel, ...props }: TileButtonProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TileButton.d.ts.map

package/dist/lib/Components/TileButton/TileButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TileButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/TileButton/TileButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAsC/C;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,UAAU,GAAI,+HAWxB,eAAe,4CAqCjB,CAAC"}
+{"version":3,"file":"TileButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/TileButton/TileButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA+C/C;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,UAAU,GAAI,2IAYxB,eAAe,4CAwCjB,CAAC"}