@klu_dev/ui-klu-green 1.2.12 → 1.2.13

package/dist/index.d.ts

@@ -128,8 +128,10 @@ interface NavItem {
 
 interface SidebarTabsProps {
     items: NavItem[];
+    activeTab: string;
+    onTabChange: (id: string) => void;
 }
-declare function SidebarTabs({ items }: SidebarTabsProps): react_jsx_runtime.JSX.Element;
+declare function SidebarTabs({ items, activeTab, onTabChange }: SidebarTabsProps): react_jsx_runtime.JSX.Element;
 
 interface MobileMenuDrawerProps {
     isOpen: boolean;

package/dist/index.js

@@ -1531,9 +1531,6 @@ function PromoBanner({
   ] });
 }
 
-// src/components/ui/sidebarTabs/sidebarTabs.tsx
-import { useState as useState5 } from "react";
-
 // src/components/ui/sidebarTabs/siderTab.tsx
 import * as React9 from "react";
 import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
@@ -1617,8 +1614,7 @@ function SidebarNav({
 
 // src/components/ui/sidebarTabs/sidebarTabs.tsx
 import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
-function SidebarTabs({ items }) {
-  const [activeTab, setActiveTab] = useState5(items[0]?.id || "");
+function SidebarTabs({ items, activeTab, onTabChange }) {
   const currentActiveItem = items.find((item) => item.id === activeTab);
   return /* @__PURE__ */ jsxs14("div", { className: "uiklu-flex uiklu-w-full uiklu-h-screen uiklu-bg-white", children: [
     /* @__PURE__ */ jsx17("div", { className: "uiklu-w-[162px] uiklu-h-[40px] uiklu-p-4 ", children: /* @__PURE__ */ jsx17(
@@ -1626,7 +1622,7 @@ function SidebarTabs({ items }) {
       {
         items,
         activeTab,
-        onTabChange: setActiveTab
+        onTabChange
       }
     ) }),
     /* @__PURE__ */ jsx17("div", { className: "uiklu-flex-1", children: currentActiveItem?.content ? currentActiveItem.content : /* @__PURE__ */ jsx17("div", { className: "uiklu-p-8", children: /* @__PURE__ */ jsx17("h2", { children: "Pr\xF3ximamente..." }) }) })
@@ -1891,14 +1887,14 @@ var SearchSelect = ({
 };
 
 // src/components/ui/inputCode/inputCode.tsx
-import { useRef as useRef2, useState as useState7 } from "react";
+import { useRef as useRef2, useState as useState6 } from "react";
 import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 var InputCode = ({
   onComplete,
   title = "C\xF3digo de autenticaci\xF3n",
   hasError = false
 }) => {
-  const [code, setCode] = useState7(Array(6).fill(""));
+  const [code, setCode] = useState6(Array(6).fill(""));
   const inputsRef = useRef2([]);
   const handleChange = (e, index) => {
     const value = e.target.value;
@@ -1999,7 +1995,7 @@ var GridCard = ({
 };
 
 // src/components/ui/checkBox/checkBox.tsx
-import { useId, useState as useState8 } from "react";
+import { useId, useState as useState7 } from "react";
 import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
 var Checkbox = ({
   id,
@@ -2011,7 +2007,7 @@ var Checkbox = ({
 }) => {
   const uniqueId = id || useId();
   const isControlled = controlledChecked !== void 0;
-  const [internalChecked, setInternalChecked] = useState8(defaultChecked || false);
+  const [internalChecked, setInternalChecked] = useState7(defaultChecked || false);
   const isChecked = isControlled ? controlledChecked : internalChecked;
   const handleCheckboxChange = (e) => {
     const nextChecked = e.target.checked;