@yuno-payments/dashboard-design-system 0.0.58 → 0.0.60

package/dist/components/atoms/avatar/avatar.js

@@ -1,10 +1,10 @@
 import { j as t } from "../../../_virtual/jsx-runtime.js";
 import { forwardRef as c } from "react";
 import { cva as r } from "../../../node_modules/class-variance-authority/dist/index.js";
+import { UserIcon as v } from "../../../node_modules/@phosphor-icons/react/dist/csr/User.es.js";
 import { cn as s } from "../../../lib/utils.js";
-import { getNameInitials as v } from "./avatar.utils.js";
-import { Avatar as x, AvatarImage as p, AvatarFallback as g } from "../../../vendor/shadcn/avatar.js";
-import z from "../../../node_modules/lucide-react/dist/esm/icons/user.js";
+import { getNameInitials as x } from "./avatar.utils.js";
+import { Avatar as p, AvatarImage as g, AvatarFallback as z } from "../../../vendor/shadcn/avatar.js";
 const j = r(
   "relative flex shrink-0 overflow-hidden rounded-full",
   {
@@ -39,10 +39,10 @@ const j = r(
   }
 ), h = c(
   ({ size: l, src: i, alt: d, name: e, fallback: o, className: f, ...n }, u) => {
-    const m = e ? v(e) : void 0;
+    const m = e ? x(e) : void 0;
     let a;
-    return o ? a = o : m ? a = m : a = /* @__PURE__ */ t.jsx(z, { className: "size-1/2" }), /* @__PURE__ */ t.jsxs(
-      x,
+    return o ? a = o : m ? a = m : a = /* @__PURE__ */ t.jsx(v, { className: "size-1/2" }), /* @__PURE__ */ t.jsxs(
+      p,
       {
         ref: u,
         className: s(j({ size: l }), f),
@@ -50,7 +50,7 @@ const j = r(
         ...n,
         children: [
           i && /* @__PURE__ */ t.jsx(
-            p,
+            g,
             {
               src: i,
               alt: d || e || "Avatar",
@@ -60,7 +60,7 @@ const j = r(
             }
           ),
           /* @__PURE__ */ t.jsx(
-            g,
+            z,
             {
               className: s(b({ size: l })),
               "data-testid": "avatar-fallback",

package/dist/components/atoms/checkbox/checkbox.js

@@ -4,18 +4,18 @@ import { Checkbox as d } from "../../../vendor/shadcn/checkbox.js";
 import { cn as m } from "../../../lib/utils.js";
 import { Label as h } from "../../../vendor/shadcn/label.js";
 const u = p(
-  ({ label: r, description: t, id: a, name: x, disabled: o, ...n }, i) => {
-    const l = f(), s = a || x || l, c = /* @__PURE__ */ e.jsx(
+  ({ label: o, description: t, id: x, name: a, disabled: r, ...n }, i) => {
+    const l = f(), s = x || a || l, c = /* @__PURE__ */ e.jsx(
       d,
       {
         ref: i,
         id: s,
-        disabled: o,
+        disabled: r,
         ...n,
         className: "size-3.5 cursor-pointer"
       }
     );
-    return r ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-2", children: [
+    return o ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-2", children: [
       c,
       /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-1.5", children: [
         /* @__PURE__ */ e.jsx(
@@ -24,9 +24,9 @@ const u = p(
             htmlFor: s,
             className: m(
               "text-sm leading-none cursor-pointer",
-              o && "text-muted-foreground opacity-50"
+              r && "text-muted-foreground"
             ),
-            children: r
+            children: o
           }
         ),
         t && /* @__PURE__ */ e.jsx(
@@ -34,7 +34,7 @@ const u = p(
           {
             className: m(
               "text-sm text-neutral-500",
-              o && "opacity-50"
+              r && "opacity-50"
             ),
             children: t
           }

package/dist/components/atoms/radio-group/radio-group-option.js

@@ -1,34 +1,55 @@
-import { j as e } from "../../../_virtual/jsx-runtime.js";
-import { RadioGroupItem as t } from "../../../vendor/shadcn/radio-group.js";
+import { j as r } from "../../../_virtual/jsx-runtime.js";
+import { RadioGroupItem as d } from "../../../vendor/shadcn/radio-group.js";
+import { cn as l } from "../../../lib/utils.js";
 import { Label as a } from "../../../vendor/shadcn/label.js";
-const d = ({
-  option: s,
-  radioId: r,
-  isInlineLayout: l = !1
-}) => /* @__PURE__ */ e.jsxs(
+const u = ({
+  option: e,
+  radioId: s,
+  isInlineLayout: t = !1
+}) => /* @__PURE__ */ r.jsxs(
   "div",
   {
-    className: l ? "flex items-center gap-3" : "flex items-start gap-3",
+    className: t ? "flex items-center gap-3" : "flex items-start gap-3",
     children: [
-      /* @__PURE__ */ e.jsx(
-        t,
+      /* @__PURE__ */ r.jsx(
+        d,
         {
-          value: s.value,
-          id: r,
-          disabled: s.disabled,
+          value: e.value,
+          id: s,
+          disabled: e.disabled,
           className: "size-3.5 data-[state=unchecked]:bg-white border-border cursor-pointer"
         }
       ),
-      l ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsx(a, { htmlFor: r, className: "cursor-pointer", children: s.label }),
-        s.description && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-neutral-500 ml-auto", children: s.description })
-      ] }) : /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-1.5 flex-1", children: [
-        /* @__PURE__ */ e.jsx(a, { htmlFor: r, className: "cursor-pointer", children: s.label }),
-        s.description && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-neutral-500", children: s.description })
+      t ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+        /* @__PURE__ */ r.jsx(
+          a,
+          {
+            htmlFor: s,
+            className: l(
+              "cursor-pointer",
+              e.disabled && "text-muted-foreground"
+            ),
+            children: e.label
+          }
+        ),
+        e.description && /* @__PURE__ */ r.jsx("p", { className: "text-sm text-neutral-500 ml-auto", children: e.description })
+      ] }) : /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col gap-1.5 flex-1", children: [
+        /* @__PURE__ */ r.jsx(
+          a,
+          {
+            htmlFor: s,
+            className: l(
+              "cursor-pointer",
+              e.disabled && "text-muted-foreground"
+            ),
+            children: e.label
+          }
+        ),
+        e.description && /* @__PURE__ */ r.jsx("p", { className: "text-sm text-neutral-500", children: e.description })
       ] })
     ]
   }
 );
 export {
-  d as RadioGroupOption
+  u as RadioGroupOption
 };

package/dist/vendor/shadcn/input-group.d.ts

@@ -5,7 +5,7 @@ type InputGroupAddonAlign = "inline-start" | "inline-end" | "block-start" | "blo
 declare const InputGroupAddon: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     align?: InputGroupAddonAlign;
 } & React.RefAttributes<HTMLDivElement>>;
-declare const InputGroupInput: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLInputElement> & React.InputHTMLAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const InputGroupInput: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
 declare const InputGroupTextarea: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
 declare const InputGroupText: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
 declare const InputGroupButton: React.ForwardRefExoticComponent<Omit<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({

package/dist/vendor/shadcn/input.d.ts

@@ -1,3 +1,3 @@
 import * as React from "react";
-declare function Input({ className, type, ...props }: React.ComponentProps<"input">): import("react/jsx-runtime").JSX.Element;
+declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export { Input };

package/dist/vendor/shadcn/input.js

@@ -1,22 +1,24 @@
-import { j as t } from "../../_virtual/jsx-runtime.js";
-import "react";
-import { cn as o } from "../../lib/utils.js";
-function d({ className: e, type: i, ...r }) {
-  return /* @__PURE__ */ t.jsx(
+import { j as o } from "../../_virtual/jsx-runtime.js";
+import * as n from "react";
+import { cn as a } from "../../lib/utils.js";
+const l = n.forwardRef(
+  ({ className: e, type: r, ...i }, t) => /* @__PURE__ */ o.jsx(
     "input",
     {
-      type: i,
+      type: r,
+      ref: t,
       "data-slot": "input",
-      className: o(
+      className: a(
         "font-normal file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-white px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-normal disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 text-sm",
         "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
         "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
         e
       ),
-      ...r
+      ...i
     }
-  );
-}
+  )
+);
+l.displayName = "Input";
 export {
-  d as Input
+  l as Input
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuno-payments/dashboard-design-system",
-  "version": "0.0.58",
+  "version": "0.0.60",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/dist/node_modules/lucide-react/dist/esm/icons/user.js

@@ -1,9 +0,0 @@
-import e from "../createLucideIcon.js";
-const c = [
-  ["path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", key: "975kel" }],
-  ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
-], r = e("user", c);
-export {
-  c as __iconNode,
-  r as default
-};