@usefragments/ui 1.5.4 → 1.7.0

package/dist/measurements/generated.js

@@ -0,0 +1,304 @@
+const MEASUREMENT_PROFILES = {
+  density: {
+    compact: {
+      baseUnit: "6px",
+      baseFontSize: "14px",
+      spacingMultipliers: {
+        "1": 1,
+        "2": 2,
+        "3": 3,
+        "4": 4,
+        "5": 5,
+        "6": 6,
+        "8": 8,
+        "10": 10,
+        "12": 12,
+        px: "1px",
+        "0-5": 0.3,
+        "0-75": 0.43
+      },
+      controlHeight: {
+        xs: "32px",
+        sm: "32px",
+        md: "32px",
+        lg: "36px"
+      },
+      touch: {
+        sm: "32px",
+        md: "32px",
+        lg: "40px"
+      },
+      sidebarItemHeight: "32px"
+    },
+    default: {
+      baseUnit: "7px",
+      baseFontSize: "14px",
+      spacingMultipliers: {
+        "1": 1,
+        "2": 2,
+        "3": 3,
+        "4": 4,
+        "5": 5,
+        "6": 6,
+        "8": 8,
+        "10": 10,
+        "12": 12,
+        px: "1px",
+        "0-5": 0.3,
+        "0-75": 0.43
+      },
+      controlHeight: {
+        xs: "32px",
+        sm: "32px",
+        md: "40px",
+        lg: "44px"
+      },
+      touch: {
+        sm: "32px",
+        md: "32px",
+        lg: "44px"
+      },
+      sidebarItemHeight: "32px"
+    },
+    relaxed: {
+      baseUnit: "8px",
+      baseFontSize: "14px",
+      spacingMultipliers: {
+        "1": 1,
+        "2": 2,
+        "3": 3,
+        "4": 4,
+        "5": 5,
+        "6": 6,
+        "8": 8,
+        "10": 10,
+        "12": 12,
+        px: "1px",
+        "0-5": 0.3,
+        "0-75": 0.43
+      },
+      controlHeight: {
+        xs: "32px",
+        sm: "32px",
+        md: "44px",
+        lg: "48px"
+      },
+      touch: {
+        sm: "32px",
+        md: "40px",
+        lg: "48px"
+      },
+      sidebarItemHeight: "36px"
+    }
+  },
+  radius: {
+    sharp: {
+      sm: "0",
+      md: "0",
+      lg: "0",
+      xl: "0"
+    },
+    subtle: {
+      sm: "0.125rem",
+      md: "0.25rem",
+      lg: "0.375rem",
+      xl: "0.5rem"
+    },
+    default: {
+      sm: "0.25rem",
+      md: "0.429rem",
+      lg: "0.571rem",
+      xl: "0.857rem"
+    },
+    rounded: {
+      sm: "0.375rem",
+      md: "0.5rem",
+      lg: "0.75rem",
+      xl: "1rem"
+    },
+    pill: {
+      sm: "0.5rem",
+      md: "0.75rem",
+      lg: "1rem",
+      xl: "1.5rem"
+    }
+  },
+  rawSpace: {
+    "0": "0",
+    "2": "2px",
+    "4": "4px",
+    "6": "6px",
+    "8": "8px",
+    "10": "10px",
+    "12": "12px",
+    "16": "16px",
+    "20": "20px",
+    "24": "24px",
+    "32": "32px",
+    "40": "40px",
+    "48": "48px",
+    "64": "64px"
+  },
+  targets: {
+    controlTrack: {
+      micro: "24px",
+      sm: "28px",
+      md: "32px",
+      lg: "40px"
+    },
+    fieldTrack: {
+      sm: "28px",
+      md: "32px",
+      lg: "40px"
+    },
+    fieldInlineInset: {
+      sm: "10px",
+      md: "12px",
+      lg: "16px"
+    },
+    surfaceInset: {
+      panel: "0",
+      compact: "12px",
+      default: "16px",
+      roomy: "24px"
+    },
+    icon: {
+      xs: "12px",
+      sm: "14px",
+      md: "16px",
+      lg: "20px",
+      xl: "24px",
+      "2xl": "32px"
+    },
+    stroke: {
+      hairline: "1px",
+      default: "2px",
+      strong: "3px"
+    },
+    layoutMeasure: {
+      "field-minimum": "140px",
+      "inline-floor": "56px",
+      "compact-content": "168px",
+      "menu-min": "192px",
+      "grid-cell": "224px",
+      "composer-item": "210px",
+      "page-narrow": "800px"
+    }
+  },
+  typography: {
+    caption: {
+      size: "12px",
+      line: "16px",
+      weight: 400,
+      tracking: "0"
+    },
+    "ui-compact": {
+      size: "12px",
+      line: "16px",
+      weight: 500,
+      tracking: "-0.01em"
+    },
+    "ui-standard": {
+      size: "14px",
+      line: "20px",
+      weight: 500,
+      tracking: "-0.01em"
+    },
+    "body-compact": {
+      size: "14px",
+      line: "20px",
+      weight: 400,
+      tracking: "0"
+    },
+    "body-relaxed": {
+      size: "16px",
+      line: "24px",
+      weight: 400,
+      tracking: "0"
+    },
+    display: {
+      size: "32px",
+      line: "40px",
+      weight: 600,
+      tracking: "-0.02em"
+    },
+    "title-sm": {
+      size: "16px",
+      line: "24px",
+      weight: 600,
+      tracking: "-0.01em"
+    },
+    "title-md": {
+      size: "20px",
+      line: "28px",
+      weight: 600,
+      tracking: "-0.02em"
+    },
+    "title-lg": {
+      size: "24px",
+      line: "32px",
+      weight: 600,
+      tracking: "-0.02em"
+    },
+    code: {
+      size: "14px",
+      line: "20px",
+      weight: 400,
+      tracking: "0"
+    }
+  },
+  navigation: {
+    appShellHeaderHeight: "56px",
+    sidebarGutter: "8px",
+    sidebarLeadingBox: "16px",
+    sidebarDot: "6px",
+    sidebarRail: "2px",
+    sidebarLabelOffset: "1px",
+    sidebarCollapsedWidth: "56px"
+  }
+};
+function measurementPx(value, path = "measurement") {
+  const match = /^([0-9]+(?:\.[0-9]+)?)px$/.exec(value);
+  const pixels = match === null ? Number.NaN : Number(match[1]);
+  if (!Number.isFinite(pixels)) {
+    throw new TypeError(
+      path + " must be a finite non-negative px length; received " + JSON.stringify(value)
+    );
+  }
+  return pixels;
+}
+function setRestorableAttribute(element, attribute, value) {
+  const hadAttribute = element.hasAttribute(attribute);
+  const previousValue = element.getAttribute(attribute);
+  element.setAttribute(attribute, value);
+  return () => {
+    if (hadAttribute) {
+      element.setAttribute(attribute, previousValue ?? "");
+    } else {
+      element.removeAttribute(attribute);
+    }
+  };
+}
+function applyMeasurementSelection(element, selection) {
+  const restore = [];
+  if (selection.density !== void 0) {
+    restore.push(setRestorableAttribute(element, "data-fui-density", selection.density));
+  }
+  if (selection.radiusStyle !== void 0) {
+    restore.push(setRestorableAttribute(element, "data-fui-radius-style", selection.radiusStyle));
+  }
+  let cleaned = false;
+  return () => {
+    var _a;
+    if (cleaned) return;
+    cleaned = true;
+    for (let index = restore.length - 1; index >= 0; index -= 1) {
+      (_a = restore[index]) == null ? void 0 : _a.call(restore);
+    }
+  };
+}
+export {
+  MEASUREMENT_PROFILES,
+  applyMeasurementSelection,
+  measurementPx
+};

