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

package/dist/index.mjs

@@ -1,12 +1,11 @@
-import { ConditionalTooltip, overlayListVariants, commonInputVariants } from './chunk-JXUDLY4B.mjs';
-export { Segment, Select, Tooltip } from './chunk-JXUDLY4B.mjs';
+import { ConditionalTooltip, overlayListVariants, commonInputVariants } from './chunk-CJHMZRUO.mjs';
+export { Segment, Select, Tabs, Tooltip } from './chunk-CJHMZRUO.mjs';
 import { X, MoreHorizontal, iconSizes, Minus, Check, Person, Warning, Info, Error as Error$1, ChevronLeft, ChevronRight } from './chunk-HV6LIYRO.mjs';
 import { cva, cn } from '@exem-ui/core/utils';
 import * as React from 'react';
-import { forwardRef, Fragment, createContext, cloneElement, useId, useContext, useState } from 'react';
+import { forwardRef, Fragment, cloneElement, useId, createContext, useContext, useState } from 'react';
 import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
-import * as TabsPrimitive from '@radix-ui/react-tabs';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
@@ -400,91 +399,6 @@ Breadcrumb.Page.displayName = "Breadcrumb.Page";
 Breadcrumb.Path.displayName = "Breadcrumb.Path";
 Breadcrumb.Separator.displayName = "Breadcrumb.Separator";
 Breadcrumb.Ellipsis.displayName = "Breadcrumb.Ellipsis";
-var TabsContext = createContext({ type: "primary" });
-var useTabsContext = () => {
-  const context = useContext(TabsContext);
-  if (!context) {
-    throw new Error("useTabsContext must be used within a TabsProvider");
-  }
-  return context;
-};
-var tabsListVariants = 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 = 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 = forwardRef(
-  ({ type = "primary", children, ...props }, ref) => /* @__PURE__ */ jsx(TabsContext.Provider, { value: { type }, children: /* @__PURE__ */ jsx(TabsPrimitive.Root, { ref, ...props, children }) })
-);
-Tabs.List = forwardRef(
-  ({ className, ...props }, ref) => {
-    const { type } = useTabsContext();
-    return /* @__PURE__ */ jsx(
-      TabsPrimitive.List,
-      {
-        ref,
-        className: cn(tabsListVariants({ type }), className),
-        ...props
-      }
-    );
-  }
-);
-Tabs.Trigger = forwardRef(
-  ({ className, leftIcon, rightIcon, badge, children, ...props }, ref) => {
-    const { type } = useTabsContext();
-    return /* @__PURE__ */ jsxs(
-      TabsPrimitive.Trigger,
-      {
-        ref,
-        className: cn(tabsTriggerVariants({ type }), className),
-        ...props,
-        children: [
-          leftIcon && /* @__PURE__ */ jsx("span", { className: "size-4", children: leftIcon }),
-          /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
-            children,
-            badge && /* @__PURE__ */ jsx("span", { className: "text-text-tertiary group-data-[state=active]:text-text-accent", children: badge })
-          ] }),
-          rightIcon && /* @__PURE__ */ jsx("span", { className: "size-4", children: rightIcon })
-        ]
-      }
-    );
-  }
-);
-Tabs.Content = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(TabsPrimitive.Content, { ref, className: 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: {
@@ -2524,6 +2438,6 @@ var buttonize = (fn) => {
   };
 };
 
-export { Avatar, Badge, Breadcrumb, Button, ButtonGroup, Checkbox, DatePicker, DoubleTag, Dropdown, IconButton, Loading, MessageBox, Modal, Progress, Radio, ScrollArea, ScrollBar, Star, Switch, Tabs, Tag, TextArea, TextField, ToastProvider, Toaster, buttonize, toast, useToast };
+export { Avatar, Badge, Breadcrumb, Button, ButtonGroup, Checkbox, DatePicker, DoubleTag, Dropdown, IconButton, Loading, MessageBox, Modal, Progress, Radio, ScrollArea, ScrollBar, Star, Switch, Tag, TextArea, TextField, ToastProvider, Toaster, buttonize, toast, useToast };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map