@wakastellar/ui 4.0.1 → 4.1.1

package/dist/blocks/wizard/index.cjs.js

@@ -1 +1 @@
-"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`),n=require(`../../components/alert-dialog/index.cjs.js`),r=require(`../../components/button/index.cjs.js`),i=require(`../../components/card/index.cjs.js`),a=require(`../../components/progress/index.cjs.js`);let o=require(`react`);o=e.__toESM(o);let s=require(`lucide-react`),c=require(`react/jsx-runtime`);var l=o.createContext(null);function u(){let e=o.useContext(l);if(!e)throw Error(`useWizard must be used within a WakaWizard`);return e}function d({steps:e,currentStep:n,stepStatuses:r,showStepNumbers:i,orientation:a,onStepClick:l,allowBackNavigation:u}){let d=(e,t)=>t===`completed`?(0,c.jsx)(s.Check,{className:`h-4 w-4`}):t===`error`?(0,c.jsx)(s.AlertCircle,{className:`h-4 w-4`}):t===`skipped`?(0,c.jsx)(s.X,{className:`h-4 w-4 text-muted-foreground`}):i?(0,c.jsx)(`span`,{className:`text-xs font-medium`,children:e+1}):(0,c.jsx)(s.Circle,{className:`h-3 w-3`}),f=e=>{switch(e){case`completed`:return`bg-primary text-primary-foreground border-primary`;case`current`:return`bg-primary text-primary-foreground border-primary`;case`error`:return`bg-destructive text-destructive-foreground border-destructive`;case`skipped`:return`bg-muted text-muted-foreground border-muted`;default:return`bg-background text-muted-foreground border-border`}};return a===`vertical`?(0,c.jsx)(`div`,{className:`flex flex-col gap-0`,children:e.map((i,a)=>{let o=r[a],s=u&&a<n;return(0,c.jsxs)(`div`,{className:`flex gap-3`,children:[(0,c.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,c.jsx)(`button`,{type:`button`,disabled:!s,onClick:()=>s&&l?.(a),className:t.cn(`flex h-8 w-8 items-center justify-center rounded-full border-2 transition-colors`,f(o),s&&`cursor-pointer hover:opacity-80`),children:i.icon||d(a,o)}),a<e.length-1&&(0,c.jsx)(`div`,{className:t.cn(`w-0.5 flex-1 min-h-[24px]`,r[a]===`completed`?`bg-primary`:`bg-border`)})]}),(0,c.jsxs)(`div`,{className:`pb-8`,children:[(0,c.jsxs)(`div`,{className:t.cn(`font-medium`,o===`current`?`text-foreground`:`text-muted-foreground`),children:[i.title,i.optional&&(0,c.jsx)(`span`,{className:`ml-2 text-xs text-muted-foreground`,children:`(optionnel)`})]}),i.description&&(0,c.jsx)(`div`,{className:`text-sm text-muted-foreground mt-0.5`,children:i.description})]})]},i.id)})}):(0,c.jsx)(`div`,{className:`flex items-center gap-0`,children:e.map((i,a)=>{let s=r[a],p=u&&a<n;return(0,c.jsxs)(o.Fragment,{children:[(0,c.jsxs)(`div`,{className:`flex flex-col items-center gap-2`,children:[(0,c.jsx)(`button`,{type:`button`,disabled:!p,onClick:()=>p&&l?.(a),className:t.cn(`flex h-8 w-8 items-center justify-center rounded-full border-2 transition-colors`,f(s),p&&`cursor-pointer hover:opacity-80`),children:i.icon||d(a,s)}),(0,c.jsx)(`div`,{className:`text-center`,children:(0,c.jsx)(`div`,{className:t.cn(`text-sm font-medium`,s===`current`?`text-foreground`:`text-muted-foreground`),children:i.title})})]}),a<e.length-1&&(0,c.jsx)(`div`,{className:t.cn(`flex-1 h-0.5 mx-2 mb-6`,r[a]===`completed`?`bg-primary`:`bg-border`)})]},i.id)})})}function f({onPrev:e,onNext:t,onSkip:n,onCancel:i,isFirstStep:a,isLastStep:o,isOptional:l,prevButtonText:u,nextButtonText:d,finishButtonText:f,skipButtonText:p,cancelButtonText:m,showCancelButton:h,submitting:g}){return(0,c.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,c.jsx)(`div`,{className:`flex gap-2`,children:h&&i&&(0,c.jsx)(r.Button,{type:`button`,variant:`ghost`,onClick:i,disabled:g,children:m})}),(0,c.jsxs)(`div`,{className:`flex gap-2`,children:[!a&&(0,c.jsxs)(r.Button,{type:`button`,variant:`outline`,onClick:e,disabled:g,children:[(0,c.jsx)(s.ArrowLeft,{className:`mr-2 h-4 w-4`}),u]}),l&&n&&!o&&(0,c.jsx)(r.Button,{type:`button`,variant:`ghost`,onClick:n,disabled:g,children:p}),(0,c.jsxs)(r.Button,{type:`button`,onClick:t,disabled:g,children:[g&&(0,c.jsx)(s.Loader2,{className:`mr-2 h-4 w-4 animate-spin`}),o?f:d,!o&&!g&&(0,c.jsx)(s.ArrowRight,{className:`ml-2 h-4 w-4`})]})]})]})}function p({steps:e,currentStep:r,onStepChange:s,onSubmit:u,onCancel:p,title:m,description:h,prevButtonText:g=`Précédent`,nextButtonText:_=`Suivant`,finishButtonText:v=`Terminer`,cancelButtonText:y=`Annuler`,skipButtonText:b=`Passer`,showCancelButton:x=!0,showProgress:S=!0,showStepNumbers:C=!0,showStepper:w=!0,stepperPosition:T=`top`,allowBackNavigation:E=!0,confirmCancel:D=!0,cancelConfirmMessage:O=`Êtes-vous sûr de vouloir annuler ? Toutes les modifications seront perdues.`,submitting:k=!1,layout:A=`card`,className:j}){let[M,N]=o.useState(0),[P,F]=o.useState(e.map((e,t)=>t===0?`current`:`pending`)),[I,L]=o.useState(!1),R=r??M,z=R===0,B=R===e.length-1,V=e[R],H=(R+1)/e.length*100,U=(t,n)=>{F(r=>{let i=[...r];if(n===`next`&&R<e.length)i[R]=`completed`;else if(n===`skip`)i[R]=`skipped`;else if(n===`goto`&&t<R)for(let n=t+1;n<e.length;n++)i[n]=`pending`;return i[t]=`current`,i})},W=async t=>{if(t<0||t>=e.length||t>R&&!E)return;V.onLeave&&await V.onLeave(),U(t,`goto`),s?s(t):N(t);let n=e[t];n.onEnter&&await n.onEnter()},G=async()=>{if(V.validate&&!await V.validate()){F(e=>{let t=[...e];return t[R]=`error`,t});return}if(V.onLeave&&await V.onLeave(),B){let t={steps:e.map((e,t)=>({id:e.id,status:t===R?`completed`:P[t]})),completedSteps:e.filter((e,t)=>P[t]===`completed`||t===R).map(e=>e.id),skippedSteps:e.filter((e,t)=>P[t]===`skipped`).map(e=>e.id)};await u?.(t)}else{let t=R+1;U(t,`next`),s?s(t):N(t);let n=e[t];n.onEnter&&await n.onEnter()}},K=async()=>{if(z)return;V.onLeave&&await V.onLeave();let t=R-1;U(t,`prev`),s?s(t):N(t);let n=e[t];n.onEnter&&await n.onEnter()},q=async()=>{if(!V.optional||B)return;V.onLeave&&await V.onLeave();let t=R+1;U(t,`skip`),s?s(t):N(t);let n=e[t];n.onEnter&&await n.onEnter()},J=()=>{D?L(!0):p?.()},Y={currentStep:R,totalSteps:e.length,stepStatuses:P,goToStep:W,nextStep:G,prevStep:K,skipStep:q,isFirstStep:z,isLastStep:B},X=w&&(0,c.jsx)(d,{steps:e,currentStep:R,stepStatuses:P,showStepNumbers:C,orientation:T===`left`?`vertical`:`horizontal`,onStepClick:W,allowBackNavigation:E}),Z=(0,c.jsx)(f,{onPrev:K,onNext:G,onSkip:V.optional?q:void 0,onCancel:p?J:void 0,isFirstStep:z,isLastStep:B,isOptional:V.optional||!1,prevButtonText:g,nextButtonText:_,finishButtonText:v,skipButtonText:b,cancelButtonText:y,showCancelButton:x,submitting:k}),Q=(0,c.jsxs)(l.Provider,{value:Y,children:[T===`left`?(0,c.jsxs)(`div`,{className:`flex gap-8`,children:[(0,c.jsx)(`div`,{className:`w-64 flex-shrink-0`,children:X}),(0,c.jsxs)(`div`,{className:`flex-1`,children:[S&&(0,c.jsxs)(`div`,{className:`mb-6`,children:[(0,c.jsxs)(`div`,{className:`flex justify-between text-sm text-muted-foreground mb-2`,children:[(0,c.jsxs)(`span`,{children:[`Étape `,R+1,` sur `,e.length]}),(0,c.jsxs)(`span`,{children:[Math.round(H),`%`]})]}),(0,c.jsx)(a.Progress,{value:H})]}),(0,c.jsx)(`div`,{className:`min-h-[300px]`,children:V.content}),(0,c.jsx)(`div`,{className:`mt-8`,children:Z})]})]}):(0,c.jsxs)(c.Fragment,{children:[X&&(0,c.jsx)(`div`,{className:`mb-8`,children:X}),S&&(0,c.jsxs)(`div`,{className:`mb-6`,children:[(0,c.jsxs)(`div`,{className:`flex justify-between text-sm text-muted-foreground mb-2`,children:[(0,c.jsxs)(`span`,{children:[`Étape `,R+1,` sur `,e.length]}),(0,c.jsxs)(`span`,{children:[Math.round(H),`%`]})]}),(0,c.jsx)(a.Progress,{value:H})]}),(0,c.jsx)(`div`,{className:`min-h-[300px]`,children:V.content}),(0,c.jsx)(`div`,{className:`mt-8`,children:Z})]}),(0,c.jsx)(n.AlertDialog,{open:I,onOpenChange:L,children:(0,c.jsxs)(n.AlertDialogContent,{children:[(0,c.jsxs)(n.AlertDialogHeader,{children:[(0,c.jsx)(n.AlertDialogTitle,{children:`Annuler ?`}),(0,c.jsx)(n.AlertDialogDescription,{children:O})]}),(0,c.jsxs)(n.AlertDialogFooter,{children:[(0,c.jsx)(n.AlertDialogCancel,{children:`Non, continuer`}),(0,c.jsx)(n.AlertDialogAction,{onClick:()=>{L(!1),p?.()},children:`Oui, annuler`})]})]})})]});return A===`minimal`?(0,c.jsx)(`div`,{className:t.cn(`space-y-6`,j),children:Q}):A===`page`?(0,c.jsxs)(`div`,{className:t.cn(`container py-8 max-w-4xl`,j),children:[(m||h)&&(0,c.jsxs)(`div`,{className:`mb-8`,children:[m&&(0,c.jsx)(`h1`,{className:`text-2xl font-bold tracking-tight`,children:m}),h&&(0,c.jsx)(`p`,{className:`text-muted-foreground mt-1`,children:h})]}),Q]}):(0,c.jsxs)(i.Card,{className:j,children:[(m||h)&&(0,c.jsxs)(i.CardHeader,{children:[m&&(0,c.jsx)(i.CardTitle,{children:m}),h&&(0,c.jsx)(i.CardDescription,{children:h})]}),(0,c.jsx)(i.CardContent,{children:Q})]})}var m=[{id:`step-1`,title:`Informations de base`,description:`Renseignez vos informations personnelles`,content:(0,c.jsx)(`div`,{className:`space-y-4`,children:(0,c.jsx)(`p`,{className:`text-muted-foreground`,children:`Contenu de l'étape 1 - Informations de base`})})},{id:`step-2`,title:`Configuration`,description:`Configurez vos préférences`,optional:!0,content:(0,c.jsx)(`div`,{className:`space-y-4`,children:(0,c.jsx)(`p`,{className:`text-muted-foreground`,children:`Contenu de l'étape 2 - Configuration (optionnel)`})})},{id:`step-3`,title:`Confirmation`,description:`Vérifiez et confirmez`,content:(0,c.jsx)(`div`,{className:`space-y-4`,children:(0,c.jsx)(`p`,{className:`text-muted-foreground`,children:`Contenu de l'étape 3 - Confirmation`})})}];exports.default=p,exports.defaultWizardSteps=m,exports.useWizard=u;
+"use client";"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js"),n=require("../../components/alert-dialog/index.cjs.js"),r=require("../../components/button/index.cjs.js"),i=require("../../components/card/index.cjs.js"),a=require("../../components/progress/index.cjs.js");let o=require("react");o=e.__toESM(o);let s=require("lucide-react"),c=require("react/jsx-runtime");var l=o.createContext(null);function u(){let e=o.useContext(l);if(!e)throw Error(`useWizard must be used within a WakaWizard`);return e}function d({steps:e,currentStep:n,stepStatuses:r,showStepNumbers:i,orientation:a,onStepClick:l,allowBackNavigation:u}){let d=(e,t)=>t===`completed`?(0,c.jsx)(s.Check,{className:`h-4 w-4`}):t===`error`?(0,c.jsx)(s.AlertCircle,{className:`h-4 w-4`}):t===`skipped`?(0,c.jsx)(s.X,{className:`h-4 w-4 text-muted-foreground`}):i?(0,c.jsx)(`span`,{className:`text-xs font-medium`,children:e+1}):(0,c.jsx)(s.Circle,{className:`h-3 w-3`}),f=e=>{switch(e){case`completed`:return`bg-primary text-primary-foreground border-primary`;case`current`:return`bg-primary text-primary-foreground border-primary`;case`error`:return`bg-destructive text-destructive-foreground border-destructive`;case`skipped`:return`bg-muted text-muted-foreground border-muted`;default:return`bg-background text-muted-foreground border-border`}};return a===`vertical`?(0,c.jsx)(`div`,{className:`flex flex-col gap-0`,children:e.map((i,a)=>{let o=r[a],s=u&&a<n;return(0,c.jsxs)(`div`,{className:`flex gap-3`,children:[(0,c.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,c.jsx)(`button`,{type:`button`,disabled:!s,onClick:()=>s&&l?.(a),className:t.cn(`flex h-8 w-8 items-center justify-center rounded-full border-2 transition-colors`,f(o),s&&`cursor-pointer hover:opacity-80`),children:i.icon||d(a,o)}),a<e.length-1&&(0,c.jsx)(`div`,{className:t.cn(`w-0.5 flex-1 min-h-[24px]`,r[a]===`completed`?`bg-primary`:`bg-border`)})]}),(0,c.jsxs)(`div`,{className:`pb-8`,children:[(0,c.jsxs)(`div`,{className:t.cn(`font-medium`,o===`current`?`text-foreground`:`text-muted-foreground`),children:[i.title,i.optional&&(0,c.jsx)(`span`,{className:`ml-2 text-xs text-muted-foreground`,children:`(optionnel)`})]}),i.description&&(0,c.jsx)(`div`,{className:`text-sm text-muted-foreground mt-0.5`,children:i.description})]})]},i.id)})}):(0,c.jsx)(`div`,{className:`flex items-center gap-0`,children:e.map((i,a)=>{let s=r[a],p=u&&a<n;return(0,c.jsxs)(o.Fragment,{children:[(0,c.jsxs)(`div`,{className:`flex flex-col items-center gap-2`,children:[(0,c.jsx)(`button`,{type:`button`,disabled:!p,onClick:()=>p&&l?.(a),className:t.cn(`flex h-8 w-8 items-center justify-center rounded-full border-2 transition-colors`,f(s),p&&`cursor-pointer hover:opacity-80`),children:i.icon||d(a,s)}),(0,c.jsx)(`div`,{className:`text-center`,children:(0,c.jsx)(`div`,{className:t.cn(`text-sm font-medium`,s===`current`?`text-foreground`:`text-muted-foreground`),children:i.title})})]}),a<e.length-1&&(0,c.jsx)(`div`,{className:t.cn(`flex-1 h-0.5 mx-2 mb-6`,r[a]===`completed`?`bg-primary`:`bg-border`)})]},i.id)})})}function f({onPrev:e,onNext:t,onSkip:n,onCancel:i,isFirstStep:a,isLastStep:o,isOptional:l,prevButtonText:u,nextButtonText:d,finishButtonText:f,skipButtonText:p,cancelButtonText:m,showCancelButton:h,submitting:g}){return(0,c.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,c.jsx)(`div`,{className:`flex gap-2`,children:h&&i&&(0,c.jsx)(r.Button,{type:`button`,variant:`ghost`,onClick:i,disabled:g,children:m})}),(0,c.jsxs)(`div`,{className:`flex gap-2`,children:[!a&&(0,c.jsxs)(r.Button,{type:`button`,variant:`outline`,onClick:e,disabled:g,children:[(0,c.jsx)(s.ArrowLeft,{className:`mr-2 h-4 w-4`}),u]}),l&&n&&!o&&(0,c.jsx)(r.Button,{type:`button`,variant:`ghost`,onClick:n,disabled:g,children:p}),(0,c.jsxs)(r.Button,{type:`button`,onClick:t,disabled:g,children:[g&&(0,c.jsx)(s.Loader2,{className:`mr-2 h-4 w-4 animate-spin`}),o?f:d,!o&&!g&&(0,c.jsx)(s.ArrowRight,{className:`ml-2 h-4 w-4`})]})]})]})}function p({steps:e,currentStep:r,onStepChange:s,onSubmit:u,onCancel:p,title:m,description:h,prevButtonText:g=`Précédent`,nextButtonText:_=`Suivant`,finishButtonText:v=`Terminer`,cancelButtonText:y=`Annuler`,skipButtonText:b=`Passer`,showCancelButton:x=!0,showProgress:S=!0,showStepNumbers:C=!0,showStepper:w=!0,stepperPosition:T=`top`,allowBackNavigation:E=!0,confirmCancel:D=!0,cancelConfirmMessage:O=`Êtes-vous sûr de vouloir annuler ? Toutes les modifications seront perdues.`,submitting:k=!1,layout:A=`card`,className:j}){let[M,N]=o.useState(0),[P,F]=o.useState(e.map((e,t)=>t===0?`current`:`pending`)),[I,L]=o.useState(!1),R=r??M,z=R===0,B=R===e.length-1,V=e[R],H=(R+1)/e.length*100,U=(t,n)=>{F(r=>{let i=[...r];if(n===`next`&&R<e.length)i[R]=`completed`;else if(n===`skip`)i[R]=`skipped`;else if(n===`goto`&&t<R)for(let n=t+1;n<e.length;n++)i[n]=`pending`;return i[t]=`current`,i})},W=async t=>{if(t<0||t>=e.length||t>R&&!E)return;V.onLeave&&await V.onLeave(),U(t,`goto`),s?s(t):N(t);let n=e[t];n.onEnter&&await n.onEnter()},G=async()=>{if(V.validate&&!await V.validate()){F(e=>{let t=[...e];return t[R]=`error`,t});return}if(V.onLeave&&await V.onLeave(),B){let t={steps:e.map((e,t)=>({id:e.id,status:t===R?`completed`:P[t]})),completedSteps:e.filter((e,t)=>P[t]===`completed`||t===R).map(e=>e.id),skippedSteps:e.filter((e,t)=>P[t]===`skipped`).map(e=>e.id)};await u?.(t)}else{let t=R+1;U(t,`next`),s?s(t):N(t);let n=e[t];n.onEnter&&await n.onEnter()}},K=async()=>{if(z)return;V.onLeave&&await V.onLeave();let t=R-1;U(t,`prev`),s?s(t):N(t);let n=e[t];n.onEnter&&await n.onEnter()},q=async()=>{if(!V.optional||B)return;V.onLeave&&await V.onLeave();let t=R+1;U(t,`skip`),s?s(t):N(t);let n=e[t];n.onEnter&&await n.onEnter()},J=()=>{D?L(!0):p?.()},Y={currentStep:R,totalSteps:e.length,stepStatuses:P,goToStep:W,nextStep:G,prevStep:K,skipStep:q,isFirstStep:z,isLastStep:B},X=w&&(0,c.jsx)(d,{steps:e,currentStep:R,stepStatuses:P,showStepNumbers:C,orientation:T===`left`?`vertical`:`horizontal`,onStepClick:W,allowBackNavigation:E}),Z=(0,c.jsx)(f,{onPrev:K,onNext:G,onSkip:V.optional?q:void 0,onCancel:p?J:void 0,isFirstStep:z,isLastStep:B,isOptional:V.optional||!1,prevButtonText:g,nextButtonText:_,finishButtonText:v,skipButtonText:b,cancelButtonText:y,showCancelButton:x,submitting:k}),Q=(0,c.jsxs)(l.Provider,{value:Y,children:[T===`left`?(0,c.jsxs)(`div`,{className:`flex gap-8`,children:[(0,c.jsx)(`div`,{className:`w-64 flex-shrink-0`,children:X}),(0,c.jsxs)(`div`,{className:`flex-1`,children:[S&&(0,c.jsxs)(`div`,{className:`mb-6`,children:[(0,c.jsxs)(`div`,{className:`flex justify-between text-sm text-muted-foreground mb-2`,children:[(0,c.jsxs)(`span`,{children:[`Étape `,R+1,` sur `,e.length]}),(0,c.jsxs)(`span`,{children:[Math.round(H),`%`]})]}),(0,c.jsx)(a.Progress,{value:H})]}),(0,c.jsx)(`div`,{className:`min-h-[300px]`,children:V.content}),(0,c.jsx)(`div`,{className:`mt-8`,children:Z})]})]}):(0,c.jsxs)(c.Fragment,{children:[X&&(0,c.jsx)(`div`,{className:`mb-8`,children:X}),S&&(0,c.jsxs)(`div`,{className:`mb-6`,children:[(0,c.jsxs)(`div`,{className:`flex justify-between text-sm text-muted-foreground mb-2`,children:[(0,c.jsxs)(`span`,{children:[`Étape `,R+1,` sur `,e.length]}),(0,c.jsxs)(`span`,{children:[Math.round(H),`%`]})]}),(0,c.jsx)(a.Progress,{value:H})]}),(0,c.jsx)(`div`,{className:`min-h-[300px]`,children:V.content}),(0,c.jsx)(`div`,{className:`mt-8`,children:Z})]}),(0,c.jsx)(n.AlertDialog,{open:I,onOpenChange:L,children:(0,c.jsxs)(n.AlertDialogContent,{children:[(0,c.jsxs)(n.AlertDialogHeader,{children:[(0,c.jsx)(n.AlertDialogTitle,{children:`Annuler ?`}),(0,c.jsx)(n.AlertDialogDescription,{children:O})]}),(0,c.jsxs)(n.AlertDialogFooter,{children:[(0,c.jsx)(n.AlertDialogCancel,{children:`Non, continuer`}),(0,c.jsx)(n.AlertDialogAction,{onClick:()=>{L(!1),p?.()},children:`Oui, annuler`})]})]})})]});return A===`minimal`?(0,c.jsx)(`div`,{className:t.cn(`space-y-6`,j),children:Q}):A===`page`?(0,c.jsxs)(`div`,{className:t.cn(`container py-8 max-w-4xl`,j),children:[(m||h)&&(0,c.jsxs)(`div`,{className:`mb-8`,children:[m&&(0,c.jsx)(`h1`,{className:`text-2xl font-bold tracking-tight`,children:m}),h&&(0,c.jsx)(`p`,{className:`text-muted-foreground mt-1`,children:h})]}),Q]}):(0,c.jsxs)(i.Card,{className:j,children:[(m||h)&&(0,c.jsxs)(i.CardHeader,{children:[m&&(0,c.jsx)(i.CardTitle,{children:m}),h&&(0,c.jsx)(i.CardDescription,{children:h})]}),(0,c.jsx)(i.CardContent,{children:Q})]})}var m=[{id:`step-1`,title:`Informations de base`,description:`Renseignez vos informations personnelles`,content:(0,c.jsx)(`div`,{className:`space-y-4`,children:(0,c.jsx)(`p`,{className:`text-muted-foreground`,children:`Contenu de l'étape 1 - Informations de base`})})},{id:`step-2`,title:`Configuration`,description:`Configurez vos préférences`,optional:!0,content:(0,c.jsx)(`div`,{className:`space-y-4`,children:(0,c.jsx)(`p`,{className:`text-muted-foreground`,children:`Contenu de l'étape 2 - Configuration (optionnel)`})})},{id:`step-3`,title:`Confirmation`,description:`Vérifiez et confirmez`,content:(0,c.jsx)(`div`,{className:`space-y-4`,children:(0,c.jsx)(`p`,{className:`text-muted-foreground`,children:`Contenu de l'étape 3 - Confirmation`})})}];exports.WakaWizard=p,exports.default=p,exports.defaultWizardSteps=m,exports.useWizard=u;

