fina-react-ds 1.0.21 → 1.0.23

package/dist/components/alert-dialog.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
 declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
 declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;

package/dist/components/alert-dialog.js

@@ -1,36 +1,36 @@
-var f = Object.defineProperty;
-var e = (t, a) => f(t, "name", { value: a, configurable: !0 });
+var i = Object.defineProperty;
+var e = (t, a) => i(t, "name", { value: a, configurable: !0 });
 import { jsx as o, jsxs as n } from "react/jsx-runtime";
-import { Root as i, Portal as s, Overlay as d, Trigger as g, Content as m, Title as u, Description as p, Action as x, Cancel as D } from "../node_modules/@radix-ui/react-alert-dialog/dist/index.js";
-import { cn as l } from "../lib/utils.js";
-import { buttonVariants as r } from "./button.js";
-function C({
+import { AlertDialog as l } from "radix-ui";
+import { cn as r } from "../lib/utils.js";
+import { buttonVariants as c } from "./button.js";
+function A({
   ...t
 }) {
-  return /* @__PURE__ */ o(i, { "data-slot": "alert-dialog", ...t });
+  return /* @__PURE__ */ o(l.Root, { "data-slot": "alert-dialog", ...t });
 }
-e(C, "AlertDialog");
-function h({
+e(A, "AlertDialog");
+function D({
   ...t
 }) {
-  return /* @__PURE__ */ o(g, { "data-slot": "alert-dialog-trigger", ...t });
+  return /* @__PURE__ */ o(l.Trigger, { "data-slot": "alert-dialog-trigger", ...t });
 }
-e(h, "AlertDialogTrigger");
-function A({
+e(D, "AlertDialogTrigger");
+function s({
   ...t
 }) {
-  return /* @__PURE__ */ o(s, { "data-slot": "alert-dialog-portal", ...t });
+  return /* @__PURE__ */ o(l.Portal, { "data-slot": "alert-dialog-portal", ...t });
 }
-e(A, "AlertDialogPortal");
-function v({
+e(s, "AlertDialogPortal");
+function d({
   className: t,
   ...a
 }) {
   return /* @__PURE__ */ o(
-    d,
+    l.Overlay,
     {
       "data-slot": "alert-dialog-overlay",
-      className: l(
+      className: r(
         "fc:data-[state=open]:animate-in fc:data-[state=closed]:animate-out fc:data-[state=closed]:fade-out-0 fc:data-[state=open]:fade-in-0 fc:fixed fc:inset-0 fc:z-50 fc:bg-black/50",
         t
       ),
@@ -38,18 +38,18 @@ function v({
     }
   );
 }
-e(v, "AlertDialogOverlay");
-function z({
+e(d, "AlertDialogOverlay");
+function N({
   className: t,
   ...a
 }) {
-  return /* @__PURE__ */ n(A, { children: [
-    /* @__PURE__ */ o(v, {}),
+  return /* @__PURE__ */ n(s, { children: [
+    /* @__PURE__ */ o(d, {}),
     /* @__PURE__ */ o(
-      m,
+      l.Content,
       {
         "data-slot": "alert-dialog-content",
-        className: l(
+        className: r(
           "fc:bg-card fc:data-[state=open]:animate-in fc:data-[state=closed]:animate-out fc:data-[state=closed]:fade-out-0 fc:data-[state=open]:fade-in-0 fc:data-[state=closed]:zoom-out-95 fc:data-[state=open]:zoom-in-95 fc:fixed fc:top-[50%] fc:left-[50%] fc:z-50 fc:grid fc:w-full fc:max-w-[calc(100%-2rem)] fc:translate-x-[-50%] fc:translate-y-[-50%] fc:gap-4 fc:rounded-lg fc:border fc:p-6 fc:shadow-lg fc:duration-200 fc:sm:max-w-lg",
           t
         ),
@@ -58,8 +58,8 @@ function z({
     )
   ] });
 }
-e(z, "AlertDialogContent");
-function j({
+e(N, "AlertDialogContent");
+function v({
   className: t,
   ...a
 }) {
@@ -67,13 +67,16 @@ function j({
     "div",
     {
       "data-slot": "alert-dialog-header",
-      className: l("fc:flex fc:flex-col fc:gap-2 fc:text-center fc:sm:text-left", t),
+      className: r(
+        "fc:flex fc:flex-col fc:gap-2 fc:text-center fc:sm:text-left",
+        t
+      ),
       ...a
     }
   );
 }
-e(j, "AlertDialogHeader");
-function O({
+e(v, "AlertDialogHeader");
+function b({
   className: t,
   ...a
 }) {
@@ -81,7 +84,7 @@ function O({
     "div",
     {
       "data-slot": "alert-dialog-footer",
-      className: l(
+      className: r(
         "fc:flex fc:flex-col-reverse fc:gap-2 fc:sm:flex-row fc:sm:justify-end",
         t
       ),
@@ -89,72 +92,75 @@ function O({
     }
   );
 }
-e(O, "AlertDialogFooter");
-function P({
+e(b, "AlertDialogFooter");
+function y({
   className: t,
   ...a
 }) {
   return /* @__PURE__ */ o(
-    u,
+    l.Title,
     {
       "data-slot": "alert-dialog-title",
-      className: l("fc:text-lg fc:font-semibold", t),
+      className: r("fc:text-lg fc:font-semibold", t),
       ...a
     }
   );
 }
-e(P, "AlertDialogTitle");
-function k({
+e(y, "AlertDialogTitle");
+function w({
   className: t,
   ...a
 }) {
   return /* @__PURE__ */ o(
-    p,
+    l.Description,
     {
       "data-slot": "alert-dialog-description",
-      className: l("fc:text-muted fc:text-sm", t),
+      className: r("fc:text-muted fc:text-sm", t),
       ...a
     }
   );
 }
-e(k, "AlertDialogDescription");
-function R({
+e(w, "AlertDialogDescription");
+function h({
   color: t = "primary",
   className: a,
-  ...c
+  ...f
 }) {
   return /* @__PURE__ */ o(
-    x,
+    l.Action,
     {
-      className: l(r({ color: t }), a),
-      ...c
+      className: r(c({ color: t }), a),
+      ...f
     }
   );
 }
-e(R, "AlertDialogAction");
-function F({
+e(h, "AlertDialogAction");
+function z({
   className: t,
   ...a
 }) {
   return /* @__PURE__ */ o(
-    D,
+    l.Cancel,
     {
-      className: l(r({ variant: "ghost", color: "dark" }), t),
+      className: r(
+        c({ variant: "ghost", color: "dark" }),
+        t
+      ),
       ...a
     }
   );
 }
-e(F, "AlertDialogCancel");
+e(z, "AlertDialogCancel");
 export {
-  C as AlertDialog,
-  R as AlertDialogAction,
-  F as AlertDialogCancel,
-  z as AlertDialogContent,
-  k as AlertDialogDescription,
-  O as AlertDialogFooter,
-  j as AlertDialogHeader,
-  v as AlertDialogOverlay,
-  A as AlertDialogPortal,
-  P as AlertDialogTitle,
-  h as AlertDialogTrigger
+  A as AlertDialog,
+  h as AlertDialogAction,
+  z as AlertDialogCancel,
+  N as AlertDialogContent,
+  w as AlertDialogDescription,
+  b as AlertDialogFooter,
+  v as AlertDialogHeader,
+  d as AlertDialogOverlay,
+  s as AlertDialogPortal,
+  y as AlertDialogTitle,
+  D as AlertDialogTrigger
 };

package/dist/components/avatar.d.ts

@@ -1,4 +1,4 @@
-import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import { Avatar as AvatarPrimitive } from "radix-ui";
 declare function Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): import("react/jsx-runtime").JSX.Element;
 declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): import("react/jsx-runtime").JSX.Element;

package/dist/components/avatar.js

@@ -1,17 +1,17 @@
-var r = Object.defineProperty;
-var c = (a, t) => r(a, "name", { value: t, configurable: !0 });
+var l = Object.defineProperty;
+var c = (a, t) => l(a, "name", { value: t, configurable: !0 });
 import { jsx as e } from "react/jsx-runtime";
-import { Root as l, Image as o, Fallback as s } from "../node_modules/@radix-ui/react-avatar/dist/index.js";
-import { cn as f } from "../lib/utils.js";
-function d({
+import { Avatar as f } from "radix-ui";
+import { cn as r } from "../lib/utils.js";
+function u({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e(
-    l,
+    f.Root,
     {
       "data-slot": "avatar",
-      className: f(
+      className: r(
         "fc:relative fc:flex fc:size-8 fc:shrink-0 fc:overflow-hidden fc:rounded-full",
         a
       ),
@@ -19,30 +19,30 @@ function d({
     }
   );
 }
-c(d, "Avatar");
-function v({
+c(u, "Avatar");
+function m({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e(
-    o,
+    f.Image,
     {
       "data-slot": "avatar-image",
-      className: f("fc:aspect-square fc:size-full", a),
+      className: r("fc:aspect-square fc:size-full", a),
       ...t
     }
   );
 }
-c(v, "AvatarImage");
-function p({
+c(m, "AvatarImage");
+function v({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e(
-    s,
+    f.Fallback,
     {
       "data-slot": "avatar-fallback",
-      className: f(
+      className: r(
         "fc:bg-accent fc:flex fc:size-full fc:items-center fc:justify-center fc:rounded-full",
         a
       ),
@@ -50,9 +50,9 @@ function p({
     }
   );
 }
-c(p, "AvatarFallback");
+c(v, "AvatarFallback");
 export {
-  d as Avatar,
-  p as AvatarFallback,
-  v as AvatarImage
+  u as Avatar,
+  v as AvatarFallback,
+  m as AvatarImage
 };

package/dist/components/badge.js

@@ -1,10 +1,10 @@
-var c = Object.defineProperty;
-var e = (r, i) => c(r, "name", { value: i, configurable: !0 });
-import { jsx as o } from "react/jsx-runtime";
-import { Root as n } from "../node_modules/@radix-ui/react-slot/dist/index.js";
-import { cva as s } from "class-variance-authority";
-import { cn as g } from "../lib/utils.js";
-const a = s(
+var o = Object.defineProperty;
+var e = (r, i) => o(r, "name", { value: i, configurable: !0 });
+import { jsx as n } from "react/jsx-runtime";
+import { Slot as s } from "radix-ui";
+import { cva as g } from "class-variance-authority";
+import { cn as a } from "../lib/utils.js";
+const d = g(
   "fc:inline-flex fc:items-center fc:justify-center fc:rounded-md fc:border fc:px-2 fc:py-0.5 fc:text-xs fc:font-medium fc:w-fit fc:whitespace-nowrap fc:shrink-0 fc:[&>svg]:size-3 fc:gap-1 fc:[&>svg]:pointer-events-none fc:focus-visible:border-ring fc:focus-visible:ring-ring/50 fc:focus-visible:ring-[3px] fc:aria-invalid:ring-destructive/20 fc:dark:aria-invalid:ring-destructive/40 fc:aria-invalid:border-destructive fc:transition-[color,box-shadow] fc:overflow-hidden",
   {
     variants: {
@@ -27,11 +27,12 @@ function m({
   asChild: t = !1,
   ...f
 }) {
-  return /* @__PURE__ */ o(
-    t ? n : "span",
+  const c = t ? s.Root : "span";
+  return /* @__PURE__ */ n(
+    c,
     {
       "data-slot": "badge",
-      className: g(a({ variant: i }), r),
+      className: a(d({ variant: i }), r),
       ...f
     }
   );
@@ -39,5 +40,5 @@ function m({
 e(m, "Badge");
 export {
   m as Badge,
-  a as badgeVariants
+  d as badgeVariants
 };

package/dist/components/button.js

@@ -1,10 +1,10 @@
-var n = Object.defineProperty;
-var e = (r, c) => n(r, "name", { value: c, configurable: !0 });
-import { jsx as s } from "react/jsx-runtime";
-import { Root as f } from "../node_modules/@radix-ui/react-slot/dist/index.js";
-import { cva as d } from "class-variance-authority";
-import { cn as v } from "../lib/utils.js";
-const g = d(
+var s = Object.defineProperty;
+var e = (r, c) => s(r, "name", { value: c, configurable: !0 });
+import { jsx as f } from "react/jsx-runtime";
+import { Slot as d } from "radix-ui";
+import { cva as v } from "class-variance-authority";
+import { cn as g } from "../lib/utils.js";
+const u = v(
   "fc:cursor-pointer fc:inline-flex fc:items-center fc:justify-center fc:gap-2 fc:whitespace-nowrap fc:rounded-md fc:text-sm fc:font-medium fc:transition-all fc:disabled:pointer-events-none fc:disabled:opacity-50 fc:[&_svg]:pointer-events-none fc:[&_svg:not([class*='size-'])]:size-4 fc:shrink-0 fc:[&_svg]:shrink-0 fc:outline-none fc:focus-visible:ring-[3px] fc:aria-invalid:ring-destructive/20 fc:dark:aria-invalid:ring-destructive/40 fc:aria-invalid:border-destructive",
   {
     variants: {
@@ -136,11 +136,12 @@ function x({
   asChild: a = !1,
   ...i
 }) {
-  return /* @__PURE__ */ s(
-    a ? f : "button",
+  const n = a ? d.Root : "button";
+  return /* @__PURE__ */ f(
+    n,
     {
       "data-slot": "button",
-      className: v(g({ variant: c, color: o, size: t, className: r })),
+      className: g(u({ variant: c, color: o, size: t, className: r })),
       ...i
     }
   );
@@ -148,5 +149,5 @@ function x({
 e(x, "Button");
 export {
   x as Button,
-  g as buttonVariants
+  u as buttonVariants
 };

package/dist/components/checkbox.d.ts

@@ -1,4 +1,4 @@
 import * as React from "react";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { Checkbox as CheckboxPrimitive } from "radix-ui";
 declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 export { Checkbox };

package/dist/components/checkbox.js

@@ -1,34 +1,34 @@
-var t = Object.defineProperty;
-var i = (c, e) => t(c, "name", { value: e, configurable: !0 });
-import { jsx as r } from "react/jsx-runtime";
-import { Checkbox as o, CheckboxIndicator as a } from "../node_modules/@radix-ui/react-checkbox/dist/index.js";
-import { CheckIcon as f } from "lucide-react";
-import { cn as n } from "../lib/utils.js";
-function h({
+var o = Object.defineProperty;
+var i = (c, r) => o(c, "name", { value: r, configurable: !0 });
+import { jsx as e } from "react/jsx-runtime";
+import { Checkbox as t } from "radix-ui";
+import { CheckIcon as a } from "lucide-react";
+import { cn as f } from "../lib/utils.js";
+function u({
   className: c,
-  ...e
+  ...r
 }) {
-  return /* @__PURE__ */ r(
-    o,
+  return /* @__PURE__ */ e(
+    t.Root,
     {
       "data-slot": "checkbox",
-      className: n(
+      className: f(
         "fc:bg-input fc:peer fc:border-input-border fc:data-[state=checked]:bg-primary fc:data-[state=checked]:text-primary-foreground fc:data-[state=checked]:border-primary fc:focus-visible:border-ring fc:focus-visible:ring-ring/50 fc:aria-invalid:ring-destructive/20 fc:dark:aria-invalid:ring-destructive/40 fc:aria-invalid:border-destructive fc:size-4 fc:shrink-0 fc:rounded-[4px] fc:border fc:shadow-xs fc:transition-shadow fc:outline-none fc:focus-visible:ring-[3px] fc:disabled:cursor-not-allowed fc:disabled:opacity-50",
         c
       ),
-      ...e,
-      children: /* @__PURE__ */ r(
-        a,
+      ...r,
+      children: /* @__PURE__ */ e(
+        t.Indicator,
         {
           "data-slot": "checkbox-indicator",
           className: "fc:flex fc:items-center fc:justify-center fc:text-current fc:transition-none",
-          children: /* @__PURE__ */ r(f, { className: "fc:size-3.5" })
+          children: /* @__PURE__ */ e(a, { className: "fc:size-3.5" })
         }
       )
     }
   );
 }
-i(h, "Checkbox");
+i(u, "Checkbox");
 export {
-  h as Checkbox
+  u as Checkbox
 };

package/dist/components/dialog.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { Dialog as DialogPrimitive } from "radix-ui";
 declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
 declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;