@usefragments/ui 1.6.0 → 1.7.0

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

@@ -1,22 +1,22 @@
-const container = "_container_1qytp_1";
-const topleft = "_topleft_1qytp_14";
-const topcenter = "_topcenter_1qytp_19";
-const topright = "_topright_1qytp_25";
-const bottomleft = "_bottomleft_1qytp_30";
-const bottomcenter = "_bottomcenter_1qytp_36";
-const bottomright = "_bottomright_1qytp_43";
-const toast = "_toast_1qytp_49";
-const toastEnter = "_toastEnter_1qytp_1";
-const description = "_description_1qytp_66";
-const icon = "_icon_1qytp_80";
-const success = "_success_1qytp_84";
-const title = "_title_1qytp_88";
-const error = "_error_1qytp_94";
-const warning = "_warning_1qytp_104";
-const info = "_info_1qytp_114";
-const content = "_content_1qytp_145";
-const action = "_action_1qytp_170";
-const close = "_close_1qytp_234";
+const container = "_container_11925_1";
+const topleft = "_topleft_11925_14";
+const topcenter = "_topcenter_11925_19";
+const topright = "_topright_11925_25";
+const bottomleft = "_bottomleft_11925_30";
+const bottomcenter = "_bottomcenter_11925_36";
+const bottomright = "_bottomright_11925_43";
+const toast = "_toast_11925_49";
+const toastEnter = "_toastEnter_11925_1";
+const description = "_description_11925_66";
+const icon = "_icon_11925_80";
+const success = "_success_11925_84";
+const title = "_title_11925_88";
+const error = "_error_11925_94";
+const warning = "_warning_11925_104";
+const info = "_info_11925_114";
+const content = "_content_11925_145";
+const action = "_action_11925_170";
+const close = "_close_11925_236";
 const styles = {
   container,
   topleft,
@@ -28,7 +28,7 @@ const styles = {
   toast,
   toastEnter,
   description,
-  "default": "_default_1qytp_80",
+  "default": "_default_11925_80",
   icon,
   success,
   title,

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

@@ -1,32 +1,32 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const group = "_group_8ifhr_1";
-const gapXs = "_gap-xs_8ifhr_7";
-const gapSm = "_gap-sm_8ifhr_11";
-const item = "_item_8ifhr_15";
-const selected = "_selected_8ifhr_47";
-const disabled = "_disabled_8ifhr_53";
-const sizeSm = "_size-sm_8ifhr_58";
-const sizeMd = "_size-md_8ifhr_97";
-const sizeLg = "_size-lg_8ifhr_136";
-const pills = "_pills_8ifhr_195";
-const outline = "_outline_8ifhr_208";
+const group = "_group_1qn18_1";
+const gapXs = "_gap-xs_1qn18_7";
+const gapSm = "_gap-sm_1qn18_11";
+const item = "_item_1qn18_15";
+const selected = "_selected_1qn18_48";
+const disabled = "_disabled_1qn18_54";
+const sizeSm = "_size-sm_1qn18_59";
+const sizeMd = "_size-md_1qn18_98";
+const sizeLg = "_size-lg_1qn18_137";
+const pills = "_pills_1qn18_207";
+const outline = "_outline_1qn18_220";
 const styles = {
   group,
-  "gap-xs": "_gap-xs_8ifhr_7",
+  "gap-xs": "_gap-xs_1qn18_7",
   gapXs,
-  "gap-sm": "_gap-sm_8ifhr_11",
+  "gap-sm": "_gap-sm_1qn18_11",
   gapSm,
   item,
   selected,
   disabled,
-  "size-sm": "_size-sm_8ifhr_58",
+  "size-sm": "_size-sm_1qn18_59",
   sizeSm,
-  "size-md": "_size-md_8ifhr_97",
+  "size-md": "_size-md_1qn18_98",
   sizeMd,
-  "size-lg": "_size-lg_8ifhr_136",
+  "size-lg": "_size-lg_1qn18_137",
   sizeLg,
-  "default": "_default_8ifhr_175",
+  "default": "_default_1qn18_176",
   pills,
   outline
 };

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

@@ -1,30 +1,30 @@
-const group = "_group_8ifhr_1";
-const gapXs = "_gap-xs_8ifhr_7";
-const gapSm = "_gap-sm_8ifhr_11";
-const item = "_item_8ifhr_15";
-const selected = "_selected_8ifhr_47";
-const disabled = "_disabled_8ifhr_53";
-const sizeSm = "_size-sm_8ifhr_58";
-const sizeMd = "_size-md_8ifhr_97";
-const sizeLg = "_size-lg_8ifhr_136";
-const pills = "_pills_8ifhr_195";
-const outline = "_outline_8ifhr_208";
+const group = "_group_1qn18_1";
+const gapXs = "_gap-xs_1qn18_7";
+const gapSm = "_gap-sm_1qn18_11";
+const item = "_item_1qn18_15";
+const selected = "_selected_1qn18_48";
+const disabled = "_disabled_1qn18_54";
+const sizeSm = "_size-sm_1qn18_59";
+const sizeMd = "_size-md_1qn18_98";
+const sizeLg = "_size-lg_1qn18_137";
+const pills = "_pills_1qn18_207";
+const outline = "_outline_1qn18_220";
 const styles = {
   group,
-  "gap-xs": "_gap-xs_8ifhr_7",
+  "gap-xs": "_gap-xs_1qn18_7",
   gapXs,
-  "gap-sm": "_gap-sm_8ifhr_11",
+  "gap-sm": "_gap-sm_1qn18_11",
   gapSm,
   item,
   selected,
   disabled,
-  "size-sm": "_size-sm_8ifhr_58",
+  "size-sm": "_size-sm_1qn18_59",
   sizeSm,
-  "size-md": "_size-md_8ifhr_97",
+  "size-md": "_size-md_1qn18_98",
   sizeMd,
-  "size-lg": "_size-lg_8ifhr_136",
+  "size-lg": "_size-lg_1qn18_137",
   sizeLg,
-  "default": "_default_8ifhr_175",
+  "default": "_default_1qn18_176",
   pills,
   outline
 };

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const positioner = "_positioner_1g75f_1";
-const popup = "_popup_1g75f_6";
-const arrow = "_arrow_1g75f_38";
+const positioner = "_positioner_1104o_1";
+const popup = "_popup_1104o_6";
+const arrow = "_arrow_1104o_38";
 const styles = {
   positioner,
   popup,

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

@@ -1,6 +1,6 @@
-const positioner = "_positioner_1g75f_1";
-const popup = "_popup_1g75f_6";
-const arrow = "_arrow_1g75f_38";
+const positioner = "_positioner_1104o_1";
+const popup = "_popup_1104o_6";
+const arrow = "_arrow_1104o_38";
 const styles = {
   positioner,
   popup,

package/dist/components/Tooltip/index.cjs

@@ -68,39 +68,31 @@ function TooltipRoot({
     style: contentStyle,
     ...contentHtmlProps
   } = contentProps ?? {};
-  const tooltipNode = /* @__PURE__ */ jsxRuntime.jsxs(
-    tooltip.Tooltip.Root,
-    {
-      open,
-      defaultOpen,
-      onOpenChange,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(tooltip.Tooltip.Trigger, { closeOnClick, render: renderTrigger }),
-        /* @__PURE__ */ jsxRuntime.jsx(tooltip.Tooltip.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
-          tooltip.Tooltip.Positioner,
+  const tooltipNode = /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip.Root, { open, defaultOpen, onOpenChange, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(tooltip.Tooltip.Trigger, { closeOnClick, render: renderTrigger }),
+    /* @__PURE__ */ jsxRuntime.jsx(tooltip.Tooltip.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      tooltip.Tooltip.Positioner,
+      {
+        side,
+        align,
+        sideOffset,
+        className: Tooltip_module.default.positioner,
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          tooltip.Tooltip.Popup,
           {
-            side,
-            align,
-            sideOffset,
-            className: Tooltip_module.default.positioner,
-            children: /* @__PURE__ */ jsxRuntime.jsxs(
-              tooltip.Tooltip.Popup,
-              {
-                ...htmlProps,
-                ...contentHtmlProps,
-                className: [Tooltip_module.default.popup, className, contentClassName].filter(Boolean).join(" "),
-                style: { ...style ?? {}, ...contentStyle ?? {} },
-                children: [
-                  content,
-                  arrow && /* @__PURE__ */ jsxRuntime.jsx(tooltip.Tooltip.Arrow, { className: Tooltip_module.default.arrow })
-                ]
-              }
-            )
+            ...htmlProps,
+            ...contentHtmlProps,
+            className: [Tooltip_module.default.popup, className, contentClassName].filter(Boolean).join(" "),
+            style: { ...style ?? {}, ...contentStyle ?? {} },
+            children: [
+              content,
+              arrow && /* @__PURE__ */ jsxRuntime.jsx(tooltip.Tooltip.Arrow, { className: Tooltip_module.default.arrow })
+            ]
           }
-        ) })
-      ]
-    }
-  );
+        )
+      }
+    ) })
+  ] });
   if (!hasExternalProvider || delay !== void 0 || closeDelay !== void 0) {
     return /* @__PURE__ */ jsxRuntime.jsx(tooltip.Tooltip.Provider, { delay: delay ?? 400, closeDelay: closeDelay ?? 0, children: tooltipNode });
   }
