@wakastellar/ui 2.4.0 → 3.1.0

package/src/components/waka-voice-message/WakaVoiceMessage.stories.tsx

@@ -0,0 +1,190 @@
+import type { Meta, StoryObj } from "@storybook/react"
+import { WakaVoiceMessage } from "./index"
+
+const meta: Meta<typeof WakaVoiceMessage> = {
+  title: "Communication/WakaVoiceMessage",
+  component: WakaVoiceMessage,
+  parameters: {
+    layout: "centered",
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    mode: {
+      control: "select",
+      options: ["player", "recorder"],
+      description: "Mode du composant",
+    },
+    variant: {
+      control: "select",
+      options: ["default", "bubble", "bubble-sent", "bubble-received"],
+      description: "Style visuel",
+    },
+    size: {
+      control: "select",
+      options: ["sm", "md", "lg"],
+      description: "Taille du composant",
+    },
+    waveformBars: {
+      control: { type: "number", min: 10, max: 100 },
+      description: "Nombre de barres du waveform",
+    },
+    defaultSpeed: {
+      control: "select",
+      options: [0.5, 1, 1.5, 2],
+      description: "Vitesse de lecture par défaut",
+    },
+    showDownload: {
+      control: "boolean",
+      description: "Afficher le bouton télécharger",
+    },
+    showDelete: {
+      control: "boolean",
+      description: "Afficher le bouton supprimer",
+    },
+    showSpeedControl: {
+      control: "boolean",
+      description: "Afficher le contrôle de vitesse",
+    },
+    showSend: {
+      control: "boolean",
+      description: "Afficher le bouton envoyer (mode recorder)",
+    },
+    showCancel: {
+      control: "boolean",
+      description: "Afficher le bouton annuler (mode recorder)",
+    },
+    maxRecordingDuration: {
+      control: "number",
+      description: "Durée max d'enregistrement en secondes",
+    },
+    disabled: {
+      control: "boolean",
+      description: "État désactivé",
+    },
+  },
+}
+
+export default meta
+type Story = StoryObj<typeof WakaVoiceMessage>
+
+// Waveform de démonstration
+const sampleWaveform = Array.from({ length: 50 }, () => Math.random() * 0.8 + 0.2)
+
+export const Default: Story = {
+  args: {
+    mode: "player",
+    src: "https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3",
+    waveform: sampleWaveform,
+    waveformBars: 50,
+    variant: "default",
+    size: "md",
+    showDownload: true,
+    showSpeedControl: true,
+    defaultSpeed: 1,
+  },
+  render: (args) => (
+    <div style={{ width: 350 }}>
+      <WakaVoiceMessage {...args} />
+    </div>
+  ),
+}
+
+export const BubbleSent: Story = {
+  args: {
+    mode: "player",
+    src: "https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3",
+    waveform: sampleWaveform,
+    variant: "bubble-sent",
+    size: "md",
+    showSpeedControl: true,
+  },
+  render: (args) => (
+    <div style={{ width: 300 }}>
+      <WakaVoiceMessage {...args} />
+    </div>
+  ),
+}
+
+export const BubbleReceived: Story = {
+  args: {
+    mode: "player",
+    src: "https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3",
+    waveform: sampleWaveform,
+    variant: "bubble-received",
+    size: "md",
+    showSpeedControl: true,
+  },
+  render: (args) => (
+    <div style={{ width: 300 }}>
+      <WakaVoiceMessage {...args} />
+    </div>
+  ),
+}
+
+export const Recorder: Story = {
+  args: {
+    mode: "recorder",
+    variant: "default",
+    size: "md",
+    showSend: true,
+    showCancel: true,
+    maxRecordingDuration: 60,
+  },
+  render: (args) => (
+    <div style={{ width: 350 }}>
+      <WakaVoiceMessage {...args} />
+    </div>
+  ),
+}
+
+export const SmallSize: Story = {
+  args: {
+    mode: "player",
+    src: "https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3",
+    waveform: sampleWaveform.slice(0, 30),
+    waveformBars: 30,
+    variant: "default",
+    size: "sm",
+  },
+  render: (args) => (
+    <div style={{ width: 250 }}>
+      <WakaVoiceMessage {...args} />
+    </div>
+  ),
+}
+
+export const LargeSize: Story = {
+  args: {
+    mode: "player",
+    src: "https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3",
+    waveform: sampleWaveform,
+    waveformBars: 60,
+    variant: "default",
+    size: "lg",
+    showDownload: true,
+    showDelete: true,
+    showSpeedControl: true,
+  },
+  render: (args) => (
+    <div style={{ width: 450 }}>
+      <WakaVoiceMessage {...args} />
+    </div>
+  ),
+}
+
+export const Disabled: Story = {
+  args: {
+    mode: "player",
+    src: "https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3",
+    waveform: sampleWaveform,
+    variant: "default",
+    size: "md",
+    disabled: true,
+  },
+  render: (args) => (
+    <div style={{ width: 350 }}>
+      <WakaVoiceMessage {...args} />
+    </div>
+  ),
+}
+

