fina-react-ds 1.0.24 → 1.0.27

package/dist/components/alert-dialog.js

@@ -1,9 +1,9 @@
-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";
+var s = Object.defineProperty;
+var e = (t, a) => s(t, "name", { value: a, configurable: !0 });
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
 import { AlertDialog as l } from "radix-ui";
 import { cn as r } from "../lib/utils.js";
-import { buttonVariants as c } from "./button.js";
+import { buttonVariants as i } from "./button.js";
 function A({
   ...t
 }) {
@@ -16,13 +16,13 @@ function D({
   return /* @__PURE__ */ o(l.Trigger, { "data-slot": "alert-dialog-trigger", ...t });
 }
 e(D, "AlertDialogTrigger");
-function s({
+function c({
   ...t
 }) {
   return /* @__PURE__ */ o(l.Portal, { "data-slot": "alert-dialog-portal", ...t });
 }
-e(s, "AlertDialogPortal");
-function d({
+e(c, "AlertDialogPortal");
+function g({
   className: t,
   ...a
 }) {
@@ -31,26 +31,26 @@ function d({
     {
       "data-slot": "alert-dialog-overlay",
       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",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
         t
       ),
       ...a
     }
   );
 }
-e(d, "AlertDialogOverlay");
+e(g, "AlertDialogOverlay");
 function N({
   className: t,
   ...a
 }) {
-  return /* @__PURE__ */ n(s, { children: [
-    /* @__PURE__ */ o(d, {}),
+  return /* @__PURE__ */ d(c, { children: [
+    /* @__PURE__ */ o(g, {}),
     /* @__PURE__ */ o(
       l.Content,
       {
         "data-slot": "alert-dialog-content",
         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",
+          "bg-card data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
           t
         ),
         ...a
@@ -68,7 +68,7 @@ function v({
     {
       "data-slot": "alert-dialog-header",
       className: r(
-        "fc:flex fc:flex-col fc:gap-2 fc:text-center fc:sm:text-left",
+        "flex flex-col gap-2 text-center sm:text-left",
         t
       ),
       ...a
@@ -85,7 +85,7 @@ function b({
     {
       "data-slot": "alert-dialog-footer",
       className: r(
-        "fc:flex fc:flex-col-reverse fc:gap-2 fc:sm:flex-row fc:sm:justify-end",
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
         t
       ),
       ...a
@@ -101,7 +101,7 @@ function y({
     l.Title,
     {
       "data-slot": "alert-dialog-title",
-      className: r("fc:text-lg fc:font-semibold", t),
+      className: r("text-lg font-semibold", t),
       ...a
     }
   );
@@ -115,7 +115,7 @@ function w({
     l.Description,
     {
       "data-slot": "alert-dialog-description",
-      className: r("fc:text-muted fc:text-sm", t),
+      className: r("text-muted text-sm", t),
       ...a
     }
   );
@@ -124,13 +124,13 @@ e(w, "AlertDialogDescription");
 function h({
   color: t = "primary",
   className: a,
-  ...f
+  ...n
 }) {
   return /* @__PURE__ */ o(
     l.Action,
     {
-      className: r(c({ color: t }), a),
-      ...f
+      className: r(i({ color: t }), a),
+      ...n
     }
   );
 }
@@ -143,7 +143,7 @@ function z({
     l.Cancel,
     {
       className: r(
-        c({ variant: "ghost", color: "dark" }),
+        i({ variant: "ghost", color: "dark" }),
         t
       ),
       ...a
@@ -159,8 +159,8 @@ export {
   w as AlertDialogDescription,
   b as AlertDialogFooter,
   v as AlertDialogHeader,
-  d as AlertDialogOverlay,
-  s as AlertDialogPortal,
+  g as AlertDialogOverlay,
+  c as AlertDialogPortal,
   y as AlertDialogTitle,
   D as AlertDialogTrigger
 };

package/dist/components/alert.js

@@ -1,17 +1,17 @@
-var o = Object.defineProperty;
-var c = (t, r) => o(t, "name", { value: r, configurable: !0 });
-import { jsx as e } from "react/jsx-runtime";
-import { cva as s } from "class-variance-authority";
-import { cn as f } from "../lib/utils.js";
-const g = s(
-  "fc:relative fc:w-full fc:rounded-lg fc:border fc:px-4 fc:py-3 fc:text-sm fc:grid fc:has-[>svg]:grid-cols-[calc(var(--fc-spacing)*4)_1fr] fc:grid-cols-[0_1fr] fc:has-[>svg]:gap-x-3 fc:gap-y-0.5 fc:items-start fc:[&>svg]:size-4 fc:[&>svg]:translate-y-0.5 fc:[&>svg]:text-current",
+var g = Object.defineProperty;
+var e = (t, r) => g(t, "name", { value: r, configurable: !0 });
+import { jsx as i } from "react/jsx-runtime";
+import { cva as n } from "class-variance-authority";
+import { cn as o } from "../lib/utils.js";
+const a = n(
+  "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
   {
     variants: {
       variant: {
-        info: "fc:bg-info-light fc:*:data-[slot=alert-description]:text-info-light-foreground fc:text-info-light-foreground fc:border-info-light-foreground/20 fc:[&>svg]:text-info-light-foreground",
-        warning: "fc:bg-warning-light fc:text-warning-light-foreground fc:border-warning-light-foreground/20 fc:[&>svg]:text-warning-light-foreground",
-        success: "fc:bg-success-light fc:text-success-light-foreground fc:border-success-light-foreground/20 fc:[&>svg]:text-success-light-foreground",
-        destructive: "fc:bg-destructive-light fc:text-destructive-light-foreground fc:border-destructive-light-foreground/20 fc:[&>svg]:text-destructive-light-foreground"
+        info: "bg-info-light *:data-[slot=alert-description]:text-info-light-foreground text-info-light-foreground border-info-light-foreground/20 [&>svg]:text-info-light-foreground",
+        warning: "bg-warning-light text-warning-light-foreground border-warning-light-foreground/20 [&>svg]:text-warning-light-foreground",
+        success: "bg-success-light text-success-light-foreground border-success-light-foreground/20 [&>svg]:text-success-light-foreground",
+        destructive: "bg-destructive-light text-destructive-light-foreground border-destructive-light-foreground/20 [&>svg]:text-destructive-light-foreground"
       }
     },
     defaultVariants: {
@@ -19,55 +19,55 @@ const g = s(
     }
   }
 );
-function u({
+function f({
   variant: t,
   className: r,
-  ...i
+  ...s
 }) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ i(
     "div",
     {
       "data-slot": "alert",
       role: "alert",
-      className: f(g({ variant: t }), r),
-      ...i
+      className: o(a({ variant: t }), r),
+      ...s
     }
   );
 }
-c(u, "Alert");
+e(f, "Alert");
 function v({ className: t, ...r }) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ i(
     "div",
     {
       "data-slot": "alert-title",
-      className: f(
-        "fc:col-start-2 fc:line-clamp-1 fc:min-h-4 fc:font-medium fc:tracking-tight",
+      className: o(
+        "col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",
         t
       ),
       ...r
     }
   );
 }
-c(v, "AlertTitle");
+e(v, "AlertTitle");
 function h({
   className: t,
   ...r
 }) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ i(
     "div",
     {
       "data-slot": "alert-description",
-      className: f(
-        "fc:col-start-2 fc:grid fc:justify-items-start fc:gap-1 fc:text-sm fc:[&_p]:leading-relaxed",
+      className: o(
+        "col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
         t
       ),
       ...r
     }
   );
 }
-c(h, "AlertDescription");
+e(h, "AlertDescription");
 export {
-  u as Alert,
+  f as Alert,
   h as AlertDescription,
   v as AlertTitle
 };

package/dist/components/avatar.js

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

package/dist/components/badge.js

@@ -1,19 +1,19 @@
-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",
+var s = Object.defineProperty;
+var e = (r, i) => s(r, "name", { value: i, configurable: !0 });
+import { jsx as g } from "react/jsx-runtime";
+import { Slot as a } from "radix-ui";
+import { cva as d } from "class-variance-authority";
+import { cn as f } from "../lib/utils.js";
+const l = d(
+  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none 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 transition-[color,box-shadow] overflow-hidden",
   {
     variants: {
       variant: {
-        primary: "fc:bg-primary-light fc:text-primary-light-foreground fc:border-primary-light-foreground/20",
-        info: "fc:bg-info-light fc:text-info-light-foreground fc:border-info-light-foreground/20",
-        warning: "fc:bg-warning-light fc:text-warning-light-foreground fc:border-warning-light-foreground/20",
-        success: "fc:bg-success-light fc:text-success-light-foreground fc:border-success-light-foreground/20",
-        destructive: "fc:bg-destructive-light fc:text-destructive-light-foreground fc:border-destructive-light-foreground/20"
+        primary: "bg-primary-light text-primary-light-foreground border-primary-light-foreground/20",
+        info: "bg-info-light text-info-light-foreground border-info-light-foreground/20",
+        warning: "bg-warning-light text-warning-light-foreground border-warning-light-foreground/20",
+        success: "bg-success-light text-success-light-foreground border-success-light-foreground/20",
+        destructive: "bg-destructive-light text-destructive-light-foreground border-destructive-light-foreground/20"
       }
     },
     defaultVariants: {
@@ -25,20 +25,20 @@ function m({
   className: r,
   variant: i,
   asChild: t = !1,
-  ...f
+  ...o
 }) {
-  const c = t ? s.Root : "span";
-  return /* @__PURE__ */ n(
-    c,
+  const n = t ? a.Root : "span";
+  return /* @__PURE__ */ g(
+    n,
     {
       "data-slot": "badge",
-      className: a(d({ variant: i }), r),
-      ...f
+      className: f(l({ variant: i }), r),
+      ...o
     }
   );
 }
 e(m, "Badge");
 export {
   m as Badge,
-  d as badgeVariants
+  l as badgeVariants
 };

package/dist/components/button.js

@@ -1,124 +1,124 @@
-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",
+var c = Object.defineProperty;
+var o = (r, e) => c(r, "name", { value: e, configurable: !0 });
+import { jsx as d } from "react/jsx-runtime";
+import { Slot as v } from "radix-ui";
+import { cva as g } from "class-variance-authority";
+import { cn as u } from "../lib/utils.js";
+const l = g(
+  "cursor-pointer inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
   {
     variants: {
       color: {
-        primary: "fc:focus-visible:ring-primary/50",
-        info: "fc:focus-visible:ring-info/50",
-        success: "fc:focus-visible:ring-success/50",
-        warning: "fc:focus-visible:ring-warning/50",
-        destructive: "fc:focus-visible:ring-destructive/50",
-        dark: "fc:focus-visible:ring-black/50"
+        primary: "focus-visible:ring-primary/50",
+        info: "focus-visible:ring-info/50",
+        success: "focus-visible:ring-success/50",
+        warning: "focus-visible:ring-warning/50",
+        destructive: "focus-visible:ring-destructive/50",
+        dark: "focus-visible:ring-black/50"
       },
       variant: {
-        contained: "fc:border",
-        outline: "fc:border fc:bg-transparent",
-        ghost: "fc:border fc:border-transparent",
-        link: "fc:text-primary fc:underline-offset-4 fc:hover:underline"
+        contained: "border",
+        outline: "border bg-transparent",
+        ghost: "border border-transparent",
+        link: "text-primary underline-offset-4 hover:underline"
       },
       size: {
-        default: "fc:h-9 fc:px-4 fc:py-2 fc:has-[>svg]:px-3",
-        sm: "fc:h-8 fc:rounded-md fc:gap-1.5 fc:px-3 fc:has-[>svg]:px-2.5",
-        lg: "fc:h-10 fc:rounded-md fc:px-6 fc:has-[>svg]:px-4",
-        icon: "fc:size-9"
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9"
       }
     },
     compoundVariants: [
       {
         color: "primary",
         variant: "contained",
-        className: "fc:bg-primary fc:border-primary fc:text-primary-foreground fc:hover:bg-primary/90"
+        className: "bg-primary border-primary text-primary-foreground hover:bg-primary/90"
       },
       {
         color: "info",
         variant: "contained",
-        className: "fc:bg-info fc:border-info fc:text-info-foreground fc:hover:bg-info/90"
+        className: "bg-info border-info text-info-foreground hover:bg-info/90"
       },
       {
         color: "success",
         variant: "contained",
-        className: "fc:bg-success fc:border-success fc:text-success-foreground fc:hover:bg-success/90"
+        className: "bg-success border-success text-success-foreground hover:bg-success/90"
       },
       {
         color: "warning",
         variant: "contained",
-        className: "fc:bg-warning fc:border-warning fc:text-warning-foreground fc:hover:bg-warning/90"
+        className: "bg-warning border-warning text-warning-foreground hover:bg-warning/90"
       },
       {
         color: "destructive",
         variant: "contained",
-        className: "fc:bg-destructive fc:border-destructive fc:text-destructive-foreground fc:hover:bg-destructive/90"
+        className: "bg-destructive border-destructive text-destructive-foreground hover:bg-destructive/90"
       },
       {
         color: "dark",
         variant: "contained",
-        className: "fc:bg-dark fc:border-dark fc:text-dark-foreground fc:hover:bg-dark/90"
+        className: "bg-dark border-dark text-dark-foreground hover:bg-dark/90"
       },
       {
         color: "primary",
         variant: "outline",
-        className: "fc:border-primary fc:text-primary fc:hover:bg-primary fc:hover:text-primary-foreground"
+        className: "border-primary text-primary hover:bg-primary hover:text-primary-foreground"
       },
       {
         color: "info",
         variant: "outline",
-        className: "fc:border-info fc:text-info fc:hover:bg-info fc:hover:text-info-foreground"
+        className: "border-info text-info hover:bg-info hover:text-info-foreground"
       },
       {
         color: "success",
         variant: "outline",
-        className: "fc:border-success fc:text-success fc:hover:bg-success fc:hover:text-success-foreground"
+        className: "border-success text-success hover:bg-success hover:text-success-foreground"
       },
       {
         color: "warning",
         variant: "outline",
-        className: "fc:border-warning fc:text-warning fc:hover:bg-warning fc:hover:text-warning-foreground"
+        className: "border-warning text-warning hover:bg-warning hover:text-warning-foreground"
       },
       {
         color: "destructive",
         variant: "outline",
-        className: "fc:border-destructive fc:text-destructive fc:hover:bg-destructive fc:hover:text-destructive-foreground"
+        className: "border-destructive text-destructive hover:bg-destructive hover:text-destructive-foreground"
       },
       {
         color: "dark",
         variant: "outline",
-        className: "fc:border-dark fc:text-dark fc:hover:bg-dark fc:hover:text-dark-foreground fc:dark:text-dark-foreground"
+        className: "border-dark text-dark hover:bg-dark hover:text-dark-foreground dark:text-dark-foreground"
       },
       {
         color: "primary",
         variant: "ghost",
-        className: "fc:text-primary fc:hover:bg-primary/10"
+        className: "text-primary hover:bg-primary/10"
       },
       {
         color: "info",
         variant: "ghost",
-        className: "fc:text-info fc:hover:bg-info/10"
+        className: "text-info hover:bg-info/10"
       },
       {
         color: "success",
         variant: "ghost",
-        className: "fc:text-success fc:hover:bg-success/10"
+        className: "text-success hover:bg-success/10"
       },
       {
         color: "warning",
         variant: "ghost",
-        className: "fc:text-warning fc:hover:bg-warning/10"
+        className: "text-warning hover:bg-warning/10"
       },
       {
         color: "destructive",
         variant: "ghost",
-        className: "fc:text-destructive fc:hover:bg-destructive/10"
+        className: "text-destructive hover:bg-destructive/10"
       },
       {
         color: "dark",
         variant: "ghost",
-        className: "fc:text-dark fc:dark:text-dark-foreground fc:hover:bg-dark/10 fc:dark:hover:bg-dark"
+        className: "text-dark dark:text-dark-foreground hover:bg-dark/10 dark:hover:bg-dark"
       }
     ],
     defaultVariants: {
@@ -130,24 +130,24 @@ const u = v(
 );
 function x({
   className: r,
-  variant: c,
-  color: o,
-  size: t,
-  asChild: a = !1,
-  ...i
+  variant: e,
+  color: t,
+  size: a,
+  asChild: i = !1,
+  ...n
 }) {
-  const n = a ? d.Root : "button";
-  return /* @__PURE__ */ f(
-    n,
+  const s = i ? v.Root : "button";
+  return /* @__PURE__ */ d(
+    s,
     {
       "data-slot": "button",
-      className: g(u({ variant: c, color: o, size: t, className: r })),
-      ...i
+      className: u(l({ variant: e, color: t, size: a, className: r })),
+      ...n
     }
   );
 }
-e(x, "Button");
+o(x, "Button");
 export {
   x as Button,
-  u as buttonVariants
+  l as buttonVariants
 };