fina-react-ds 0.0.0

package/dist/components/popover.js

@@ -0,0 +1,50 @@
+var d = Object.defineProperty;
+var t = (o, r) => d(o, "name", { value: r, configurable: !0 });
+import { jsx as e } from "react/jsx-runtime";
+import { Root as i, Trigger as s, Portal as p, Content as m, Anchor as c } from "../node_modules/@radix-ui/react-popover/dist/index.js";
+import { cn as f } from "../lib/utils.js";
+function h({
+  ...o
+}) {
+  return /* @__PURE__ */ e(i, { "data-slot": "popover", ...o });
+}
+t(h, "Popover");
+function P({
+  ...o
+}) {
+  return /* @__PURE__ */ e(s, { "data-slot": "popover-trigger", ...o });
+}
+t(P, "PopoverTrigger");
+function b({
+  className: o,
+  align: r = "center",
+  sideOffset: a = 4,
+  ...n
+}) {
+  return /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
+    m,
+    {
+      "data-slot": "popover-content",
+      align: r,
+      sideOffset: a,
+      className: f(
+        "bg-popover text-popover-foreground 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+        o
+      ),
+      ...n
+    }
+  ) });
+}
+t(b, "PopoverContent");
+function x({
+  ...o
+}) {
+  return /* @__PURE__ */ e(c, { "data-slot": "popover-anchor", ...o });
+}
+t(x, "PopoverAnchor");
+export {
+  h as Popover,
+  x as PopoverAnchor,
+  b as PopoverContent,
+  P as PopoverTrigger
+};

package/dist/components/select.d.ts

@@ -0,0 +1,11 @@
+import SelectPrimitive from "react-select";
+export type SelectOption = {
+    label: string;
+    value: unknown;
+};
+export declare function Select({ options, placeholder, onChange, value, ...props }: {
+    options: SelectOption[];
+    placeholder?: string;
+    onChange?: (value: unknown | unknown[]) => void;
+    value?: unknown | unknown[];
+} & React.ComponentProps<typeof SelectPrimitive>): import("react/jsx-runtime").JSX.Element;

package/dist/components/select.js

@@ -0,0 +1,48 @@
+var n = Object.defineProperty;
+var r = (t, o) => n(t, "name", { value: o, configurable: !0 });
+import { jsx as c } from "react/jsx-runtime";
+import p from "react-select";
+function b({
+  options: t,
+  placeholder: o = "Sélectionner",
+  onChange: i,
+  value: u,
+  ...m
+}) {
+  const a = /* @__PURE__ */ r((e) => {
+    Array.isArray(t) ? i == null || i(
+      e.map((d) => d.value)
+    ) : i == null || i(e == null ? void 0 : e.value);
+  }, "handleChange"), s = /* @__PURE__ */ r(() => m.isMulti ? Array.isArray(u) ? (t == null ? void 0 : t.filter((e) => u.includes(e.value))) ?? [] : [] : t.find((e) => e.value === u), "getSelectedOptions"), l = /* @__PURE__ */ r((e) => {
+    const d = e.relatedTarget;
+    d && (d.tagName === "A" || d.tagName === "BUTTON" || d.tagName === "TEXTAREA" || d.tagName === "INPUT") && d.focus();
+  }, "onBlurWorkaround");
+  return /* @__PURE__ */ c(
+    p,
+    {
+      ...m,
+      options: t,
+      onChange: a,
+      value: s(),
+      classNames: {
+        control: /* @__PURE__ */ r(() => "px-3 py-1 border bg-input rounded-md text-base! md:text-sm! min-h-9! shadow-none! border-input-border has-[:focus]:border-ring has-[:focus]:ring-[3px] ring-ring/50 has-aria-invalid:border-destructive! has-aria-invalid:ring-destructive/20!", "control"),
+        menu: /* @__PURE__ */ r(() => "bg-popover border rounded-md py-0 overflow-hidden shadow-md mt-2", "menu"),
+        menuList: /* @__PURE__ */ r(() => "py-0! bg-popover", "menuList"),
+        option: /* @__PURE__ */ r(() => "py-1 px-2 text-popover-foreground! text-base! md:text-sm! hover:bg-muted", "option"),
+        placeholder: /* @__PURE__ */ r(() => "text-placeholder", "placeholder"),
+        multiValue: /* @__PURE__ */ r(() => "bg-input-muted mr-1 px-1 py-0.5 rounded-md flex items-center", "multiValue"),
+        multiValueRemove: /* @__PURE__ */ r(() => "text-muted-foreground cursor-pointer", "multiValueRemove"),
+        dropdownIndicator: /* @__PURE__ */ r(() => "text-muted-foreground", "dropdownIndicator"),
+        clearIndicator: /* @__PURE__ */ r(() => "cursor-pointer", "clearIndicator"),
+        noOptionsMessage: /* @__PURE__ */ r(() => "py-2", "noOptionsMessage")
+      },
+      onBlur: l,
+      placeholder: o,
+      unstyled: !0
+    }
+  );
+}
+r(b, "Select");
+export {
+  b as Select
+};

