@usefragments/ui 1.5.4 → 1.7.0

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

@@ -1,34 +1,34 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const group = "_group_1nacr_1";
-const gapXs = "_gap-xs_1nacr_8";
-const gapSm = "_gap-sm_1nacr_12";
-const item = "_item_1nacr_25";
-const selected = "_selected_1nacr_30";
-const pills = "_pills_1nacr_36";
-const outline = "_outline_1nacr_51";
-const disabled = "_disabled_1nacr_104";
-const sizeSm = "_size-sm_1nacr_109";
-const sizeMd = "_size-md_1nacr_118";
-const sizeLg = "_size-lg_1nacr_127";
+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_1nacr_8",
+  "gap-xs": "_gap-xs_1qn18_7",
   gapXs,
-  "gap-sm": "_gap-sm_1nacr_12",
+  "gap-sm": "_gap-sm_1qn18_11",
   gapSm,
-  "default": "_default_1nacr_16",
   item,
   selected,
-  pills,
-  outline,
   disabled,
-  "size-sm": "_size-sm_1nacr_109",
+  "size-sm": "_size-sm_1qn18_59",
   sizeSm,
-  "size-md": "_size-md_1nacr_118",
+  "size-md": "_size-md_1qn18_98",
   sizeMd,
-  "size-lg": "_size-lg_1nacr_127",
-  sizeLg
+  "size-lg": "_size-lg_1qn18_137",
+  sizeLg,
+  "default": "_default_1qn18_176",
+  pills,
+  outline
 };
 exports.default = styles;
 exports.disabled = disabled;

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

@@ -1,32 +1,32 @@
-const group = "_group_1nacr_1";
-const gapXs = "_gap-xs_1nacr_8";
-const gapSm = "_gap-sm_1nacr_12";
-const item = "_item_1nacr_25";
-const selected = "_selected_1nacr_30";
-const pills = "_pills_1nacr_36";
-const outline = "_outline_1nacr_51";
-const disabled = "_disabled_1nacr_104";
-const sizeSm = "_size-sm_1nacr_109";
-const sizeMd = "_size-md_1nacr_118";
-const sizeLg = "_size-lg_1nacr_127";
+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_1nacr_8",
+  "gap-xs": "_gap-xs_1qn18_7",
   gapXs,
-  "gap-sm": "_gap-sm_1nacr_12",
+  "gap-sm": "_gap-sm_1qn18_11",
   gapSm,
-  "default": "_default_1nacr_16",
   item,
   selected,
-  pills,
-  outline,
   disabled,
-  "size-sm": "_size-sm_1nacr_109",
+  "size-sm": "_size-sm_1qn18_59",
   sizeSm,
-  "size-md": "_size-md_1nacr_118",
+  "size-md": "_size-md_1qn18_98",
   sizeMd,
