@exem-ui/react 0.3.4-next.20260609002221 → 0.3.4-next.20260609004311

package/dist/index.js

@@ -1,12 +1,11 @@
 'use strict';
 
-var chunk3OTGQNHL_js = require('./chunk-3OTGQNHL.js');
+var chunkKCOTDUDN_js = require('./chunk-KCOTDUDN.js');
 var chunkTAZFRRWT_js = require('./chunk-TAZFRRWT.js');
 var utils = require('@exem-ui/core/utils');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var reactSlot = require('@radix-ui/react-slot');
-var TabsPrimitive = require('@radix-ui/react-tabs');
 var CheckboxPrimitive = require('@radix-ui/react-checkbox');
 var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
 var SwitchPrimitives = require('@radix-ui/react-switch');
@@ -35,7 +34,6 @@ function _interopNamespace(e) {
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
 var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
 var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
 var SwitchPrimitives__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitives);
@@ -427,91 +425,6 @@ Breadcrumb.Page.displayName = "Breadcrumb.Page";
 Breadcrumb.Path.displayName = "Breadcrumb.Path";
 Breadcrumb.Separator.displayName = "Breadcrumb.Separator";
 Breadcrumb.Ellipsis.displayName = "Breadcrumb.Ellipsis";
-var TabsContext = React.createContext({ type: "primary" });
-var useTabsContext = () => {
-  const context = React.useContext(TabsContext);
-  if (!context) {
-    throw new Error("useTabsContext must be used within a TabsProvider");
-  }
-  return context;
-};
-var tabsListVariants = utils.cva("inline-flex items-center", {
-  variants: {
-    type: {
-      primary: "h-9 gap-5 border-b border-border-primary",
-      secondary: "h-8 gap-1"
-    }
-  },
-  defaultVariants: {
-    type: "primary"
-  }
-});
-var tabsTriggerVariants = utils.cva(
-  "group inline-flex items-center justify-center gap-1.5 whitespace-nowrap font-pretendard font-semibold text-body-2 leading-[140%] transition-all disabled:pointer-events-none disabled:opacity-50",
-  {
-    variants: {
-      type: {
-        primary: [
-          "h-9 border-b-2 border-transparent p-0 text-text-tertiary",
-          "hover:text-text-primary",
-          "data-[state=active]:border-border-focused data-[state=active]:text-text-primary"
-        ],
-        secondary: [
-          "h-8 rounded-strong px-2 text-text-tertiary",
-          "hover:text-text-primary",
-          "data-[state=active]:rounded-medium data-[state=active]:bg-elevation-elevation-2 data-[state=active]:text-text-primary"
-        ]
-      }
-    },
-    defaultVariants: {
-      type: "primary"
-    }
-  }
-);
-var Tabs = React.forwardRef(
-  ({ type = "primary", children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TabsContext.Provider, { value: { type }, children: /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive__namespace.Root, { ref, ...props, children }) })
-);
-Tabs.List = React.forwardRef(
-  ({ className, ...props }, ref) => {
-    const { type } = useTabsContext();
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      TabsPrimitive__namespace.List,
-      {
-        ref,
-        className: utils.cn(tabsListVariants({ type }), className),
-        ...props
-      }
-    );
-  }
-);
-Tabs.Trigger = React.forwardRef(
-  ({ className, leftIcon, rightIcon, badge, children, ...props }, ref) => {
-    const { type } = useTabsContext();
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      TabsPrimitive__namespace.Trigger,
-      {
-        ref,
-        className: utils.cn(tabsTriggerVariants({ type }), className),
-        ...props,
-        children: [
-          leftIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-4", children: leftIcon }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1", children: [
-            children,
-            badge && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-text-tertiary group-data-[state=active]:text-text-accent", children: badge })
-          ] }),
-          rightIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-4", children: rightIcon })
-        ]
-      }
-    );
-  }
-);
-Tabs.Content = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive__namespace.Content, { ref, className: utils.cn(className), ...props })
-);
-Tabs.displayName = "Tabs";
-Tabs.List.displayName = "Tabs.List";
-Tabs.Trigger.displayName = "Tabs.Trigger";
-Tabs.Content.displayName = "Tabs.Content";
 var colorStyles = {
   accent: {
     contained: {
@@ -752,7 +665,7 @@ var IconButton = React.forwardRef(
       variant,
       ...props
     };
-    return /* @__PURE__ */ jsxRuntime.jsx(chunk3OTGQNHL_js.ConditionalTooltip, { tooltip, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { ref, ...buttonProps }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkKCOTDUDN_js.ConditionalTooltip, { tooltip, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { ref, ...buttonProps }) });
   }
 );
 IconButton.displayName = "IconButton";
@@ -796,7 +709,7 @@ var ButtonGroup = React.forwardRef(
               onClick: item.onClick,
               size
             };
-            return /* @__PURE__ */ jsxRuntime.jsx(chunk3OTGQNHL_js.ConditionalTooltip, { tooltip: item.tooltip, children: variant === "contained" ? /* @__PURE__ */ jsxRuntime.jsx(IconButton, { ...iconBaseProps, color: "assistive", variant: "contained" }) : /* @__PURE__ */ jsxRuntime.jsx(IconButton, { ...iconBaseProps, color: "primary", variant: "outlined" }) }, item.id);
+            return /* @__PURE__ */ jsxRuntime.jsx(chunkKCOTDUDN_js.ConditionalTooltip, { tooltip: item.tooltip, children: variant === "contained" ? /* @__PURE__ */ jsxRuntime.jsx(IconButton, { ...iconBaseProps, color: "assistive", variant: "contained" }) : /* @__PURE__ */ jsxRuntime.jsx(IconButton, { ...iconBaseProps, color: "primary", variant: "outlined" }) }, item.id);
           }
           const buttonBaseProps = {
             className: utils.cn(roundedClasses, dividerClasses, mergeClasses, hoverClasses),
@@ -804,7 +717,7 @@ var ButtonGroup = React.forwardRef(
             onClick: item.onClick,
             size
           };
-          return /* @__PURE__ */ jsxRuntime.jsx(chunk3OTGQNHL_js.ConditionalTooltip, { tooltip: item.tooltip, children: variant === "contained" ? /* @__PURE__ */ jsxRuntime.jsx(Button, { ...buttonBaseProps, color: "assistive", variant: "contained", children: item.label }) : /* @__PURE__ */ jsxRuntime.jsx(Button, { ...buttonBaseProps, color: "primary", variant: "outlined", children: item.label }) }, item.id);
+          return /* @__PURE__ */ jsxRuntime.jsx(chunkKCOTDUDN_js.ConditionalTooltip, { tooltip: item.tooltip, children: variant === "contained" ? /* @__PURE__ */ jsxRuntime.jsx(Button, { ...buttonBaseProps, color: "assistive", variant: "contained", children: item.label }) : /* @__PURE__ */ jsxRuntime.jsx(Button, { ...buttonBaseProps, color: "primary", variant: "outlined", children: item.label }) }, item.id);
         })
       }
     );