package/dist/components/separator.d.ts

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

package/dist/components/simple-pagination.d.ts

@@ -0,0 +1,6 @@
+export declare function SimplePagination({ lastPage, currentPage, onPaginate, neightborsPages, }: {
+    lastPage: number;
+    currentPage: number;
+    onPaginate: (page: number) => void;
+    neightborsPages?: number;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/simple-pagination.js

@@ -0,0 +1,34 @@
+var N = Object.defineProperty;
+var t = (s, n) => N(s, "name", { value: n, configurable: !0 });
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Pagination as j, PaginationContent as A, PaginationItem as l, PaginationPrevious as E, PaginationEllipsis as v, PaginationLink as d, PaginationNext as I } from "./pagination.js";
+function q({
+  lastPage: s,
+  currentPage: n,
+  onPaginate: h,
+  neightborsPages: k = 3
+}) {
+  const r = /* @__PURE__ */ t(() => {
+    h(n === 1 ? 1 : n - 1);
+  }, "previous"), C = /* @__PURE__ */ t(() => {
+    h(n === s ? n : n + 1);
+  }, "next"), m = [], x = [];
+  let p = n, f = n;
+  for (let o = 1; o <= k; o++) {
+    const c = n - o, e = n + o;
+    c >= 1 && (m.push(c), f = c), e <= s && (x.push(e), p = e);
+  }
+  return /* @__PURE__ */ i(j, { children: /* @__PURE__ */ a(A, { children: [
+    n > 1 && /* @__PURE__ */ i(l, { children: /* @__PURE__ */ i(E, { onClick: r }) }),
+    f > 1 && /* @__PURE__ */ i(l, { children: /* @__PURE__ */ i(v, {}) }),
+    m.reverse().map((o) => /* @__PURE__ */ i(l, { children: /* @__PURE__ */ i(d, { onClick: /* @__PURE__ */ t(() => h(o), "onClick"), children: o }) }, o)),
+    /* @__PURE__ */ i(l, { children: /* @__PURE__ */ i(d, { isActive: !0, children: n }) }),
+    x.map((o) => /* @__PURE__ */ i(l, { children: /* @__PURE__ */ i(d, { onClick: /* @__PURE__ */ t(() => h(o), "onClick"), children: o }) }, o)),
+    p < s && /* @__PURE__ */ i(l, { children: /* @__PURE__ */ i(v, {}) }),
+    n < s && /* @__PURE__ */ i(l, { children: /* @__PURE__ */ i(I, { onClick: C }) })
+  ] }) });
+}
+t(q, "SimplePagination");
+export {
+  q as SimplePagination
+};

package/dist/components/tabs.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+declare function Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Tabs, TabsList, TabsTrigger, TabsContent };

package/dist/components/tabs.js

