@usefragments/ui 1.5.4 → 1.6.0

package/dist/chart.cjs

@@ -130,11 +130,7 @@ function ChartContainer({
       style: { ...cssVars, ...style },
       role: "img",
       "aria-label": ariaLabel || "Chart",
-      "aria-describedby": aria.mergeAriaIds(
-        ariaDescribedBy,
-        summaryId,
-        dataTableId
-      ),
+      "aria-describedby": aria.mergeAriaIds(ariaDescribedBy, summaryId, dataTableId),
       children: [
         chartChild,
         summaryId && /* @__PURE__ */ jsxRuntime.jsx("span", { id: summaryId, className: Chart_module.default.srOnly, children: summary }),
@@ -174,7 +170,10 @@ function ChartTooltipContent({
           "span",
           {
             className: indicatorClass,
-            style: { backgroundColor: indicator === "dashed" ? void 0 : color, borderColor: color }
+            style: {
+              backgroundColor: indicator === "dashed" ? void 0 : color,
+              borderColor: color
+            }
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: Chart_module.default.tooltipItemLabel, children: displayLabel }),
@@ -229,13 +228,7 @@ function ChartLegendContent({ payload }) {
     const label = (configEntry == null ? void 0 : configEntry.label) ?? entry.value ?? key;
     const color = entry.color ?? (configEntry == null ? void 0 : configEntry.color);
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Chart_module.default.legendItem, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "span",
-        {
-          className: Chart_module.default.legendDot,
-          style: { backgroundColor: color }
-        }
-      ),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: Chart_module.default.legendDot, style: { backgroundColor: color } }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: Chart_module.default.legendLabel, children: label })
     ] }, key);
   }) });
@@ -247,13 +240,7 @@ function ChartLegend({ content, ...props }) {
     return null;
   }
   const RechartsLegendComponent = _RechartsLegend;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    RechartsLegendComponent,