package/src/components/waka-welcome-modal/WakaWelcomeModal.stories.tsx

@@ -0,0 +1,87 @@
+import type { Meta, StoryObj } from "@storybook/react"
+import * as React from "react"
+import { WakaWelcomeModal, type WelcomeStep } from "./index"
+import { Sparkles, Users, Settings, Rocket } from "lucide-react"
+
+const meta: Meta<typeof WakaWelcomeModal> = {
+  title: "UI/WakaWelcomeModal",
+  component: WakaWelcomeModal,
+  parameters: { layout: "centered" },
+  tags: ["autodocs"],
+  argTypes: {
+    open: { control: "boolean", description: "Ouvert" },
+    allowSkip: { control: "boolean", description: "Autoriser le skip" },
+    showDontShowAgain: { control: "boolean", description: "Ne plus afficher" },
+  },
+}
+
+export default meta
+type Story = StoryObj<typeof WakaWelcomeModal>
+
+const steps: WelcomeStep[] = [
+  {
+    id: "welcome",
+    title: "Bienvenue",
+    description: "Bienvenue sur la plateforme WakaStart.",
+    icon: <Sparkles className="tw-h-10 tw-w-10 text-primary" />,
+  },
+  {
+    id: "team",
+    title: "Votre equipe",
+    description: "Invitez vos collaborateurs et configurez votre equipe.",
+    icon: <Users className="tw-h-10 tw-w-10 text-primary" />,
+    options: [
+      { id: "invite", label: "Inviter des membres", description: "Ajoutez votre equipe" },
+      { id: "roles", label: "Configurer les roles", description: "Gerez les permissions" },
+    ],
+    multiSelect: true,
+  },
+  {
+    id: "preferences",
+    title: "Preferences",
+    description: "Choisissez vos parametres par defaut.",
+    icon: <Settings className="tw-h-10 tw-w-10 text-primary" />,
+    options: [
+      { id: "dark", label: "Mode sombre" },
+      { id: "notifications", label: "Notifications" },
+    ],
+    multiSelect: true,
+  },
+  {
+    id: "launch",
+    title: "C'est parti",
+    description: "Vous etes pret a demarrer.",
+    icon: <Rocket className="tw-h-10 tw-w-10 text-primary" />,
+  },
+]
+
+export const Default: Story = {
+  args: {
+    open: true,
+    userName: "Alex",
+    steps,
+    allowSkip: true,
+    showDontShowAgain: true,
+  },
+  render: (args) => {
+    const [open, setOpen] = React.useState(Boolean(args.open))
+
+    React.useEffect(() => {
+      setOpen(Boolean(args.open))
+    }, [args.open])
+
+    return <WakaWelcomeModal {...args} open={open} onOpenChange={setOpen} steps={steps} />
+  },
+}
+
+export const Locked: Story = {
+  args: {
+    open: true,
+    userName: "Marie",
+    steps,
+    allowSkip: false,
+    showDontShowAgain: false,
+  },
+  render: (args) => <WakaWelcomeModal {...args} open />,
+}
+

package/src/components/waka-xp-bar/WakaXPBar.stories.tsx

