sodtrack-web-ui 0.2.2 → 0.3.0

package/dist/index.mjs

@@ -2824,10 +2824,52 @@ var Tooltip = ({
     /* @__PURE__ */ React4.createElement(TooltipArrow, { width: 16, height: 8, className: "fill-neutral-900" })
   ));
 };
+
+// src/components/tab.tsx
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import * as React5 from "react";
+var TabsContext = React5.createContext({
+  size: "md"
+});
+var Tabs = TabsPrimitive.Root;
+var TabsList = React5.forwardRef(({ size = "md", ...props }, ref) => {
+  return /* @__PURE__ */ React5.createElement(TabsContext.Provider, { value: { size } }, /* @__PURE__ */ React5.createElement(TabsPrimitive.List, { ref, ...props }));
+});
+TabsList.displayName = TabsPrimitive.List.displayName;
+var TabsTrigger = React5.forwardRef(({ className, ...props }, ref) => {
+  const { size } = React5.useContext(TabsContext);
+  return /* @__PURE__ */ React5.createElement(
+    TabsPrimitive.Trigger,
+    {
+      ref,
+      className: cn(
+        "group border-b-1 border-neutral-600 px-4 font-semibold transition-all hover:bg-primary-100 disabled:!border-b-1 disabled:border-neutral-500 disabled:text-neutral-500 hover:disabled:bg-opacity-0 data-[state=active]:border-b-4 data-[state=active]:border-primary-500 data-[state=active]:disabled:border-neutral-500",
+        size === "md" && "pb-[0.78125rem] pt-[0.84375rem] text-base leading-[130%] data-[state=active]:pb-[0.53125rem]",
+        size === "sm" && "pb-[0.375rem] pt-[0.4375rem] text-sm leading-[120%] data-[state=active]:pb-[0.1875rem]",
+        className
+      ),
+      ...props
+    },
+    /* @__PURE__ */ React5.createElement("div", { className: "flex items-center justify-center" }, props.startIcon && React5.cloneElement(props.startIcon, {
+      className: cn(
+        "transition-all shrink-0 ease-linear mr-2 group-data-[state=active]:text-primary-500 group-disabled:!text-neutral-500",
+        size === "md" && "w-[1.125rem] h-[1.125rem]",
+        size === "sm" && "w-[0.875rem] h-[0.875rem]"
+      )
+    }), props.children)
+  );
+});
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+var TabsContent = React5.forwardRef((props, ref) => /* @__PURE__ */ React5.createElement(TabsPrimitive.Content, { ref, ...props }));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
 export {
   Alert,
   Button,
   IconButton,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
   Tooltip,
   TooltipProvider
 };