-    {
-      content: content ?? defaultContent,
-      ...props
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx(RechartsLegendComponent, { content: content ?? defaultContent, ...props });
 }
 const Chart = Object.assign(ChartContainer, {
   Root: ChartContainer,

package/dist/chart.js

@@ -89,11 +89,7 @@ function ChartContainer({
       style: { ...cssVars, ...style },
       role: "img",
       "aria-label": ariaLabel || "Chart",
-      "aria-describedby": mergeAriaIds(
-        ariaDescribedBy,
-        summaryId,
-        dataTableId
-      ),
+      "aria-describedby": mergeAriaIds(ariaDescribedBy, summaryId, dataTableId),
       children: [
         chartChild,
         summaryId && /* @__PURE__ */ jsx("span", { id: summaryId, className: styles.srOnly, children: summary }),
@@ -133,7 +129,10 @@ function ChartTooltipContent({
           "span",
           {
             className: indicatorClass,
-            style: { backgroundColor: indicator === "dashed" ? void 0 : color, borderColor: color }
+            style: {
+              backgroundColor: indicator === "dashed" ? void 0 : color,
+              borderColor: color
+            }
           }
         ),
         /* @__PURE__ */ jsx("span", { className: styles.tooltipItemLabel, children: displayLabel }),
@@ -188,13 +187,7 @@ function ChartLegendContent({ payload }) {
     const label = (configEntry == null ? void 0 : configEntry.label) ?? entry.value ?? key;
     const color = entry.color ?? (configEntry == null ? void 0 : configEntry.color);
     return /* @__PURE__ */ jsxs("div", { className: styles.legendItem, children: [
-      /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: styles.legendDot,
-          style: { backgroundColor: color }
-        }
-      ),
+      /* @__PURE__ */ jsx("span", { className: styles.legendDot, style: { backgroundColor: color } }),
       /* @__PURE__ */ jsx("span", { className: styles.legendLabel, children: label })
     ] }, key);
   }) });
@@ -206,13 +199,7 @@ function ChartLegend({ content, ...props }) {
     return null;
   }
   const RechartsLegendComponent = _RechartsLegend;
-  return /* @__PURE__ */ jsx(
-    RechartsLegendComponent,
-    {
-      content: content ?? defaultContent,
-      ...props
-    }
-  );
+  return /* @__PURE__ */ jsx(RechartsLegendComponent, { content: content ?? defaultContent, ...props });
 }
 const Chart = Object.assign(ChartContainer, {
   Root: ChartContainer,

package/dist/colorpicker.cjs

@@ -26,6 +26,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const popover = require("@base-ui/react/popover");
+const popup = require("./recipes/popup.cjs");
 const field = require("@base-ui/react/field");
 const index = require("./components/ComponentDefaults/index.cjs");
 const index$1 = require("./components/Input/index.cjs");
@@ -157,7 +158,7 @@ const ColorPickerRoot = React__namespace.forwardRef(function ColorPicker2({
               {
                 side: "bottom",
                 align: "start",
-                sideOffset: 4,
+                sideOffset: popup.POPUP_OFFSET_PX,
                 className: ColorPicker_module.default.positioner,
                 children: /* @__PURE__ */ jsxRuntime.jsx(
                   popover.Popover.Popup,

package/dist/colorpicker.js

@@ -2,6 +2,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Popover } from "@base-ui/react/popover";
+import { POPUP_OFFSET_PX } from "./recipes/popup.js";
 import { Field } from "@base-ui/react/field";
 import { useResolvedControlSize } from "./components/ComponentDefaults/index.js";
 import { Input } from "./components/Input/index.js";
@@ -116,7 +117,7 @@ const ColorPickerRoot = React.forwardRef(function ColorPicker2({
               {
                 side: "bottom",
                 align: "start",
-                sideOffset: 4,
+                sideOffset: POPUP_OFFSET_PX,
                 className: styles.positioner,
                 children: /* @__PURE__ */ jsx(
                   Popover.Popup,

package/dist/components/Accordion/Accordion.module.scss.cjs

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const accordion = "_accordion_1asss_1";
-const item = "_item_1asss_12";
-const heading = "_heading_1asss_17";
-const trigger = "_trigger_1asss_23";
-const triggerContent = "_triggerContent_1asss_64";
-const chevron = "_chevron_1asss_68";
-const content = "_content_1asss_79";
-const contentInner = "_contentInner_1asss_92";
+const accordion = "_accordion_17aim_1";
+const item = "_item_17aim_11";
+const heading = "_heading_17aim_16";
+const trigger = "_trigger_17aim_21";
+const triggerContent = "_triggerContent_17aim_72";
+const chevron = "_chevron_17aim_77";
+const content = "_content_17aim_88";
+const contentInner = "_contentInner_17aim_100";
 const styles = {
   accordion,
   item,

package/dist/components/Accordion/Accordion.module.scss.js

@@ -1,11 +1,11 @@
-const accordion = "_accordion_1asss_1";
-const item = "_item_1asss_12";
-const heading = "_heading_1asss_17";
-const trigger = "_trigger_1asss_23";
-const triggerContent = "_triggerContent_1asss_64";
-const chevron = "_chevron_1asss_68";
-const content = "_content_1asss_79";
-const contentInner = "_contentInner_1asss_92";
+const accordion = "_accordion_17aim_1";
+const item = "_item_17aim_11";
+const heading = "_heading_17aim_16";
+const trigger = "_trigger_17aim_21";
+const triggerContent = "_triggerContent_17aim_72";
+const chevron = "_chevron_17aim_77";
+const content = "_content_17aim_88";
+const contentInner = "_contentInner_17aim_100";
 const styles = {
   accordion,
   item,

package/dist/components/Alert/Alert.module.scss.cjs

@@ -1,17 +1,17 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const alert = "_alert_r2w0u_1";
-const title = "_title_r2w0u_12";
-const info = "_info_r2w0u_16";
-const success = "_success_r2w0u_22";
-const warning = "_warning_r2w0u_28";
-const error = "_error_r2w0u_34";
-const icon = "_icon_r2w0u_40";
-const body = "_body_r2w0u_73";
-const content = "_content_r2w0u_83";
-const actions = "_actions_r2w0u_87";
-const close = "_close_r2w0u_93";
-const action = "_action_r2w0u_87";
+const alert = "_alert_1n287_1";
+const title = "_title_1n287_14";
+const info = "_info_1n287_18";
+const success = "_success_1n287_24";
+const warning = "_warning_1n287_30";
+const error = "_error_1n287_36";
+const icon = "_icon_1n287_42";
+const body = "_body_1n287_74";
+const content = "_content_1n287_89";
+const actions = "_actions_1n287_98";
+const close = "_close_1n287_104";
+const action = "_action_1n287_98";
 const styles = {
   alert,
   title,

package/dist/components/Alert/Alert.module.scss.js

@@ -1,15 +1,15 @@
-const alert = "_alert_r2w0u_1";
-const title = "_title_r2w0u_12";
-const info = "_info_r2w0u_16";
-const success = "_success_r2w0u_22";
-const warning = "_warning_r2w0u_28";
-const error = "_error_r2w0u_34";
-const icon = "_icon_r2w0u_40";
-const body = "_body_r2w0u_73";
-const content = "_content_r2w0u_83";
-const actions = "_actions_r2w0u_87";
-const close = "_close_r2w0u_93";
-const action = "_action_r2w0u_87";
+const alert = "_alert_1n287_1";
+const title = "_title_1n287_14";
+const info = "_info_1n287_18";
+const success = "_success_1n287_24";
+const warning = "_warning_1n287_30";
+const error = "_error_1n287_36";
+const icon = "_icon_1n287_42";
+const body = "_body_1n287_74";
+const content = "_content_1n287_89";
+const actions = "_actions_1n287_98";
+const close = "_close_1n287_104";
+const action = "_action_1n287_98";
 const styles = {
   alert,
   title,

package/dist/components/AppShell/AppShell.module.scss.cjs

@@ -1,19 +1,19 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "_root_1ccf1_1";
-const sidebarLayout = "_sidebarLayout_1ccf1_20";
-const header = "_header_1ccf1_30";
-const sidebar = "_sidebar_1ccf1_20";
-const sidebarFullHeight = "_sidebarFullHeight_1ccf1_80";
-const sidebarFloating = "_sidebarFloating_1ccf1_90";
-const main = "_main_1ccf1_94";
-const mainFloating = "_mainFloating_1ccf1_101";
-const paddingNone = "_paddingNone_1ccf1_123";
-const paddingSm = "_paddingSm_1ccf1_127";
-const paddingMd = "_paddingMd_1ccf1_131";
-const paddingLg = "_paddingLg_1ccf1_135";
-const aside = "_aside_1ccf1_139";
-const asideFloating = "_asideFloating_1ccf1_160";
+const root = "_root_1aaa9_1";
+const sidebarLayout = "_sidebarLayout_1aaa9_35";
+const header = "_header_1aaa9_45";
+const sidebar = "_sidebar_1aaa9_35";
+const sidebarFullHeight = "_sidebarFullHeight_1aaa9_95";
+const sidebarFloating = "_sidebarFloating_1aaa9_105";
+const main = "_main_1aaa9_109";
+const mainFloating = "_mainFloating_1aaa9_116";
+const paddingNone = "_paddingNone_1aaa9_138";
+const paddingSm = "_paddingSm_1aaa9_142";
+const paddingMd = "_paddingMd_1aaa9_146";
+const paddingLg = "_paddingLg_1aaa9_150";
+const aside = "_aside_1aaa9_154";
+const asideFloating = "_asideFloating_1aaa9_175";
 const styles = {
   root,
   sidebarLayout,

package/dist/components/AppShell/AppShell.module.scss.js

@@ -1,17 +1,17 @@
-const root = "_root_1ccf1_1";
-const sidebarLayout = "_sidebarLayout_1ccf1_20";
-const header = "_header_1ccf1_30";
-const sidebar = "_sidebar_1ccf1_20";
-const sidebarFullHeight = "_sidebarFullHeight_1ccf1_80";
-const sidebarFloating = "_sidebarFloating_1ccf1_90";
-const main = "_main_1ccf1_94";
-const mainFloating = "_mainFloating_1ccf1_101";
-const paddingNone = "_paddingNone_1ccf1_123";
-const paddingSm = "_paddingSm_1ccf1_127";
-const paddingMd = "_paddingMd_1ccf1_131";
-const paddingLg = "_paddingLg_1ccf1_135";
-const aside = "_aside_1ccf1_139";
-const asideFloating = "_asideFloating_1ccf1_160";
+const root = "_root_1aaa9_1";
+const sidebarLayout = "_sidebarLayout_1aaa9_35";
+const header = "_header_1aaa9_45";
+const sidebar = "_sidebar_1aaa9_35";
+const sidebarFullHeight = "_sidebarFullHeight_1aaa9_95";
+const sidebarFloating = "_sidebarFloating_1aaa9_105";
+const main = "_main_1aaa9_109";
+const mainFloating = "_mainFloating_1aaa9_116";
+const paddingNone = "_paddingNone_1aaa9_138";
+const paddingSm = "_paddingSm_1aaa9_142";
+const paddingMd = "_paddingMd_1aaa9_146";
+const paddingLg = "_paddingLg_1aaa9_150";
+const aside = "_aside_1aaa9_154";
+const asideFloating = "_asideFloating_1aaa9_175";
 const styles = {
   root,
   sidebarLayout,

package/dist/components/AppShell/index.cjs

@@ -39,7 +39,7 @@ const AppShellContext = React__namespace.createContext({
   structure: "default",
   headerHeight: "56px",
   sidebarWidth: "240px",
-  sidebarCollapsedWidth: "64px",
+  sidebarCollapsedWidth: "var(--fui-navigation-sidebar-collapsed-width, 56px)",
   asideWidth: "280px",
   asideVisible: false
 });
@@ -62,7 +62,7 @@ function extractConfigFromChildren(children) {
   const config = {
     headerHeight: "56px",
     sidebarWidth: "240px",
-    sidebarCollapsedWidth: "64px",
+    sidebarCollapsedWidth: "var(--fui-navigation-sidebar-collapsed-width, 56px)",
     sidebarCollapsible: "icon",
     sidebarDefaultCollapsed: false,
     asideWidth: "280px",
@@ -184,10 +184,11 @@ function AppShellHeader({
 function AppShellSidebar({
   children,
   width = "240px",
-  collapsedWidth = "64px",
+  collapsedWidth = "var(--fui-navigation-sidebar-collapsed-width, 56px)",
   collapsible = "icon",
   position = "left",
   defaultCollapsed = false,
+  activeIndicator = "start",
   variant,
   bg,
   "aria-label": ariaLabel,
@@ -216,6 +217,7 @@ function AppShellSidebar({
         position,
         collapsible,
         defaultCollapsed,
+        activeIndicator,
         "aria-label": ariaLabel,
         style: bg ? { backgroundColor: bg } : void 0,
         children

package/dist/components/AppShell/index.d.ts

@@ -59,7 +59,7 @@ export interface AppShellSidebarProps extends React.HTMLAttributes<HTMLDivElemen
     children: React.ReactNode;
     /** Width of expanded sidebar (default: '240px') */
     width?: string;
-    /** Width when collapsed (default: '64px') */
+    /** Width when collapsed (default: '56px') */
     collapsedWidth?: string;
     /** Collapse behavior */
     collapsible?: SidebarCollapsible;
@@ -67,6 +67,8 @@ export interface AppShellSidebarProps extends React.HTMLAttributes<HTMLDivElemen
     position?: "left" | "right";
     /** Default collapsed state */
     defaultCollapsed?: boolean;
+    /** Forwarded to Sidebar — where the active-item affordance paints */
+    activeIndicator?: "start" | "end";
     /** Visual treatment: `'floating'` blends sidebar with the shell background */
     variant?: AppShellSlotVariant;
     /** Background color override (accepts any CSS color value or token) */
@@ -114,7 +116,7 @@ declare function AppShellHeader({ children, height, bg, className, style: styleP
 /**
  * AppShell.Sidebar - Sidebar slot (delegates to Sidebar component)
  */
-declare function AppShellSidebar({ children, width, collapsedWidth, collapsible, position, defaultCollapsed, variant, bg, "aria-label": ariaLabel, className, style: styleProp, ...htmlProps }: AppShellSidebarProps): import("react/jsx-runtime").JSX.Element;
+declare function AppShellSidebar({ children, width, collapsedWidth, collapsible, position, defaultCollapsed, activeIndicator, variant, bg, "aria-label": ariaLabel, className, style: styleProp, ...htmlProps }: AppShellSidebarProps): import("react/jsx-runtime").JSX.Element;
 /**
  * AppShell.Main - Scrollable main content area
  */

package/dist/components/AppShell/index.d.ts.map

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

package/dist/components/AppShell/index.js

@@ -20,7 +20,7 @@ const AppShellContext = React.createContext({
   structure: "default",
   headerHeight: "56px",
   sidebarWidth: "240px",
-  sidebarCollapsedWidth: "64px",
+  sidebarCollapsedWidth: "var(--fui-navigation-sidebar-collapsed-width, 56px)",
   asideWidth: "280px",
   asideVisible: false
 });
@@ -43,7 +43,7 @@ function extractConfigFromChildren(children) {
   const config = {
     headerHeight: "56px",
     sidebarWidth: "240px",
-    sidebarCollapsedWidth: "64px",
+    sidebarCollapsedWidth: "var(--fui-navigation-sidebar-collapsed-width, 56px)",
     sidebarCollapsible: "icon",
     sidebarDefaultCollapsed: false,
     asideWidth: "280px",
@@ -165,10 +165,11 @@ function AppShellHeader({
 function AppShellSidebar({
   children,
   width = "240px",
-  collapsedWidth = "64px",
+  collapsedWidth = "var(--fui-navigation-sidebar-collapsed-width, 56px)",
   collapsible = "icon",
   position = "left",
   defaultCollapsed = false,
+  activeIndicator = "start",
   variant,
   bg,
   "aria-label": ariaLabel,
@@ -197,6 +198,7 @@ function AppShellSidebar({
         position,
         collapsible,
         defaultCollapsed,
+        activeIndicator,
         "aria-label": ariaLabel,
         style: bg ? { backgroundColor: bg } : void 0,
         children

package/dist/components/Avatar/Avatar.module.scss.cjs

@@ -1,28 +1,30 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const avatar = "_avatar_5754n_1";
-const square = "_square_5754n_15";
-const xs = "_xs_5754n_19";
-const sm = "_sm_5754n_25";
-const md = "_md_5754n_31";
-const lg = "_lg_5754n_37";
-const xl = "_xl_5754n_43";
-const image = "_image_5754n_49";
-const initials = "_initials_5754n_55";
-const fallbackIcon = "_fallbackIcon_5754n_62";
-const group = "_group_5754n_68";
-const groupItem = "_groupItem_5754n_74";
-const overflow = "_overflow_5754n_102";
+const avatar = "_avatar_1m7oq_1";
+const xs = "_xs_1m7oq_14";
+const sm = "_sm_1m7oq_26";
+const md = "_md_1m7oq_38";
+const lg = "_lg_1m7oq_50";
+const xl = "_xl_1m7oq_62";
+const square = "_square_1m7oq_74";
+const image = "_image_1m7oq_78";
+const initials = "_initials_1m7oq_84";
+const fallback = "_fallback_1m7oq_91";
+const fallbackIcon = "_fallbackIcon_1m7oq_99";
+const group = "_group_1m7oq_105";
+const groupItem = "_groupItem_1m7oq_111";
+const overflow = "_overflow_1m7oq_140";
 const styles = {
   avatar,
-  square,
   xs,
   sm,
   md,
   lg,
   xl,
+  square,
   image,
   initials,
+  fallback,
   fallbackIcon,
   group,
   groupItem,
@@ -30,6 +32,7 @@ const styles = {
 };
 exports.avatar = avatar;
 exports.default = styles;
+exports.fallback = fallback;
 exports.fallbackIcon = fallbackIcon;
 exports.group = group;
 exports.groupItem = groupItem;

package/dist/components/Avatar/Avatar.module.scss.js

@@ -1,26 +1,28 @@
-const avatar = "_avatar_5754n_1";
-const square = "_square_5754n_15";
-const xs = "_xs_5754n_19";
-const sm = "_sm_5754n_25";
-const md = "_md_5754n_31";
-const lg = "_lg_5754n_37";
-const xl = "_xl_5754n_43";
-const image = "_image_5754n_49";
-const initials = "_initials_5754n_55";
-const fallbackIcon = "_fallbackIcon_5754n_62";
-const group = "_group_5754n_68";
-const groupItem = "_groupItem_5754n_74";
-const overflow = "_overflow_5754n_102";
+const avatar = "_avatar_1m7oq_1";
+const xs = "_xs_1m7oq_14";
+const sm = "_sm_1m7oq_26";
+const md = "_md_1m7oq_38";
+const lg = "_lg_1m7oq_50";
+const xl = "_xl_1m7oq_62";
+const square = "_square_1m7oq_74";
+const image = "_image_1m7oq_78";
+const initials = "_initials_1m7oq_84";
+const fallback = "_fallback_1m7oq_91";
+const fallbackIcon = "_fallbackIcon_1m7oq_99";
+const group = "_group_1m7oq_105";
+const groupItem = "_groupItem_1m7oq_111";
+const overflow = "_overflow_1m7oq_140";
 const styles = {
   avatar,
-  square,
   xs,
   sm,
   md,
   lg,
   xl,
+  square,
   image,
   initials,
+  fallback,
   fallbackIcon,
   group,
   groupItem,
@@ -29,6 +31,7 @@ const styles = {
 export {
   avatar,
   styles as default,
+  fallback,
   fallbackIcon,
   group,
   groupItem,