package/dist/measurements/index.d.ts

@@ -0,0 +1,2 @@
+export { MEASUREMENT_PROFILES, applyMeasurementSelection, measurementPx, type MeasurementDensity, type MeasurementRadiusStyle, type MeasurementSelection, } from "./generated";
+//# sourceMappingURL=index.d.ts.map

package/dist/measurements/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/measurements/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,yBAAyB,EACzB,aAAa,EACb,KAAK,kBAAkB,EACvB,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,GAC1B,MAAM,aAAa,CAAC"}

package/dist/measurements.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const generated = require("./measurements/generated.cjs");
+exports.MEASUREMENT_PROFILES = generated.MEASUREMENT_PROFILES;
+exports.applyMeasurementSelection = generated.applyMeasurementSelection;
+exports.measurementPx = generated.measurementPx;

package/dist/measurements.js

@@ -0,0 +1,6 @@
+import { MEASUREMENT_PROFILES, applyMeasurementSelection, measurementPx } from "./measurements/generated.js";
+export {
+  MEASUREMENT_PROFILES,
+  applyMeasurementSelection,
+  measurementPx
+};

package/dist/recipes/popup.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const generated = require("../measurements/generated.cjs");
+const POPUP_OFFSET_PX = generated.measurementPx(generated.MEASUREMENT_PROFILES.rawSpace["4"], "rawSpace.4");
+const POPUP_VIEWPORT_ROWS = 4.5;
+function resolvePopupViewportRows(maxVisibleItems) {
+  if (maxVisibleItems === void 0 || !Number.isFinite(maxVisibleItems) || maxVisibleItems <= 0) {
+    return POPUP_VIEWPORT_ROWS;
+  }
+  return Math.max(1, Math.floor(maxVisibleItems)) + 0.5;
+}
+exports.POPUP_OFFSET_PX = POPUP_OFFSET_PX;
+exports.POPUP_VIEWPORT_ROWS = POPUP_VIEWPORT_ROWS;
+exports.resolvePopupViewportRows = resolvePopupViewportRows;

