@klu_dev/ui-klu-green 1.2.4 → 1.2.6

package/dist/index.js

@@ -1,4 +1,4 @@
-// src/components/ui/input.tsx
+// src/components/ui/input/input.tsx
 import * as React from "react";
 
 // src/lib/utils.ts
@@ -8,7 +8,7 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 
-// src/components/ui/input.tsx
+// src/components/ui/input/input.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var inputSizes = {
   sm: "uiklu-h-[34px] uiklu-w-[150px] uiklu-px-4 uiklu-text-sm",
@@ -144,7 +144,7 @@ var Input = React.forwardRef(
 );
 Input.displayName = "Input";
 
-// src/components/ui/button.tsx
+// src/components/ui/button/button.tsx
 import * as React2 from "react";
 import { cva } from "class-variance-authority";
 import { Slot } from "@radix-ui/react-slot";
@@ -162,9 +162,9 @@ var buttonVariants = cva(
           uiklu-border-transparent
         `,
         primaryOrange: `
-          uiklu-bg-orange
+          uiklu-bg-orange500
           uiklu-text-baseblack
-          hover:uiklu-bg-orange/90
+          hover:uiklu-bg-orange500/90
           uiklu-rounded-[48px]
           uiklu-border-transparent
         `,
@@ -263,7 +263,7 @@ var Button = React2.forwardRef(
 );
 Button.displayName = "Button";
 
-// src/components/ui/backButton.tsx
+// src/components/ui/backButton/backButton.tsx
 import * as React3 from "react";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var buttonSizes = {
@@ -314,7 +314,7 @@ var BackButtonRender = (props, ref) => {
 var BackButton = React3.forwardRef(BackButtonRender);
 BackButton.displayName = "BackButton";
 
-// src/components/ui/select.tsx
+// src/components/ui/select/select.tsx
 import * as React4 from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { Check, ChevronDown } from "lucide-react";
@@ -325,7 +325,7 @@ var selectTriggerVariants = cva2(
   [
     "uiklu-flex uiklu-items-center uiklu-justify-between uiklu-transition-all",
     "uiklu-rounded-[50px] uiklu-border-[1px] uiklu-border-solid uiklu-bg-background uiklu-font-sans",
-    "uiklu-outline-none focus:uiklu-border-baseblack focus:uiklu-border-[1px]",
+    "uiklu-outline-none focus:uiklu-border-baseblack focus:uiklu-border-[1px] ",
     "disabled:uiklu-cursor-not-allowed disabled:uiklu-opacity-50",
     "uiklu-leading-none"
   ],
@@ -339,7 +339,7 @@ var selectTriggerVariants = cva2(
       },
       error: {
         true: "uiklu-border-destructive uiklu-text-destructive focus:uiklu-border-destructive",
-        false: "uiklu-border-border uiklu-text-inputtext"
+        false: "uiklu-border-border uiklu-text-gray800 data-[placeholder]:uiklu-text-gray500"
       }
     },
     defaultVariants: {
@@ -355,7 +355,7 @@ var SelectTrigger = React4.forwardRef(({ className, children, size, error, ...pr
     className: cn(selectTriggerVariants({ size, error, className })),
     ...props,
     children: [
-      /* @__PURE__ */ jsx4("span", { className: "uiklu-truncate data-[placeholder]:uiklu-opacity-40", children }),
+      /* @__PURE__ */ jsx4("span", { className: "uiklu-truncate", children }),
       /* @__PURE__ */ jsx4(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx4(ChevronDown, { className: cn(
         "uiklu-h-5 uiklu-w-5 uiklu-ml-2 uiklu-shrink-0 uiklu-transition-opacity uiklu-opacity-70",
         error ? "uiklu-text-destructive" : "uiklu-text-inputtext"
@@ -397,7 +397,7 @@ var SelectItem = React4.forwardRef(({ className, children, ...props }, ref) => /
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
 
-// src/components/ui/typography.tsx
+// src/components/ui/typography/typography.tsx
 import * as React5 from "react";
 import { cva as cva3 } from "class-variance-authority";
 import { Fragment, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
@@ -417,7 +417,7 @@ var typographyVariants = cva3(
         primary: "uiklu-text-primary",
         secondary: "uiklu-text-secondary",
         black: "uiklu-text-black",
-        orange: "uiklu-text-orange"
+        orange: "uiklu-text-orange500"
       },
       align: {
         left: "uiklu-text-left",
@@ -437,7 +437,7 @@ var Typography = React5.forwardRef(
   ({ className, size, color, align, showDot, children, ...props }, ref) => {
     const content = /* @__PURE__ */ jsxs5(Fragment, { children: [
       children,
-      showDot && /* @__PURE__ */ jsx5("span", { className: "uiklu-text-orange", children: "." }),
+      showDot && /* @__PURE__ */ jsx5("span", { className: "uiklu-text-orange500", children: "." }),
       "      "
     ] });
     return /* @__PURE__ */ jsx5(
@@ -453,7 +453,7 @@ var Typography = React5.forwardRef(
 );
 Typography.displayName = "Typography";
 
-// src/components/ui/dialog.tsx
+// src/components/ui/generalComponents/dialog.tsx
 import * as React6 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
@@ -759,7 +759,7 @@ var Icons = {
   CIRCLE_MOVEMENTS: /* @__PURE__ */ jsx7(MovementsIconCircle, {})
 };
 
-// src/components/ui/modal.tsx
+// src/components/ui/modal/modal.tsx
 import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 var Modal = ({
   open,
@@ -795,10 +795,10 @@ var Modal = ({
   ] }) });
 };
 
-// src/components/ui/balanceInfo.tsx
+// src/components/ui/balanceInfo/balanceInfo.tsx
 import { useState as useState2 } from "react";
 
-// src/components/ui/card.tsx
+// src/components/ui/generalComponents/card.tsx
 import { jsx as jsx9 } from "react/jsx-runtime";
 function Card({
   className,
@@ -829,7 +829,7 @@ function CardContent({ className, ...props }) {
   );
 }
 
-// src/components/ui/progress.tsx
+// src/components/ui/generalComponents/progress.tsx
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 import { jsx as jsx10 } from "react/jsx-runtime";
 function Progress({
@@ -858,7 +858,7 @@ function Progress({
   );
 }
 
-// src/components/ui/balanceInfo.tsx
+// src/components/ui/balanceInfo/balanceInfo.tsx
 import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var BalanceInfo = ({
   totalBalance,
@@ -1005,7 +1005,7 @@ var BalanceInfo = ({
   ] }) });
 };
 
-// src/components/ui/toast.tsx
+// src/components/ui/toast/toast.tsx
 import * as React7 from "react";
 import * as ToastPrimitives from "@radix-ui/react-toast";
 import { cva as cva4 } from "class-variance-authority";
@@ -1152,7 +1152,7 @@ function useToast() {
   return { ...state, toast, dismiss: (toastId) => dispatch({ type: "DISMISS_TOAST", toastId }) };
 }
 
-// src/components/ui/toaster.tsx
+// src/components/ui/toast/toaster.tsx
 import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 var SuccessIcon = () => /* @__PURE__ */ jsx13("div", { className: "uiklu-flex uiklu-h-[20px] uiklu-w-[20px] uiklu-shrink-0 uiklu-items-center uiklu-justify-center uiklu-rounded-full uiklu-bg-primary300", children: /* @__PURE__ */ jsx13("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsx13("path", { d: "M12.5598 4.24727L5.55977 11.2473C5.51914 11.288 5.47089 11.3202 5.41778 11.3422C5.36467 11.3643 5.30774 11.3756 5.25024 11.3756C5.19275 11.3756 5.13582 11.3643 5.08271 11.3422C5.0296 11.3202 4.98134 11.288 4.94071 11.2473L1.87821 8.18477C1.79612 8.10268 1.75 7.99134 1.75 7.87524C1.75 7.75915 1.79612 7.6478 1.87821 7.56571C1.9603 7.48362 2.07165 7.4375 2.18774 7.4375C2.30384 7.4375 2.41518 7.48362 2.49727 7.56571L5.25024 10.3192L11.9407 3.62821C12.0228 3.54612 12.1341 3.5 12.2502 3.5C12.3663 3.5 12.4777 3.54612 12.5598 3.62821C12.6419 3.7103 12.688 3.82165 12.688 3.93774C12.688 4.05384 12.6419 4.16518 12.5598 4.24727Z", fill: "white" }) }) });
 var WarningIcon = () => /* @__PURE__ */ jsx13("div", { className: "uiklu-flex uiklu-h-[20px] uiklu-w-[20px] uiklu-shrink-0 uiklu-items-center uiklu-justify-center uiklu-rounded-full uiklu-bg-[#EA9033]", children: /* @__PURE__ */ jsx13("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx13("path", { d: "M7 10.5V11.5M7 2.5V9.5", stroke: "white", strokeWidth: "2", strokeLinecap: "round" }) }) });
@@ -1204,7 +1204,7 @@ var Rectangle_default = "./Rectangle-J726SGM6.png";
 // src/assets/images/Hero.png
 var Hero_default = "./Hero-XN6KC2NL.png";
 
-// src/components/ui/loadingScreen.tsx
+// src/components/ui/loadingScreen/loadingScreen.tsx
 import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 function LoadingScreen({
   message = "Configurando tu nueva cuenta...",
@@ -1263,7 +1263,7 @@ function LoadingScreen({
 // src/assets/images/Banner.png
 var Banner_default = "./Banner-T3KSPINX.png";
 
-// src/components/ui/promoBanner.tsx
+// src/components/ui/promoBanner/promoBanner.tsx
 import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 function PromoBanner({
   title,
@@ -1318,10 +1318,10 @@ function PromoBanner({
   ] });
 }
 
-// src/components/ui/sidebarTabs.tsx
+// src/components/ui/sidebarTabs/sidebarTabs.tsx
 import { useState as useState4 } from "react";
 
-// src/components/ui/siderTab.tsx
+// src/components/ui/sidebarTabs/siderTab.tsx
 import * as React9 from "react";
 import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 function SidebarNav({ items, activeTab, onTabChange }) {
@@ -1346,7 +1346,7 @@ function SidebarNav({ items, activeTab, onTabChange }) {
               "uiklu-h-5 uiklu-w-5 uiklu-flex uiklu-flex-shrink-0",
               "uiklu-items-center uiklu-justify-center",
               "uiklu-transition-colors uiklu-duration-200",
-              isActive ? "uiklu-text-primary700" : "uiklu-text-primary300"
+              isActive ? "uiklu-text-primary600" : "uiklu-text-primary300"
             ), children: isReactElement ? React9.cloneElement(Icon2, { className: "uiklu-h-full uiklu-w-full" }) : /* @__PURE__ */ jsx16(Icon2, { className: "uiklu-h-full uiklu-w-full" }) }),
             /* @__PURE__ */ jsx16(
               "span",
@@ -1385,7 +1385,7 @@ function SidebarNav({ items, activeTab, onTabChange }) {
   }) });
 }
 
-// src/components/ui/sidebarTabs.tsx
+// src/components/ui/sidebarTabs/sidebarTabs.tsx
 import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 function SidebarTabs({ items }) {
   const [activeTab, setActiveTab] = useState4(items[0]?.id || "");