@@ -1215,12 +1128,12 @@ function DatePicker({ type = "single", showOutsideDays = true, ...rest }) {
 }
 var dropdownVariants = {
   content: utils.cn(
-    chunk3OTGQNHL_js.overlayListVariants.content,
+    chunkKCOTDUDN_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: chunk3OTGQNHL_js.overlayListVariants.viewport,
-  item: (props) => utils.cn(chunk3OTGQNHL_js.overlayListVariants.item(props), "focus:bg-elevation-elevation-2"),
-  slotSize: chunk3OTGQNHL_js.overlayListVariants.slotSize,
+  viewport: chunkKCOTDUDN_js.overlayListVariants.viewport,
+  item: (props) => utils.cn(chunkKCOTDUDN_js.overlayListVariants.item(props), "focus:bg-elevation-elevation-2"),
+  slotSize: chunkKCOTDUDN_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" },
@@ -1271,9 +1184,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: chunk3OTGQNHL_js.overlayListVariants.slotSize({ size }), children: leftSlot }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn(chunk3OTGQNHL_js.overlayListVariants.itemText({ size }), "min-w-0 flex-1 truncate"), children }),
-        rightSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk3OTGQNHL_js.overlayListVariants.slotSize({ size }), children: rightSlot })
+        leftSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkKCOTDUDN_js.overlayListVariants.slotSize({ size }), children: leftSlot }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn(chunkKCOTDUDN_js.overlayListVariants.itemText({ size }), "min-w-0 flex-1 truncate"), children }),
+        rightSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkKCOTDUDN_js.overlayListVariants.slotSize({ size }), children: rightSlot })
       ]
     }
   );
@@ -1318,8 +1231,8 @@ var useTextAreaContext = () => {
   return context;
 };
 var textAreaVariants = {
-  container: chunk3OTGQNHL_js.commonInputVariants.container,
-  label: chunk3OTGQNHL_js.commonInputVariants.label,
+  container: chunkKCOTDUDN_js.commonInputVariants.container,
+  label: chunkKCOTDUDN_js.commonInputVariants.label,
   field: utils.cva(
     "scrollbar-overlay block w-full resize-none rounded-medium border transition-colors focus:outline-none",
     {
@@ -1367,7 +1280,7 @@ var textAreaVariants = {
     },
     defaultVariants: { size: "medium" }
   }),
-  description: chunk3OTGQNHL_js.commonInputVariants.description,
+  description: chunkKCOTDUDN_js.commonInputVariants.description,
   counter: utils.cva("text-nowrap font-regular", {
     variants: {
       disabled: {
@@ -1487,8 +1400,8 @@ var useTextFieldContext = () => {
   return context;
 };
 var textFieldVariants = {
-  container: chunk3OTGQNHL_js.commonInputVariants.container,
-  label: chunk3OTGQNHL_js.commonInputVariants.label,
+  container: chunkKCOTDUDN_js.commonInputVariants.container,
+  label: chunkKCOTDUDN_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",
     {
@@ -2553,15 +2466,19 @@ var buttonize = (fn) => {
 
 Object.defineProperty(exports, "Segment", {
   enumerable: true,
-  get: function () { return chunk3OTGQNHL_js.Segment; }
+  get: function () { return chunkKCOTDUDN_js.Segment; }
 });
 Object.defineProperty(exports, "Select", {
   enumerable: true,
-  get: function () { return chunk3OTGQNHL_js.Select; }
+  get: function () { return chunkKCOTDUDN_js.Select; }
+});
+Object.defineProperty(exports, "Tabs", {
+  enumerable: true,
+  get: function () { return chunkKCOTDUDN_js.Tabs; }
 });
 Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
-  get: function () { return chunk3OTGQNHL_js.Tooltip; }
+  get: function () { return chunkKCOTDUDN_js.Tooltip; }
 });
 exports.Avatar = Avatar;
 exports.Badge = Badge;
@@ -2582,7 +2499,6 @@ exports.ScrollArea = ScrollArea;
 exports.ScrollBar = ScrollBar;
 exports.Star = Star;
 exports.Switch = Switch;
-exports.Tabs = Tabs;
 exports.Tag = Tag;
 exports.TextArea = TextArea;
 exports.TextField = TextField;