package/dist/recipes/popup.d.ts

@@ -0,0 +1,4 @@
+export declare const POPUP_OFFSET_PX: number;
+export declare const POPUP_VIEWPORT_ROWS = 4.5;
+export declare function resolvePopupViewportRows(maxVisibleItems?: number): number;
+//# sourceMappingURL=popup.d.ts.map

package/dist/recipes/popup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popup.d.ts","sourceRoot":"","sources":["../../src/recipes/popup.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,QAAkE,CAAC;AAC/F,eAAO,MAAM,mBAAmB,MAAM,CAAC;AAEvC,wBAAgB,wBAAwB,CAAC,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAMzE"}

package/dist/recipes/popup.js

@@ -0,0 +1,14 @@
+import { measurementPx, MEASUREMENT_PROFILES } from "../measurements/generated.js";
+const POPUP_OFFSET_PX = measurementPx(MEASUREMENT_PROFILES.rawSpace["4"], "rawSpace.4");
+const POPUP_VIEWPORT_ROWS = 4.5;
+function resolvePopupViewportRows(maxVisibleItems) {
+  if (maxVisibleItems === void 0 || !Number.isFinite(maxVisibleItems) || maxVisibleItems <= 0) {
+    return POPUP_VIEWPORT_ROWS;
+  }
+  return Math.max(1, Math.floor(maxVisibleItems)) + 0.5;
+}
+export {
+  POPUP_OFFSET_PX,
+  POPUP_VIEWPORT_ROWS,
+  resolvePopupViewportRows
+};