-  "size-lg": "_size-lg_1nacr_127",
-  sizeLg
+  "size-lg": "_size-lg_1qn18_137",
+  sizeLg,
+  "default": "_default_1qn18_176",
+  pills,
+  outline
 };
 export {
   styles as default,

package/dist/components/ToggleGroup/index.cjs

@@ -38,7 +38,7 @@ function ToggleGroupRoot({
   children,
   variant = "default",
   size: sizeProp,
-  gap = "xs",
+  gap,
   selectionMode = "single",
   className,
   ...htmlProps
@@ -46,6 +46,7 @@ function ToggleGroupRoot({
   var _a;
   const size = index.useResolvedControlSize(sizeProp);
   const normalizedVariant = variant === "outlined" ? "outline" : variant;
+  const resolvedGap = normalizedVariant === "pills" ? gap ?? "xs" : "none";
   const [internalValue, setInternalValue] = React__namespace.useState(defaultValue ?? "");
   const isControlled = value !== void 0;
   const currentValue = isControlled ? value ?? "" : internalValue;
@@ -63,7 +64,7 @@ function ToggleGroupRoot({
     ToggleGroup_module.default.group,
     ToggleGroup_module.default[normalizedVariant],
     ToggleGroup_module.default[`size-${size}`],
-    gap !== "none" && ToggleGroup_module.default[`gap-${gap}`],
+    resolvedGap !== "none" && ToggleGroup_module.default[`gap-${resolvedGap}`],
     className
   ].filter(Boolean).join(" ");
   const childItems = React__namespace.Children.toArray(children).filter(

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

@@ -21,7 +21,8 @@ export interface ToggleGroupProps extends Omit<React.HTMLAttributes<HTMLDivEleme
     /** Size.
      * @default "md" */
     size?: "sm" | "md" | "lg";
-    /** Gap between items (for pills/outline variants) */
+    /** Gap between items in the pills variant. Defaults to `xs` for pills and
+     * is intentionally removed from connected variants. */
     gap?: "none" | "xs" | "sm";
     /** Selection mode for this control. Currently only single-select is supported.
      * @default "single" */

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B;;;GAGG;AACH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9F,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,4CAA4C;IAC5C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,mBAAmB;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;uEAEmE;IACnE,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC;IACvD;uBACmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,qDAAqD;IACrD,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IAC3B;2BACuB;IACvB,aAAa,CAAC,EAAE,QAAQ,CAAC;CAC1B;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EACvC,SAAS,CACV;IACC,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAMD,UAAU,uBAAuB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACzC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC;AAID,iBAAS,qBAAqB,4BAM7B;AAMD,iBAAS,eAAe,CAAC,EACvB,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,OAAmB,EACnB,IAAI,EAAE,QAAQ,EACd,GAAU,EACV,aAAwB,EACxB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,gBAAgB,2CAsDlB;AAED,iBAAS,eAAe,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,SAAS,EACT,SAAS,EACT,GAAG,SAAS,EACb,EAAE,oBAAoB,2CAwFtB;AAMD,eAAO,MAAM,WAAW;;CAEtB,CAAC;AAEH,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B;;;GAGG;AACH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9F,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,4CAA4C;IAC5C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,mBAAmB;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;uEAEmE;IACnE,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC;IACvD;uBACmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;2DACuD;IACvD,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IAC3B;2BACuB;IACvB,aAAa,CAAC,EAAE,QAAQ,CAAC;CAC1B;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EACvC,SAAS,CACV;IACC,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAMD,UAAU,uBAAuB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACzC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC;AAID,iBAAS,qBAAqB,4BAM7B;AAMD,iBAAS,eAAe,CAAC,EACvB,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,OAAmB,EACnB,IAAI,EAAE,QAAQ,EACd,GAAG,EACH,aAAwB,EACxB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,gBAAgB,2CAuDlB;AAED,iBAAS,eAAe,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,SAAS,EACT,SAAS,EACT,GAAG,SAAS,EACb,EAAE,oBAAoB,2CAwFtB;AAMD,eAAO,MAAM,WAAW;;CAEtB,CAAC;AAEH,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/components/ToggleGroup/index.js

@@ -19,7 +19,7 @@ function ToggleGroupRoot({
   children,
   variant = "default",
   size: sizeProp,
-  gap = "xs",
+  gap,
   selectionMode = "single",
   className,
   ...htmlProps
@@ -27,6 +27,7 @@ function ToggleGroupRoot({
   var _a;
   const size = useResolvedControlSize(sizeProp);
   const normalizedVariant = variant === "outlined" ? "outline" : variant;
+  const resolvedGap = normalizedVariant === "pills" ? gap ?? "xs" : "none";
   const [internalValue, setInternalValue] = React.useState(defaultValue ?? "");
   const isControlled = value !== void 0;
   const currentValue = isControlled ? value ?? "" : internalValue;
@@ -44,7 +45,7 @@ function ToggleGroupRoot({
     styles.group,
     styles[normalizedVariant],
     styles[`size-${size}`],
-    gap !== "none" && styles[`gap-${gap}`],
+    resolvedGap !== "none" && styles[`gap-${resolvedGap}`],
     className
   ].filter(Boolean).join(" ");
   const childItems = React.Children.toArray(children).filter(

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_whfgf_1";
-const popup = "_popup_whfgf_6";
-const arrow = "_arrow_whfgf_43";
+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_whfgf_1";
-const popup = "_popup_whfgf_6";
-const arrow = "_arrow_whfgf_43";
+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/VisuallyHidden.module.scss.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const visuallyHidden = "_visuallyHidden_dwm1g_1";
+const visuallyHidden = "_visuallyHidden_nndym_1";
 const styles = {
   visuallyHidden
 };

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

@@ -1,4 +1,4 @@
-const visuallyHidden = "_visuallyHidden_dwm1g_1";
+const visuallyHidden = "_visuallyHidden_nndym_1";
 const styles = {
   visuallyHidden
 };

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

@@ -25,10 +25,12 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 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 DataTable_module = require("./components/DataTable/DataTable.module.scss.cjs");
 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) {
@@ -56,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"
           );
@@ -94,12 +96,9 @@ function getColumnSizeStyle(column) {
   };
 }
 function computeTableClasses(opts) {
-  const densityClass = opts.density === "condensed" ? DataTable_module.default.densityCondensed : opts.density === "regular" ? DataTable_module.default.densityRegular : opts.density === "relaxed" ? DataTable_module.default.densityRelaxed : void 0;
   const rootClasses = [
     DataTable_module.default.table,
     opts.hasExplicitColumnSizing && DataTable_module.default.fixedLayout,
-    DataTable_module.default[opts.size],
-    densityClass,
     opts.striped && DataTable_module.default.striped,
     opts.className
   ].filter(Boolean).join(" ");
@@ -226,9 +225,8 @@ function DataTableLive({
   });
   const isEmpty = !loading && data.length === 0;
   const { className: wrapperPropsClassName, ...restWrapperProps } = wrapperProps ?? {};
+  const resolvedDensity = tableChrome.resolveTableDensity({ density, size });
   const { rootClasses, wrapperClasses } = computeTableClasses({
-    size,
-    density,
     striped,
     bordered,
     hasExplicitColumnSizing,
@@ -242,6 +240,7 @@ function DataTableLive({
       {
         ...htmlProps,
         className: rootClasses,
+        "data-density": resolvedDensity,
         "aria-label": ariaLabel,
         "aria-describedby": ariaDescribedBy,
         children: [
@@ -257,6 +256,7 @@ function DataTableLive({
       ...htmlProps,
       ref: tableRef,
       className: rootClasses,
+      "data-density": resolvedDensity,
       "aria-label": ariaLabel,
       "aria-describedby": ariaDescribedBy,
       "aria-busy": loading || void 0,
@@ -347,12 +347,16 @@ function DataTableLive({
               return /* @__PURE__ */ jsxRuntime.jsx(
                 "td",
                 {
-                  className: [DataTable_module.default.td, truncate && DataTable_module.default.truncate].filter(Boolean).join(" "),
+                  className: [
+                    DataTable_module.default.td,
+                    isFirstDataCell && DataTable_module.default.treeCell,
+                    truncate && DataTable_module.default.truncate
+                  ].filter(Boolean).join(" "),
                   "data-align": colDef.align,
                   title: typeof rawValue === "string" ? rawValue : void 0,
                   style: {
                     ...getColumnSizeStyle(cell.column),
-                    ...isFirstDataCell && depth > 0 ? { paddingLeft: `${depth * 24 + 12}px` } : void 0
+                    ...isFirstDataCell ? { "--_fui-table-tree-depth": depth } : void 0
                   },
                   children: isFirstDataCell && canExpand ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: DataTable_module.default.expandCell, children: [
                     /* @__PURE__ */ jsxRuntime.jsx(
@@ -438,9 +442,8 @@ function DataTableStatic({
     (column) => column.size !== void 0 || column.minSize !== void 0 || column.maxSize !== void 0
   );
   const { className: wrapperPropsClassName, ...restWrapperProps } = wrapperProps ?? {};
+  const resolvedDensity = tableChrome.resolveTableDensity({ density, size });
   const { rootClasses, wrapperClasses } = computeTableClasses({
-    size,
-    density,
     striped,
     bordered,
     hasExplicitColumnSizing,
@@ -456,6 +459,7 @@ function DataTableStatic({
     {
       ...htmlProps,
       className: rootClasses,
+      "data-density": resolvedDensity,
       "aria-label": ariaLabel,
       "aria-describedby": ariaDescribedBy,
       "aria-busy": showSkeleton || void 0,

package/dist/data-table.js

@@ -2,10 +2,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { createElement } from "react";
+import { resolveTableDensity } from "./recipes/table-chrome.js";
 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;
@@ -16,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"
           );
@@ -54,12 +56,9 @@ function getColumnSizeStyle(column) {
   };
 }
 function computeTableClasses(opts) {
-  const densityClass = opts.density === "condensed" ? styles.densityCondensed : opts.density === "regular" ? styles.densityRegular : opts.density === "relaxed" ? styles.densityRelaxed : void 0;
   const rootClasses = [
     styles.table,
     opts.hasExplicitColumnSizing && styles.fixedLayout,
-    styles[opts.size],
-    densityClass,
     opts.striped && styles.striped,
     opts.className
   ].filter(Boolean).join(" ");
@@ -186,9 +185,8 @@ function DataTableLive({
   });
   const isEmpty = !loading && data.length === 0;
   const { className: wrapperPropsClassName, ...restWrapperProps } = wrapperProps ?? {};
+  const resolvedDensity = resolveTableDensity({ density, size });
   const { rootClasses, wrapperClasses } = computeTableClasses({
-    size,
-    density,
     striped,
     bordered,
     hasExplicitColumnSizing,
@@ -202,6 +200,7 @@ function DataTableLive({
       {
         ...htmlProps,
         className: rootClasses,
+        "data-density": resolvedDensity,
         "aria-label": ariaLabel,
         "aria-describedby": ariaDescribedBy,
         children: [
@@ -217,6 +216,7 @@ function DataTableLive({
       ...htmlProps,
       ref: tableRef,
       className: rootClasses,
+      "data-density": resolvedDensity,
       "aria-label": ariaLabel,
       "aria-describedby": ariaDescribedBy,
       "aria-busy": loading || void 0,
@@ -307,12 +307,16 @@ function DataTableLive({
               return /* @__PURE__ */ jsx(
                 "td",
                 {
-                  className: [styles.td, truncate && styles.truncate].filter(Boolean).join(" "),
+                  className: [
+                    styles.td,
+                    isFirstDataCell && styles.treeCell,
+                    truncate && styles.truncate
+                  ].filter(Boolean).join(" "),
                   "data-align": colDef.align,
                   title: typeof rawValue === "string" ? rawValue : void 0,
                   style: {
                     ...getColumnSizeStyle(cell.column),
-                    ...isFirstDataCell && depth > 0 ? { paddingLeft: `${depth * 24 + 12}px` } : void 0
+                    ...isFirstDataCell ? { "--_fui-table-tree-depth": depth } : void 0
                   },
                   children: isFirstDataCell && canExpand ? /* @__PURE__ */ jsxs("span", { className: styles.expandCell, children: [
                     /* @__PURE__ */ jsx(
@@ -398,9 +402,8 @@ function DataTableStatic({
     (column) => column.size !== void 0 || column.minSize !== void 0 || column.maxSize !== void 0
   );
   const { className: wrapperPropsClassName, ...restWrapperProps } = wrapperProps ?? {};
+  const resolvedDensity = resolveTableDensity({ density, size });
   const { rootClasses, wrapperClasses } = computeTableClasses({
-    size,
-    density,
     striped,
     bordered,
     hasExplicitColumnSizing,
@@ -416,6 +419,7 @@ function DataTableStatic({
     {
       ...htmlProps,
       className: rootClasses,
+      "data-density": resolvedDensity,
       "aria-label": ariaLabel,
       "aria-describedby": ariaDescribedBy,
       "aria-busy": showSkeleton || void 0,