@dododog/ui 0.16.0 → 0.17.0

package/dist/chunk-VOZPGXQD.mjs

@@ -1,51 +0,0 @@
-import { cn } from './chunk-IMKLN273.mjs';
-import * as React from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var Tabs = React.forwardRef(
-  ({ tabs, defaultTab, value, onChange, className }, ref) => {
-    const [internalValue, setInternalValue] = React.useState(
-      defaultTab || tabs[0]?.key || ""
-    );
-    const activeKey = value ?? internalValue;
-    const handleChange = (key) => {
-      if (onChange) {
-        onChange(key);
-      } else {
-        setInternalValue(key);
-      }
-    };
-    const activeTab = tabs.find((t) => t.key === activeKey);
-    return /* @__PURE__ */ jsxs("div", { ref, className: cn("w-full", className), children: [
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          role: "tablist",
-          className: "flex border-b border-gray-200 gap-1 overflow-x-auto",
-          children: tabs.map((tab) => /* @__PURE__ */ jsxs(
-            "button",
-            {
-              role: "tab",
-              type: "button",
-              "aria-selected": tab.key === activeKey,
-              onClick: () => handleChange(tab.key),
-              className: cn(
-                "flex items-center gap-2 px-4 py-3 text-sm font-medium whitespace-nowrap border-b-2 transition-colors -mb-px",
-                tab.key === activeKey ? "border-secondary text-secondary" : "border-transparent text-text-secondary hover:text-primary hover:border-gray-300"
-              ),
-              children: [
-                tab.icon && /* @__PURE__ */ jsx("span", { className: "shrink-0", children: tab.icon }),
-                tab.label
-              ]
-            },
-            tab.key
-          ))
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { role: "tabpanel", className: "py-4", children: activeTab?.content })
-    ] });
-  }
-);
-Tabs.displayName = "Tabs";
-
-export { Tabs };