@exem-ui/react 0.3.4-next.20260713082547 → 0.3.4-next.20260713083704

package/dist/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkYJPVY7DM_js = require('./chunk-YJPVY7DM.js');
+var chunk2EKBN3LN_js = require('./chunk-2EKBN3LN.js');
 var chunkT5TAXI73_js = require('./chunk-T5TAXI73.js');
 var utils = require('@exem-ui/core/utils');
 var React = require('react');
@@ -11,7 +11,6 @@ var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
 var SwitchPrimitives = require('@radix-ui/react-switch');
 var reactDayPicker = require('react-day-picker');
 var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
-var ScrollAreaPrimitive = require('@radix-ui/react-scroll-area');
 var DialogPrimitive = require('@radix-ui/react-dialog');
 var reResizable = require('re-resizable');
 var sonner = require('sonner');
@@ -39,7 +38,6 @@ var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimit
 var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
 var SwitchPrimitives__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitives);
 var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
-var ScrollAreaPrimitive__namespace = /*#__PURE__*/_interopNamespace(ScrollAreaPrimitive);
 var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
 
 var SIZE_CONFIG = {
@@ -627,7 +625,7 @@ var IconButton = React.forwardRef(
       size,
       ...props
     };
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkYJPVY7DM_js.ConditionalTooltip, { tooltip, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { ref, ...buttonProps }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunk2EKBN3LN_js.ConditionalTooltip, { tooltip, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { ref, ...buttonProps }) });
   }
 );
 IconButton.displayName = "IconButton";
@@ -671,7 +669,7 @@ var ButtonGroup = React.forwardRef(
               onClick: item.onClick,
               size
             };
-            return /* @__PURE__ */ jsxRuntime.jsx(chunkYJPVY7DM_js.ConditionalTooltip, { tooltip: item.tooltip, children: variant === "contained" ? /* @__PURE__ */ jsxRuntime.jsx(IconButton, { ...iconBaseProps, variant: "assistive" }) : /* @__PURE__ */ jsxRuntime.jsx(IconButton, { ...iconBaseProps, color: "primary", variant: "outlined" }) }, item.id);
+            return /* @__PURE__ */ jsxRuntime.jsx(chunk2EKBN3LN_js.ConditionalTooltip, { tooltip: item.tooltip, children: variant === "contained" ? /* @__PURE__ */ jsxRuntime.jsx(IconButton, { ...iconBaseProps, variant: "assistive" }) : /* @__PURE__ */ jsxRuntime.jsx(IconButton, { ...iconBaseProps, color: "primary", variant: "outlined" }) }, item.id);
           }
           const buttonBaseProps = {
             className: utils.cn(roundedClasses, dividerClasses, mergeClasses, hoverClasses),
@@ -679,7 +677,7 @@ var ButtonGroup = React.forwardRef(
             onClick: item.onClick,
             size
           };
-          return /* @__PURE__ */ jsxRuntime.jsx(chunkYJPVY7DM_js.ConditionalTooltip, { tooltip: item.tooltip, children: variant === "contained" ? /* @__PURE__ */ jsxRuntime.jsx(Button, { ...buttonBaseProps, variant: "assistive", children: item.label }) : /* @__PURE__ */ jsxRuntime.jsx(Button, { ...buttonBaseProps, color: "primary", variant: "outlined", children: item.label }) }, item.id);
+          return /* @__PURE__ */ jsxRuntime.jsx(chunk2EKBN3LN_js.ConditionalTooltip, { tooltip: item.tooltip, children: variant === "contained" ? /* @__PURE__ */ jsxRuntime.jsx(Button, { ...buttonBaseProps, variant: "assistive", children: item.label }) : /* @__PURE__ */ jsxRuntime.jsx(Button, { ...buttonBaseProps, color: "primary", variant: "outlined", children: item.label }) }, item.id);
         })
       }
     );