package/dist/recipes/table-chrome.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const generated = require("../measurements/generated.cjs");
+Object.freeze({
+  compact: generated.measurementPx(generated.MEASUREMENT_PROFILES.rawSpace[32], "rawSpace.32"),
+  regular: generated.measurementPx(generated.MEASUREMENT_PROFILES.rawSpace[40], "rawSpace.40"),
+  relaxed: generated.measurementPx(generated.MEASUREMENT_PROFILES.rawSpace[48], "rawSpace.48")
+});
+function resolveTableDensity(input) {
+  if (input.density !== void 0) {
+    return input.density === "condensed" ? "compact" : input.density;
+  }
+  if (input.size === "sm" || input.size === "compact") {
+    return "compact";
+  }
+  return "regular";
+}
+exports.resolveTableDensity = resolveTableDensity;

package/dist/recipes/table-chrome.d.ts

@@ -0,0 +1,10 @@
+export type TableDensity = "compact" | "regular" | "relaxed";
+export type TableDensityInput = TableDensity | "condensed";
+export type LegacyTableSize = "sm" | "md" | "compact";
+export declare const TABLE_ROW_TRACKS: Readonly<Record<TableDensity, number>>;
+export declare function resolveTableDensity(input: {
+    density?: TableDensityInput;
+    size?: LegacyTableSize;
+}): TableDensity;
+export declare function resolveTableRowTrack(density: TableDensity): number;
+//# sourceMappingURL=table-chrome.d.ts.map

package/dist/recipes/table-chrome.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-chrome.d.ts","sourceRoot":"","sources":["../../src/recipes/table-chrome.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AAC7D,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,WAAW,CAAC;AAC3D,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;AAEtD,eAAO,MAAM,gBAAgB,EAAE,QAAQ,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAIlE,CAAC;AAEH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE;IACzC,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB,GAAG,YAAY,CAUf;AAED,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,YAAY,GAAG,MAAM,CAElE"}

package/dist/recipes/table-chrome.js

@@ -0,0 +1,18 @@
+import { measurementPx, MEASUREMENT_PROFILES } from "../measurements/generated.js";
+Object.freeze({
+  compact: measurementPx(MEASUREMENT_PROFILES.rawSpace[32], "rawSpace.32"),
+  regular: measurementPx(MEASUREMENT_PROFILES.rawSpace[40], "rawSpace.40"),
+  relaxed: measurementPx(MEASUREMENT_PROFILES.rawSpace[48], "rawSpace.48")
+});
+function resolveTableDensity(input) {
+  if (input.density !== void 0) {
+    return input.density === "condensed" ? "compact" : input.density;
+  }
+  if (input.size === "sm" || input.size === "compact") {
+    return "compact";
+  }
+  return "regular";
+}
+export {
+  resolveTableDensity
+};

