fina-react-ds 1.0.51 → 2.0.0

package/dist/providers/loader-provider.js

@@ -1 +1 @@
-var l=Object.defineProperty;var t=(e,o)=>l(e,"name",{value:o,configurable:!0});import{jsxs as u,jsx as c}from"react/jsx-runtime";import{useState as f,createContext as m,useContext as g}from"react";import{toast as h}from"sonner";const v={isLoading:!1,loadingWithToast:t(()=>null,"loadingWithToast")},s=m(v);function P({children:e,...o}){const[r,i]=f(!1),d={isLoading:r,loadingWithToast:t((a,n)=>{i(!0),n.loading||(n.loading="Chargement en cours"),h.promise(a,n),a.finally(()=>{i(!1)})},"loadingWithToast")};return u(s.Provider,{...o,value:d,children:[e,r&&c("div",{className:"fixed inset-0 z-9999 bg-transparent pointer-events-auto"})]})}t(P,"LoaderProvider");const w=t(()=>{const e=g(s);if(e===void 0)throw new Error("useTheme must be used within a ThemeProvider");return e},"useLoader");export{P as LoaderProvider,w as useLoader};
+var l=Object.defineProperty;var t=(e,o)=>l(e,"name",{value:o,configurable:!0});import{jsxs as u,jsx as c}from"react/jsx-runtime";import{useState as f,useContext as m,createContext as g}from"react";import{toast as h}from"sonner";const v={isLoading:!1,loadingWithToast:t(()=>null,"loadingWithToast")},s=g(v);function P({children:e,...o}){const[r,i]=f(!1),d={isLoading:r,loadingWithToast:t((a,n)=>{i(!0),n.loading||(n.loading="Chargement en cours"),h.promise(a,n),a.finally(()=>{i(!1)})},"loadingWithToast")};return u(s.Provider,{...o,value:d,children:[e,r&&c("div",{className:"fixed inset-0 z-9999 bg-transparent pointer-events-auto"})]})}t(P,"LoaderProvider");const w=t(()=>{const e=m(s);if(e===void 0)throw new Error("useTheme must be used within a ThemeProvider");return e},"useLoader");export{P as LoaderProvider,w as useLoader};

package/dist/providers/theme-provider.js