@@ -0,0 +1,73 @@
+var i = Object.defineProperty;
+var s = (t, e) => i(t, "name", { value: e, configurable: !0 });
+import { jsx as r } from "react/jsx-runtime";
+import { Root as o, List as n, Trigger as l, Content as c } from "../node_modules/@radix-ui/react-tabs/dist/index.js";
+import { cn as a } from "../lib/utils.js";
+function p({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ r(
+    o,
+    {
+      "data-slot": "tabs",
+      className: a("flex flex-col gap-2", t),
+      ...e
+    }
+  );
+}
+s(p, "Tabs");
+function g({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ r(
+    n,
+    {
+      "data-slot": "tabs-list",
+      className: a(
+        "bg-tabs text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",
+        t
+      ),
+      ...e
+    }
+  );
+}
+s(g, "TabsList");
+function m({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ r(
+    l,
+    {
+      "data-slot": "tabs-trigger",
+      className: a(
+        "cursor-pointer data-[state=active]:bg-primary data-[state=active]:text-primary-foreground focus-visible:border-ring focus-visible:ring-primary/50 focus-visible:outline-ring dark:data-[state=active]:border-input text-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        t
+      ),
+      ...e
+    }
+  );
+}
+s(m, "TabsTrigger");
+function x({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ r(
+    c,
+    {
+      "data-slot": "tabs-content",
+      className: a("flex-1 outline-none", t),
+      ...e
+    }
+  );
+}
+s(x, "TabsContent");
+export {
+  p as Tabs,
+  x as TabsContent,
+  g as TabsList,
+  m as TabsTrigger
+};

package/dist/hooks/use-mobile.d.ts

@@ -0,0 +1 @@
+export declare function useIsMobile(): boolean;

package/dist/index.js

@@ -0,0 +1,80 @@
+import { cn as e } from "./lib/utils.js";
+import { Alert as t, AlertDescription as a, AlertTitle as i } from "./components/alert.js";
+import { Badge as g } from "./components/badge.js";
+import { Button as D, buttonVariants as d } from "./components/button.js";
+import { Avatar as m, AvatarFallback as x, AvatarImage as C } from "./components/avatar.js";
+import { Card as w, CardAction as M, CardContent as P, CardDescription as b, CardFooter as s, CardHeader as T, CardTitle as c } from "./components/card.js";
+import { Checkbox as A } from "./components/checkbox.js";
+import { Dialog as I, DialogClose as h, DialogContent as k, DialogDescription as L, DialogFooter as F, DialogHeader as B, DialogOverlay as G, DialogPortal as H, DialogTitle as R, DialogTrigger as y } from "./components/dialog.js";
+import { DropdownMenu as N, DropdownMenuCheckboxItem as O, DropdownMenuContent as V, DropdownMenuGroup as j, DropdownMenuItem as q, DropdownMenuLabel as z, DropdownMenuPortal as J, DropdownMenuRadioGroup as K, DropdownMenuRadioItem as Q, DropdownMenuSeparator as U, DropdownMenuShortcut as W, DropdownMenuSub as X, DropdownMenuSubContent as Y, DropdownMenuSubTrigger as Z, DropdownMenuTrigger as _ } from "./components/dropdown-menu.js";
+import { Tabs as oo, TabsContent as ro, TabsList as eo, TabsTrigger as no } from "./components/tabs.js";
+import { Input as ao } from "./components/input.js";
+import { Label as po } from "./components/label.js";
+import { Pagination as lo, PaginationContent as Do, PaginationEllipsis as uo, PaginationItem as mo, PaginationLink as xo, PaginationNext as Co, PaginationPrevious as fo } from "./components/pagination.js";
+import { SimplePagination as Mo } from "./components/simple-pagination.js";
+import { Popover as bo, PopoverAnchor as so, PopoverContent as To, PopoverTrigger as co } from "./components/popover.js";
+import { Select as Ao } from "./components/select.js";
+export {
+  t as Alert,
+  a as AlertDescription,
+  i as AlertTitle,
+  m as Avatar,
+  x as AvatarFallback,
+  C as AvatarImage,
+  g as Badge,
+  D as Button,
+  w as Card,
+  M as CardAction,
+  P as CardContent,
+  b as CardDescription,
+  s as CardFooter,
+  T as CardHeader,
+  c as CardTitle,
+  A as Checkbox,
+  I as Dialog,
+  h as DialogClose,
+  k as DialogContent,
+  L as DialogDescription,
+  F as DialogFooter,
+  B as DialogHeader,
+  G as DialogOverlay,
+  H as DialogPortal,
+  R as DialogTitle,
+  y as DialogTrigger,
+  N as DropdownMenu,
+  O as DropdownMenuCheckboxItem,
+  V as DropdownMenuContent,
+  j as DropdownMenuGroup,
+  q as DropdownMenuItem,
+  z as DropdownMenuLabel,
+  J as DropdownMenuPortal,
+  K as DropdownMenuRadioGroup,
+  Q as DropdownMenuRadioItem,
+  U as DropdownMenuSeparator,
+  W as DropdownMenuShortcut,
+  X as DropdownMenuSub,
+  Y as DropdownMenuSubContent,
+  Z as DropdownMenuSubTrigger,
+  _ as DropdownMenuTrigger,
+  ao as Input,
+  po as Label,
+  lo as Pagination,
+  Do as PaginationContent,
+  uo as PaginationEllipsis,
+  mo as PaginationItem,
+  xo as PaginationLink,
+  Co as PaginationNext,
+  fo as PaginationPrevious,
+  bo as Popover,
+  so as PopoverAnchor,
+  To as PopoverContent,
+  co as PopoverTrigger,
+  Ao as Select,
+  Mo as SimplePagination,
+  oo as Tabs,
+  ro as TabsContent,
+  eo as TabsList,
+  no as TabsTrigger,
+  d as buttonVariants,
+  e as cn
+};

package/dist/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/lib/utils.js

@@ -0,0 +1,11 @@
+var e = Object.defineProperty;
+var o = (r, t) => e(r, "name", { value: t, configurable: !0 });
+import { clsx as m } from "clsx";
+import { twMerge as n } from "tailwind-merge";
+function p(...r) {
+  return n(m(r));
+}
+o(p, "cn");
+export {
+  p as cn
+};

package/dist/lib.d.ts

@@ -0,0 +1,16 @@
+export { cn } from "./lib/utils";
+export { Alert, AlertTitle, AlertDescription } from "./components/alert";
+export { Badge } from "./components/badge";
+export { Button, buttonVariants } from "./components/button";
+export { Avatar, AvatarImage, AvatarFallback } from "./components/avatar";
+export { Card, CardHeader, CardAction, CardTitle, CardDescription, CardContent, CardFooter } from "./components/card";
+export { Checkbox } from "./components/checkbox";
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./components/dialog";
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, } from "./components/dropdown-menu";
+export { Tabs, TabsList, TabsTrigger, TabsContent } from "./components/tabs";
+export { Input } from "./components/input";
+export { Label } from "./components/label";
+export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, } from "./components/pagination";
+export { SimplePagination } from "./components/simple-pagination";
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, } from "./components/popover";
+export { Select } from "./components/select";