package/dist/table.cjs

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
+const tableChrome = require("./recipes/table-chrome.cjs");
 const Table_module = require("./components/Table/Table.module.scss.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -87,6 +88,7 @@ function TableCaption({
 }
 function TableRoot({
   size = "md",
+  density,
   striped = false,
   bordered = false,
   wrapperClassName,
@@ -95,7 +97,8 @@ function TableRoot({
   children,
   ...htmlProps
 }) {
-  const tableClasses = [Table_module.default.table, Table_module.default[size], striped && Table_module.default.striped, className].filter(Boolean).join(" ");
+  const resolvedDensity = tableChrome.resolveTableDensity({ density, size });
+  const tableClasses = [Table_module.default.table, striped && Table_module.default.striped, className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -106,7 +109,7 @@ function TableRoot({
         wrapperProps == null ? void 0 : wrapperProps.className,
         wrapperClassName
       ].filter(Boolean).join(" "),
-      children: /* @__PURE__ */ jsxRuntime.jsx("table", { className: tableClasses, ...htmlProps, children })
+      children: /* @__PURE__ */ jsxRuntime.jsx("table", { className: tableClasses, ...htmlProps, "data-density": resolvedDensity, children })
     }
   );
 }

package/dist/table.js

@@ -1,6 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
+import { resolveTableDensity } from "./recipes/table-chrome.js";
 import styles from "./components/Table/Table.module.scss.js";
 function TableHead({
   className,
@@ -68,6 +69,7 @@ function TableCaption({
 }
 function TableRoot({
   size = "md",
+  density,
   striped = false,
   bordered = false,
   wrapperClassName,
@@ -76,7 +78,8 @@ function TableRoot({
   children,
   ...htmlProps
 }) {
-  const tableClasses = [styles.table, styles[size], striped && styles.striped, className].filter(Boolean).join(" ");
+  const resolvedDensity = resolveTableDensity({ density, size });
+  const tableClasses = [styles.table, striped && styles.striped, className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -87,7 +90,7 @@ function TableRoot({
         wrapperProps == null ? void 0 : wrapperProps.className,
         wrapperClassName
       ].filter(Boolean).join(" "),
-      children: /* @__PURE__ */ jsx("table", { className: tableClasses, ...htmlProps, children })
+      children: /* @__PURE__ */ jsx("table", { className: tableClasses, ...htmlProps, "data-density": resolvedDensity, children })
     }
   );
 }

package/dist/utils/a11y.cjs

@@ -210,7 +210,10 @@ function handleArrowNavigation(event, items, currentIndex, options = {}) {
   }
   return newIndex;
 }
-function VisuallyHidden({ children, focusable = false }) {
+function A11yVisuallyHidden({
+  children,
+  focusable = false
+}) {
   const style = focusable ? {} : {
     position: "absolute",
     width: "1px",
@@ -224,7 +227,7 @@ function VisuallyHidden({ children, focusable = false }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsx("span", { style, "data-visually-hidden": !focusable || void 0, children });
 }
-exports.VisuallyHidden = VisuallyHidden;
+exports.A11yVisuallyHidden = A11yVisuallyHidden;
 exports.handleArrowNavigation = handleArrowNavigation;
 exports.useAnnounce = useAnnounce;
 exports.useFocusTrap = useFocusTrap;

package/dist/utils/a11y.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 /**
  * Generates a unique ID for ARIA relationships (labelledby, describedby, etc.)
  * Falls back to React.useId if available (React 18+), otherwise uses a counter.
@@ -31,7 +31,7 @@ export declare function useId(prefix?: string): string;
  * ```
  */
 export declare function useAnnounce(): {
-    announce: (message: string, priority?: 'polite' | 'assertive') => void;
+    announce: (message: string, priority?: "polite" | "assertive") => void;
 };
 /**
  * Hook to detect if the user prefers reduced motion.
@@ -103,10 +103,10 @@ export declare function useFocusTrap(ref: React.RefObject<HTMLElement | null>, a
  * ```
  */
 export declare function handleArrowNavigation(event: React.KeyboardEvent | KeyboardEvent, items: readonly unknown[], currentIndex: number, options?: {
-    orientation?: 'horizontal' | 'vertical' | 'both';
+    orientation?: "horizontal" | "vertical" | "both";
     loop?: boolean;
 }): number | undefined;
-export interface VisuallyHiddenProps {
+export interface A11yVisuallyHiddenProps {
     children: React.ReactNode;
     /** If true, becomes visible when focused (useful for skip links) */
     focusable?: boolean;
@@ -129,5 +129,5 @@ export interface VisuallyHiddenProps {
  * </VisuallyHidden>
  * ```
  */
-export declare function VisuallyHidden({ children, focusable }: VisuallyHiddenProps): React.ReactElement;
+export declare function A11yVisuallyHidden({ children, focusable, }: A11yVisuallyHiddenProps): React.ReactElement;
 //# sourceMappingURL=a11y.d.ts.map

package/dist/utils/a11y.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"a11y.d.ts","sourceRoot":"","sources":["../../src/utils/a11y.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B;;;;;;;;;;;;GAYG;AACH,wBAAgB,KAAK,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAU7C;AAMD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,WAAW,IAAI;IAC7B,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,QAAQ,GAAG,WAAW,KAAK,IAAI,CAAC;CACxE,CAiEA;AAMD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,uBAAuB,IAAI,OAAO,CAsBjD;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,IAAI,OAAO,CAmB5C;AAMD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,YAAY,CAC1B,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACxC,MAAM,EAAE,OAAO,GACd,IAAI,CAkDN;AAeD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,KAAK,CAAC,aAAa,GAAG,aAAa,EAC1C,KAAK,EAAE,SAAS,OAAO,EAAE,EACzB,YAAY,EAAE,MAAM,EACpB,OAAO,GAAE;IACP,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;IACjD,IAAI,CAAC,EAAE,OAAO,CAAC;CACX,GACL,MAAM,GAAG,SAAS,CA4DpB;AAMD,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oEAAoE;IACpE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,SAAiB,EAAE,EAAE,mBAAmB,GAAG,KAAK,CAAC,YAAY,CAoBvG"}
+{"version":3,"file":"a11y.d.ts","sourceRoot":"","sources":["../../src/utils/a11y.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B;;;;;;;;;;;;GAYG;AACH,wBAAgB,KAAK,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAU7C;AAMD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,WAAW,IAAI;IAC7B,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,QAAQ,GAAG,WAAW,KAAK,IAAI,CAAC;CACxE,CAiEA;AAMD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,uBAAuB,IAAI,OAAO,CAsBjD;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,IAAI,OAAO,CAmB5C;AAMD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,GAAG,IAAI,CAkD5F;AAeD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,KAAK,CAAC,aAAa,GAAG,aAAa,EAC1C,KAAK,EAAE,SAAS,OAAO,EAAE,EACzB,YAAY,EAAE,MAAM,EACpB,OAAO,GAAE;IACP,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;IACjD,IAAI,CAAC,EAAE,OAAO,CAAC;CACX,GACL,MAAM,GAAG,SAAS,CA4DpB;AAMD,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oEAAoE;IACpE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,SAAiB,GAClB,EAAE,uBAAuB,GAAG,KAAK,CAAC,YAAY,CAoB9C"}

package/dist/utils/a11y.js

@@ -191,7 +191,10 @@ function handleArrowNavigation(event, items, currentIndex, options = {}) {
   }
   return newIndex;
 }
-function VisuallyHidden({ children, focusable = false }) {
+function A11yVisuallyHidden({
+  children,
+  focusable = false
+}) {
   const style = focusable ? {} : {
     position: "absolute",
     width: "1px",
@@ -206,7 +209,7 @@ function VisuallyHidden({ children, focusable = false }) {
   return /* @__PURE__ */ jsx("span", { style, "data-visually-hidden": !focusable || void 0, children });
 }
 export {
-  VisuallyHidden,
+  A11yVisuallyHidden,
   handleArrowNavigation,
   useAnnounce,
   useFocusTrap,

package/dist/utils/canonical-stamp.cjs

@@ -1,18 +1,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const env = require("./env.cjs");
 function fragmentsCanonicalStampProps(component, slot = "root") {
-  if (isProductionBuild()) return {};
+  if (env.isProductionBuild()) return {};
   return {
     "data-fc-canonical": component,
     "data-fc-slot": slot,
     "data-fc-contract": `source:@usefragments/ui#${component}`
   };
 }
-function isProductionBuild() {
-  try {
-    return process.env.NODE_ENV === "production";
-  } catch {
-    return false;
-  }
-}
 exports.fragmentsCanonicalStampProps = fragmentsCanonicalStampProps;

package/dist/utils/canonical-stamp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"canonical-stamp.d.ts","sourceRoot":"","sources":["../../src/utils/canonical-stamp.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,4BAA4B,GAAG;IACzC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,4BAA4B,CAC1C,SAAS,EAAE,MAAM,EACjB,IAAI,SAAS,GACZ,4BAA4B,CAO9B"}
+{"version":3,"file":"canonical-stamp.d.ts","sourceRoot":"","sources":["../../src/utils/canonical-stamp.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,4BAA4B,GAAG;IACzC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,4BAA4B,CAC1C,SAAS,EAAE,MAAM,EACjB,IAAI,SAAS,GACZ,4BAA4B,CAO9B"}

package/dist/utils/canonical-stamp.js

@@ -1,3 +1,4 @@
+import { isProductionBuild } from "./env.js";
 function fragmentsCanonicalStampProps(component, slot = "root") {
   if (isProductionBuild()) return {};
   return {
@@ -6,13 +7,6 @@ function fragmentsCanonicalStampProps(component, slot = "root") {
     "data-fc-contract": `source:@usefragments/ui#${component}`
   };
 }
-function isProductionBuild() {
-  try {
-    return process.env.NODE_ENV === "production";
-  } catch {
-    return false;
-  }
-}
 export {
   fragmentsCanonicalStampProps
 };

package/dist/utils/css-warning.cjs

@@ -9,7 +9,7 @@ function checkCssLoaded() {
     const value = getComputedStyle(root).getPropertyValue("--fui-text-primary").trim();
     if (!value) {
       console.warn(
-        "[Fragments UI] Component styles not loaded. Components will render unstyled.\n\nAdd this import to your app entry point (e.g., main.tsx, layout.tsx):\n\n  import '@usefragments/ui/styles';\n\nNext.js users also need:\n\n  // next.config.ts\n  transpilePackages: ['@usefragments/ui']\n\nOr run: npx @usefragments/cli setup\n\nDocs: https://usefragments.com/getting-started"
+        "[Fragments UI] Component styles not loaded. Components will render unstyled.\n\nAdd this import to your app entry point (e.g., main.tsx, layout.tsx):\n\n  import '@usefragments/ui/styles';\n\nNext.js users also need:\n\n  // next.config.ts\n  transpilePackages: ['@usefragments/ui']\n\nOr run: npx @usefragments/cli setup\n\nDocs: https://usefragments.com/components/install"
       );
     }
   });

package/dist/utils/css-warning.js

@@ -7,7 +7,7 @@ function checkCssLoaded() {
     const value = getComputedStyle(root).getPropertyValue("--fui-text-primary").trim();
     if (!value) {
       console.warn(
-        "[Fragments UI] Component styles not loaded. Components will render unstyled.\n\nAdd this import to your app entry point (e.g., main.tsx, layout.tsx):\n\n  import '@usefragments/ui/styles';\n\nNext.js users also need:\n\n  // next.config.ts\n  transpilePackages: ['@usefragments/ui']\n\nOr run: npx @usefragments/cli setup\n\nDocs: https://usefragments.com/getting-started"
+        "[Fragments UI] Component styles not loaded. Components will render unstyled.\n\nAdd this import to your app entry point (e.g., main.tsx, layout.tsx):\n\n  import '@usefragments/ui/styles';\n\nNext.js users also need:\n\n  // next.config.ts\n  transpilePackages: ['@usefragments/ui']\n\nOr run: npx @usefragments/cli setup\n\nDocs: https://usefragments.com/components/install"
       );
     }
   });

package/dist/utils/env.cjs

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function nodeEnv() {
+  try {
+    return process.env.NODE_ENV;
+  } catch {
+    return void 0;
+  }
+}
+function isProductionBuild() {
+  return nodeEnv() === "production";
+}
+function isDevelopmentBuild() {
+  return nodeEnv() === "development";
+}
+exports.isDevelopmentBuild = isDevelopmentBuild;
+exports.isProductionBuild = isProductionBuild;

package/dist/utils/env.d.ts

@@ -0,0 +1,3 @@
+export declare function isProductionBuild(): boolean;
+export declare function isDevelopmentBuild(): boolean;
+//# sourceMappingURL=env.d.ts.map