@@ -1 +1 @@
-var h=Object.defineProperty;var s=(e,r)=>h(e,"name",{value:r,configurable:!0});import{jsx as u}from"react/jsx-runtime";import{useState as l,useEffect as T,createContext as f,useContext as v}from"react";const w={theme:"system",setTheme:s(()=>null,"setTheme")},n=f(w);function P({children:e,defaultTheme:r="system",storageKey:m="vite-ui-theme",...i}){const[o,c]=l(()=>localStorage.getItem(m)||r);T(()=>{const t=window.document.documentElement;if(t.classList.remove("light","dark"),o==="system"){const d=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light";t.classList.add(d);return}t.classList.add(o)},[o]);const a={theme:o,setTheme:s(t=>{localStorage.setItem(m,t),c(t)},"setTheme")};return u(n.Provider,{...i,value:a,children:e})}s(P,"ThemeProvider");const S=s(()=>{const e=v(n);if(e===void 0)throw new Error("useTheme must be used within a ThemeProvider");return e},"useTheme");export{P as ThemeProvider,S as useTheme};
+var h=Object.defineProperty;var s=(e,r)=>h(e,"name",{value:r,configurable:!0});import{jsx as u}from"react/jsx-runtime";import{useState as l,useEffect as T,useContext as f,createContext as v}from"react";const w={theme:"system",setTheme:s(()=>null,"setTheme")},n=v(w);function P({children:e,defaultTheme:r="system",storageKey:m="vite-ui-theme",...i}){const[o,c]=l(()=>localStorage.getItem(m)||r);T(()=>{const t=window.document.documentElement;if(t.classList.remove("light","dark"),o==="system"){const d=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light";t.classList.add(d);return}t.classList.add(o)},[o]);const a={theme:o,setTheme:s(t=>{localStorage.setItem(m,t),c(t)},"setTheme")};return u(n.Provider,{...i,value:a,children:e})}s(P,"ThemeProvider");const S=s(()=>{const e=f(n);if(e===void 0)throw new Error("useTheme must be used within a ThemeProvider");return e},"useTheme");export{P as ThemeProvider,S as useTheme};

package/package.json

@@ -5,7 +5,7 @@
     "url": "https://github.com/F1na/fina-react-ds"
   },
   "private": false,
-  "version": "1.0.51",
+  "version": "2.0.0",
   "type": "module",
   "files": [
     "dist"
@@ -21,6 +21,11 @@
       "import": "./dist/lib/index.js",
       "require": "./dist/lib/index.js"
     },
+    "./forms": {
+      "types": "./dist/forms/index.d.ts",
+      "import": "./dist/forms/index.js",
+      "require": "./dist/forms/index.js"
+    },
     "./hooks": {
       "types": "./dist/hooks/index.d.ts",
       "import": "./dist/hooks/index.js",
@@ -39,23 +44,25 @@
       "lib": [
         "./dist/lib/index.d.ts"
       ],
+      "forms": [
+        "./dist/forms/index.d.ts"
+      ],
       "hooks": [
         "./dist/hooks/index.d.ts"
       ]
     }
   },
   "dependencies": {
-    "@ckeditor/ckeditor5-react": "^11.0.0",
-    "ckeditor5": "^47.3.0",
+    "@base-ui/react": "^1.1.0",
+    "@ckeditor/ckeditor5-react": "^11.0.1",
+    "ckeditor5": "^47.4.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "date-fns": "^4.0.0",
-    "lucide-react": "^0.561.0",
-    "next-themes": "^0.4.6",
-    "qs": "^6.14.0",
-    "radix-ui": "^1.4.3",
+    "lucide-react": "^0.563.0",
+    "qs": "^6.14.1",
     "react-colorful": "^5.6.1",
-    "react-day-picker": "9.11.1",
+    "react-day-picker": "9.13.0",
     "react-dropzone": "^14.3.8",
     "react-select": "^5.10.2",
     "react-spinners": "^0.17.0",
@@ -65,34 +72,33 @@
     "yup": "^1.7.1"
   },
   "devDependencies": {
-    "@eslint/js": "^9.38.0",
+    "@eslint/js": "^9.39.2",
     "@tailwindcss/vite": "^4.1.18",
-    "@types/node": "^25.0.2",
+    "@types/node": "^25.0.10",
     "@types/qs": "^6.14.0",
-    "@types/react": "^19.2.7",
+    "@types/react": "^19.2.9",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react-swc": "^4.2.2",
-    "eslint": "^9.38.0",
-    "eslint-plugin-react-hooks": "^7.0.0",
-    "eslint-plugin-react-refresh": "^0.4.24",
-    "globals": "^16.5.0",
+    "eslint": "^9.39.2",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.26",
+    "globals": "^17.1.0",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
-    "react-hook-form": "^7.68.0",
-    "rimraf": "^6.0.1",
-    "rollup": "^4.52.5",
+    "react-hook-form": "^7.71.1",
+    "rimraf": "^6.1.2",
+    "rollup": "^4.56.0",
     "tailwindcss": "^4.1.18",
     "tsc-alias": "^1.8.16",
     "typescript": "~5.9.3",
-    "typescript-eslint": "^8.46.2",
-    "vite": "^7.2.7",
-    "vite-plugin-static-copy": "^3.1.4"
+    "typescript-eslint": "^8.53.1",
+    "vite": "^7.3.1",
+    "vite-plugin-static-copy": "^3.1.6"
   },
   "peerDependencies": {
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "date-fns": "^4.0.0",
-    "next-themes": "^0.4.6",
     "react": "^19.1.0",
     "react-colorful": "^5.6.1",
     "react-day-picker": "9.7.0",

package/dist/components/form-color-picker.d.ts

@@ -1,5 +0,0 @@
-export declare function FormColorPicker({ name, label, required, }: {
-    name: string;
-    label: string;
-    required?: boolean;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/components/form-color-picker.js

@@ -1 +0,0 @@
-var i=Object.defineProperty;var m=(o,e)=>i(o,"name",{value:e,configurable:!0});import{jsx as r,jsxs as c}from"react/jsx-runtime";import{HexColorPicker as s}from"react-colorful";import{useFormContext as F}from"react-hook-form";import{FormField as f,FormItem as p,FormLabel as x,FormControl as a,FormMessage as d}from"./form.js";function P({name:o,label:e,required:l=!1}){const{control:n}=F();return r(f,{control:n,name:o,render:m(({field:t})=>c(p,{children:[r(x,{required:l,children:e}),r(a,{children:r(s,{color:t.value??"",...t})}),r(d,{})]}),"render")})}m(P,"FormColorPicker");export{P as FormColorPicker};

package/dist/components/form-date.d.ts

@@ -1,6 +0,0 @@
-import { DatePicker } from "./date-picker";
-export declare function FormDate({ name, label, required, ...props }: {
-    name: string;
-    label: string;
-    required?: boolean;
-} & React.ComponentProps<typeof DatePicker>): import("react/jsx-runtime").JSX.Element;

package/dist/components/form-date.js

@@ -1 +0,0 @@
-var s=Object.defineProperty;var m=(o,e)=>s(o,"name",{value:e,configurable:!0});import{jsx as r,jsxs as F}from"react/jsx-runtime";import{useFormContext as a}from"react-hook-form";import{FormField as c,FormItem as f,FormLabel as d,FormControl as p,FormMessage as u}from"./form.js";import{DatePicker as x}from"./date-picker.js";function g({name:o,label:e,required:t=!1,...i}){const{control:n}=a();return r(c,{control:n,name:o,render:m(({field:l})=>F(f,{children:[r(d,{required:t,children:e}),r(p,{children:r(x,{...l,...i,isClearable:!0})}),r(u,{})]}),"render")})}m(g,"FormDate");export{g as FormDate};

package/dist/components/form-file-uploader.js

@@ -1 +0,0 @@
-var d=Object.defineProperty;var m=(o,e)=>d(o,"name",{value:e,configurable:!0});import{jsx as r,jsxs as s}from"react/jsx-runtime";import{useFormContext as c}from"react-hook-form";import{FormField as f,FormItem as p,FormLabel as a,FormControl as h,FormDescription as u,FormMessage as x}from"./form.js";import{FileUploader as j}from"./file-uploader.js";function I({name:o,label:e,description:l,required:i=!1,...t}){const{control:n}=c();return r(f,{control:n,name:o,render:m(({field:{value:C,...F}})=>s(p,{children:[r(a,{required:i,children:e}),r(h,{children:r(j,{...F,...t})}),l&&r(u,{children:l}),r(x,{})]}),"render")})}m(I,"FormFileUploader");export{I as FormFileUploader};

package/dist/components/form-html-input.js

@@ -1 +0,0 @@
-var f=Object.defineProperty;var o=(e,n)=>f(e,"name",{value:n,configurable:!0});import{jsx as r,jsxs as p}from"react/jsx-runtime";import{useFormContext as d}from"react-hook-form";import{FormField as h,FormItem as u,FormLabel as g,FormControl as C,FormDescription as x,FormMessage as I}from"./form.js";import{HtmlInput as j}from"./html-input.js";function O({name:e,label:n,description:t,required:m=!1,...l}){const{control:i}=d();return r(h,{control:i,name:e,render:o(({field:s})=>{const{onChange:F,...a}=s;return p(u,{children:[r(g,{required:m,children:n}),r(C,{children:r(j,{...a,...l,onChange:o((D,c)=>{F(c.getData())},"onChange")})}),t&&r(x,{children:t}),r(I,{})]})},"render")})}o(O,"FormHtmlInput");export{O as FormHtmlInput};

package/dist/components/form-image-uploader.js

@@ -1 +0,0 @@
-var d=Object.defineProperty;var m=(o,e)=>d(o,"name",{value:e,configurable:!0});import{jsx as r,jsxs as s}from"react/jsx-runtime";import{useFormContext as c}from"react-hook-form";import{FormField as f,FormItem as p,FormLabel as h,FormControl as u,FormDescription as x,FormMessage as g}from"./form.js";import{ImageUploader as I}from"./image-uploader.js";function L({name:o,label:e,description:l,required:t=!1,actualImageUrl:n="",...i}){const{control:F}=c();return r(f,{control:F,name:o,render:m(({field:{value:j,...a}})=>s(p,{children:[r(h,{required:t,children:e}),r(u,{children:r(I,{actualImageUrl:n,...a,...i})}),l&&r(x,{children:l}),r(g,{})]}),"render")})}m(L,"FormImageUploader");export{L as FormImageUploader};

package/dist/components/form-input.js

@@ -1 +0,0 @@
-var p=Object.defineProperty;var m=(o,e)=>p(o,"name",{value:e,configurable:!0});import{jsx as r,jsxs as u}from"react/jsx-runtime";import{useFormContext as f}from"react-hook-form";import{FormField as d,FormItem as a,FormLabel as h,FormControl as x,FormDescription as I,FormMessage as j}from"./form.js";import{Input as v}from"./input.js";function M({name:o,label:e,description:t,required:n=!1,...l}){const{control:i}=f();return r(d,{control:i,name:o,render:m(({field:s})=>{const{value:F,...c}=s;return u(a,{children:[r(h,{required:n,children:e}),r(x,{children:r(v,{value:F??"",...c,...l})}),t&&r(I,{children:t}),r(j,{})]})},"render")})}m(M,"FormInput");export{M as FormInput};

package/dist/components/form-select.d.ts

@@ -1,14 +0,0 @@
-import { Select } from "./select";
-export declare function FormSelect({ name, label, description, required, options, isMulti, isClearable, onChange, ...props }: {
-    name: string;
-    label: string;
-    description?: string;
-    required?: boolean;
-    options: {
-        value: string;
-        label: string;
-    }[];
-    isMulti?: boolean;
-    isClearable?: boolean;
-    onChange?: (value: unknown) => void;
-} & React.ComponentProps<typeof Select>): import("react/jsx-runtime").JSX.Element;

package/dist/components/form-select.js

@@ -1 +0,0 @@
-var x=Object.defineProperty;var o=(e,n)=>x(e,"name",{value:n,configurable:!0});import{jsx as r,jsxs as C}from"react/jsx-runtime";import{useFormContext as g}from"react-hook-form";import{FormField as u,FormItem as j,FormLabel as S,FormControl as b,FormDescription as D,FormMessage as I}from"./form.js";import{Select as L}from"./select.js";function v({name:e,label:n,description:m,required:l=!1,options:s,isMulti:f=!1,isClearable:c=!1,onChange:t=void 0,...F}){const{control:d}=g();return r(u,{control:d,name:e,render:o(({field:a})=>{const{onChange:h,...p}=a;return C(j,{children:[r(S,{required:l,children:n}),r(b,{children:r(L,{onChange:o(i=>{h(i),t&&t(i)},"onChange"),...p,options:s,isMulti:f,isClearable:c,...F})}),m&&r(D,{children:m}),r(I,{})]})},"render")})}o(v,"FormSelect");export{v as FormSelect};

package/dist/components/form-switch.js

@@ -1 +0,0 @@
-var s=Object.defineProperty;var o=(r,e)=>s(r,"name",{value:e,configurable:!0});import{jsx as m,jsxs as h}from"react/jsx-runtime";import{useId as l}from"react";import{FormField as d,FormItem as f}from"./form.js";import{Switch as p}from"./switch.js";import{Label as a}from"./label.js";import{useFormContext as F}from"react-hook-form";function I({name:r,label:e}){const{control:c}=F(),t=l();return m(d,{control:c,name:r,render:o(({field:n})=>h(f,{className:"flex items-center",children:[m(p,{id:t,checked:n.value,onCheckedChange:o(i=>{n.onChange(i)},"onCheckedChange")}),m(a,{htmlFor:t,children:e})]}),"render")})}o(I,"FormSwitch");export{I as FormSwitch};

package/dist/components/form-textarea.js

@@ -1 +0,0 @@
-var c=Object.defineProperty;var m=(o,e)=>c(o,"name",{value:e,configurable:!0});import{jsx as r,jsxs as f}from"react/jsx-runtime";import{useFormContext as d}from"react-hook-form";import{FormField as p,FormItem as u,FormLabel as x,FormControl as h,FormDescription as j,FormMessage as v}from"./form.js";import{Textarea as C}from"./textarea.js";function L({name:o,label:e,description:t,required:n=!1,...l}){const{control:i}=d();return r(p,{control:i,name:o,render:m(({field:s})=>{const{value:a,...F}=s;return f(u,{children:[r(x,{required:n,children:e}),r(h,{children:r(C,{value:a??"",...F,...l})}),t&&r(j,{children:t}),r(v,{})]})},"render")})}m(L,"FormTextarea");export{L as FormTextarea};

package/dist/components/form.d.ts

@@ -1,25 +0,0 @@
-import * as React from "react";
-import { Label as LabelPrimitive, Slot as SlotPrimitve } from "radix-ui";
-import { type ControllerProps, type FieldPath, type FieldValues } from "react-hook-form";
-declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
-declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
-declare const useFormField: () => {
-    invalid: boolean;
-    isDirty: boolean;
-    isTouched: boolean;
-    isValidating: boolean;
-    error?: import("react-hook-form").FieldError;
-    id: string;
-    name: string;
-    formItemId: string;
-    formDescriptionId: string;
-    formMessageId: string;
-};
-declare function FormItem({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function FormLabel({ className, required, ...props }: React.ComponentProps<typeof LabelPrimitive.Root> & {
-    required: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function FormControl({ ...props }: React.ComponentProps<typeof SlotPrimitve.Root>): import("react/jsx-runtime").JSX.Element;
-declare function FormDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
-declare function FormMessage({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element | null;
-export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };

package/dist/components/form.js

@@ -1 +0,0 @@
-var u=Object.defineProperty;var n=(t,e)=>u(t,"name",{value:e,configurable:!0});import{jsx as s}from"react/jsx-runtime";import*as i from"react";import{Slot as F}from"radix-ui";import{FormProvider as x,useFormContext as I,useFormState as p,Controller as g}from"react-hook-form";import{cn as d}from"../lib/utils.js";import{Label as C}from"./label.js";const M=x,l=i.createContext({}),N=n(({...t})=>s(l.Provider,{value:{name:t.name},children:s(g,{...t})}),"FormField"),c=n(()=>{const t=i.useContext(l),e=i.useContext(f),{getFieldState:r}=I(),o=p({name:t.name}),m=r(t.name,o);if(!t)throw new Error("useFormField should be used within <FormField>");const{id:a}=e;return{id:a,name:t.name,formItemId:`${a}-form-item`,formDescriptionId:`${a}-form-item-description`,formMessageId:`${a}-form-item-message`,...m}},"useFormField"),f=i.createContext({});function w({className:t,...e}){const r=i.useId();return s(f.Provider,{value:{id:r},children:s("div",{"data-slot":"form-item",className:d("grid gap-2",t),...e})})}n(w,"FormItem");function P({className:t,required:e=!1,...r}){const{error:o,formItemId:m}=c();return s(C,{"data-slot":"form-label","data-error":!!o,className:d("data-[error=true]:text-destructive",t),htmlFor:m,required:e,...r})}n(P,"FormLabel");function y({...t}){const{error:e,formItemId:r,formDescriptionId:o,formMessageId:m}=c();return s(F.Root,{"data-slot":"form-control",id:r,"aria-describedby":e?`${o} ${m}`:`${o}`,"aria-invalid":!!e,...t})}n(y,"FormControl");function L({className:t,...e}){const{formDescriptionId:r}=c();return s("p",{"data-slot":"form-description",id:r,className:d("text-muted text-sm",t),...e})}n(L,"FormDescription");function R({className:t,...e}){const{error:r,formMessageId:o}=c(),m=r?String(r?.message??""):e.children;return m?s("p",{"data-slot":"form-message",id:o,className:d("text-destructive text-sm",t),...e,children:m}):null}n(R,"FormMessage");export{M as Form,y as FormControl,L as FormDescription,N as FormField,w as FormItem,P as FormLabel,R as FormMessage,c as useFormField};