@@ -76,20 +76,20 @@ export const Variants: Story = {
   render: () => (
     <div className="w-[400px] space-y-6">
       <div>
-        <p className="text-sm text-muted-foreground mb-2">Default</p>
-        <WakaXPBar currentXP={1500} maxXP={3000} level={3} variant="default" />
+        <p className="text-sm text-muted-foreground mb-2">Small size</p>
+        <WakaXPBar currentXP={1500} requiredXP={3000} level={3} size="sm" />
       </div>
       <div>
-        <p className="text-sm text-muted-foreground mb-2">Gradient</p>
-        <WakaXPBar currentXP={2000} maxXP={3000} level={5} variant="gradient" />
+        <p className="text-sm text-muted-foreground mb-2">Medium size (default)</p>
+        <WakaXPBar currentXP={2000} requiredXP={3000} level={5} size="md" />
       </div>
       <div>
-        <p className="text-sm text-muted-foreground mb-2">Glow</p>
-        <WakaXPBar currentXP={2800} maxXP={3000} level={8} variant="glow" />
+        <p className="text-sm text-muted-foreground mb-2">Large size</p>
+        <WakaXPBar currentXP={2800} requiredXP={3000} level={8} size="lg" />
       </div>
       <div>
-        <p className="text-sm text-muted-foreground mb-2">Minimal</p>
-        <WakaXPBar currentXP={1200} maxXP={3000} level={2} variant="minimal" />
+        <p className="text-sm text-muted-foreground mb-2">With particles</p>
+        <WakaXPBar currentXP={1200} requiredXP={3000} level={2} showParticles />
       </div>
     </div>
   ),
@@ -100,15 +100,15 @@ export const Sizes: Story = {
     <div className="w-[400px] space-y-6">
       <div>
         <p className="text-sm text-muted-foreground mb-2">Small</p>
-        <WakaXPBar currentXP={1500} maxXP={3000} level={3} size="sm" />
+        <WakaXPBar currentXP={1500} requiredXP={3000} level={3} size="sm" />
       </div>
       <div>
         <p className="text-sm text-muted-foreground mb-2">Medium (Default)</p>
-        <WakaXPBar currentXP={2000} maxXP={3000} level={5} size="md" />
+        <WakaXPBar currentXP={2000} requiredXP={3000} level={5} size="md" />
       </div>
       <div>
         <p className="text-sm text-muted-foreground mb-2">Large</p>
-        <WakaXPBar currentXP={2500} maxXP={3000} level={8} size="lg" />
+        <WakaXPBar currentXP={2500} requiredXP={3000} level={8} size="lg" />
       </div>
     </div>
   ),
@@ -119,19 +119,19 @@ export const ProgressStates: Story = {
     <div className="w-[400px] space-y-6">
       <div>
         <p className="text-sm text-muted-foreground mb-2">Just Started (10%)</p>
-        <WakaXPBar currentXP={300} maxXP={3000} level={1} />
+        <WakaXPBar currentXP={300} requiredXP={3000} level={1} />
       </div>
       <div>
         <p className="text-sm text-muted-foreground mb-2">Halfway (50%)</p>
-        <WakaXPBar currentXP={1500} maxXP={3000} level={5} />
+        <WakaXPBar currentXP={1500} requiredXP={3000} level={5} />
       </div>
       <div>
         <p className="text-sm text-muted-foreground mb-2">Almost There (90%)</p>
-        <WakaXPBar currentXP={2700} maxXP={3000} level={9} />
+        <WakaXPBar currentXP={2700} requiredXP={3000} level={9} />
       </div>
       <div>
         <p className="text-sm text-muted-foreground mb-2">Max Level Ready</p>
-        <WakaXPBar currentXP={3000} maxXP={3000} level={10} />
+        <WakaXPBar currentXP={3000} requiredXP={3000} level={10} />
       </div>
     </div>
   ),
@@ -142,11 +142,11 @@ export const WithParticles: Story = {
     <div className="w-[400px] space-y-6">
       <div>
         <p className="text-sm text-muted-foreground mb-2">With Particles</p>
-        <WakaXPBar currentXP={2500} maxXP={3000} level={7} showParticles />
+        <WakaXPBar currentXP={2500} requiredXP={3000} level={7} showParticles />
       </div>
       <div>
         <p className="text-sm text-muted-foreground mb-2">Without Particles</p>
-        <WakaXPBar currentXP={2500} maxXP={3000} level={7} showParticles={false} />
+        <WakaXPBar currentXP={2500} requiredXP={3000} level={7} showParticles={false} />
       </div>
     </div>
   ),
@@ -155,15 +155,15 @@ export const WithParticles: Story = {
 export const Interactive: Story = {
   render: () => {
     const [xp, setXp] = React.useState(1000)
-    const maxXP = 5000
+    const requiredXP = 5000
     const level = Math.floor(xp / 1000) + 1
 
     return (
       <div className="w-[400px] space-y-4">
-        <WakaXPBar currentXP={xp} maxXP={maxXP} level={level} showParticles animated />
+        <WakaXPBar currentXP={xp} requiredXP={requiredXP} level={level} showParticles animated />
         <div className="flex gap-2">
           <button
-            onClick={() => setXp((prev) => Math.min(prev + 500, maxXP))}
+            onClick={() => setXp((prev) => Math.min(prev + 500, requiredXP))}
             className="px-4 py-2 rounded-lg bg-primary text-primary-foreground font-medium hover:bg-primary/90"
           >
             +500 XP
@@ -182,7 +182,7 @@ export const Interactive: Story = {
           </button>
         </div>
         <p className="text-sm text-muted-foreground text-center">
-          Level {level} • {xp.toLocaleString()} / {maxXP.toLocaleString()} XP
+          Level {level} • {xp.toLocaleString()} / {requiredXP.toLocaleString()} XP
         </p>
       </div>
     )
@@ -191,15 +191,15 @@ export const Interactive: Story = {
 
 export const WithHook: Story = {
   render: () => {
-    const { currentXP, maxXP, level, percentage, addXP, reset, levelUp } = useXPBar({
+    const { currentXP, requiredXP, level, progressPercent, addXP, reset } = useXPBar({
       initialXP: 1500,
-      initialMaxXP: 3000,
       initialLevel: 3,
+      xpPerLevel: 3000,
     })
 
     return (
       <div className="w-[400px] space-y-4">
-        <WakaXPBar currentXP={currentXP} maxXP={maxXP} level={level} variant="gradient" showParticles />
+        <WakaXPBar currentXP={currentXP} requiredXP={requiredXP} level={level} showParticles />
 
         <div className="grid grid-cols-3 gap-2 text-center">
           <div className="p-3 rounded-lg border">
@@ -211,7 +211,7 @@ export const WithHook: Story = {
             <p className="text-xs text-muted-foreground">Current XP</p>
           </div>
           <div className="p-3 rounded-lg border">
-            <p className="text-2xl font-bold">{Math.round(percentage)}%</p>
+            <p className="text-2xl font-bold">{Math.round(progressPercent)}%</p>
             <p className="text-xs text-muted-foreground">Progress</p>
           </div>
         </div>
@@ -230,7 +230,7 @@ export const WithHook: Story = {
             +500 XP
           </button>
           <button
-            onClick={levelUp}
+            onClick={() => addXP(requiredXP - currentXP)}
             className="px-3 py-1.5 text-sm rounded bg-purple-500 text-white hover:bg-purple-600"
           >
             Level Up
@@ -264,7 +264,7 @@ export const GamerProfile: Story = {
         </div>
       </div>
 
-      <WakaXPBar currentXP={8750} maxXP={10000} level={42} variant="glow" showParticles />
+      <WakaXPBar currentXP={8750} requiredXP={10000} level={42} showParticles />
 
       <div className="mt-6 grid grid-cols-3 gap-4 text-center">
         <div className="p-3 rounded-lg bg-muted/50">
@@ -287,7 +287,7 @@ export const GamerProfile: Story = {
 export const NoAnimation: Story = {
   render: () => (
     <div className="w-[400px]">
-      <WakaXPBar currentXP={2500} maxXP={5000} level={5} animated={false} showParticles={false} />
+      <WakaXPBar currentXP={2500} requiredXP={5000} level={5} animated={false} showParticles={false} />
     </div>
   ),
 }
@@ -299,7 +299,7 @@ export const CompactWidget: Story = {
         <span className="text-sm font-medium">Your Progress</span>
         <span className="text-xs text-muted-foreground">Lv. 12</span>
       </div>
-      <WakaXPBar currentXP={2200} maxXP={3000} level={12} size="sm" variant="minimal" />
+      <WakaXPBar currentXP={2200} requiredXP={3000} level={12} size="sm" />
     </div>
   ),
 }

package/dist/useDataTableImport-D8R2HQl6.mjs

@@ -1,229 +0,0 @@
-import { useMemo as S, useCallback as u } from "react";
-function X({
-  data: h,
-  columns: i,
-  exportConfig: y
-}) {
-  const p = S(() => ({
-    formats: ["csv", "xlsx", "json"],
-    filename: "export",
-    includeHeaders: !0,
-    ...y
-  }), [y]), x = u((e, o) => {
-    if (!e.length) return;
-    const r = i.filter((a) => a.accessorKey || a.id).map((a) => a.header || a.accessorKey || a.id).join(","), s = e.map((a) => i.filter((n) => n.accessorKey || n.id).map((n) => {
-      const f = n.accessorKey ? a[n.accessorKey] : a[n.id], k = n.formatter ? n.formatter(f) : f, L = String(k || "");
-      return L.includes(",") || L.includes('"') || L.includes(`
-`) ? `"${L.replace(/"/g, '""')}"` : L;
-    }).join(",")), t = [r, ...s].join(`
-`), d = new Blob([t], { type: "text/csv;charset=utf-8;" }), l = document.createElement("a");
-    l.href = URL.createObjectURL(d), l.download = `${o || p.filename}.csv`, l.click(), URL.revokeObjectURL(l.href);
-  }, [i, p.filename]), b = u((e, o) => {
-    const r = JSON.stringify(e, null, 2), s = new Blob([r], { type: "application/json" }), t = document.createElement("a");
-    t.href = URL.createObjectURL(s), t.download = `${o || p.filename}.json`, t.click(), URL.revokeObjectURL(t.href);
-  }, [p.filename]), v = u(async (e, o) => {
-    try {
-      if (typeof window > "u")
-        throw new Error("XLSX export not available in server environment");
-      const r = await import("xlsx"), t = [
-        i.filter((a) => a.accessorKey || a.id).map((a) => a.header || a.accessorKey || a.id),
-        ...e.map(
-          (a) => i.filter((n) => n.accessorKey || n.id).map((n) => {
-            const f = n.accessorKey ? a[n.accessorKey] : a[n.id];
-            return n.formatter ? n.formatter(f) : f;
-          })
-        )
-      ], d = r.utils.aoa_to_sheet(t), l = r.utils.book_new();
-      r.utils.book_append_sheet(l, d, "Sheet1"), r.writeFile(l, `${o || p.filename}.xlsx`);
-    } catch (r) {
-      throw console.error("Erreur lors de l'export XLSX:", r), new Error("La librairie xlsx n'est pas disponible");
-    }
-  }, [i, p.filename]), E = u(async (e, o) => {
-    try {
-      if (typeof window > "u")
-        throw new Error("PDF export not available in server environment");
-      const r = await import("jspdf"), s = await import("jspdf-autotable"), t = new r.default(), d = i.filter((a) => a.accessorKey || a.id).map((a) => a.header || a.accessorKey || a.id), l = e.map(
-        (a) => i.filter((n) => n.accessorKey || n.id).map((n) => {
-          const f = n.accessorKey ? a[n.accessorKey] : a[n.id];
-          return n.formatter ? n.formatter(f) : f;
-        })
-      );
-      t.autoTable({
-        head: [d],
-        body: l,
-        startY: 20,
-        styles: { fontSize: 8 },
-        headStyles: { fillColor: [66, 139, 202] }
-      }), t.save(`${o || p.filename}.pdf`);
-    } catch (r) {
-      throw console.error("Erreur lors de l'export PDF:", r), new Error("Les librairies jsPDF et jspdf-autotable ne sont pas disponibles");
-    }
-  }, [i, p.filename]), w = u((e, o) => {
-    const r = i.filter((l) => l.accessorKey || l.id).map((l) => l.accessorKey || l.id);
-    let s = `<?xml version="1.0" encoding="UTF-8"?>
-<data>
-`;
-    e.forEach((l, a) => {
-      s += `  <row id="${a}">
-`, r.forEach((n) => {
-        const f = l[n], k = String(f || "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-        s += `    <${n}>${k}</${n}>
-`;
-      }), s += `  </row>
-`;
-    }), s += "</data>";
-    const t = new Blob([s], { type: "application/xml" }), d = document.createElement("a");
-    d.href = URL.createObjectURL(t), d.download = `${o || p.filename}.xml`, d.click(), URL.revokeObjectURL(d.href);
-  }, [i, p.filename]), m = u(async (e, o, r) => {
-    const s = o || h, t = r || p.filename;
-    if (p.onExport) {
-      p.onExport(s, e);
-      return;
-    }
-    switch (e.toLowerCase()) {
-      case "csv":
-        x(s, t);
-        break;
-      case "json":
-        b(s, t);
-        break;
-      case "xlsx":
-        await v(s, t);
-        break;
-      case "pdf":
-        await E(s, t);
-        break;
-      case "xml":
-        w(s, t);
-        break;
-      default:
-        throw new Error(`Format d'export non supporté: ${e}`);
-    }
-  }, [h, p, x, b, v, E, w]), g = u(async (e) => m(e), [m]), c = u(async (e, o) => m(e, o), [m]);
-  return {
-    exportData: m,
-    exportAll: g,
-    exportSelected: c,
-    supportedFormats: p.formats,
-    isExportSupported: (e) => p.formats.includes(e)
-  };
-}
-function D({
-  importConfig: h
-}) {
-  const i = S(() => ({
-    accept: ".csv,.xlsx,.json,.xml",
-    ...h
-  }), [h]), y = u((c, e = ",") => {
-    const o = c.split(`
-`).filter((t) => t.trim());
-    if (o.length === 0) return [];
-    const r = o[0].split(e).map((t) => t.trim().replace(/"/g, ""));
-    return o.slice(1).map((t) => {
-      const d = t.split(e).map((a) => a.trim().replace(/"/g, "")), l = {};
-      return r.forEach((a, n) => {
-        l[a] = d[n] || "";
-      }), l;
-    });
-  }, []), p = u((c) => {
-    try {
-      const e = JSON.parse(c);
-      return Array.isArray(e) ? e : [e];
-    } catch {
-      throw new Error("Format JSON invalide");
-    }
-  }, []), x = u((c) => {
-    try {
-      const r = new DOMParser().parseFromString(c, "text/xml").querySelectorAll("row");
-      return Array.from(r).map((s) => {
-        const t = {};
-        return Array.from(s.children).forEach((d) => {
-          t[d.tagName] = d.textContent || "";
-        }), t;
-      });
-    } catch {
-      throw new Error("Format XML invalide");
-    }
-  }, []), b = u(async (c) => {
-    try {
-      if (typeof window > "u")
-        throw new Error("XLSX parsing not available in server environment");
-      const e = await import("xlsx"), o = await c.arrayBuffer(), r = e.read(o, { type: "array" }), s = r.SheetNames[0], t = r.Sheets[s], d = e.utils.sheet_to_json(t, { header: 1 });
-      if (d.length === 0) return [];
-      const l = d[0];
-      return d.slice(1).map((a) => {
-        const n = {};
-        return l.forEach((f, k) => {
-          n[f] = a[k] || "";
-        }), n;
-      });
-    } catch {
-      throw new Error("Erreur lors du parsing du fichier XLSX");
-    }
-  }, []), v = u((c) => i.validate ? i.validate(c) : Array.isArray(c) ? c.length === 0 ? { valid: !1, errors: ["Aucune donnée trouvée"] } : { valid: !0, errors: [] } : { valid: !1, errors: ["Les données doivent être un tableau"] }, [i.validate]), E = u((c) => i.columnMapping ? c.map((e) => {
-    const o = {};
-    return Object.entries(i.columnMapping).forEach(([r, s]) => {
-      e[r] !== void 0 && (o[s] = e[r]);
-    }), o;
-  }) : c, [i.columnMapping]), w = u(async (c) => {
-    const e = c.name.split(".").pop()?.toLowerCase();
-    let o = [];
-    try {
-      const r = await c.text();
-      switch (e) {
-        case "csv":
-          o = y(r, i.parseOptions?.csv?.delimiter);
-          break;
-        case "json":
-          o = p(r);
-          break;
-        case "xml":
-          o = x(r);
-          break;
-        case "xlsx":
-          o = await b(c);
-          break;
-        default:
-          throw new Error(`Format de fichier non supporté: ${e}`);
-      }
-      const s = v(o);
-      if (!s.valid)
-        throw new Error(`Données invalides: ${s.errors.join(", ")}`);
-      const t = E(o);
-      return i.onImport && i.onImport(t), t;
-    } catch (r) {
-      throw new Error(`Erreur lors de l'import: ${r instanceof Error ? r.message : "Erreur inconnue"}`);
-    }
-  }, [i, y, p, x, b, v, E]), m = u(() => {
-    const c = document.createElement("input");
-    return c.type = "file", c.accept = i.accept, c.multiple = !1, c;
-  }, [i.accept]), g = u(() => new Promise((c, e) => {
-    const o = m();
-    o.onchange = async (r) => {
-      const s = r.target.files?.[0];
-      if (!s) {
-        e(new Error("Aucun fichier sélectionné"));
-        return;
-      }
-      try {
-        const t = await w(s);
-        c(t);
-      } catch (t) {
-        e(t);
-      }
-    }, o.click();
-  }), [m, w]);
-  return {
-    importData: w,
-    importWithUI: g,
-    supportedFormats: i.accept?.split(",") || [],
-    isFormatSupported: (c) => {
-      const e = c.split(".").pop()?.toLowerCase();
-      return i.accept?.includes(e || "") || !1;
-    }
-  };
-}
-export {
-  D as a,
-  X as u
-};