fina-react-ds 0.0.0

package/README.md

@@ -0,0 +1,17 @@
+# ELSAN REACT PUULSE
+
+### Storybook
+
+
+
+### Installation du package dans un projet:
+[Voir instructions](docs/installation-as-dependency.md)
+
+#### Configuration Tailwind >= 4
+[Voir instructions](docs/config-tailwind-4)
+
+#### Configuration Thème personnalisé
+[Voir instructions](docs/config-theme)
+
+### Installation pour développement:
+[Voir instructions](docs/installation-for-dev.md)

package/dist/_virtual/index.js

@@ -0,0 +1,5 @@
+import { __require as r } from "../node_modules/use-sync-external-store/shim/index.js";
+var i = /* @__PURE__ */ r();
+export {
+  i as s
+};

package/dist/_virtual/index2.js

@@ -0,0 +1,4 @@
+var e = { exports: {} };
+export {
+  e as __module
+};

package/dist/_virtual/use-sync-external-store-shim.development.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/use-sync-external-store-shim.production.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

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

@@ -0,0 +1,16 @@
+import * as React from "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+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;
+declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogAction({ color, className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action> & {
+    color?: "primary" | "info" | "success" | "warning" | "destructive" | "dark";
+}): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): import("react/jsx-runtime").JSX.Element;
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };

package/dist/components/alert.d.ts

@@ -0,0 +1,8 @@
+import { VariantProps } from "class-variance-authority";
+declare const alertVariants: (props?: ({
+    variant?: "info" | "warning" | "success" | "destructive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Alert({ variant, className, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): import("react/jsx-runtime").JSX.Element;
+declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Alert, AlertTitle, AlertDescription };

package/dist/components/alert.js

@@ -0,0 +1,70 @@
+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: "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: {
+      variant: "info"
+    }
+  }
+);
+function f({
+  variant: t,
+  className: r,
+  ...s
+}) {
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      "data-slot": "alert",
+      role: "alert",
+      className: o(a({ variant: t }), r),
+      ...s
+    }
+  );
+}
+e(f, "Alert");
+function v({ className: t, ...r }) {
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      "data-slot": "alert-title",
+      className: o(
+        "col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",
+        t
+      ),
+      ...r
+    }
+  );
+}
+e(v, "AlertTitle");
+function h({ className: t, ...r }) {
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      "data-slot": "alert-description",
+      className: o(
+        "col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
+        t
+      ),
+      ...r
+    }
+  );
+}
+e(h, "AlertDescription");
+export {
+  f as Alert,
+  h as AlertDescription,
+  v as AlertTitle
+};

package/dist/components/avatar.d.ts

@@ -0,0 +1,5 @@
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+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;
+export { Avatar, AvatarImage, AvatarFallback };

package/dist/components/avatar.js

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

package/dist/components/badge.d.ts