@@ -1090,12 +1088,12 @@ function DatePicker({ type = "single", showOutsideDays = true, ...rest }) {
 }
 var dropdownVariants = {
   content: utils.cn(
-    chunkYJPVY7DM_js.overlayListVariants.content,
+    chunk2EKBN3LN_js.overlayListVariants.content,
     "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"
   ),
-  viewport: chunkYJPVY7DM_js.overlayListVariants.viewport,
-  item: (props) => utils.cn(chunkYJPVY7DM_js.overlayListVariants.item(props), "focus:bg-elevation-elevation-2"),
-  slotSize: chunkYJPVY7DM_js.overlayListVariants.slotSize,
+  viewport: chunk2EKBN3LN_js.overlayListVariants.viewport,
+  item: (props) => utils.cn(chunk2EKBN3LN_js.overlayListVariants.item(props), "focus:bg-elevation-elevation-2"),
+  slotSize: chunk2EKBN3LN_js.overlayListVariants.slotSize,
   separator: utils.cn("my-0.5 h-px bg-border-primary"),
   label: utils.cva("px-2 font-medium text-text-secondary", {
     defaultVariants: { size: "medium" },
@@ -1146,9 +1144,9 @@ Dropdown.Item = React.forwardRef(({ className, children, leftSlot, rightSlot, si
       className: utils.cn(dropdownVariants.item({ size }), className),
       ...props,
       children: [
-        leftSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkYJPVY7DM_js.overlayListVariants.slotSize({ size }), children: leftSlot }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn(chunkYJPVY7DM_js.overlayListVariants.itemText({ size }), "min-w-0 flex-1 truncate"), children }),
-        rightSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkYJPVY7DM_js.overlayListVariants.slotSize({ size }), children: rightSlot })
+        leftSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk2EKBN3LN_js.overlayListVariants.slotSize({ size }), children: leftSlot }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn(chunk2EKBN3LN_js.overlayListVariants.itemText({ size }), "min-w-0 flex-1 truncate"), children }),
+        rightSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk2EKBN3LN_js.overlayListVariants.slotSize({ size }), children: rightSlot })
       ]
     }
   );
@@ -1193,8 +1191,8 @@ var useTextAreaContext = () => {
   return context;
 };
 var textAreaVariants = {
-  container: chunkYJPVY7DM_js.commonInputVariants.container,
-  label: chunkYJPVY7DM_js.commonInputVariants.label,
+  container: chunk2EKBN3LN_js.commonInputVariants.container,
+  label: chunk2EKBN3LN_js.commonInputVariants.label,
   field: utils.cva(
     "scrollbar-overlay block w-full resize-none rounded-medium border transition-colors focus:outline-none",
     {
@@ -1248,7 +1246,7 @@ var textAreaVariants = {
     },
     defaultVariants: { size: "medium" }
   }),
-  description: chunkYJPVY7DM_js.commonInputVariants.description,
+  description: chunk2EKBN3LN_js.commonInputVariants.description,
   counter: utils.cva("text-nowrap font-regular", {
     variants: {
       disabled: {
@@ -1375,8 +1373,8 @@ var useTextFieldContext = () => {
   return context;
 };
 var textFieldVariants = {
-  container: chunkYJPVY7DM_js.commonInputVariants.container,
-  label: chunkYJPVY7DM_js.commonInputVariants.label,
+  container: chunk2EKBN3LN_js.commonInputVariants.container,
+  label: chunk2EKBN3LN_js.commonInputVariants.label,
   wrapper: utils.cva(
     "flex w-full flex-row items-center rounded-medium border transition-colors focus-within:border-border-focused focus-within:outline-none",
     {
@@ -1583,70 +1581,6 @@ TextField.displayName = "TextField";
 TextField.Label.displayName = "TextField.Label";
 TextField.Input.displayName = "TextField.Input";
 TextField.Description.displayName = "TextField.Description";
-function ScrollBar({
-  className,
-  orientation = "vertical",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
-    {
-      "data-slot": "scroll-area-scrollbar",
-      orientation,
-      className: utils.cn(
-        "flex touch-none select-none transition-opacity",
-        orientation === "vertical" && "w-[10px] p-[2px] opacity-0 duration-300 ease-out group-hover:opacity-100",
-        orientation === "horizontal" && "h-[10px] flex-col px-[3px] py-[2px]",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        ScrollAreaPrimitive__namespace.ScrollAreaThumb,
-        {
-          "data-slot": "scroll-area-thumb",
-          className: "relative flex-1 rounded-full bg-component-scroll"
-        }
-      )
-    }
-  );
-}
-function ScrollArea({
-  className,
-  children,
-  onScroll,
-  scrollRef,
-  hideVerticalScrollbar = false,
-  hideHorizontalScrollbar = false,
-  disableHorizontalScroll = false,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    ScrollAreaPrimitive__namespace.Root,
-    {
-      "data-slot": "scroll-area",
-      className: utils.cn("group relative overflow-hidden", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ScrollAreaPrimitive__namespace.Viewport,
-          {
-            "data-slot": "scroll-area-viewport",
-            ref: scrollRef,
-            onScroll,
-            className: utils.cn(
-              "size-full rounded-[inherit]",
-              disableHorizontalScroll && "!overflow-x-hidden"
-            ),
-            children
-          }
-        ),
-        !hideVerticalScrollbar && /* @__PURE__ */ jsxRuntime.jsx(ScrollBar, { orientation: "vertical", forceMount: true }),
-        !(hideHorizontalScrollbar || disableHorizontalScroll) && /* @__PURE__ */ jsxRuntime.jsx(ScrollBar, { orientation: "horizontal", forceMount: true }),
-        /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Corner, {})
-      ]
-    }
-  );
-}
 var MODAL_PADDING = {
   body: "px-4 pb-4",
   footer: "px-4 py-3"
@@ -1766,7 +1700,7 @@ Modal.Body = React.forwardRef(
         "[&_[data-slot=scroll-area-viewport]>div]:h-full"
       ),
       ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(ScrollArea, { className: "h-full flex flex-col", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn(MODAL_PADDING.body, className), children }) })
+      children: /* @__PURE__ */ jsxRuntime.jsx(chunk2EKBN3LN_js.ScrollArea, { className: "h-full flex flex-col", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn(MODAL_PADDING.body, className), children }) })
     }
   )
 );
@@ -2089,7 +2023,7 @@ Sheet.Body = React.forwardRef(
         ),
         ...props,
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          ScrollArea,
+          chunk2EKBN3LN_js.ScrollArea,
           {
             className: "h-full flex flex-col",
             disableHorizontalScroll,
@@ -2723,43 +2657,51 @@ var buttonize = (fn) => {
 
 Object.defineProperty(exports, "ColorPalette", {
   enumerable: true,
-  get: function () { return chunkYJPVY7DM_js.ColorPalette; }
+  get: function () { return chunk2EKBN3LN_js.ColorPalette; }
 });
 Object.defineProperty(exports, "ColorPaletteColors", {
   enumerable: true,
-  get: function () { return chunkYJPVY7DM_js.ColorPaletteColors; }
+  get: function () { return chunk2EKBN3LN_js.ColorPaletteColors; }
 });
 Object.defineProperty(exports, "DEFAULT_COLOR", {
   enumerable: true,
-  get: function () { return chunkYJPVY7DM_js.DEFAULT_COLOR; }
+  get: function () { return chunk2EKBN3LN_js.DEFAULT_COLOR; }
+});
+Object.defineProperty(exports, "ScrollArea", {
+  enumerable: true,
+  get: function () { return chunk2EKBN3LN_js.ScrollArea; }
+});
+Object.defineProperty(exports, "ScrollBar", {
+  enumerable: true,
+  get: function () { return chunk2EKBN3LN_js.ScrollBar; }
 });
 Object.defineProperty(exports, "Segment", {
   enumerable: true,
-  get: function () { return chunkYJPVY7DM_js.Segment; }
+  get: function () { return chunk2EKBN3LN_js.Segment; }
 });
 Object.defineProperty(exports, "Select", {
   enumerable: true,
-  get: function () { return chunkYJPVY7DM_js.Select; }
+  get: function () { return chunk2EKBN3LN_js.Select; }
 });
 Object.defineProperty(exports, "Tabs", {
   enumerable: true,
-  get: function () { return chunkYJPVY7DM_js.Tabs; }
+  get: function () { return chunk2EKBN3LN_js.Tabs; }
 });
 Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
-  get: function () { return chunkYJPVY7DM_js.Tooltip; }
+  get: function () { return chunk2EKBN3LN_js.Tooltip; }
 });
 Object.defineProperty(exports, "colorPaletteColorClasses", {
   enumerable: true,
-  get: function () { return chunkYJPVY7DM_js.colorPaletteColorClasses; }
+  get: function () { return chunk2EKBN3LN_js.colorPaletteColorClasses; }
 });
 Object.defineProperty(exports, "getColorPaletteColor", {
   enumerable: true,
-  get: function () { return chunkYJPVY7DM_js.getColorPaletteColor; }
+  get: function () { return chunk2EKBN3LN_js.getColorPaletteColor; }
 });
 Object.defineProperty(exports, "isInPalette", {
   enumerable: true,
-  get: function () { return chunkYJPVY7DM_js.isInPalette; }
+  get: function () { return chunk2EKBN3LN_js.isInPalette; }
 });
 exports.Avatar = Avatar;
 exports.Badge = Badge;
@@ -2776,8 +2718,6 @@ exports.MessageBox = MessageBox;
 exports.Modal = Modal;
 exports.Progress = Progress;
 exports.Radio = Radio;
-exports.ScrollArea = ScrollArea;
-exports.ScrollBar = ScrollBar;
 exports.Sheet = Sheet;
 exports.Star = Star;
 exports.Switch = Switch;