package/dist/blocks/wizard/index.es.js

@@ -15,7 +15,7 @@ function D() {
 	if (!e) throw Error("useWizard must be used within a WakaWizard");
 	return e;
 }
-function te({ steps: t, currentStep: n, stepStatuses: r, showStepNumbers: i, orientation: a, onStepClick: o, allowBackNavigation: s }) {
+function O({ steps: t, currentStep: n, stepStatuses: r, showStepNumbers: i, orientation: a, onStepClick: o, allowBackNavigation: s }) {
 	let c = (e, t) => t === "completed" ? /* @__PURE__ */ w(b, { className: "h-4 w-4" }) : t === "error" ? /* @__PURE__ */ w(_, { className: "h-4 w-4" }) : t === "skipped" ? /* @__PURE__ */ w(C, { className: "h-4 w-4 text-muted-foreground" }) : i ? /* @__PURE__ */ w("span", {
 		className: "text-xs font-medium",
 		children: e + 1
@@ -81,7 +81,7 @@ function te({ steps: t, currentStep: n, stepStatuses: r, showStepNumbers: i, ori
 		})
 	});
 }
-function ne({ onPrev: e, onNext: t, onSkip: n, onCancel: r, isFirstStep: i, isLastStep: a, isOptional: o, prevButtonText: s, nextButtonText: c, finishButtonText: u, skipButtonText: d, cancelButtonText: f, showCancelButton: p, submitting: m }) {
+function te({ onPrev: e, onNext: t, onSkip: n, onCancel: r, isFirstStep: i, isLastStep: a, isOptional: o, prevButtonText: s, nextButtonText: c, finishButtonText: u, skipButtonText: d, cancelButtonText: f, showCancelButton: p, submitting: m }) {
 	return /* @__PURE__ */ T("div", {
 		className: "flex items-center justify-between",
 		children: [/* @__PURE__ */ w("div", {
@@ -124,9 +124,9 @@ function ne({ onPrev: e, onNext: t, onSkip: n, onCancel: r, isFirstStep: i, isLa
 		})]
 	});
 }
-function O({ steps: l, currentStep: _, onStepChange: v, onSubmit: y, onCancel: b, title: x, description: S, prevButtonText: C = "Précédent", nextButtonText: D = "Suivant", finishButtonText: O = "Terminer", cancelButtonText: k = "Annuler", skipButtonText: re = "Passer", showCancelButton: A = !0, showProgress: j = !0, showStepNumbers: ie = !0, showStepper: ae = !0, stepperPosition: M = "top", allowBackNavigation: N = !0, confirmCancel: oe = !0, cancelConfirmMessage: se = "Êtes-vous sûr de vouloir annuler ? Toutes les modifications seront perdues.", submitting: ce = !1, layout: P = "card", className: F }) {
-	let [le, I] = g.useState(0), [L, R] = g.useState(l.map((e, t) => t === 0 ? "current" : "pending")), [z, B] = g.useState(!1), V = _ ?? le, H = V === 0, U = V === l.length - 1, W = l[V], G = (V + 1) / l.length * 100, K = (e, t) => {
-		R((n) => {
+function k({ steps: l, currentStep: _, onStepChange: v, onSubmit: y, onCancel: b, title: x, description: S, prevButtonText: C = "Précédent", nextButtonText: D = "Suivant", finishButtonText: k = "Terminer", cancelButtonText: A = "Annuler", skipButtonText: ne = "Passer", showCancelButton: re = !0, showProgress: j = !0, showStepNumbers: M = !0, showStepper: ie = !0, stepperPosition: N = "top", allowBackNavigation: P = !0, confirmCancel: ae = !0, cancelConfirmMessage: oe = "Êtes-vous sûr de vouloir annuler ? Toutes les modifications seront perdues.", submitting: se = !1, layout: F = "card", className: I }) {
+	let [ce, L] = g.useState(0), [R, z] = g.useState(l.map((e, t) => t === 0 ? "current" : "pending")), [le, B] = g.useState(!1), V = _ ?? ce, H = V === 0, U = V === l.length - 1, W = l[V], G = (V + 1) / l.length * 100, K = (e, t) => {
+		z((n) => {
 			let r = [...n];
 			if (t === "next" && V < l.length) r[V] = "completed";
 			else if (t === "skip") r[V] = "skipped";
@@ -134,13 +134,13 @@ function O({ steps: l, currentStep: _, onStepChange: v, onSubmit: y, onCancel: b
 			return r[e] = "current", r;
 		});
 	}, q = async (e) => {
-		if (e < 0 || e >= l.length || e > V && !N) return;
-		W.onLeave && await W.onLeave(), K(e, "goto"), v ? v(e) : I(e);
+		if (e < 0 || e >= l.length || e > V && !P) return;
+		W.onLeave && await W.onLeave(), K(e, "goto"), v ? v(e) : L(e);
 		let t = l[e];
 		t.onEnter && await t.onEnter();
 	}, J = async () => {
 		if (W.validate && !await W.validate()) {
-			R((e) => {
+			z((e) => {
 				let t = [...e];
 				return t[V] = "error", t;
 			});
@@ -150,15 +150,15 @@ function O({ steps: l, currentStep: _, onStepChange: v, onSubmit: y, onCancel: b
 			let e = {
 				steps: l.map((e, t) => ({
 					id: e.id,
-					status: t === V ? "completed" : L[t]
+					status: t === V ? "completed" : R[t]
 				})),
-				completedSteps: l.filter((e, t) => L[t] === "completed" || t === V).map((e) => e.id),
-				skippedSteps: l.filter((e, t) => L[t] === "skipped").map((e) => e.id)
+				completedSteps: l.filter((e, t) => R[t] === "completed" || t === V).map((e) => e.id),
+				skippedSteps: l.filter((e, t) => R[t] === "skipped").map((e) => e.id)
 			};
 			await y?.(e);
 		} else {
 			let e = V + 1;
-			K(e, "next"), v ? v(e) : I(e);
+			K(e, "next"), v ? v(e) : L(e);
 			let t = l[e];
 			t.onEnter && await t.onEnter();
 		}
@@ -166,37 +166,37 @@ function O({ steps: l, currentStep: _, onStepChange: v, onSubmit: y, onCancel: b
 		if (H) return;
 		W.onLeave && await W.onLeave();
 		let e = V - 1;
-		K(e, "prev"), v ? v(e) : I(e);
+		K(e, "prev"), v ? v(e) : L(e);
 		let t = l[e];
 		t.onEnter && await t.onEnter();
 	}, X = async () => {
 		if (!W.optional || U) return;
 		W.onLeave && await W.onLeave();
 		let e = V + 1;
-		K(e, "skip"), v ? v(e) : I(e);
+		K(e, "skip"), v ? v(e) : L(e);
 		let t = l[e];
 		t.onEnter && await t.onEnter();
 	}, ue = () => {
-		oe ? B(!0) : b?.();
+		ae ? B(!0) : b?.();
 	}, de = {
 		currentStep: V,
 		totalSteps: l.length,
-		stepStatuses: L,
+		stepStatuses: R,
 		goToStep: q,
 		nextStep: J,
 		prevStep: Y,
 		skipStep: X,
 		isFirstStep: H,
 		isLastStep: U
-	}, Z = ae && /* @__PURE__ */ w(te, {
+	}, Z = ie && /* @__PURE__ */ w(O, {
 		steps: l,
 		currentStep: V,
-		stepStatuses: L,
-		showStepNumbers: ie,
-		orientation: M === "left" ? "vertical" : "horizontal",
+		stepStatuses: R,
+		showStepNumbers: M,
+		orientation: N === "left" ? "vertical" : "horizontal",
 		onStepClick: q,
-		allowBackNavigation: N
-	}), Q = /* @__PURE__ */ w(ne, {
+		allowBackNavigation: P
+	}), Q = /* @__PURE__ */ w(te, {
 		onPrev: Y,
 		onNext: J,
 		onSkip: W.optional ? X : void 0,
@@ -206,14 +206,14 @@ function O({ steps: l, currentStep: _, onStepChange: v, onSubmit: y, onCancel: b
 		isOptional: W.optional || !1,
 		prevButtonText: C,
 		nextButtonText: D,
-		finishButtonText: O,
-		skipButtonText: re,
-		cancelButtonText: k,
-		showCancelButton: A,
-		submitting: ce
+		finishButtonText: k,
+		skipButtonText: ne,
+		cancelButtonText: A,
+		showCancelButton: re,
+		submitting: se
 	}), $ = /* @__PURE__ */ T(E.Provider, {
 		value: de,
-		children: [M === "left" ? /* @__PURE__ */ T("div", {
+		children: [N === "left" ? /* @__PURE__ */ T("div", {
 			className: "flex gap-8",
 			children: [/* @__PURE__ */ w("div", {
 				className: "w-64 flex-shrink-0",
@@ -269,9 +269,9 @@ function O({ steps: l, currentStep: _, onStepChange: v, onSubmit: y, onCancel: b
 				children: Q
 			})
 		] }), /* @__PURE__ */ w(t, {
-			open: z,
+			open: le,
 			onOpenChange: B,
-			children: /* @__PURE__ */ T(i, { children: [/* @__PURE__ */ T(s, { children: [/* @__PURE__ */ w(c, { children: "Annuler ?" }), /* @__PURE__ */ w(a, { children: se })] }), /* @__PURE__ */ T(o, { children: [/* @__PURE__ */ w(r, { children: "Non, continuer" }), /* @__PURE__ */ w(n, {
+			children: /* @__PURE__ */ T(i, { children: [/* @__PURE__ */ T(s, { children: [/* @__PURE__ */ w(c, { children: "Annuler ?" }), /* @__PURE__ */ w(a, { children: oe })] }), /* @__PURE__ */ T(o, { children: [/* @__PURE__ */ w(r, { children: "Non, continuer" }), /* @__PURE__ */ w(n, {
 				onClick: () => {
 					B(!1), b?.();
 				},
@@ -279,11 +279,11 @@ function O({ steps: l, currentStep: _, onStepChange: v, onSubmit: y, onCancel: b
 			})] })] })
 		})]
 	});
-	return P === "minimal" ? /* @__PURE__ */ w("div", {
-		className: e("space-y-6", F),
+	return F === "minimal" ? /* @__PURE__ */ w("div", {
+		className: e("space-y-6", I),
 		children: $
-	}) : P === "page" ? /* @__PURE__ */ T("div", {
-		className: e("container py-8 max-w-4xl", F),
+	}) : F === "page" ? /* @__PURE__ */ T("div", {
+		className: e("container py-8 max-w-4xl", I),
 		children: [(x || S) && /* @__PURE__ */ T("div", {
 			className: "mb-8",
 			children: [x && /* @__PURE__ */ w("h1", {
@@ -295,11 +295,11 @@ function O({ steps: l, currentStep: _, onStepChange: v, onSubmit: y, onCancel: b
 			})]
 		}), $]
 	}) : /* @__PURE__ */ T(u, {
-		className: F,
+		className: I,
 		children: [(x || S) && /* @__PURE__ */ T(p, { children: [x && /* @__PURE__ */ w(m, { children: x }), S && /* @__PURE__ */ w(f, { children: S })] }), /* @__PURE__ */ w(d, { children: $ })]
 	});
 }
-var k = [
+var A = [
 	{
 		id: "step-1",
 		title: "Informations de base",
@@ -339,4 +339,4 @@ var k = [
 	}
 ];
 //#endregion
-export { O as default, k as defaultWizardSteps, D as useWizard };
+export { k as WakaWizard, k as default, A as defaultWizardSteps, D as useWizard };

package/dist/charts.cjs.js

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./components/waka-charts/hooks/useRechartsLoader.cjs.js`),t=require(`./components/waka-charts/hooks/useChartTheme.cjs.js`),n=require(`./components/waka-charts/WakaChart.cjs.js`),r=require(`./components/waka-charts/WakaBarChart.cjs.js`),i=require(`./components/waka-charts/WakaLineChart.cjs.js`),a=require(`./components/waka-charts/WakaAreaChart.cjs.js`),o=require(`./components/waka-charts/WakaPieChart.cjs.js`),s=require(`./components/waka-charts/WakaSparkline.cjs.js`),c=require(`./components/waka-charts/WakaMiniChart.cjs.js`),l=require(`./components/waka-charts/dataTableHelpers.cjs.js`),u=require(`./components/waka-charts/types.cjs.js`);exports.CHART_SIZE_MAP=u.CHART_SIZE_MAP,exports.DEFAULT_CHART_COLORS=u.DEFAULT_CHART_COLORS,exports.WakaAreaChart=a,exports.WakaBarChart=r,exports.WakaChart=n,exports.WakaLineChart=i,exports.WakaMiniChart=c,exports.WakaPieChart=o,exports.WakaSparkline=s,exports.createChartColumn=l,exports.sparklineTemplate=l.sparklineTemplate,exports.useChartTheme=t,exports.useRechartsLoader=e;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./components/waka-charts/hooks/useRechartsLoader.cjs.js"),t=require("./components/waka-charts/hooks/useChartTheme.cjs.js"),n=require("./components/waka-charts/WakaChart.cjs.js"),r=require("./components/waka-charts/WakaBarChart.cjs.js"),i=require("./components/waka-charts/WakaLineChart.cjs.js"),a=require("./components/waka-charts/WakaAreaChart.cjs.js"),o=require("./components/waka-charts/WakaPieChart.cjs.js"),s=require("./components/waka-charts/WakaSparkline.cjs.js"),c=require("./components/waka-charts/WakaMiniChart.cjs.js"),l=require("./components/waka-charts/dataTableHelpers.cjs.js"),u=require("./components/waka-charts/types.cjs.js");exports.CHART_SIZE_MAP=u.CHART_SIZE_MAP,exports.DEFAULT_CHART_COLORS=u.DEFAULT_CHART_COLORS,exports.WakaAreaChart=a.WakaAreaChart,exports.WakaBarChart=r.WakaBarChart,exports.WakaChart=n.WakaChart,exports.WakaLineChart=i.WakaLineChart,exports.WakaMiniChart=c.WakaMiniChart,exports.WakaPieChart=o.WakaPieChart,exports.WakaSparkline=s.WakaSparkline,exports.createChartColumn=l.createChartColumn,exports.sparklineTemplate=l.sparklineTemplate,exports.useChartTheme=t.default,exports.useRechartsLoader=e.default;

package/dist/charts.es.js

@@ -1,13 +1,13 @@
 "use client";
 import e from "./components/waka-charts/hooks/useRechartsLoader.es.js";
 import t from "./components/waka-charts/hooks/useChartTheme.es.js";
-import n from "./components/waka-charts/WakaChart.es.js";
-import r from "./components/waka-charts/WakaBarChart.es.js";
-import i from "./components/waka-charts/WakaLineChart.es.js";
-import a from "./components/waka-charts/WakaAreaChart.es.js";
-import o from "./components/waka-charts/WakaPieChart.es.js";
-import s from "./components/waka-charts/WakaSparkline.es.js";
-import c from "./components/waka-charts/WakaMiniChart.es.js";
-import l, { sparklineTemplate as u } from "./components/waka-charts/dataTableHelpers.es.js";
+import { WakaChart as n } from "./components/waka-charts/WakaChart.es.js";
+import { WakaBarChart as r } from "./components/waka-charts/WakaBarChart.es.js";
+import { WakaLineChart as i } from "./components/waka-charts/WakaLineChart.es.js";
+import { WakaAreaChart as a } from "./components/waka-charts/WakaAreaChart.es.js";
+import { WakaPieChart as o } from "./components/waka-charts/WakaPieChart.es.js";
+import { WakaSparkline as s } from "./components/waka-charts/WakaSparkline.es.js";
+import { WakaMiniChart as c } from "./components/waka-charts/WakaMiniChart.es.js";
+import { createChartColumn as l, sparklineTemplate as u } from "./components/waka-charts/dataTableHelpers.es.js";
 import { CHART_SIZE_MAP as d, DEFAULT_CHART_COLORS as f } from "./components/waka-charts/types.es.js";
 export { d as CHART_SIZE_MAP, f as DEFAULT_CHART_COLORS, a as WakaAreaChart, r as WakaBarChart, n as WakaChart, i as WakaLineChart, c as WakaMiniChart, o as WakaPieChart, s as WakaSparkline, l as createChartColumn, u as sparklineTemplate, t as useChartTheme, e as useRechartsLoader };

package/dist/cli/index.cjs

@@ -7,7 +7,11 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+  try {
+    return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+  } catch (e) {
+    throw mod = 0, e;
+  }
 };
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {

package/dist/components/DataTable/DataTable.cjs.js

@@ -1 +1 @@
-"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../button/index.cjs.js`),n=require(`../checkbox/index.cjs.js`),r=require(`./utils.cjs.js`),i=require(`./hooks/useDataTable.cjs.js`),a=require(`./hooks/useTableLayout.cjs.js`),o=require(`./hooks/useDataTableEdit.cjs.js`),s=require(`./DataTableToolbar.cjs.js`),c=require(`./DataTablePagination.cjs.js`),l=require(`./DataTableFilters.cjs.js`),u=require(`./DataTableEditCell.cjs.js`);let d=require(`react`);d=e.__toESM(d);let f=require(`lucide-react`),p=require(`react/jsx-runtime`),m=require(`@tanstack/react-table`),h=require(`react-i18next`);function g({data:e,columns:g,layout:_=`standard`,variant:v=`bordered`,density:y=`comfortable`,filters:b,filterPosition:x=`top`,toolbar:S,pagination:C,selection:w=!1,actions:ee,i18nNamespace:T,loading:E=!1,error:D,emptyState:O,headerSticky:k=!1,columnVisibilityToggle:te=!0,columnResize:ne=!1,enableExport:A=!1,enableImport:j=!1,enableReorder:re=!1,enableContextMenu:ie=!1,onRowClick:M,onRowDoubleClick:N,onSortingChange:P,onFiltersChange:F,onSelectionChange:I,className:L,tableId:R,virtualization:z,edit:B}){let{t:V}=(0,h.useTranslation)(T),{layout:ae,setLayout:oe,density:H,setDensity:U,densityClasses:W}=a.useTableLayout(_,y),G=d.useMemo(()=>{let e=[...g];return w&&e.unshift({id:`select`,header:({table:e})=>(0,p.jsx)(n.Checkbox,{checked:e.getIsAllPageRowsSelected(),onCheckedChange:t=>e.toggleAllPageRowsSelected(!!t),"aria-label":V(`datatable.selectAll`,{defaultValue:`Select all`})}),cell:({row:e})=>(0,p.jsx)(n.Checkbox,{checked:e.getIsSelected(),onCheckedChange:t=>e.toggleSelected(!!t),"aria-label":V(`datatable.selectRow`,{defaultValue:`Select row`})}),enableSorting:!1,enableHiding:!1}),e},[g,w,B,V]),{table:K,globalFilter:q,setGlobalFilter:J,selectedRows:se,resetFilters:ce,exportData:Y}=i.useDataTable({data:e,columns:G,pagination:C,tableId:R,onSortingChange:P,onFiltersChange:F,onSelectionChange:I}),[X,Z]=o.useDataTableEdit(K,{onSave:B?.onSave,onCancel:B?.onCancel,autoSave:B?.autoSave,autoSaveDelay:B?.autoSaveDelay});B?.editableColumns&&B.editableColumns.length>0&&G.push({id:`edit-actions`,header:()=>V(`datatable.actions`,{defaultValue:`Actions`}),cell:({row:e})=>X.editingRowId===e.id?(0,p.jsxs)(`div`,{className:`flex gap-1`,children:[(0,p.jsx)(t.Button,{size:`sm`,variant:`ghost`,onClick:()=>Z.saveEdit(),disabled:!X.hasChanges,children:V(`datatable.save`,{defaultValue:`Save`})}),(0,p.jsx)(t.Button,{size:`sm`,variant:`ghost`,onClick:()=>Z.cancelEdit(),children:V(`datatable.cancel`,{defaultValue:`Cancel`})})]}):(0,p.jsx)(t.Button,{size:`sm`,variant:`ghost`,onClick:()=>{console.log(`🔧 Starting edit for row:`,e.id,e.original),Z.startEdit(e.id,e.original)},children:V(`datatable.edit`,{defaultValue:`Edit`})}),enableSorting:!1,enableHiding:!1});let Q=d.useCallback(e=>{let t=Y();console.log(`Export`,e,t)},[Y]),$=d.useCallback(e=>{console.log(`Import`,e)},[]);return E?(0,p.jsx)(`div`,{className:`flex items-center justify-center h-64 border rounded-lg`,children:(0,p.jsxs)(`div`,{className:`flex flex-col items-center gap-2`,children:[(0,p.jsx)(f.Loader2,{className:`h-8 w-8 animate-spin text-muted-foreground`}),(0,p.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:V(`datatable.loading`,{defaultValue:`Loading...`})})]})}):D?(0,p.jsx)(`div`,{className:`flex items-center justify-center h-64 border rounded-lg bg-destructive/10`,children:(0,p.jsxs)(`div`,{className:`flex flex-col items-center gap-2 text-destructive`,children:[(0,p.jsx)(f.AlertCircle,{className:`h-8 w-8`}),(0,p.jsx)(`p`,{className:`text-sm font-medium`,children:D})]})}):!e||e.length===0?(0,p.jsxs)(`div`,{className:`flex flex-col`,children:[S&&(0,p.jsx)(s.DataTableToolbar,{table:K,config:S,globalFilter:q,onGlobalFilterChange:J,density:H,onDensityChange:U,onExport:A?Q:void 0,onImport:j?$:void 0}),(0,p.jsx)(`div`,{className:`flex items-center justify-center h-64 border rounded-lg`,children:O||(0,p.jsxs)(`div`,{className:`flex flex-col items-center gap-2 text-muted-foreground`,children:[(0,p.jsx)(`p`,{className:`text-lg font-medium`,children:V(`datatable.noData`,{defaultValue:`No data`})}),(0,p.jsx)(`p`,{className:`text-sm`,children:V(`datatable.noDataDescription`,{defaultValue:`There are no results to display`})})]})})]}):(0,p.jsx)(`div`,{className:r.cn(`w-full`,L),children:(0,p.jsx)(`div`,{className:`space-y-4`,children:(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[S&&(0,p.jsx)(`div`,{className:`flex-1`,children:(0,p.jsx)(s.DataTableToolbar,{table:K,config:S,globalFilter:q,onGlobalFilterChange:J,density:H,onDensityChange:U,onExport:A?Q:void 0,onImport:j?$:void 0})}),b&&(0,p.jsx)(l.DataTableFilters,{table:K,filters:b,position:x,onFiltersChange:F})]}),(0,p.jsx)(`div`,{className:r.cn(`w-full overflow-auto`,{bordered:`border rounded-lg`,minimal:``,striped:`[&_tbody_tr:nth-child(even)]:bg-muted/50`,glass:`backdrop-blur-sm bg-background/80 border rounded-lg`}[v]),children:(0,p.jsxs)(`table`,{className:r.cn(`w-full caption-bottom text-sm`,W.table),children:[(0,p.jsx)(`thead`,{className:r.cn(k&&`sticky top-0 bg-background z-10`),children:K.getHeaderGroups().map(e=>(0,p.jsx)(`tr`,{className:`border-b`,children:e.headers.map(e=>(0,p.jsxs)(`th`,{className:r.cn(`text-left font-medium text-muted-foreground`,W.header,e.column.getCanSort()&&`cursor-pointer select-none hover:text-foreground`),onClick:e.column.getToggleSortingHandler(),children:[e.isPlaceholder?null:(0,m.flexRender)(e.column.columnDef.header,e.getContext()),e.column.getIsSorted()&&(0,p.jsx)(`span`,{className:`ml-2`,children:e.column.getIsSorted()===`asc`?`↑`:`↓`})]},e.id))},e.id))}),(0,p.jsx)(`tbody`,{children:K.getRowModel().rows.map(e=>(0,p.jsx)(`tr`,{className:r.cn(`border-b transition-colors`,M&&`cursor-pointer hover:bg-muted/50`,e.getIsSelected()&&`bg-muted`),onClick:()=>M?.(e.original),onDoubleClick:()=>N?.(e.original),children:e.getVisibleCells().map(t=>{let n=t.getValue(),i=t.column.id,a=e.id,o=X.editingRowId===a,s=B?.editableColumns?.find(e=>e.field===i);return s&&o?(0,p.jsx)(`td`,{className:r.cn(`align-middle`,W.cell),children:(0,p.jsx)(u.DataTableEditCell,{value:n,field:i,config:s.config,isEditing:o,onChange:e=>Z.updateField(i,e),onStartEdit:()=>Z.startEdit(a,e.original),onSave:()=>Z.saveEdit(),onCancel:()=>Z.cancelEdit()})},t.id):(0,p.jsx)(`td`,{className:r.cn(`align-middle`,W.cell),children:(0,m.flexRender)(t.column.columnDef.cell,t.getContext())},t.id)})},e.id))})]})}),C&&(0,p.jsx)(c.DataTablePagination,{table:K,pageSizeOptions:C.pageSizeOptions})]})})})}exports.DataTable=g;
+"use client";"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../button/index.cjs.js"),n=require("../checkbox/index.cjs.js"),r=require("./utils.cjs.js"),i=require("./hooks/useDataTable.cjs.js"),a=require("./hooks/useTableLayout.cjs.js"),o=require("./hooks/useDataTableEdit.cjs.js"),s=require("./DataTableToolbar.cjs.js"),c=require("./DataTablePagination.cjs.js"),l=require("./DataTableFilters.cjs.js"),u=require("./DataTableEditCell.cjs.js");let d=require("react");d=e.__toESM(d);let f=require("lucide-react"),p=require("react/jsx-runtime"),m=require("@tanstack/react-table"),h=require("react-i18next");function g({data:e,columns:g,layout:_=`standard`,variant:v=`bordered`,density:y=`comfortable`,filters:b,filterPosition:x=`top`,toolbar:S,pagination:C,selection:w=!1,actions:ee,i18nNamespace:T,loading:E=!1,error:D,emptyState:O,headerSticky:k=!1,columnVisibilityToggle:te=!0,columnResize:ne=!1,enableExport:A=!1,enableImport:j=!1,enableReorder:re=!1,enableContextMenu:ie=!1,onRowClick:M,onRowDoubleClick:N,onSortingChange:P,onFiltersChange:F,onSelectionChange:I,className:L,tableId:R,virtualization:z,edit:B}){let{t:V}=(0,h.useTranslation)(T),{layout:ae,setLayout:oe,density:H,setDensity:U,densityClasses:W}=a.useTableLayout(_,y),G=d.useMemo(()=>{let e=[...g];return w&&e.unshift({id:`select`,header:({table:e})=>(0,p.jsx)(n.Checkbox,{checked:e.getIsAllPageRowsSelected(),onCheckedChange:t=>e.toggleAllPageRowsSelected(!!t),"aria-label":V(`datatable.selectAll`,{defaultValue:`Select all`})}),cell:({row:e})=>(0,p.jsx)(n.Checkbox,{checked:e.getIsSelected(),onCheckedChange:t=>e.toggleSelected(!!t),"aria-label":V(`datatable.selectRow`,{defaultValue:`Select row`})}),enableSorting:!1,enableHiding:!1}),e},[g,w,B,V]),{table:K,globalFilter:q,setGlobalFilter:J,selectedRows:se,resetFilters:ce,exportData:Y}=i.useDataTable({data:e,columns:G,pagination:C,tableId:R,onSortingChange:P,onFiltersChange:F,onSelectionChange:I}),[X,Z]=o.useDataTableEdit(K,{onSave:B?.onSave,onCancel:B?.onCancel,autoSave:B?.autoSave,autoSaveDelay:B?.autoSaveDelay});B?.editableColumns&&B.editableColumns.length>0&&G.push({id:`edit-actions`,header:()=>V(`datatable.actions`,{defaultValue:`Actions`}),cell:({row:e})=>X.editingRowId===e.id?(0,p.jsxs)(`div`,{className:`flex gap-1`,children:[(0,p.jsx)(t.Button,{size:`sm`,variant:`ghost`,onClick:()=>Z.saveEdit(),disabled:!X.hasChanges,children:V(`datatable.save`,{defaultValue:`Save`})}),(0,p.jsx)(t.Button,{size:`sm`,variant:`ghost`,onClick:()=>Z.cancelEdit(),children:V(`datatable.cancel`,{defaultValue:`Cancel`})})]}):(0,p.jsx)(t.Button,{size:`sm`,variant:`ghost`,onClick:()=>{console.log(`🔧 Starting edit for row:`,e.id,e.original),Z.startEdit(e.id,e.original)},children:V(`datatable.edit`,{defaultValue:`Edit`})}),enableSorting:!1,enableHiding:!1});let Q=d.useCallback(e=>{let t=Y();console.log(`Export`,e,t)},[Y]),$=d.useCallback(e=>{console.log(`Import`,e)},[]);return E?(0,p.jsx)(`div`,{className:`flex items-center justify-center h-64 border rounded-lg`,children:(0,p.jsxs)(`div`,{className:`flex flex-col items-center gap-2`,children:[(0,p.jsx)(f.Loader2,{className:`h-8 w-8 animate-spin text-muted-foreground`}),(0,p.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:V(`datatable.loading`,{defaultValue:`Loading...`})})]})}):D?(0,p.jsx)(`div`,{className:`flex items-center justify-center h-64 border rounded-lg bg-destructive/10`,children:(0,p.jsxs)(`div`,{className:`flex flex-col items-center gap-2 text-destructive`,children:[(0,p.jsx)(f.AlertCircle,{className:`h-8 w-8`}),(0,p.jsx)(`p`,{className:`text-sm font-medium`,children:D})]})}):!e||e.length===0?(0,p.jsxs)(`div`,{className:`flex flex-col`,children:[S&&(0,p.jsx)(s.DataTableToolbar,{table:K,config:S,globalFilter:q,onGlobalFilterChange:J,density:H,onDensityChange:U,onExport:A?Q:void 0,onImport:j?$:void 0}),(0,p.jsx)(`div`,{className:`flex items-center justify-center h-64 border rounded-lg`,children:O||(0,p.jsxs)(`div`,{className:`flex flex-col items-center gap-2 text-muted-foreground`,children:[(0,p.jsx)(`p`,{className:`text-lg font-medium`,children:V(`datatable.noData`,{defaultValue:`No data`})}),(0,p.jsx)(`p`,{className:`text-sm`,children:V(`datatable.noDataDescription`,{defaultValue:`There are no results to display`})})]})})]}):(0,p.jsx)(`div`,{className:r.cn(`w-full`,L),children:(0,p.jsx)(`div`,{className:`space-y-4`,children:(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[S&&(0,p.jsx)(`div`,{className:`flex-1`,children:(0,p.jsx)(s.DataTableToolbar,{table:K,config:S,globalFilter:q,onGlobalFilterChange:J,density:H,onDensityChange:U,onExport:A?Q:void 0,onImport:j?$:void 0})}),b&&(0,p.jsx)(l.DataTableFilters,{table:K,filters:b,position:x,onFiltersChange:F})]}),(0,p.jsx)(`div`,{className:r.cn(`w-full overflow-auto`,{bordered:`border rounded-lg`,minimal:``,striped:`[&_tbody_tr:nth-child(even)]:bg-muted/50`,glass:`backdrop-blur-sm bg-background/80 border rounded-lg`}[v]),children:(0,p.jsxs)(`table`,{className:r.cn(`w-full caption-bottom text-sm`,W.table),children:[(0,p.jsx)(`thead`,{className:r.cn(k&&`sticky top-0 bg-background z-10`),children:K.getHeaderGroups().map(e=>(0,p.jsx)(`tr`,{className:`border-b`,children:e.headers.map(e=>(0,p.jsxs)(`th`,{className:r.cn(`text-left font-medium text-muted-foreground`,W.header,e.column.getCanSort()&&`cursor-pointer select-none hover:text-foreground`),onClick:e.column.getToggleSortingHandler(),children:[e.isPlaceholder?null:(0,m.flexRender)(e.column.columnDef.header,e.getContext()),e.column.getIsSorted()&&(0,p.jsx)(`span`,{className:`ml-2`,children:e.column.getIsSorted()===`asc`?`↑`:`↓`})]},e.id))},e.id))}),(0,p.jsx)(`tbody`,{children:K.getRowModel().rows.map(e=>(0,p.jsx)(`tr`,{className:r.cn(`border-b transition-colors`,M&&`cursor-pointer hover:bg-muted/50`,e.getIsSelected()&&`bg-muted`),onClick:()=>M?.(e.original),onDoubleClick:()=>N?.(e.original),children:e.getVisibleCells().map(t=>{let n=t.getValue(),i=t.column.id,a=e.id,o=X.editingRowId===a,s=B?.editableColumns?.find(e=>e.field===i);return s&&o?(0,p.jsx)(`td`,{className:r.cn(`align-middle`,W.cell),children:(0,p.jsx)(u.DataTableEditCell,{value:n,field:i,config:s.config,isEditing:o,onChange:e=>Z.updateField(i,e),onStartEdit:()=>Z.startEdit(a,e.original),onSave:()=>Z.saveEdit(),onCancel:()=>Z.cancelEdit()})},t.id):(0,p.jsx)(`td`,{className:r.cn(`align-middle`,W.cell),children:(0,m.flexRender)(t.column.columnDef.cell,t.getContext())},t.id)})},e.id))})]})}),C&&(0,p.jsx)(c.DataTablePagination,{table:K,pageSizeOptions:C.pageSizeOptions,onPageChange:C.onPageChange,onPageSizeChange:C.onPageSizeChange})]})})})}exports.DataTable=g;

package/dist/components/DataTable/DataTable.es.js

@@ -12,21 +12,21 @@ import { DataTableFilters as c } from "./DataTableFilters.es.js";
 import { DataTableEditCell as l } from "./DataTableEditCell.es.js";
 import * as u from "react";
 import { AlertCircle as d, Loader2 as f } from "lucide-react";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
-import { flexRender as g } from "@tanstack/react-table";
-import { useTranslation as _ } from "react-i18next";
+import { Fragment as ee, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { flexRender as h } from "@tanstack/react-table";
+import { useTranslation as g } from "react-i18next";
 //#region src/components/DataTable/DataTable.tsx
-function v({ data: v, columns: y, layout: ee = "standard", variant: b = "bordered", density: x = "comfortable", filters: S, filterPosition: C = "top", toolbar: w, pagination: T, selection: E = !1, actions: te, i18nNamespace: D, loading: O = !1, error: k, emptyState: A, headerSticky: j = !1, columnVisibilityToggle: ne = !0, columnResize: re = !1, enableExport: M = !1, enableImport: N = !1, enableReorder: ie = !1, enableContextMenu: ae = !1, onRowClick: P, onRowDoubleClick: F, onSortingChange: I, onFiltersChange: L, onSelectionChange: oe, className: R, tableId: z, virtualization: se, edit: B }) {
-	let { t: V } = _(D), { layout: ce, setLayout: le, density: H, setDensity: U, densityClasses: W } = i(ee, x), G = u.useMemo(() => {
-		let e = [...y];
-		return E && e.unshift({
+function _({ data: _, columns: v, layout: y = "standard", variant: b = "bordered", density: x = "comfortable", filters: S, filterPosition: te = "top", toolbar: C, pagination: w, selection: T = !1, actions: ne, i18nNamespace: E, loading: D = !1, error: O, emptyState: k, headerSticky: A = !1, columnVisibilityToggle: re = !0, columnResize: ie = !1, enableExport: j = !1, enableImport: M = !1, enableReorder: ae = !1, enableContextMenu: oe = !1, onRowClick: N, onRowDoubleClick: P, onSortingChange: F, onFiltersChange: I, onSelectionChange: L, className: R, tableId: z, virtualization: se, edit: B }) {
+	let { t: V } = g(E), { layout: ce, setLayout: le, density: H, setDensity: U, densityClasses: W } = i(y, x), G = u.useMemo(() => {
+		let e = [...v];
+		return T && e.unshift({
 			id: "select",
-			header: ({ table: e }) => /* @__PURE__ */ m(t, {
+			header: ({ table: e }) => /* @__PURE__ */ p(t, {
 				checked: e.getIsAllPageRowsSelected(),
 				onCheckedChange: (t) => e.toggleAllPageRowsSelected(!!t),
 				"aria-label": V("datatable.selectAll", { defaultValue: "Select all" })
 			}),
-			cell: ({ row: e }) => /* @__PURE__ */ m(t, {
+			cell: ({ row: e }) => /* @__PURE__ */ p(t, {
 				checked: e.getIsSelected(),
 				onCheckedChange: (t) => e.toggleSelected(!!t),
 				"aria-label": V("datatable.selectRow", { defaultValue: "Select row" })
@@ -35,18 +35,18 @@ function v({ data: v, columns: y, layout: ee = "standard", variant: b = "bordere
 			enableHiding: !1
 		}), e;
 	}, [
-		y,
-		E,
+		v,
+		T,
 		B,
 		V
 	]), { table: K, globalFilter: q, setGlobalFilter: J, selectedRows: ue, resetFilters: de, exportData: Y } = r({
-		data: v,
+		data: _,
 		columns: G,
-		pagination: T,
+		pagination: w,
 		tableId: z,
-		onSortingChange: I,
-		onFiltersChange: L,
-		onSelectionChange: oe
+		onSortingChange: F,
+		onFiltersChange: I,
+		onSelectionChange: L
 	}), [X, Z] = a(K, {
 		onSave: B?.onSave,
 		onCancel: B?.onCancel,
@@ -56,21 +56,21 @@ function v({ data: v, columns: y, layout: ee = "standard", variant: b = "bordere
 	B?.editableColumns && B.editableColumns.length > 0 && G.push({
 		id: "edit-actions",
 		header: () => V("datatable.actions", { defaultValue: "Actions" }),
-		cell: ({ row: t }) => X.editingRowId === t.id ? /* @__PURE__ */ h("div", {
+		cell: ({ row: t }) => X.editingRowId === t.id ? /* @__PURE__ */ m("div", {
 			className: "flex gap-1",
-			children: [/* @__PURE__ */ m(e, {
+			children: [/* @__PURE__ */ p(e, {
 				size: "sm",
 				variant: "ghost",
 				onClick: () => Z.saveEdit(),
 				disabled: !X.hasChanges,
 				children: V("datatable.save", { defaultValue: "Save" })
-			}), /* @__PURE__ */ m(e, {
+			}), /* @__PURE__ */ p(e, {
 				size: "sm",
 				variant: "ghost",
 				onClick: () => Z.cancelEdit(),
 				children: V("datatable.cancel", { defaultValue: "Cancel" })
 			})]
-		}) : /* @__PURE__ */ m(e, {
+		}) : /* @__PURE__ */ p(e, {
 			size: "sm",
 			variant: "ghost",
 			onClick: () => {
@@ -87,105 +87,105 @@ function v({ data: v, columns: y, layout: ee = "standard", variant: b = "bordere
 	}, [Y]), $ = u.useCallback((e) => {
 		console.log("Import", e);
 	}, []);
-	return O ? /* @__PURE__ */ m("div", {
+	return D ? /* @__PURE__ */ p("div", {
 		className: "flex items-center justify-center h-64 border rounded-lg",
-		children: /* @__PURE__ */ h("div", {
+		children: /* @__PURE__ */ m("div", {
 			className: "flex flex-col items-center gap-2",
-			children: [/* @__PURE__ */ m(f, { className: "h-8 w-8 animate-spin text-muted-foreground" }), /* @__PURE__ */ m("p", {
+			children: [/* @__PURE__ */ p(f, { className: "h-8 w-8 animate-spin text-muted-foreground" }), /* @__PURE__ */ p("p", {
 				className: "text-sm text-muted-foreground",
 				children: V("datatable.loading", { defaultValue: "Loading..." })
 			})]
 		})
-	}) : k ? /* @__PURE__ */ m("div", {
+	}) : O ? /* @__PURE__ */ p("div", {
 		className: "flex items-center justify-center h-64 border rounded-lg bg-destructive/10",
-		children: /* @__PURE__ */ h("div", {
+		children: /* @__PURE__ */ m("div", {
 			className: "flex flex-col items-center gap-2 text-destructive",
-			children: [/* @__PURE__ */ m(d, { className: "h-8 w-8" }), /* @__PURE__ */ m("p", {
+			children: [/* @__PURE__ */ p(d, { className: "h-8 w-8" }), /* @__PURE__ */ p("p", {
 				className: "text-sm font-medium",
-				children: k
+				children: O
 			})]
 		})
-	}) : !v || v.length === 0 ? /* @__PURE__ */ h("div", {
+	}) : !_ || _.length === 0 ? /* @__PURE__ */ m("div", {
 		className: "flex flex-col",
-		children: [w && /* @__PURE__ */ m(o, {
+		children: [C && /* @__PURE__ */ p(o, {
 			table: K,
-			config: w,
+			config: C,
 			globalFilter: q,
 			onGlobalFilterChange: J,
 			density: H,
 			onDensityChange: U,
-			onExport: M ? Q : void 0,
-			onImport: N ? $ : void 0
-		}), /* @__PURE__ */ m("div", {
+			onExport: j ? Q : void 0,
+			onImport: M ? $ : void 0
+		}), /* @__PURE__ */ p("div", {
 			className: "flex items-center justify-center h-64 border rounded-lg",
-			children: A || /* @__PURE__ */ h("div", {
+			children: k || /* @__PURE__ */ m("div", {
 				className: "flex flex-col items-center gap-2 text-muted-foreground",
-				children: [/* @__PURE__ */ m("p", {
+				children: [/* @__PURE__ */ p("p", {
 					className: "text-lg font-medium",
 					children: V("datatable.noData", { defaultValue: "No data" })
-				}), /* @__PURE__ */ m("p", {
+				}), /* @__PURE__ */ p("p", {
 					className: "text-sm",
 					children: V("datatable.noDataDescription", { defaultValue: "There are no results to display" })
 				})]
 			})
 		})]
-	}) : /* @__PURE__ */ m("div", {
+	}) : /* @__PURE__ */ p("div", {
 		className: n("w-full", R),
-		children: /* @__PURE__ */ m("div", {
+		children: /* @__PURE__ */ p("div", {
 			className: "space-y-4",
-			children: /* @__PURE__ */ h(p, { children: [
-				/* @__PURE__ */ h("div", {
+			children: /* @__PURE__ */ m(ee, { children: [
+				/* @__PURE__ */ m("div", {
 					className: "flex items-center justify-between gap-4",
-					children: [w && /* @__PURE__ */ m("div", {
+					children: [C && /* @__PURE__ */ p("div", {
 						className: "flex-1",
-						children: /* @__PURE__ */ m(o, {
+						children: /* @__PURE__ */ p(o, {
 							table: K,
-							config: w,
+							config: C,
 							globalFilter: q,
 							onGlobalFilterChange: J,
 							density: H,
 							onDensityChange: U,
-							onExport: M ? Q : void 0,
-							onImport: N ? $ : void 0
+							onExport: j ? Q : void 0,
+							onImport: M ? $ : void 0
 						})
-					}), S && /* @__PURE__ */ m(c, {
+					}), S && /* @__PURE__ */ p(c, {
 						table: K,
 						filters: S,
-						position: C,
-						onFiltersChange: L
+						position: te,
+						onFiltersChange: I
 					})]
 				}),
-				/* @__PURE__ */ m("div", {
+				/* @__PURE__ */ p("div", {
 					className: n("w-full overflow-auto", {
 						bordered: "border rounded-lg",
 						minimal: "",
 						striped: "[&_tbody_tr:nth-child(even)]:bg-muted/50",
 						glass: "backdrop-blur-sm bg-background/80 border rounded-lg"
 					}[b]),
-					children: /* @__PURE__ */ h("table", {
+					children: /* @__PURE__ */ m("table", {
 						className: n("w-full caption-bottom text-sm", W.table),
-						children: [/* @__PURE__ */ m("thead", {
-							className: n(j && "sticky top-0 bg-background z-10"),
-							children: K.getHeaderGroups().map((e) => /* @__PURE__ */ m("tr", {
+						children: [/* @__PURE__ */ p("thead", {
+							className: n(A && "sticky top-0 bg-background z-10"),
+							children: K.getHeaderGroups().map((e) => /* @__PURE__ */ p("tr", {
 								className: "border-b",
-								children: e.headers.map((e) => /* @__PURE__ */ h("th", {
+								children: e.headers.map((e) => /* @__PURE__ */ m("th", {
 									className: n("text-left font-medium text-muted-foreground", W.header, e.column.getCanSort() && "cursor-pointer select-none hover:text-foreground"),
 									onClick: e.column.getToggleSortingHandler(),
-									children: [e.isPlaceholder ? null : g(e.column.columnDef.header, e.getContext()), e.column.getIsSorted() && /* @__PURE__ */ m("span", {
+									children: [e.isPlaceholder ? null : h(e.column.columnDef.header, e.getContext()), e.column.getIsSorted() && /* @__PURE__ */ p("span", {
 										className: "ml-2",
 										children: e.column.getIsSorted() === "asc" ? "↑" : "↓"
 									})]
 								}, e.id))
 							}, e.id))
-						}), /* @__PURE__ */ m("tbody", { children: K.getRowModel().rows.map((e) => /* @__PURE__ */ m("tr", {
-							className: n("border-b transition-colors", P && "cursor-pointer hover:bg-muted/50", e.getIsSelected() && "bg-muted"),
-							onClick: () => P?.(e.original),
-							onDoubleClick: () => F?.(e.original),
+						}), /* @__PURE__ */ p("tbody", { children: K.getRowModel().rows.map((e) => /* @__PURE__ */ p("tr", {
+							className: n("border-b transition-colors", N && "cursor-pointer hover:bg-muted/50", e.getIsSelected() && "bg-muted"),
+							onClick: () => N?.(e.original),
+							onDoubleClick: () => P?.(e.original),
 							children: e.getVisibleCells().map((t) => {
 								let r = t.getValue(), i = t.column.id, a = e.id, o = X.editingRowId === a, s = B?.editableColumns?.find((e) => e.field === i);
-								return s && o ? /* @__PURE__ */ m("td", {
+								return s && o ? /* @__PURE__ */ p("td", {
 									className: n("align-middle", W.cell),
-									children: /* @__PURE__ */ m(l, {
+									children: /* @__PURE__ */ p(l, {
 										value: r,
 										field: i,
 										config: s.config,
@@ -195,21 +195,23 @@ function v({ data: v, columns: y, layout: ee = "standard", variant: b = "bordere
 										onSave: () => Z.saveEdit(),
 										onCancel: () => Z.cancelEdit()
 									})
-								}, t.id) : /* @__PURE__ */ m("td", {
+								}, t.id) : /* @__PURE__ */ p("td", {
 									className: n("align-middle", W.cell),
-									children: g(t.column.columnDef.cell, t.getContext())
+									children: h(t.column.columnDef.cell, t.getContext())
 								}, t.id);
 							})
 						}, e.id)) })]
 					})
 				}),
-				T && /* @__PURE__ */ m(s, {
+				w && /* @__PURE__ */ p(s, {
 					table: K,
-					pageSizeOptions: T.pageSizeOptions
+					pageSizeOptions: w.pageSizeOptions,
+					onPageChange: w.onPageChange,
+					onPageSizeChange: w.onPageSizeChange
 				})
 			] })
 		})
 	});
 }
 //#endregion
-export { v as DataTable };
+export { _ as DataTable };