@@ -116,15 +108,7 @@ function TooltipProvider({
 }) {
   const resolvedDelay = delay ?? delayDuration ?? 400;
   const resolvedTimeout = timeout ?? skipDelayDuration ?? 400;
-  return /* @__PURE__ */ jsxRuntime.jsx(TooltipProviderContext.Provider, { value: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-    tooltip.Tooltip.Provider,
-    {
-      delay: resolvedDelay,
-      closeDelay,
-      timeout: resolvedTimeout,
-      children
-    }
-  ) });
+  return /* @__PURE__ */ jsxRuntime.jsx(TooltipProviderContext.Provider, { value: true, children: /* @__PURE__ */ jsxRuntime.jsx(tooltip.Tooltip.Provider, { delay: resolvedDelay, closeDelay, timeout: resolvedTimeout, children }) });
 }
 const Tooltip = Object.assign(TooltipRoot, {
   Root: TooltipRoot,

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

@@ -1,7 +1,7 @@
-import * as React from 'react';
-export type TooltipSide = 'top' | 'bottom' | 'left' | 'right';
-export type TooltipAlign = 'start' | 'center' | 'end';
-export interface TooltipProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'content' | 'defaultChecked'> {
+import * as React from "react";
+export type TooltipSide = "top" | "bottom" | "left" | "right";
+export type TooltipAlign = "start" | "center" | "end";
+export interface TooltipProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "content" | "defaultChecked"> {
     /** The element that triggers the tooltip */
     children: React.ReactElement;
     /** Content to display in the tooltip */

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAC9D,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEtD,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,GAAG,gBAAgB,CAAC;IAC5G,4CAA4C;IAC5C,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,wCAAwC;IACxC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,qCAAqC;IACrC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,mCAAmC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,yBAAyB;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;wBACoB;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yGAAyG;IACzG,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;CACrD;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6CAA6C;IAC7C,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAQD;;;;;;;;;GASG;AACH,iBAAS,WAAW,CAAC,EACnB,QAAQ,EACR,OAAO,EACP,IAAY,EACZ,KAAgB,EAChB,UAAc,EACd,KAAK,EACL,UAAU,EACV,QAAgB,EAChB,KAAY,EACZ,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,YAAoB,EACpB,YAAY,EACZ,SAAS,EACT,KAAK,EACL,GAAG,SAAS,EACb,EAAE,YAAY,2CA0Ed;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,KAAK,EACL,UAAc,EACd,OAAO,EACP,aAAa,EACb,iBAAiB,GAClB,EAAE,oBAAoB,2CAgBtB;AAED,eAAO,MAAM,OAAO;;;CAGlB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAC9D,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEtD,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,SAAS,GAAG,gBAAgB,CAC7B;IACC,4CAA4C;IAC5C,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,wCAAwC;IACxC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,qCAAqC;IACrC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,mCAAmC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,yBAAyB;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;wBACoB;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yGAAyG;IACzG,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;CACrD;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6CAA6C;IAC7C,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAQD;;;;;;;;;GASG;AACH,iBAAS,WAAW,CAAC,EACnB,QAAQ,EACR,OAAO,EACP,IAAY,EACZ,KAAgB,EAChB,UAAc,EACd,KAAK,EACL,UAAU,EACV,QAAgB,EAChB,KAAY,EACZ,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,YAAoB,EACpB,YAAY,EACZ,SAAS,EACT,KAAK,EACL,GAAG,SAAS,EACb,EAAE,YAAY,2CAsEd;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,KAAK,EACL,UAAc,EACd,OAAO,EACP,aAAa,EACb,iBAAiB,GAClB,EAAE,oBAAoB,2CAYtB;AAED,eAAO,MAAM,OAAO;;;CAGlB,CAAC"}

package/dist/components/Tooltip/index.js

@@ -49,39 +49,31 @@ function TooltipRoot({
     style: contentStyle,
     ...contentHtmlProps
   } = contentProps ?? {};
-  const tooltipNode = /* @__PURE__ */ jsxs(
-    Tooltip$1.Root,
-    {
-      open,
-      defaultOpen,
-      onOpenChange,
-      children: [
-        /* @__PURE__ */ jsx(Tooltip$1.Trigger, { closeOnClick, render: renderTrigger }),
-        /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsx(
-          Tooltip$1.Positioner,
+  const tooltipNode = /* @__PURE__ */ jsxs(Tooltip$1.Root, { open, defaultOpen, onOpenChange, children: [
+    /* @__PURE__ */ jsx(Tooltip$1.Trigger, { closeOnClick, render: renderTrigger }),
+    /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsx(
+      Tooltip$1.Positioner,
+      {
+        side,
+        align,
+        sideOffset,
+        className: styles.positioner,
+        children: /* @__PURE__ */ jsxs(
+          Tooltip$1.Popup,
           {
-            side,
-            align,
-            sideOffset,
-            className: styles.positioner,
-            children: /* @__PURE__ */ jsxs(
-              Tooltip$1.Popup,
-              {
-                ...htmlProps,
-                ...contentHtmlProps,
-                className: [styles.popup, className, contentClassName].filter(Boolean).join(" "),
-                style: { ...style ?? {}, ...contentStyle ?? {} },
-                children: [
-                  content,
-                  arrow && /* @__PURE__ */ jsx(Tooltip$1.Arrow, { className: styles.arrow })
-                ]
-              }
-            )
+            ...htmlProps,
+            ...contentHtmlProps,
+            className: [styles.popup, className, contentClassName].filter(Boolean).join(" "),
+            style: { ...style ?? {}, ...contentStyle ?? {} },
+            children: [
+              content,
+              arrow && /* @__PURE__ */ jsx(Tooltip$1.Arrow, { className: styles.arrow })
+            ]
           }
-        ) })
-      ]
-    }
-  );
+        )
+      }
+    ) })
+  ] });
   if (!hasExternalProvider || delay !== void 0 || closeDelay !== void 0) {
     return /* @__PURE__ */ jsx(Tooltip$1.Provider, { delay: delay ?? 400, closeDelay: closeDelay ?? 0, children: tooltipNode });
   }
@@ -97,15 +89,7 @@ function TooltipProvider({
 }) {
   const resolvedDelay = delay ?? delayDuration ?? 400;
   const resolvedTimeout = timeout ?? skipDelayDuration ?? 400;
-  return /* @__PURE__ */ jsx(TooltipProviderContext.Provider, { value: true, children: /* @__PURE__ */ jsx(
-    Tooltip$1.Provider,
-    {
-      delay: resolvedDelay,
-      closeDelay,
-      timeout: resolvedTimeout,
-      children
-    }
-  ) });
+  return /* @__PURE__ */ jsx(TooltipProviderContext.Provider, { value: true, children: /* @__PURE__ */ jsx(Tooltip$1.Provider, { delay: resolvedDelay, closeDelay, timeout: resolvedTimeout, children }) });
 }
 const Tooltip = Object.assign(TooltipRoot, {
   Root: TooltipRoot,

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

@@ -1,8 +1,8 @@
-import * as React from 'react';
+import * as React from "react";
 export interface VisuallyHiddenProps extends React.HTMLAttributes<HTMLElement> {
     children: React.ReactNode;
     /** HTML element to render */
-    as?: 'span' | 'div';
+    as?: "span" | "div";
 }
 export declare const VisuallyHidden: React.ForwardRefExoticComponent<VisuallyHiddenProps & React.RefAttributes<HTMLElement>> & {
     Root: React.ForwardRefExoticComponent<VisuallyHiddenProps & React.RefAttributes<HTMLElement>>;

package/dist/data-table.cjs

@@ -30,6 +30,7 @@ const DataTable_module = require("./components/DataTable/DataTable.module.scss.c
 const index = require("./components/Checkbox/index.cjs");
 const DataTable_icons = require("./components/DataTable/DataTable.icons.cjs");
 const DataTable_support = require("./components/DataTable/DataTable.support.cjs");
+const env = require("./utils/env.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -57,7 +58,7 @@ function loadReactTable() {
         _reactTable = await import("@tanstack/react-table");
       } catch {
         _reactTableFailed = true;
-        if (process.env.NODE_ENV === "development") {
+        if (env.isDevelopmentBuild()) {
           console.warn(
             "[@usefragments/ui] DataTable: @tanstack/react-table is not installed. Rendering a static table without sorting, selection, or expansion. Install it with: npm install @tanstack/react-table"
           );

package/dist/data-table.js

@@ -7,6 +7,7 @@ import styles from "./components/DataTable/DataTable.module.scss.js";
 import { Checkbox } from "./components/Checkbox/index.js";
 import { SortAscIcon, SortDescIcon, SortIcon, ExpandIcon } from "./components/DataTable/DataTable.icons.js";
 import { DataTableSkeletonRows, useArrowKeyRowNav } from "./components/DataTable/DataTable.support.js";
+import { isDevelopmentBuild } from "./utils/env.js";
 let _reactTable = null;
 let _reactTableLoadPromise = null;
 let _reactTableFailed = false;
@@ -17,7 +18,7 @@ function loadReactTable() {
         _reactTable = await import("@tanstack/react-table");
       } catch {
         _reactTableFailed = true;
-        if (process.env.NODE_ENV === "development") {
+        if (isDevelopmentBuild()) {
           console.warn(
             "[@usefragments/ui] DataTable: @tanstack/react-table is not installed. Rendering a static table without sorting, selection, or expansion. Install it with: npm install @tanstack/react-table"
           );

package/dist/datepicker.cjs

@@ -30,6 +30,7 @@ const aria = require("./utils/aria.cjs");
 const popup = require("./recipes/popup.cjs");
 const index = require("./components/ComponentDefaults/index.cjs");
 const DatePicker_module = require("./components/DatePicker/DatePicker.module.scss.cjs");
+const env = require("./utils/env.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -156,7 +157,7 @@ function loadDayPickerDeps() {
         _DayFlag = rdp.DayFlag;
       } catch {
         _rdpFailed = true;
-        if (process.env.NODE_ENV === "development") {
+        if (env.isDevelopmentBuild()) {
           console.warn(
             "[@usefragments/ui] DatePicker: react-day-picker is not installed. Install it with: npm install react-day-picker"
           );
@@ -344,7 +345,7 @@ const DatePickerRoot = React__namespace.forwardRef(function DatePickerRoot2({
   const wrapperClasses = [DatePicker_module.default.wrapper, className].filter(Boolean).join(" ");
   const helperClasses = [DatePicker_module.default.helper, hasError && DatePicker_module.default.helperError].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxRuntime.jsxs(DatePickerContext.Provider, { value: contextValue, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: wrapperClasses, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: wrapperClasses, "data-invalid": hasError || void 0, children: [
       label && /* @__PURE__ */ jsxRuntime.jsx("span", { id: labelId, className: DatePicker_module.default.label, children: label }),
       /* @__PURE__ */ jsxRuntime.jsx(popover.Popover.Root, { open: isOpen, onOpenChange: handleOpenChange, children }),
       helperText && /* @__PURE__ */ jsxRuntime.jsx("span", { id: helperId, className: helperClasses, children: helperText }),

package/dist/datepicker.js

@@ -6,6 +6,7 @@ import { useFormFieldIds } from "./utils/aria.js";
 import { POPUP_OFFSET_PX } from "./recipes/popup.js";
 import { useResolvedControlSize } from "./components/ComponentDefaults/index.js";
 import styles from "./components/DatePicker/DatePicker.module.scss.js";
+import { isDevelopmentBuild } from "./utils/env.js";
 function CalendarIcon() {
   return /* @__PURE__ */ jsxs(
     "svg",
@@ -115,7 +116,7 @@ function loadDayPickerDeps() {
         _DayFlag = rdp.DayFlag;
       } catch {
         _rdpFailed = true;
-        if (process.env.NODE_ENV === "development") {
+        if (isDevelopmentBuild()) {
           console.warn(
             "[@usefragments/ui] DatePicker: react-day-picker is not installed. Install it with: npm install react-day-picker"
           );
@@ -303,7 +304,7 @@ const DatePickerRoot = React.forwardRef(function DatePickerRoot2({
   const wrapperClasses = [styles.wrapper, className].filter(Boolean).join(" ");
   const helperClasses = [styles.helper, hasError && styles.helperError].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs(DatePickerContext.Provider, { value: contextValue, children: [
-    /* @__PURE__ */ jsxs("div", { ref, className: wrapperClasses, children: [
+    /* @__PURE__ */ jsxs("div", { ref, className: wrapperClasses, "data-invalid": hasError || void 0, children: [
       label && /* @__PURE__ */ jsx("span", { id: labelId, className: styles.label, children: label }),
       /* @__PURE__ */ jsx(Popover.Root, { open: isOpen, onOpenChange: handleOpenChange, children }),
       helperText && /* @__PURE__ */ jsx("span", { id: helperId, className: helperClasses, children: helperText }),

package/dist/editor.cjs

@@ -28,6 +28,7 @@ const React = require("react");
 const Editor_module = require("./components/Editor/Editor.module.scss.cjs");
 const react = require("@phosphor-icons/react");
 const keyboardShortcuts = require("./utils/keyboard-shortcuts.cjs");
+const env = require("./utils/env.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -66,7 +67,7 @@ function loadTipTapDeps() {
         _LinkExtension = linkExt.default ?? linkExt.Link ?? linkExt;
       } catch {
         _tiptapFailed = true;
-        if (process.env.NODE_ENV === "development") {
+        if (env.isDevelopmentBuild()) {
           console.warn(
             "[@usefragments/ui] Editor: TipTap is not installed; falling back to markdown mode. Install it with: npm install @tiptap/react @tiptap/starter-kit @tiptap/extension-link"
           );
@@ -93,19 +94,58 @@ function useTipTapDeps() {
 const FORMAT_META = {
   bold: { icon: react.TextB, label: "Bold", shortcut: keyboardShortcuts.KEYBOARD_SHORTCUTS.EDITOR_BOLD.label },
   italic: { icon: react.TextItalic, label: "Italic", shortcut: keyboardShortcuts.KEYBOARD_SHORTCUTS.EDITOR_ITALIC.label },
-  strikethrough: { icon: react.TextStrikethrough, label: "Strikethrough", shortcut: keyboardShortcuts.KEYBOARD_SHORTCUTS.EDITOR_STRIKETHROUGH.label },
+  strikethrough: {
+    icon: react.TextStrikethrough,
+    label: "Strikethrough",
+    shortcut: keyboardShortcuts.KEYBOARD_SHORTCUTS.EDITOR_STRIKETHROUGH.label
+  },
   link: { icon: react.LinkSimple, label: "Link", shortcut: keyboardShortcuts.KEYBOARD_SHORTCUTS.EDITOR_LINK.label },
   code: { icon: react.Code, label: "Code", shortcut: keyboardShortcuts.KEYBOARD_SHORTCUTS.EDITOR_CODE.label },
-  bulletList: { icon: react.ListBullets, label: "Bullet list", shortcut: keyboardShortcuts.KEYBOARD_SHORTCUTS.EDITOR_BULLET_LIST.label },
-  orderedList: { icon: react.ListNumbers, label: "Ordered list", shortcut: keyboardShortcuts.KEYBOARD_SHORTCUTS.EDITOR_ORDERED_LIST.label },
-  heading1: { icon: react.TextHOne, label: "Heading 1", shortcut: keyboardShortcuts.KEYBOARD_SHORTCUTS.EDITOR_HEADING1.label },
-  heading2: { icon: react.TextHTwo, label: "Heading 2", shortcut: keyboardShortcuts.KEYBOARD_SHORTCUTS.EDITOR_HEADING2.label },
-  heading3: { icon: react.TextHThree, label: "Heading 3", shortcut: keyboardShortcuts.KEYBOARD_SHORTCUTS.EDITOR_HEADING3.label },
-  blockquote: { icon: react.Quotes, label: "Blockquote", shortcut: keyboardShortcuts.KEYBOARD_SHORTCUTS.EDITOR_BLOCKQUOTE.label },
-  undo: { icon: react.ArrowCounterClockwise, label: "Undo", shortcut: keyboardShortcuts.KEYBOARD_SHORTCUTS.EDITOR_UNDO.label },
+  bulletList: {
+    icon: react.ListBullets,
+    label: "Bullet list",
+    shortcut: keyboardShortcuts.KEYBOARD_SHORTCUTS.EDITOR_BULLET_LIST.label
+  },
+  orderedList: {
+    icon: react.ListNumbers,
+    label: "Ordered list",
+    shortcut: keyboardShortcuts.KEYBOARD_SHORTCUTS.EDITOR_ORDERED_LIST.label
+  },
+  heading1: {
+    icon: react.TextHOne,
+    label: "Heading 1",
+    shortcut: keyboardShortcuts.KEYBOARD_SHORTCUTS.EDITOR_HEADING1.label
+  },
+  heading2: {
+    icon: react.TextHTwo,
+    label: "Heading 2",
+    shortcut: keyboardShortcuts.KEYBOARD_SHORTCUTS.EDITOR_HEADING2.label
+  },
+  heading3: {
+    icon: react.TextHThree,
+    label: "Heading 3",
+    shortcut: keyboardShortcuts.KEYBOARD_SHORTCUTS.EDITOR_HEADING3.label
+  },
+  blockquote: {
+    icon: react.Quotes,
+    label: "Blockquote",
+    shortcut: keyboardShortcuts.KEYBOARD_SHORTCUTS.EDITOR_BLOCKQUOTE.label
+  },
+  undo: {
+    icon: react.ArrowCounterClockwise,
+    label: "Undo",
+    shortcut: keyboardShortcuts.KEYBOARD_SHORTCUTS.EDITOR_UNDO.label
+  },
   redo: { icon: react.ArrowClockwise, label: "Redo", shortcut: keyboardShortcuts.KEYBOARD_SHORTCUTS.EDITOR_REDO.label }
 };
-const DEFAULT_FORMATS = ["bold", "italic", "strikethrough", "link", "code", "bulletList"];
+const DEFAULT_FORMATS = [
+  "bold",
+  "italic",
+  "strikethrough",
+  "link",
+  "code",
+  "bulletList"
+];
 const ACTION_FORMATS = /* @__PURE__ */ new Set(["undo", "redo"]);
 const DEFAULT_STATUS_LABELS = {
   idle: "",
@@ -256,11 +296,7 @@ function EditorImpl({
   ...htmlProps
 }) {
   const contentRef = React__namespace.useRef(null);
-  const [value, setValue] = useControllableState(
-    controlledValue,
-    defaultValue,
-    onValueChange
-  );
+  const [value, setValue] = useControllableState(controlledValue, defaultValue, onValueChange);
   const [saveStatus, setSaveStatus] = React__namespace.useState("idle");
   const mode = hasTipTap ? "rich" : "markdown";
   const tiptapEditor = hasTipTap ? (
@@ -492,7 +528,11 @@ function EditorToolbar({ children, className }) {
   const classes = [Editor_module.default.toolbar, className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes, role: "toolbar", "aria-label": "Editor formatting", children });
 }
-function EditorToolbarGroup({ children, "aria-label": ariaLabel, className }) {
+function EditorToolbarGroup({
+  children,
+  "aria-label": ariaLabel,
+  className
+}) {
   const classes = [Editor_module.default.toolbarGroup, className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes, role: "group", "aria-label": ariaLabel, children });
 }
@@ -520,11 +560,7 @@ function EditorToolbarButton({ format, className }) {
   };
   const iconOverride = toolbarIcons == null ? void 0 : toolbarIcons[format];
   const renderedOverride = typeof iconOverride === "function" ? iconOverride(iconState) : iconOverride;
-  const classes = [
-    Editor_module.default.toolbarButton,
-    active && Editor_module.default.toolbarButtonActive,
-    className
-  ].filter(Boolean).join(" ");
+  const classes = [Editor_module.default.toolbarButton, active && Editor_module.default.toolbarButtonActive, className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxRuntime.jsx(
     "button",
     {
@@ -543,17 +579,17 @@ function EditorSeparator({ className }) {
   const classes = [Editor_module.default.separator, className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes, role: "separator", "aria-orientation": "vertical" });
 }
-function EditorStatusIndicator({ status: statusOverride, labels, className }) {
+function EditorStatusIndicator({
+  status: statusOverride,
+  labels,
+  className
+}) {
   const { saveStatus } = useEditorContext();
   const status = statusOverride ?? saveStatus;
   const mergedLabels = { ...DEFAULT_STATUS_LABELS, ...labels };
   const label = mergedLabels[status];
   if (!label) return null;
-  const classes = [
-    Editor_module.default.statusIndicator,
-    status === "error" && Editor_module.default.statusError,
-    className
-  ].filter(Boolean).join(" ");
+  const classes = [Editor_module.default.statusIndicator, status === "error" && Editor_module.default.statusError, className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes, "aria-live": "polite", role: "status", children: label });
 }
 function EditorContentArea({ className }) {
@@ -578,7 +614,11 @@ function EditorContentArea({ className }) {
     }
   ) });
 }
-function EditorStatusBar({ showWordCount = true, showCharCount = true, className }) {
+function EditorStatusBar({
+  showWordCount = true,
+  showCharCount = true,
+  className
+}) {
   const { wordCount, charCount, maxLength } = useEditorContext();
   const classes = [Editor_module.default.statusBar, className].filter(Boolean).join(" ");
   const isOverLimit = maxLength !== void 0 && charCount > maxLength;