@@ -0,0 +1,8 @@
+import { VariantProps } from "class-variance-authority";
+declare const badgeVariants: (props?: ({
+    variant?: "info" | "warning" | "success" | "destructive" | "primary" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Badge, badgeVariants };

package/dist/components/badge.js

@@ -0,0 +1,43 @@
+var n = Object.defineProperty;
+var e = (r, i) => n(r, "name", { value: i, configurable: !0 });
+import { jsx as s } from "react/jsx-runtime";
+import { Root as g } from "../node_modules/@radix-ui/react-slot/dist/index.js";
+import { cva as a } from "class-variance-authority";
+import { cn as d } from "../lib/utils.js";
+const f = a(
+  "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: "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: {
+      variant: "info"
+    }
+  }
+);
+function m({
+  className: r,
+  variant: i,
+  asChild: t = !1,
+  ...o
+}) {
+  return /* @__PURE__ */ s(
+    t ? g : "span",
+    {
+      "data-slot": "badge",
+      className: d(f({ variant: i }), r),
+      ...o
+    }
+  );
+}
+e(m, "Badge");
+export {
+  m as Badge,
+  f as badgeVariants
+};

package/dist/components/button.d.ts

@@ -0,0 +1,10 @@
+import { VariantProps } from "class-variance-authority";
+declare const buttonVariants: (props?: ({
+    color?: "info" | "warning" | "success" | "destructive" | "primary" | "dark" | null | undefined;
+    variant?: "link" | "contained" | "outline" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Button({ className, variant, color, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Button, buttonVariants };

package/dist/components/button.js

@@ -0,0 +1,152 @@
+var s = Object.defineProperty;
+var o = (r, e) => s(r, "name", { value: e, configurable: !0 });
+import { jsx as c } from "react/jsx-runtime";
+import { Root as d } from "../node_modules/@radix-ui/react-slot/dist/index.js";
+import { cva as v } from "class-variance-authority";
+import { cn as g } from "../lib/utils.js";
+const u = v(
+  "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: "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: "border",
+        outline: "border bg-transparent",
+        ghost: "border border-transparent",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        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: "bg-primary border-primary text-primary-foreground hover:bg-primary/90"
+      },
+      {
+        color: "info",
+        variant: "contained",
+        className: "bg-info border-info text-info-foreground hover:bg-info/90"
+      },
+      {
+        color: "success",
+        variant: "contained",
+        className: "bg-success border-success text-success-foreground hover:bg-success/90"
+      },
+      {
+        color: "warning",
+        variant: "contained",
+        className: "bg-warning border-warning text-warning-foreground hover:bg-warning/90"
+      },
+      {
+        color: "destructive",
+        variant: "contained",
+        className: "bg-destructive border-destructive text-destructive-foreground hover:bg-destructive/90"
+      },
+      {
+        color: "dark",
+        variant: "contained",
+        className: "bg-dark border-dark text-dark-foreground hover:bg-dark/90"
+      },
+      {
+        color: "primary",
+        variant: "outline",
+        className: "border-primary text-primary hover:bg-primary hover:text-primary-foreground"
+      },
+      {
+        color: "info",
+        variant: "outline",
+        className: "border-info text-info hover:bg-info hover:text-info-foreground"
+      },
+      {
+        color: "success",
+        variant: "outline",
+        className: "border-success text-success hover:bg-success hover:text-success-foreground"
+      },
+      {
+        color: "warning",
+        variant: "outline",
+        className: "border-warning text-warning hover:bg-warning hover:text-warning-foreground"
+      },
+      {
+        color: "destructive",
+        variant: "outline",
+        className: "border-destructive text-destructive hover:bg-destructive hover:text-destructive-foreground"
+      },
+      {
+        color: "dark",
+        variant: "outline",
+        className: "border-dark text-dark hover:bg-dark hover:text-dark-foreground dark:text-dark-foreground"
+      },
+      {
+        color: "primary",
+        variant: "ghost",
+        className: "text-primary hover:bg-primary/10"
+      },
+      {
+        color: "info",
+        variant: "ghost",
+        className: "text-info hover:bg-info/10"
+      },
+      {
+        color: "success",
+        variant: "ghost",
+        className: "text-success hover:bg-success/10"
+      },
+      {
+        color: "warning",
+        variant: "ghost",
+        className: "text-warning hover:bg-warning/10"
+      },
+      {
+        color: "destructive",
+        variant: "ghost",
+        className: "text-destructive hover:bg-destructive/10"
+      },
+      {
+        color: "dark",
+        variant: "ghost",
+        className: "text-dark dark:text-dark-foreground hover:bg-dark/10 dark:hover:bg-dark"
+      }
+    ],
+    defaultVariants: {
+      variant: "contained",
+      color: "primary",
+      size: "default"
+    }
+  }
+);
+function x({
+  className: r,
+  variant: e,
+  color: t,
+  size: a,
+  asChild: i = !1,
+  ...n
+}) {
+  return /* @__PURE__ */ c(
+    i ? d : "button",
+    {
+      "data-slot": "button",
+      className: g(u({ variant: e, color: t, size: a, className: r })),
+      ...n
+    }
+  );
+}
+o(x, "Button");
+export {
+  x as Button,
+  u as buttonVariants
+};

package/dist/components/card.d.ts

@@ -0,0 +1,8 @@
+declare function Card({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };

package/dist/components/card.js

@@ -0,0 +1,99 @@
+var d = Object.defineProperty;
+var a = (t, r) => d(t, "name", { value: r, configurable: !0 });
+import { jsx as o } from "react/jsx-runtime";
+import { cn as e } from "../lib/utils.js";
+function i({ className: t, ...r }) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      "data-slot": "card",
+      className: e(
+        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
+        t
+      ),
+      ...r
+    }
+  );
+}
+a(i, "Card");
+function l({ className: t, ...r }) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: e(
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        t
+      ),
+      ...r
+    }
+  );
+}
+a(l, "CardHeader");
+function u({ className: t, ...r }) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      "data-slot": "card-title",
+      className: e("leading-none font-semibold", t),
+      ...r
+    }
+  );
+}
+a(u, "CardTitle");
+function f({ className: t, ...r }) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      "data-slot": "card-description",
+      className: e("text-muted-foreground text-sm", t),
+      ...r
+    }
+  );
+}
+a(f, "CardDescription");
+function m({ className: t, ...r }) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      "data-slot": "card-action",
+      className: e(
+        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
+        t
+      ),
+      ...r
+    }
+  );
+}
+a(m, "CardAction");
+function p({ className: t, ...r }) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: e("px-6", t),
+      ...r
+    }
+  );
+}
+a(p, "CardContent");
+function x({ className: t, ...r }) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      "data-slot": "card-footer",
+      className: e("flex items-center px-6 [.border-t]:pt-6", t),
+      ...r
+    }
+  );
+}
+a(x, "CardFooter");
+export {
+  i as Card,
+  m as CardAction,
+  p as CardContent,
+  f as CardDescription,
+  x as CardFooter,
+  l as CardHeader,
+  u as CardTitle
+};

package/dist/components/checkbox.d.ts

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

package/dist/components/checkbox.js

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

package/dist/components/dialog.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+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;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function DialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };