@zentauri-ui/zentauri-components 2.1.4 → 2.1.6

package/dist/chunk-COCPCZMR.mjs

@@ -0,0 +1,77 @@
+// src/design-system/audio-player.ts
+var zuiAudioPlayerBase = [
+  "w-full",
+  "rounded-[var(--zui-audio-player-radius,var(--zui-radius,0.75rem))]",
+  "bg-[var(--zui-audio-player-bg,var(--zui-surface,#ffffff))] dark:bg-[var(--zui-audio-player-bg-dark,var(--zui-surface-dark,#0f172a))]",
+  "border border-[var(--zui-audio-player-border,var(--zui-border,#e2e8f0))] dark:border-[var(--zui-audio-player-border-dark,var(--zui-border-dark,#1e293b))]",
+  "shadow-[var(--zui-audio-player-shadow,var(--zui-shadow,0_1px_2px_#0f172a14))] dark:shadow-[var(--zui-audio-player-shadow-dark,var(--zui-shadow-dark,0_1px_2px_#0f172a1f))]",
+  "text-[color:var(--zui-audio-player-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-audio-player-fg-dark,var(--zui-fg-dark,#f8fafc))]"
+];
+var zuiAudioPlayerAppearances = {
+  default: "[--audio-fill:var(--zui-audio-player-default-fill,var(--zui-brand,#0f172a))] dark:[--audio-fill:var(--zui-audio-player-default-fill-dark,var(--zui-brand-dark,#f8fafc))]",
+  secondary: "[--audio-fill:var(--zui-audio-player-secondary-fill,var(--zui-fg,#475569))] dark:[--audio-fill:var(--zui-audio-player-secondary-fill-dark,var(--zui-fg-dark,#94a3b8))]",
+  destructive: "[--audio-fill:var(--zui-audio-player-destructive-fill,var(--zui-status-error,#dc2626))] dark:[--audio-fill:var(--zui-audio-player-destructive-fill-dark,var(--zui-status-error-dark,#ef4444))]",
+  blue: "[--audio-fill:var(--zui-audio-player-blue-fill,var(--zui-color-blue,#2563eb))] dark:[--audio-fill:var(--zui-audio-player-blue-fill-dark,var(--zui-color-blue-dark,#3b82f6))]",
+  cyan: "[--audio-fill:var(--zui-audio-player-cyan-fill,var(--zui-color-cyan,#0891b2))] dark:[--audio-fill:var(--zui-audio-player-cyan-fill-dark,var(--zui-color-cyan-dark,#22d3ee))]",
+  green: "[--audio-fill:var(--zui-audio-player-green-fill,var(--zui-color-green,#16a34a))] dark:[--audio-fill:var(--zui-audio-player-green-fill-dark,var(--zui-color-green-dark,#22c55e))]",
+  lime: "[--audio-fill:var(--zui-audio-player-lime-fill,var(--zui-color-lime,#65a30d))] dark:[--audio-fill:var(--zui-audio-player-lime-fill-dark,var(--zui-color-lime-dark,#a3e635))]",
+  mint: "[--audio-fill:var(--zui-audio-player-mint-fill,var(--zui-color-mint,#10b981))] dark:[--audio-fill:var(--zui-audio-player-mint-fill-dark,var(--zui-color-mint-dark,#6ee7b7))]",
+  ocean: "[--audio-fill:var(--zui-audio-player-ocean-fill,var(--zui-color-ocean,#0284c7))] dark:[--audio-fill:var(--zui-audio-player-ocean-fill-dark,var(--zui-color-ocean-dark,#38bdf8))]",
+  sapphire: "[--audio-fill:var(--zui-audio-player-sapphire-fill,var(--zui-color-sapphire,#1d4ed8))] dark:[--audio-fill:var(--zui-audio-player-sapphire-fill-dark,var(--zui-color-sapphire-dark,#60a5fa))]",
+  lavender: "[--audio-fill:var(--zui-audio-player-lavender-fill,var(--zui-color-lavender,#8b5cf6))] dark:[--audio-fill:var(--zui-audio-player-lavender-fill-dark,var(--zui-color-lavender-dark,#a78bfa))]",
+  ruby: "[--audio-fill:var(--zui-audio-player-ruby-fill,var(--zui-color-ruby,#be123c))] dark:[--audio-fill:var(--zui-audio-player-ruby-fill-dark,var(--zui-color-ruby-dark,#fb7185))]",
+  red: "[--audio-fill:var(--zui-audio-player-red-fill,var(--zui-color-red,#dc2626))] dark:[--audio-fill:var(--zui-audio-player-red-fill-dark,var(--zui-color-red-dark,#ef4444))]",
+  slate: "[--audio-fill:var(--zui-audio-player-slate-fill,var(--zui-color-slate,#475569))] dark:[--audio-fill:var(--zui-audio-player-slate-fill-dark,var(--zui-color-slate-dark,#64748b))]",
+  zinc: "[--audio-fill:var(--zui-audio-player-zinc-fill,var(--zui-color-zinc,#52525b))] dark:[--audio-fill:var(--zui-audio-player-zinc-fill-dark,var(--zui-color-zinc-dark,#71717a))]",
+  royal: "[--audio-fill:var(--zui-audio-player-royal-fill,var(--zui-color-royal,#4338ca))] dark:[--audio-fill:var(--zui-audio-player-royal-fill-dark,var(--zui-color-royal-dark,#818cf8))]",
+  electric: "[--audio-fill:var(--zui-audio-player-electric-fill,var(--zui-color-electric,#0ea5e9))] dark:[--audio-fill:var(--zui-audio-player-electric-fill-dark,var(--zui-color-electric-dark,#38bdf8))]",
+  forest: "[--audio-fill:var(--zui-audio-player-forest-fill,var(--zui-color-forest,#166534))] dark:[--audio-fill:var(--zui-audio-player-forest-fill-dark,var(--zui-color-forest-dark,#4ade80))]",
+  sunset: "[--audio-fill:var(--zui-audio-player-sunset-fill,var(--zui-color-sunset,#ea580c))] dark:[--audio-fill:var(--zui-audio-player-sunset-fill-dark,var(--zui-color-sunset-dark,#fb923c))]",
+  magenta: "[--audio-fill:var(--zui-audio-player-magenta-fill,var(--zui-color-magenta,#c026d3))] dark:[--audio-fill:var(--zui-audio-player-magenta-fill-dark,var(--zui-color-magenta-dark,#e879f9))]",
+  crimson: "[--audio-fill:var(--zui-audio-player-crimson-fill,var(--zui-color-crimson,#b91c1c))] dark:[--audio-fill:var(--zui-audio-player-crimson-fill-dark,var(--zui-color-crimson-dark,#f87171))]",
+  emerald: "[--audio-fill:var(--zui-audio-player-emerald-fill,var(--zui-color-emerald,#059669))] dark:[--audio-fill:var(--zui-audio-player-emerald-fill-dark,var(--zui-color-emerald-dark,#34d399))]",
+  indigo: "[--audio-fill:var(--zui-audio-player-indigo-fill,var(--zui-color-indigo,#4f46e5))] dark:[--audio-fill:var(--zui-audio-player-indigo-fill-dark,var(--zui-color-indigo-dark,#6366f1))]",
+  purple: "[--audio-fill:var(--zui-audio-player-purple-fill,var(--zui-color-purple,#7c3aed))] dark:[--audio-fill:var(--zui-audio-player-purple-fill-dark,var(--zui-color-purple-dark,#8b5cf6))]",
+  pink: "[--audio-fill:var(--zui-audio-player-pink-fill,var(--zui-color-pink,#db2777))] dark:[--audio-fill:var(--zui-audio-player-pink-fill-dark,var(--zui-color-pink-dark,#ec4899))]",
+  rose: "[--audio-fill:var(--zui-audio-player-rose-fill,var(--zui-color-rose,#e11d48))] dark:[--audio-fill:var(--zui-audio-player-rose-fill-dark,var(--zui-color-rose-dark,#f43f5e))]",
+  sky: "[--audio-fill:var(--zui-audio-player-sky-fill,var(--zui-color-sky,#0284c7))] dark:[--audio-fill:var(--zui-audio-player-sky-fill-dark,var(--zui-color-sky-dark,#38bdf8))]",
+  teal: "[--audio-fill:var(--zui-audio-player-teal-fill,var(--zui-color-teal,#0d9488))] dark:[--audio-fill:var(--zui-audio-player-teal-fill-dark,var(--zui-color-teal-dark,#2dd4bf))]",
+  yellow: "[--audio-fill:var(--zui-audio-player-yellow-fill,var(--zui-color-yellow,#ca8a04))] dark:[--audio-fill:var(--zui-audio-player-yellow-fill-dark,var(--zui-color-yellow-dark,#eab308))]",
+  orange: "[--audio-fill:var(--zui-audio-player-orange-fill,var(--zui-color-orange,#ea580c))] dark:[--audio-fill:var(--zui-audio-player-orange-fill-dark,var(--zui-color-orange-dark,#f97316))]",
+  "gradient-blue": "[--audio-fill:var(--zui-audio-player-gradient-blue-fill,linear-gradient(90deg,#2563eb,#7c3aed))] dark:[--audio-fill:var(--zui-audio-player-gradient-blue-fill-dark,linear-gradient(90deg,#3b82f6,#8b5cf6))]",
+  "gradient-green": "[--audio-fill:var(--zui-audio-player-gradient-green-fill,linear-gradient(90deg,#16a34a,#0d9488))] dark:[--audio-fill:var(--zui-audio-player-gradient-green-fill-dark,linear-gradient(90deg,#22c55e,#2dd4bf))]",
+  "gradient-red": "[--audio-fill:var(--zui-audio-player-gradient-red-fill,linear-gradient(90deg,#dc2626,#db2777))] dark:[--audio-fill:var(--zui-audio-player-gradient-red-fill-dark,linear-gradient(90deg,#ef4444,#ec4899))]",
+  "gradient-yellow": "[--audio-fill:var(--zui-audio-player-gradient-yellow-fill,linear-gradient(90deg,#ca8a04,#ea580c))] dark:[--audio-fill:var(--zui-audio-player-gradient-yellow-fill-dark,linear-gradient(90deg,#eab308,#f97316))]",
+  "gradient-purple": "[--audio-fill:var(--zui-audio-player-gradient-purple-fill,linear-gradient(90deg,#7c3aed,#db2777))] dark:[--audio-fill:var(--zui-audio-player-gradient-purple-fill-dark,linear-gradient(90deg,#8b5cf6,#ec4899))]",
+  "gradient-teal": "[--audio-fill:var(--zui-audio-player-gradient-teal-fill,linear-gradient(90deg,#0d9488,#0284c7))] dark:[--audio-fill:var(--zui-audio-player-gradient-teal-fill-dark,linear-gradient(90deg,#2dd4bf,#38bdf8))]",
+  "gradient-indigo": "[--audio-fill:var(--zui-audio-player-gradient-indigo-fill,linear-gradient(90deg,#4f46e5,#7c3aed))] dark:[--audio-fill:var(--zui-audio-player-gradient-indigo-fill-dark,linear-gradient(90deg,#6366f1,#8b5cf6))]",
+  "gradient-pink": "[--audio-fill:var(--zui-audio-player-gradient-pink-fill,linear-gradient(90deg,#db2777,#e11d48))] dark:[--audio-fill:var(--zui-audio-player-gradient-pink-fill-dark,linear-gradient(90deg,#ec4899,#f43f5e))]",
+  "gradient-orange": "[--audio-fill:var(--zui-audio-player-gradient-orange-fill,linear-gradient(90deg,#ea580c,#ca8a04))] dark:[--audio-fill:var(--zui-audio-player-gradient-orange-fill-dark,linear-gradient(90deg,#f97316,#eab308))]"
+};
+var zuiAudioPlayerSizes = {
+  sm: "p-3 text-xs gap-2",
+  md: "p-4 text-sm gap-3",
+  lg: "p-5 text-base gap-4"
+};
+var zuiAudioPlayerShapes = {
+  flat: "rounded-none",
+  rounded: "rounded-xl",
+  pill: "rounded-3xl"
+};
+var zuiAudioPlayerTrackBase = [
+  "relative w-full overflow-hidden cursor-pointer",
+  "rounded-[inherit]",
+  "bg-[var(--zui-audio-player-track-bg,var(--zui-surface-muted,#0000001a))] dark:bg-[var(--zui-audio-player-track-bg-dark,var(--zui-surface-muted-dark,#ffffff1a))]",
+  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--audio-fill,#0f172a)] focus-visible:ring-offset-2"
+];
+var zuiAudioPlayerTrackSizes = {
+  sm: "h-1",
+  md: "h-1.5",
+  lg: "h-2"
+};
+var zuiAudioPlayerBarBase = "h-full origin-left [background:var(--audio-fill)] transition-[transform] will-change-transform";
+var zuiAudioPlayerTimeBase = "tabular-nums font-mono text-[color:var(--zui-audio-player-time-fg,var(--zui-fg-muted,#64748b))] dark:text-[color:var(--zui-audio-player-time-fg-dark,var(--zui-fg-muted-dark,#94a3b8))]";
+
+export { zuiAudioPlayerAppearances, zuiAudioPlayerBarBase, zuiAudioPlayerBase, zuiAudioPlayerShapes, zuiAudioPlayerSizes, zuiAudioPlayerTimeBase, zuiAudioPlayerTrackBase, zuiAudioPlayerTrackSizes };
+//# sourceMappingURL=chunk-COCPCZMR.mjs.map
+//# sourceMappingURL=chunk-COCPCZMR.mjs.map

package/dist/chunk-COCPCZMR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/audio-player.ts"],"names":[],"mappings":";AAAO,IAAM,kBAAA,GAAqB;AAAA,EAChC,QAAA;AAAA,EACA,oEAAA;AAAA,EACA,sIAAA;AAAA,EACA,2JAAA;AAAA,EACA,4KAAA;AAAA,EACA;AACF;AAEO,IAAM,yBAAA,GAA4B;AAAA,EACvC,OAAA,EACE,0KAAA;AAAA,EACF,SAAA,EACE,wKAAA;AAAA,EACF,WAAA,EACE,gMAAA;AAAA,EACF,IAAA,EAAM,8KAAA;AAAA,EACN,IAAA,EAAM,8KAAA;AAAA,EACN,KAAA,EACE,kLAAA;AAAA,EACF,IAAA,EAAM,8KAAA;AAAA,EACN,IAAA,EAAM,8KAAA;AAAA,EACN,KAAA,EACE,kLAAA;AAAA,EACF,QAAA,EACE,8LAAA;AAAA,EACF,QAAA,EACE,8LAAA;AAAA,EACF,IAAA,EAAM,8KAAA;AAAA,EACN,GAAA,EAAK,0KAAA;AAAA,EACL,KAAA,EACE,kLAAA;AAAA,EACF,IAAA,EAAM,8KAAA;AAAA,EACN,KAAA,EACE,kLAAA;AAAA,EACF,QAAA,EACE,8LAAA;AAAA,EACF,MAAA,EACE,sLAAA;AAAA,EACF,MAAA,EACE,sLAAA;AAAA,EACF,OAAA,EACE,0LAAA;AAAA,EACF,OAAA,EACE,0LAAA;AAAA,EACF,OAAA,EACE,0LAAA;AAAA,EACF,MAAA,EACE,sLAAA;AAAA,EACF,MAAA,EACE,sLAAA;AAAA,EACF,IAAA,EAAM,8KAAA;AAAA,EACN,IAAA,EAAM,8KAAA;AAAA,EACN,GAAA,EAAK,0KAAA;AAAA,EACL,IAAA,EAAM,8KAAA;AAAA,EACN,MAAA,EACE,sLAAA;AAAA,EACF,MAAA,EACE,sLAAA;AAAA,EACF,eAAA,EACE,6MAAA;AAAA,EACF,gBAAA,EACE,+MAAA;AAAA,EACF,cAAA,EACE,2MAAA;AAAA,EACF,iBAAA,EACE,iNAAA;AAAA,EACF,iBAAA,EACE,iNAAA;AAAA,EACF,eAAA,EACE,6MAAA;AAAA,EACF,iBAAA,EACE,iNAAA;AAAA,EACF,eAAA,EACE,6MAAA;AAAA,EACF,iBAAA,EACE;AACJ;AAEO,IAAM,mBAAA,GAAsB;AAAA,EACjC,EAAA,EAAI,mBAAA;AAAA,EACJ,EAAA,EAAI,mBAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,oBAAA,GAAuB;AAAA,EAClC,IAAA,EAAM,cAAA;AAAA,EACN,OAAA,EAAS,YAAA;AAAA,EACT,IAAA,EAAM;AACR;AAEO,IAAM,uBAAA,GAA0B;AAAA,EACrC,gDAAA;AAAA,EACA,mBAAA;AAAA,EACA,kKAAA;AAAA,EACA;AACF;AAEO,IAAM,wBAAA,GAA2B;AAAA,EACtC,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,OAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,qBAAA,GACX;AAEK,IAAM,sBAAA,GACX","file":"chunk-COCPCZMR.mjs","sourcesContent":["export const zuiAudioPlayerBase = [\n  \"w-full\",\n  \"rounded-[var(--zui-audio-player-radius,var(--zui-radius,0.75rem))]\",\n  \"bg-[var(--zui-audio-player-bg,var(--zui-surface,#ffffff))] dark:bg-[var(--zui-audio-player-bg-dark,var(--zui-surface-dark,#0f172a))]\",\n  \"border border-[var(--zui-audio-player-border,var(--zui-border,#e2e8f0))] dark:border-[var(--zui-audio-player-border-dark,var(--zui-border-dark,#1e293b))]\",\n  \"shadow-[var(--zui-audio-player-shadow,var(--zui-shadow,0_1px_2px_#0f172a14))] dark:shadow-[var(--zui-audio-player-shadow-dark,var(--zui-shadow-dark,0_1px_2px_#0f172a1f))]\",\n  \"text-[color:var(--zui-audio-player-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-audio-player-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n] as const;\n\nexport const zuiAudioPlayerAppearances = {\n  default:\n    \"[--audio-fill:var(--zui-audio-player-default-fill,var(--zui-brand,#0f172a))] dark:[--audio-fill:var(--zui-audio-player-default-fill-dark,var(--zui-brand-dark,#f8fafc))]\",\n  secondary:\n    \"[--audio-fill:var(--zui-audio-player-secondary-fill,var(--zui-fg,#475569))] dark:[--audio-fill:var(--zui-audio-player-secondary-fill-dark,var(--zui-fg-dark,#94a3b8))]\",\n  destructive:\n    \"[--audio-fill:var(--zui-audio-player-destructive-fill,var(--zui-status-error,#dc2626))] dark:[--audio-fill:var(--zui-audio-player-destructive-fill-dark,var(--zui-status-error-dark,#ef4444))]\",\n  blue: \"[--audio-fill:var(--zui-audio-player-blue-fill,var(--zui-color-blue,#2563eb))] dark:[--audio-fill:var(--zui-audio-player-blue-fill-dark,var(--zui-color-blue-dark,#3b82f6))]\",\n  cyan: \"[--audio-fill:var(--zui-audio-player-cyan-fill,var(--zui-color-cyan,#0891b2))] dark:[--audio-fill:var(--zui-audio-player-cyan-fill-dark,var(--zui-color-cyan-dark,#22d3ee))]\",\n  green:\n    \"[--audio-fill:var(--zui-audio-player-green-fill,var(--zui-color-green,#16a34a))] dark:[--audio-fill:var(--zui-audio-player-green-fill-dark,var(--zui-color-green-dark,#22c55e))]\",\n  lime: \"[--audio-fill:var(--zui-audio-player-lime-fill,var(--zui-color-lime,#65a30d))] dark:[--audio-fill:var(--zui-audio-player-lime-fill-dark,var(--zui-color-lime-dark,#a3e635))]\",\n  mint: \"[--audio-fill:var(--zui-audio-player-mint-fill,var(--zui-color-mint,#10b981))] dark:[--audio-fill:var(--zui-audio-player-mint-fill-dark,var(--zui-color-mint-dark,#6ee7b7))]\",\n  ocean:\n    \"[--audio-fill:var(--zui-audio-player-ocean-fill,var(--zui-color-ocean,#0284c7))] dark:[--audio-fill:var(--zui-audio-player-ocean-fill-dark,var(--zui-color-ocean-dark,#38bdf8))]\",\n  sapphire:\n    \"[--audio-fill:var(--zui-audio-player-sapphire-fill,var(--zui-color-sapphire,#1d4ed8))] dark:[--audio-fill:var(--zui-audio-player-sapphire-fill-dark,var(--zui-color-sapphire-dark,#60a5fa))]\",\n  lavender:\n    \"[--audio-fill:var(--zui-audio-player-lavender-fill,var(--zui-color-lavender,#8b5cf6))] dark:[--audio-fill:var(--zui-audio-player-lavender-fill-dark,var(--zui-color-lavender-dark,#a78bfa))]\",\n  ruby: \"[--audio-fill:var(--zui-audio-player-ruby-fill,var(--zui-color-ruby,#be123c))] dark:[--audio-fill:var(--zui-audio-player-ruby-fill-dark,var(--zui-color-ruby-dark,#fb7185))]\",\n  red: \"[--audio-fill:var(--zui-audio-player-red-fill,var(--zui-color-red,#dc2626))] dark:[--audio-fill:var(--zui-audio-player-red-fill-dark,var(--zui-color-red-dark,#ef4444))]\",\n  slate:\n    \"[--audio-fill:var(--zui-audio-player-slate-fill,var(--zui-color-slate,#475569))] dark:[--audio-fill:var(--zui-audio-player-slate-fill-dark,var(--zui-color-slate-dark,#64748b))]\",\n  zinc: \"[--audio-fill:var(--zui-audio-player-zinc-fill,var(--zui-color-zinc,#52525b))] dark:[--audio-fill:var(--zui-audio-player-zinc-fill-dark,var(--zui-color-zinc-dark,#71717a))]\",\n  royal:\n    \"[--audio-fill:var(--zui-audio-player-royal-fill,var(--zui-color-royal,#4338ca))] dark:[--audio-fill:var(--zui-audio-player-royal-fill-dark,var(--zui-color-royal-dark,#818cf8))]\",\n  electric:\n    \"[--audio-fill:var(--zui-audio-player-electric-fill,var(--zui-color-electric,#0ea5e9))] dark:[--audio-fill:var(--zui-audio-player-electric-fill-dark,var(--zui-color-electric-dark,#38bdf8))]\",\n  forest:\n    \"[--audio-fill:var(--zui-audio-player-forest-fill,var(--zui-color-forest,#166534))] dark:[--audio-fill:var(--zui-audio-player-forest-fill-dark,var(--zui-color-forest-dark,#4ade80))]\",\n  sunset:\n    \"[--audio-fill:var(--zui-audio-player-sunset-fill,var(--zui-color-sunset,#ea580c))] dark:[--audio-fill:var(--zui-audio-player-sunset-fill-dark,var(--zui-color-sunset-dark,#fb923c))]\",\n  magenta:\n    \"[--audio-fill:var(--zui-audio-player-magenta-fill,var(--zui-color-magenta,#c026d3))] dark:[--audio-fill:var(--zui-audio-player-magenta-fill-dark,var(--zui-color-magenta-dark,#e879f9))]\",\n  crimson:\n    \"[--audio-fill:var(--zui-audio-player-crimson-fill,var(--zui-color-crimson,#b91c1c))] dark:[--audio-fill:var(--zui-audio-player-crimson-fill-dark,var(--zui-color-crimson-dark,#f87171))]\",\n  emerald:\n    \"[--audio-fill:var(--zui-audio-player-emerald-fill,var(--zui-color-emerald,#059669))] dark:[--audio-fill:var(--zui-audio-player-emerald-fill-dark,var(--zui-color-emerald-dark,#34d399))]\",\n  indigo:\n    \"[--audio-fill:var(--zui-audio-player-indigo-fill,var(--zui-color-indigo,#4f46e5))] dark:[--audio-fill:var(--zui-audio-player-indigo-fill-dark,var(--zui-color-indigo-dark,#6366f1))]\",\n  purple:\n    \"[--audio-fill:var(--zui-audio-player-purple-fill,var(--zui-color-purple,#7c3aed))] dark:[--audio-fill:var(--zui-audio-player-purple-fill-dark,var(--zui-color-purple-dark,#8b5cf6))]\",\n  pink: \"[--audio-fill:var(--zui-audio-player-pink-fill,var(--zui-color-pink,#db2777))] dark:[--audio-fill:var(--zui-audio-player-pink-fill-dark,var(--zui-color-pink-dark,#ec4899))]\",\n  rose: \"[--audio-fill:var(--zui-audio-player-rose-fill,var(--zui-color-rose,#e11d48))] dark:[--audio-fill:var(--zui-audio-player-rose-fill-dark,var(--zui-color-rose-dark,#f43f5e))]\",\n  sky: \"[--audio-fill:var(--zui-audio-player-sky-fill,var(--zui-color-sky,#0284c7))] dark:[--audio-fill:var(--zui-audio-player-sky-fill-dark,var(--zui-color-sky-dark,#38bdf8))]\",\n  teal: \"[--audio-fill:var(--zui-audio-player-teal-fill,var(--zui-color-teal,#0d9488))] dark:[--audio-fill:var(--zui-audio-player-teal-fill-dark,var(--zui-color-teal-dark,#2dd4bf))]\",\n  yellow:\n    \"[--audio-fill:var(--zui-audio-player-yellow-fill,var(--zui-color-yellow,#ca8a04))] dark:[--audio-fill:var(--zui-audio-player-yellow-fill-dark,var(--zui-color-yellow-dark,#eab308))]\",\n  orange:\n    \"[--audio-fill:var(--zui-audio-player-orange-fill,var(--zui-color-orange,#ea580c))] dark:[--audio-fill:var(--zui-audio-player-orange-fill-dark,var(--zui-color-orange-dark,#f97316))]\",\n  \"gradient-blue\":\n    \"[--audio-fill:var(--zui-audio-player-gradient-blue-fill,linear-gradient(90deg,#2563eb,#7c3aed))] dark:[--audio-fill:var(--zui-audio-player-gradient-blue-fill-dark,linear-gradient(90deg,#3b82f6,#8b5cf6))]\",\n  \"gradient-green\":\n    \"[--audio-fill:var(--zui-audio-player-gradient-green-fill,linear-gradient(90deg,#16a34a,#0d9488))] dark:[--audio-fill:var(--zui-audio-player-gradient-green-fill-dark,linear-gradient(90deg,#22c55e,#2dd4bf))]\",\n  \"gradient-red\":\n    \"[--audio-fill:var(--zui-audio-player-gradient-red-fill,linear-gradient(90deg,#dc2626,#db2777))] dark:[--audio-fill:var(--zui-audio-player-gradient-red-fill-dark,linear-gradient(90deg,#ef4444,#ec4899))]\",\n  \"gradient-yellow\":\n    \"[--audio-fill:var(--zui-audio-player-gradient-yellow-fill,linear-gradient(90deg,#ca8a04,#ea580c))] dark:[--audio-fill:var(--zui-audio-player-gradient-yellow-fill-dark,linear-gradient(90deg,#eab308,#f97316))]\",\n  \"gradient-purple\":\n    \"[--audio-fill:var(--zui-audio-player-gradient-purple-fill,linear-gradient(90deg,#7c3aed,#db2777))] dark:[--audio-fill:var(--zui-audio-player-gradient-purple-fill-dark,linear-gradient(90deg,#8b5cf6,#ec4899))]\",\n  \"gradient-teal\":\n    \"[--audio-fill:var(--zui-audio-player-gradient-teal-fill,linear-gradient(90deg,#0d9488,#0284c7))] dark:[--audio-fill:var(--zui-audio-player-gradient-teal-fill-dark,linear-gradient(90deg,#2dd4bf,#38bdf8))]\",\n  \"gradient-indigo\":\n    \"[--audio-fill:var(--zui-audio-player-gradient-indigo-fill,linear-gradient(90deg,#4f46e5,#7c3aed))] dark:[--audio-fill:var(--zui-audio-player-gradient-indigo-fill-dark,linear-gradient(90deg,#6366f1,#8b5cf6))]\",\n  \"gradient-pink\":\n    \"[--audio-fill:var(--zui-audio-player-gradient-pink-fill,linear-gradient(90deg,#db2777,#e11d48))] dark:[--audio-fill:var(--zui-audio-player-gradient-pink-fill-dark,linear-gradient(90deg,#ec4899,#f43f5e))]\",\n  \"gradient-orange\":\n    \"[--audio-fill:var(--zui-audio-player-gradient-orange-fill,linear-gradient(90deg,#ea580c,#ca8a04))] dark:[--audio-fill:var(--zui-audio-player-gradient-orange-fill-dark,linear-gradient(90deg,#f97316,#eab308))]\",\n} as const;\n\nexport const zuiAudioPlayerSizes = {\n  sm: \"p-3 text-xs gap-2\",\n  md: \"p-4 text-sm gap-3\",\n  lg: \"p-5 text-base gap-4\",\n} as const;\n\nexport const zuiAudioPlayerShapes = {\n  flat: \"rounded-none\",\n  rounded: \"rounded-xl\",\n  pill: \"rounded-3xl\",\n} as const;\n\nexport const zuiAudioPlayerTrackBase = [\n  \"relative w-full overflow-hidden cursor-pointer\",\n  \"rounded-[inherit]\",\n  \"bg-[var(--zui-audio-player-track-bg,var(--zui-surface-muted,#0000001a))] dark:bg-[var(--zui-audio-player-track-bg-dark,var(--zui-surface-muted-dark,#ffffff1a))]\",\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--audio-fill,#0f172a)] focus-visible:ring-offset-2\",\n] as const;\n\nexport const zuiAudioPlayerTrackSizes = {\n  sm: \"h-1\",\n  md: \"h-1.5\",\n  lg: \"h-2\",\n} as const;\n\nexport const zuiAudioPlayerBarBase =\n  \"h-full origin-left [background:var(--audio-fill)] transition-[transform] will-change-transform\" as const;\n\nexport const zuiAudioPlayerTimeBase =\n  \"tabular-nums font-mono text-[color:var(--zui-audio-player-time-fg,var(--zui-fg-muted,#64748b))] dark:text-[color:var(--zui-audio-player-time-fg-dark,var(--zui-fg-muted-dark,#94a3b8))]\" as const;\n"]}

package/dist/chunk-PG7LQVU6.js

@@ -0,0 +1,86 @@
+'use strict';
+
+// src/design-system/audio-player.ts
+var zuiAudioPlayerBase = [
+  "w-full",
+  "rounded-[var(--zui-audio-player-radius,var(--zui-radius,0.75rem))]",
+  "bg-[var(--zui-audio-player-bg,var(--zui-surface,#ffffff))] dark:bg-[var(--zui-audio-player-bg-dark,var(--zui-surface-dark,#0f172a))]",
+  "border border-[var(--zui-audio-player-border,var(--zui-border,#e2e8f0))] dark:border-[var(--zui-audio-player-border-dark,var(--zui-border-dark,#1e293b))]",
+  "shadow-[var(--zui-audio-player-shadow,var(--zui-shadow,0_1px_2px_#0f172a14))] dark:shadow-[var(--zui-audio-player-shadow-dark,var(--zui-shadow-dark,0_1px_2px_#0f172a1f))]",
+  "text-[color:var(--zui-audio-player-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-audio-player-fg-dark,var(--zui-fg-dark,#f8fafc))]"
+];
+var zuiAudioPlayerAppearances = {
+  default: "[--audio-fill:var(--zui-audio-player-default-fill,var(--zui-brand,#0f172a))] dark:[--audio-fill:var(--zui-audio-player-default-fill-dark,var(--zui-brand-dark,#f8fafc))]",
+  secondary: "[--audio-fill:var(--zui-audio-player-secondary-fill,var(--zui-fg,#475569))] dark:[--audio-fill:var(--zui-audio-player-secondary-fill-dark,var(--zui-fg-dark,#94a3b8))]",
+  destructive: "[--audio-fill:var(--zui-audio-player-destructive-fill,var(--zui-status-error,#dc2626))] dark:[--audio-fill:var(--zui-audio-player-destructive-fill-dark,var(--zui-status-error-dark,#ef4444))]",
+  blue: "[--audio-fill:var(--zui-audio-player-blue-fill,var(--zui-color-blue,#2563eb))] dark:[--audio-fill:var(--zui-audio-player-blue-fill-dark,var(--zui-color-blue-dark,#3b82f6))]",
+  cyan: "[--audio-fill:var(--zui-audio-player-cyan-fill,var(--zui-color-cyan,#0891b2))] dark:[--audio-fill:var(--zui-audio-player-cyan-fill-dark,var(--zui-color-cyan-dark,#22d3ee))]",
+  green: "[--audio-fill:var(--zui-audio-player-green-fill,var(--zui-color-green,#16a34a))] dark:[--audio-fill:var(--zui-audio-player-green-fill-dark,var(--zui-color-green-dark,#22c55e))]",
+  lime: "[--audio-fill:var(--zui-audio-player-lime-fill,var(--zui-color-lime,#65a30d))] dark:[--audio-fill:var(--zui-audio-player-lime-fill-dark,var(--zui-color-lime-dark,#a3e635))]",
+  mint: "[--audio-fill:var(--zui-audio-player-mint-fill,var(--zui-color-mint,#10b981))] dark:[--audio-fill:var(--zui-audio-player-mint-fill-dark,var(--zui-color-mint-dark,#6ee7b7))]",
+  ocean: "[--audio-fill:var(--zui-audio-player-ocean-fill,var(--zui-color-ocean,#0284c7))] dark:[--audio-fill:var(--zui-audio-player-ocean-fill-dark,var(--zui-color-ocean-dark,#38bdf8))]",
+  sapphire: "[--audio-fill:var(--zui-audio-player-sapphire-fill,var(--zui-color-sapphire,#1d4ed8))] dark:[--audio-fill:var(--zui-audio-player-sapphire-fill-dark,var(--zui-color-sapphire-dark,#60a5fa))]",
+  lavender: "[--audio-fill:var(--zui-audio-player-lavender-fill,var(--zui-color-lavender,#8b5cf6))] dark:[--audio-fill:var(--zui-audio-player-lavender-fill-dark,var(--zui-color-lavender-dark,#a78bfa))]",
+  ruby: "[--audio-fill:var(--zui-audio-player-ruby-fill,var(--zui-color-ruby,#be123c))] dark:[--audio-fill:var(--zui-audio-player-ruby-fill-dark,var(--zui-color-ruby-dark,#fb7185))]",
+  red: "[--audio-fill:var(--zui-audio-player-red-fill,var(--zui-color-red,#dc2626))] dark:[--audio-fill:var(--zui-audio-player-red-fill-dark,var(--zui-color-red-dark,#ef4444))]",
+  slate: "[--audio-fill:var(--zui-audio-player-slate-fill,var(--zui-color-slate,#475569))] dark:[--audio-fill:var(--zui-audio-player-slate-fill-dark,var(--zui-color-slate-dark,#64748b))]",
+  zinc: "[--audio-fill:var(--zui-audio-player-zinc-fill,var(--zui-color-zinc,#52525b))] dark:[--audio-fill:var(--zui-audio-player-zinc-fill-dark,var(--zui-color-zinc-dark,#71717a))]",
+  royal: "[--audio-fill:var(--zui-audio-player-royal-fill,var(--zui-color-royal,#4338ca))] dark:[--audio-fill:var(--zui-audio-player-royal-fill-dark,var(--zui-color-royal-dark,#818cf8))]",
+  electric: "[--audio-fill:var(--zui-audio-player-electric-fill,var(--zui-color-electric,#0ea5e9))] dark:[--audio-fill:var(--zui-audio-player-electric-fill-dark,var(--zui-color-electric-dark,#38bdf8))]",
+  forest: "[--audio-fill:var(--zui-audio-player-forest-fill,var(--zui-color-forest,#166534))] dark:[--audio-fill:var(--zui-audio-player-forest-fill-dark,var(--zui-color-forest-dark,#4ade80))]",
+  sunset: "[--audio-fill:var(--zui-audio-player-sunset-fill,var(--zui-color-sunset,#ea580c))] dark:[--audio-fill:var(--zui-audio-player-sunset-fill-dark,var(--zui-color-sunset-dark,#fb923c))]",
+  magenta: "[--audio-fill:var(--zui-audio-player-magenta-fill,var(--zui-color-magenta,#c026d3))] dark:[--audio-fill:var(--zui-audio-player-magenta-fill-dark,var(--zui-color-magenta-dark,#e879f9))]",
+  crimson: "[--audio-fill:var(--zui-audio-player-crimson-fill,var(--zui-color-crimson,#b91c1c))] dark:[--audio-fill:var(--zui-audio-player-crimson-fill-dark,var(--zui-color-crimson-dark,#f87171))]",
+  emerald: "[--audio-fill:var(--zui-audio-player-emerald-fill,var(--zui-color-emerald,#059669))] dark:[--audio-fill:var(--zui-audio-player-emerald-fill-dark,var(--zui-color-emerald-dark,#34d399))]",
+  indigo: "[--audio-fill:var(--zui-audio-player-indigo-fill,var(--zui-color-indigo,#4f46e5))] dark:[--audio-fill:var(--zui-audio-player-indigo-fill-dark,var(--zui-color-indigo-dark,#6366f1))]",
+  purple: "[--audio-fill:var(--zui-audio-player-purple-fill,var(--zui-color-purple,#7c3aed))] dark:[--audio-fill:var(--zui-audio-player-purple-fill-dark,var(--zui-color-purple-dark,#8b5cf6))]",
+  pink: "[--audio-fill:var(--zui-audio-player-pink-fill,var(--zui-color-pink,#db2777))] dark:[--audio-fill:var(--zui-audio-player-pink-fill-dark,var(--zui-color-pink-dark,#ec4899))]",
+  rose: "[--audio-fill:var(--zui-audio-player-rose-fill,var(--zui-color-rose,#e11d48))] dark:[--audio-fill:var(--zui-audio-player-rose-fill-dark,var(--zui-color-rose-dark,#f43f5e))]",
+  sky: "[--audio-fill:var(--zui-audio-player-sky-fill,var(--zui-color-sky,#0284c7))] dark:[--audio-fill:var(--zui-audio-player-sky-fill-dark,var(--zui-color-sky-dark,#38bdf8))]",
+  teal: "[--audio-fill:var(--zui-audio-player-teal-fill,var(--zui-color-teal,#0d9488))] dark:[--audio-fill:var(--zui-audio-player-teal-fill-dark,var(--zui-color-teal-dark,#2dd4bf))]",
+  yellow: "[--audio-fill:var(--zui-audio-player-yellow-fill,var(--zui-color-yellow,#ca8a04))] dark:[--audio-fill:var(--zui-audio-player-yellow-fill-dark,var(--zui-color-yellow-dark,#eab308))]",
+  orange: "[--audio-fill:var(--zui-audio-player-orange-fill,var(--zui-color-orange,#ea580c))] dark:[--audio-fill:var(--zui-audio-player-orange-fill-dark,var(--zui-color-orange-dark,#f97316))]",
+  "gradient-blue": "[--audio-fill:var(--zui-audio-player-gradient-blue-fill,linear-gradient(90deg,#2563eb,#7c3aed))] dark:[--audio-fill:var(--zui-audio-player-gradient-blue-fill-dark,linear-gradient(90deg,#3b82f6,#8b5cf6))]",
+  "gradient-green": "[--audio-fill:var(--zui-audio-player-gradient-green-fill,linear-gradient(90deg,#16a34a,#0d9488))] dark:[--audio-fill:var(--zui-audio-player-gradient-green-fill-dark,linear-gradient(90deg,#22c55e,#2dd4bf))]",
+  "gradient-red": "[--audio-fill:var(--zui-audio-player-gradient-red-fill,linear-gradient(90deg,#dc2626,#db2777))] dark:[--audio-fill:var(--zui-audio-player-gradient-red-fill-dark,linear-gradient(90deg,#ef4444,#ec4899))]",
+  "gradient-yellow": "[--audio-fill:var(--zui-audio-player-gradient-yellow-fill,linear-gradient(90deg,#ca8a04,#ea580c))] dark:[--audio-fill:var(--zui-audio-player-gradient-yellow-fill-dark,linear-gradient(90deg,#eab308,#f97316))]",
+  "gradient-purple": "[--audio-fill:var(--zui-audio-player-gradient-purple-fill,linear-gradient(90deg,#7c3aed,#db2777))] dark:[--audio-fill:var(--zui-audio-player-gradient-purple-fill-dark,linear-gradient(90deg,#8b5cf6,#ec4899))]",
+  "gradient-teal": "[--audio-fill:var(--zui-audio-player-gradient-teal-fill,linear-gradient(90deg,#0d9488,#0284c7))] dark:[--audio-fill:var(--zui-audio-player-gradient-teal-fill-dark,linear-gradient(90deg,#2dd4bf,#38bdf8))]",
+  "gradient-indigo": "[--audio-fill:var(--zui-audio-player-gradient-indigo-fill,linear-gradient(90deg,#4f46e5,#7c3aed))] dark:[--audio-fill:var(--zui-audio-player-gradient-indigo-fill-dark,linear-gradient(90deg,#6366f1,#8b5cf6))]",
+  "gradient-pink": "[--audio-fill:var(--zui-audio-player-gradient-pink-fill,linear-gradient(90deg,#db2777,#e11d48))] dark:[--audio-fill:var(--zui-audio-player-gradient-pink-fill-dark,linear-gradient(90deg,#ec4899,#f43f5e))]",
+  "gradient-orange": "[--audio-fill:var(--zui-audio-player-gradient-orange-fill,linear-gradient(90deg,#ea580c,#ca8a04))] dark:[--audio-fill:var(--zui-audio-player-gradient-orange-fill-dark,linear-gradient(90deg,#f97316,#eab308))]"
+};
+var zuiAudioPlayerSizes = {
+  sm: "p-3 text-xs gap-2",
+  md: "p-4 text-sm gap-3",
+  lg: "p-5 text-base gap-4"
+};
+var zuiAudioPlayerShapes = {
+  flat: "rounded-none",
+  rounded: "rounded-xl",
+  pill: "rounded-3xl"
+};
+var zuiAudioPlayerTrackBase = [
+  "relative w-full overflow-hidden cursor-pointer",
+  "rounded-[inherit]",
+  "bg-[var(--zui-audio-player-track-bg,var(--zui-surface-muted,#0000001a))] dark:bg-[var(--zui-audio-player-track-bg-dark,var(--zui-surface-muted-dark,#ffffff1a))]",
+  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--audio-fill,#0f172a)] focus-visible:ring-offset-2"
+];
+var zuiAudioPlayerTrackSizes = {
+  sm: "h-1",
+  md: "h-1.5",
+  lg: "h-2"
+};
+var zuiAudioPlayerBarBase = "h-full origin-left [background:var(--audio-fill)] transition-[transform] will-change-transform";
+var zuiAudioPlayerTimeBase = "tabular-nums font-mono text-[color:var(--zui-audio-player-time-fg,var(--zui-fg-muted,#64748b))] dark:text-[color:var(--zui-audio-player-time-fg-dark,var(--zui-fg-muted-dark,#94a3b8))]";
+
+exports.zuiAudioPlayerAppearances = zuiAudioPlayerAppearances;
+exports.zuiAudioPlayerBarBase = zuiAudioPlayerBarBase;
+exports.zuiAudioPlayerBase = zuiAudioPlayerBase;
+exports.zuiAudioPlayerShapes = zuiAudioPlayerShapes;
+exports.zuiAudioPlayerSizes = zuiAudioPlayerSizes;
+exports.zuiAudioPlayerTimeBase = zuiAudioPlayerTimeBase;
+exports.zuiAudioPlayerTrackBase = zuiAudioPlayerTrackBase;
+exports.zuiAudioPlayerTrackSizes = zuiAudioPlayerTrackSizes;
+//# sourceMappingURL=chunk-PG7LQVU6.js.map
+//# sourceMappingURL=chunk-PG7LQVU6.js.map

package/dist/chunk-PG7LQVU6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/audio-player.ts"],"names":[],"mappings":";;;AAAO,IAAM,kBAAA,GAAqB;AAAA,EAChC,QAAA;AAAA,EACA,oEAAA;AAAA,EACA,sIAAA;AAAA,EACA,2JAAA;AAAA,EACA,4KAAA;AAAA,EACA;AACF;AAEO,IAAM,yBAAA,GAA4B;AAAA,EACvC,OAAA,EACE,0KAAA;AAAA,EACF,SAAA,EACE,wKAAA;AAAA,EACF,WAAA,EACE,gMAAA;AAAA,EACF,IAAA,EAAM,8KAAA;AAAA,EACN,IAAA,EAAM,8KAAA;AAAA,EACN,KAAA,EACE,kLAAA;AAAA,EACF,IAAA,EAAM,8KAAA;AAAA,EACN,IAAA,EAAM,8KAAA;AAAA,EACN,KAAA,EACE,kLAAA;AAAA,EACF,QAAA,EACE,8LAAA;AAAA,EACF,QAAA,EACE,8LAAA;AAAA,EACF,IAAA,EAAM,8KAAA;AAAA,EACN,GAAA,EAAK,0KAAA;AAAA,EACL,KAAA,EACE,kLAAA;AAAA,EACF,IAAA,EAAM,8KAAA;AAAA,EACN,KAAA,EACE,kLAAA;AAAA,EACF,QAAA,EACE,8LAAA;AAAA,EACF,MAAA,EACE,sLAAA;AAAA,EACF,MAAA,EACE,sLAAA;AAAA,EACF,OAAA,EACE,0LAAA;AAAA,EACF,OAAA,EACE,0LAAA;AAAA,EACF,OAAA,EACE,0LAAA;AAAA,EACF,MAAA,EACE,sLAAA;AAAA,EACF,MAAA,EACE,sLAAA;AAAA,EACF,IAAA,EAAM,8KAAA;AAAA,EACN,IAAA,EAAM,8KAAA;AAAA,EACN,GAAA,EAAK,0KAAA;AAAA,EACL,IAAA,EAAM,8KAAA;AAAA,EACN,MAAA,EACE,sLAAA;AAAA,EACF,MAAA,EACE,sLAAA;AAAA,EACF,eAAA,EACE,6MAAA;AAAA,EACF,gBAAA,EACE,+MAAA;AAAA,EACF,cAAA,EACE,2MAAA;AAAA,EACF,iBAAA,EACE,iNAAA;AAAA,EACF,iBAAA,EACE,iNAAA;AAAA,EACF,eAAA,EACE,6MAAA;AAAA,EACF,iBAAA,EACE,iNAAA;AAAA,EACF,eAAA,EACE,6MAAA;AAAA,EACF,iBAAA,EACE;AACJ;AAEO,IAAM,mBAAA,GAAsB;AAAA,EACjC,EAAA,EAAI,mBAAA;AAAA,EACJ,EAAA,EAAI,mBAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,oBAAA,GAAuB;AAAA,EAClC,IAAA,EAAM,cAAA;AAAA,EACN,OAAA,EAAS,YAAA;AAAA,EACT,IAAA,EAAM;AACR;AAEO,IAAM,uBAAA,GAA0B;AAAA,EACrC,gDAAA;AAAA,EACA,mBAAA;AAAA,EACA,kKAAA;AAAA,EACA;AACF;AAEO,IAAM,wBAAA,GAA2B;AAAA,EACtC,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,OAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,qBAAA,GACX;AAEK,IAAM,sBAAA,GACX","file":"chunk-PG7LQVU6.js","sourcesContent":["export const zuiAudioPlayerBase = [\n  \"w-full\",\n  \"rounded-[var(--zui-audio-player-radius,var(--zui-radius,0.75rem))]\",\n  \"bg-[var(--zui-audio-player-bg,var(--zui-surface,#ffffff))] dark:bg-[var(--zui-audio-player-bg-dark,var(--zui-surface-dark,#0f172a))]\",\n  \"border border-[var(--zui-audio-player-border,var(--zui-border,#e2e8f0))] dark:border-[var(--zui-audio-player-border-dark,var(--zui-border-dark,#1e293b))]\",\n  \"shadow-[var(--zui-audio-player-shadow,var(--zui-shadow,0_1px_2px_#0f172a14))] dark:shadow-[var(--zui-audio-player-shadow-dark,var(--zui-shadow-dark,0_1px_2px_#0f172a1f))]\",\n  \"text-[color:var(--zui-audio-player-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-audio-player-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n] as const;\n\nexport const zuiAudioPlayerAppearances = {\n  default:\n    \"[--audio-fill:var(--zui-audio-player-default-fill,var(--zui-brand,#0f172a))] dark:[--audio-fill:var(--zui-audio-player-default-fill-dark,var(--zui-brand-dark,#f8fafc))]\",\n  secondary:\n    \"[--audio-fill:var(--zui-audio-player-secondary-fill,var(--zui-fg,#475569))] dark:[--audio-fill:var(--zui-audio-player-secondary-fill-dark,var(--zui-fg-dark,#94a3b8))]\",\n  destructive:\n    \"[--audio-fill:var(--zui-audio-player-destructive-fill,var(--zui-status-error,#dc2626))] dark:[--audio-fill:var(--zui-audio-player-destructive-fill-dark,var(--zui-status-error-dark,#ef4444))]\",\n  blue: \"[--audio-fill:var(--zui-audio-player-blue-fill,var(--zui-color-blue,#2563eb))] dark:[--audio-fill:var(--zui-audio-player-blue-fill-dark,var(--zui-color-blue-dark,#3b82f6))]\",\n  cyan: \"[--audio-fill:var(--zui-audio-player-cyan-fill,var(--zui-color-cyan,#0891b2))] dark:[--audio-fill:var(--zui-audio-player-cyan-fill-dark,var(--zui-color-cyan-dark,#22d3ee))]\",\n  green:\n    \"[--audio-fill:var(--zui-audio-player-green-fill,var(--zui-color-green,#16a34a))] dark:[--audio-fill:var(--zui-audio-player-green-fill-dark,var(--zui-color-green-dark,#22c55e))]\",\n  lime: \"[--audio-fill:var(--zui-audio-player-lime-fill,var(--zui-color-lime,#65a30d))] dark:[--audio-fill:var(--zui-audio-player-lime-fill-dark,var(--zui-color-lime-dark,#a3e635))]\",\n  mint: \"[--audio-fill:var(--zui-audio-player-mint-fill,var(--zui-color-mint,#10b981))] dark:[--audio-fill:var(--zui-audio-player-mint-fill-dark,var(--zui-color-mint-dark,#6ee7b7))]\",\n  ocean:\n    \"[--audio-fill:var(--zui-audio-player-ocean-fill,var(--zui-color-ocean,#0284c7))] dark:[--audio-fill:var(--zui-audio-player-ocean-fill-dark,var(--zui-color-ocean-dark,#38bdf8))]\",\n  sapphire:\n    \"[--audio-fill:var(--zui-audio-player-sapphire-fill,var(--zui-color-sapphire,#1d4ed8))] dark:[--audio-fill:var(--zui-audio-player-sapphire-fill-dark,var(--zui-color-sapphire-dark,#60a5fa))]\",\n  lavender:\n    \"[--audio-fill:var(--zui-audio-player-lavender-fill,var(--zui-color-lavender,#8b5cf6))] dark:[--audio-fill:var(--zui-audio-player-lavender-fill-dark,var(--zui-color-lavender-dark,#a78bfa))]\",\n  ruby: \"[--audio-fill:var(--zui-audio-player-ruby-fill,var(--zui-color-ruby,#be123c))] dark:[--audio-fill:var(--zui-audio-player-ruby-fill-dark,var(--zui-color-ruby-dark,#fb7185))]\",\n  red: \"[--audio-fill:var(--zui-audio-player-red-fill,var(--zui-color-red,#dc2626))] dark:[--audio-fill:var(--zui-audio-player-red-fill-dark,var(--zui-color-red-dark,#ef4444))]\",\n  slate:\n    \"[--audio-fill:var(--zui-audio-player-slate-fill,var(--zui-color-slate,#475569))] dark:[--audio-fill:var(--zui-audio-player-slate-fill-dark,var(--zui-color-slate-dark,#64748b))]\",\n  zinc: \"[--audio-fill:var(--zui-audio-player-zinc-fill,var(--zui-color-zinc,#52525b))] dark:[--audio-fill:var(--zui-audio-player-zinc-fill-dark,var(--zui-color-zinc-dark,#71717a))]\",\n  royal:\n    \"[--audio-fill:var(--zui-audio-player-royal-fill,var(--zui-color-royal,#4338ca))] dark:[--audio-fill:var(--zui-audio-player-royal-fill-dark,var(--zui-color-royal-dark,#818cf8))]\",\n  electric:\n    \"[--audio-fill:var(--zui-audio-player-electric-fill,var(--zui-color-electric,#0ea5e9))] dark:[--audio-fill:var(--zui-audio-player-electric-fill-dark,var(--zui-color-electric-dark,#38bdf8))]\",\n  forest:\n    \"[--audio-fill:var(--zui-audio-player-forest-fill,var(--zui-color-forest,#166534))] dark:[--audio-fill:var(--zui-audio-player-forest-fill-dark,var(--zui-color-forest-dark,#4ade80))]\",\n  sunset:\n    \"[--audio-fill:var(--zui-audio-player-sunset-fill,var(--zui-color-sunset,#ea580c))] dark:[--audio-fill:var(--zui-audio-player-sunset-fill-dark,var(--zui-color-sunset-dark,#fb923c))]\",\n  magenta:\n    \"[--audio-fill:var(--zui-audio-player-magenta-fill,var(--zui-color-magenta,#c026d3))] dark:[--audio-fill:var(--zui-audio-player-magenta-fill-dark,var(--zui-color-magenta-dark,#e879f9))]\",\n  crimson:\n    \"[--audio-fill:var(--zui-audio-player-crimson-fill,var(--zui-color-crimson,#b91c1c))] dark:[--audio-fill:var(--zui-audio-player-crimson-fill-dark,var(--zui-color-crimson-dark,#f87171))]\",\n  emerald:\n    \"[--audio-fill:var(--zui-audio-player-emerald-fill,var(--zui-color-emerald,#059669))] dark:[--audio-fill:var(--zui-audio-player-emerald-fill-dark,var(--zui-color-emerald-dark,#34d399))]\",\n  indigo:\n    \"[--audio-fill:var(--zui-audio-player-indigo-fill,var(--zui-color-indigo,#4f46e5))] dark:[--audio-fill:var(--zui-audio-player-indigo-fill-dark,var(--zui-color-indigo-dark,#6366f1))]\",\n  purple:\n    \"[--audio-fill:var(--zui-audio-player-purple-fill,var(--zui-color-purple,#7c3aed))] dark:[--audio-fill:var(--zui-audio-player-purple-fill-dark,var(--zui-color-purple-dark,#8b5cf6))]\",\n  pink: \"[--audio-fill:var(--zui-audio-player-pink-fill,var(--zui-color-pink,#db2777))] dark:[--audio-fill:var(--zui-audio-player-pink-fill-dark,var(--zui-color-pink-dark,#ec4899))]\",\n  rose: \"[--audio-fill:var(--zui-audio-player-rose-fill,var(--zui-color-rose,#e11d48))] dark:[--audio-fill:var(--zui-audio-player-rose-fill-dark,var(--zui-color-rose-dark,#f43f5e))]\",\n  sky: \"[--audio-fill:var(--zui-audio-player-sky-fill,var(--zui-color-sky,#0284c7))] dark:[--audio-fill:var(--zui-audio-player-sky-fill-dark,var(--zui-color-sky-dark,#38bdf8))]\",\n  teal: \"[--audio-fill:var(--zui-audio-player-teal-fill,var(--zui-color-teal,#0d9488))] dark:[--audio-fill:var(--zui-audio-player-teal-fill-dark,var(--zui-color-teal-dark,#2dd4bf))]\",\n  yellow:\n    \"[--audio-fill:var(--zui-audio-player-yellow-fill,var(--zui-color-yellow,#ca8a04))] dark:[--audio-fill:var(--zui-audio-player-yellow-fill-dark,var(--zui-color-yellow-dark,#eab308))]\",\n  orange:\n    \"[--audio-fill:var(--zui-audio-player-orange-fill,var(--zui-color-orange,#ea580c))] dark:[--audio-fill:var(--zui-audio-player-orange-fill-dark,var(--zui-color-orange-dark,#f97316))]\",\n  \"gradient-blue\":\n    \"[--audio-fill:var(--zui-audio-player-gradient-blue-fill,linear-gradient(90deg,#2563eb,#7c3aed))] dark:[--audio-fill:var(--zui-audio-player-gradient-blue-fill-dark,linear-gradient(90deg,#3b82f6,#8b5cf6))]\",\n  \"gradient-green\":\n    \"[--audio-fill:var(--zui-audio-player-gradient-green-fill,linear-gradient(90deg,#16a34a,#0d9488))] dark:[--audio-fill:var(--zui-audio-player-gradient-green-fill-dark,linear-gradient(90deg,#22c55e,#2dd4bf))]\",\n  \"gradient-red\":\n    \"[--audio-fill:var(--zui-audio-player-gradient-red-fill,linear-gradient(90deg,#dc2626,#db2777))] dark:[--audio-fill:var(--zui-audio-player-gradient-red-fill-dark,linear-gradient(90deg,#ef4444,#ec4899))]\",\n  \"gradient-yellow\":\n    \"[--audio-fill:var(--zui-audio-player-gradient-yellow-fill,linear-gradient(90deg,#ca8a04,#ea580c))] dark:[--audio-fill:var(--zui-audio-player-gradient-yellow-fill-dark,linear-gradient(90deg,#eab308,#f97316))]\",\n  \"gradient-purple\":\n    \"[--audio-fill:var(--zui-audio-player-gradient-purple-fill,linear-gradient(90deg,#7c3aed,#db2777))] dark:[--audio-fill:var(--zui-audio-player-gradient-purple-fill-dark,linear-gradient(90deg,#8b5cf6,#ec4899))]\",\n  \"gradient-teal\":\n    \"[--audio-fill:var(--zui-audio-player-gradient-teal-fill,linear-gradient(90deg,#0d9488,#0284c7))] dark:[--audio-fill:var(--zui-audio-player-gradient-teal-fill-dark,linear-gradient(90deg,#2dd4bf,#38bdf8))]\",\n  \"gradient-indigo\":\n    \"[--audio-fill:var(--zui-audio-player-gradient-indigo-fill,linear-gradient(90deg,#4f46e5,#7c3aed))] dark:[--audio-fill:var(--zui-audio-player-gradient-indigo-fill-dark,linear-gradient(90deg,#6366f1,#8b5cf6))]\",\n  \"gradient-pink\":\n    \"[--audio-fill:var(--zui-audio-player-gradient-pink-fill,linear-gradient(90deg,#db2777,#e11d48))] dark:[--audio-fill:var(--zui-audio-player-gradient-pink-fill-dark,linear-gradient(90deg,#ec4899,#f43f5e))]\",\n  \"gradient-orange\":\n    \"[--audio-fill:var(--zui-audio-player-gradient-orange-fill,linear-gradient(90deg,#ea580c,#ca8a04))] dark:[--audio-fill:var(--zui-audio-player-gradient-orange-fill-dark,linear-gradient(90deg,#f97316,#eab308))]\",\n} as const;\n\nexport const zuiAudioPlayerSizes = {\n  sm: \"p-3 text-xs gap-2\",\n  md: \"p-4 text-sm gap-3\",\n  lg: \"p-5 text-base gap-4\",\n} as const;\n\nexport const zuiAudioPlayerShapes = {\n  flat: \"rounded-none\",\n  rounded: \"rounded-xl\",\n  pill: \"rounded-3xl\",\n} as const;\n\nexport const zuiAudioPlayerTrackBase = [\n  \"relative w-full overflow-hidden cursor-pointer\",\n  \"rounded-[inherit]\",\n  \"bg-[var(--zui-audio-player-track-bg,var(--zui-surface-muted,#0000001a))] dark:bg-[var(--zui-audio-player-track-bg-dark,var(--zui-surface-muted-dark,#ffffff1a))]\",\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--audio-fill,#0f172a)] focus-visible:ring-offset-2\",\n] as const;\n\nexport const zuiAudioPlayerTrackSizes = {\n  sm: \"h-1\",\n  md: \"h-1.5\",\n  lg: \"h-2\",\n} as const;\n\nexport const zuiAudioPlayerBarBase =\n  \"h-full origin-left [background:var(--audio-fill)] transition-[transform] will-change-transform\" as const;\n\nexport const zuiAudioPlayerTimeBase =\n  \"tabular-nums font-mono text-[color:var(--zui-audio-player-time-fg,var(--zui-fg-muted,#64748b))] dark:text-[color:var(--zui-audio-player-time-fg-dark,var(--zui-fg-muted-dark,#94a3b8))]\" as const;\n"]}

package/dist/{chunk-RENXBUZY.js → chunk-QE7OJW4J.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkD2GISTDL_js = require('./chunk-D2GISTDL.js');
+var chunk3W2UUKWP_js = require('./chunk-3W2UUKWP.js');
 var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -40,7 +40,7 @@ var ButtonBase = (props) => {
       "data-slot": "button",
       onClick: handleClick,
       className: chunkZS5756ZC_js.cn(
-        chunkD2GISTDL_js.buttonVariants({ appearance: appearance2, size: size2 }),
+        chunk3W2UUKWP_js.buttonVariants({ appearance: appearance2, size: size2 }),
         children2.props.className,
         className2
       )
@@ -65,7 +65,7 @@ var ButtonBase = (props) => {
         target,
         rel: target === "_blank" ? "noopener noreferrer" : void 0,
         "data-slot": "button",
-        className: chunkZS5756ZC_js.cn(chunkD2GISTDL_js.buttonVariants({ appearance: appearance2, size: size2 }), className2),
+        className: chunkZS5756ZC_js.cn(chunk3W2UUKWP_js.buttonVariants({ appearance: appearance2, size: size2 }), className2),
         ...rest2,
         children: children2
       }
@@ -86,7 +86,7 @@ var ButtonBase = (props) => {
       ref,
       type,
       "data-slot": "button",
-      className: chunkZS5756ZC_js.cn(chunkD2GISTDL_js.buttonVariants({ appearance, size }), className),
+      className: chunkZS5756ZC_js.cn(chunk3W2UUKWP_js.buttonVariants({ appearance, size }), className),
       ...rest,
       children
     }
@@ -99,5 +99,5 @@ var Button = (props) => {
 Button.displayName = "Button";
 
 exports.Button = Button;
-//# sourceMappingURL=chunk-RENXBUZY.js.map
-//# sourceMappingURL=chunk-RENXBUZY.js.map
+//# sourceMappingURL=chunk-QE7OJW4J.js.map
+//# sourceMappingURL=chunk-QE7OJW4J.js.map

package/dist/{chunk-RENXBUZY.js.map → chunk-QE7OJW4J.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/buttons/button-base.tsx","../src/ui/buttons/button.tsx"],"names":["className","appearance","size","children","rest","isValidElement","cloneElement","cn","buttonVariants","ref","jsx"],"mappings":"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","file":"chunk-RENXBUZY.js","sourcesContent":["\"use client\";\n\nimport { cloneElement, isValidElement, type MouseEventHandler } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { ButtonProps } from \"./types\";\nimport { buttonVariants } from \"./variants\";\n\nexport const ButtonBase = (props: ButtonProps) => {\n  if (\"asChild\" in props && props.asChild) {\n    const {\n      className,\n      appearance,\n      size,\n      children,\n      asChild: _asChild,\n      disabled,\n      onClick,\n      ...rest\n    } = props;\n\n    if (!isValidElement<{ className?: string }>(children)) {\n      return null;\n    }\n\n    const isNativeButton = children.type === \"button\";\n    const childOnClick = children.props.onClick as\n      | MouseEventHandler<HTMLElement>\n      | undefined;\n    const handleClick: MouseEventHandler<HTMLElement> = (event) => {\n      if (disabled) {\n        event.preventDefault();\n        event.stopPropagation();\n        return;\n      }\n\n      onClick?.(event);\n      if (!event.defaultPrevented) {\n        childOnClick?.(event);\n      }\n    };\n\n    return cloneElement(children, {\n      ...rest,\n      ...children.props,\n      ...(disabled\n        ? isNativeButton\n          ? { disabled: true }\n          : { \"aria-disabled\": true, tabIndex: -1 }\n        : null),\n      \"data-slot\": \"button\",\n      onClick: handleClick,\n      className: cn(\n        buttonVariants({ appearance, size }),\n        children.props.className,\n        className,\n      ),\n    });\n  }\n\n  if (props.as === \"link\") {\n    const {\n      className,\n      appearance,\n      size,\n      children,\n      ref,\n      href,\n      target,\n      ...rest\n    } = props;\n\n    return (\n      <a\n        ref={ref}\n        href={href}\n        target={target}\n        rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n        data-slot=\"button\"\n        className={cn(buttonVariants({ appearance, size }), className)}\n        {...rest}\n      >\n        {children}\n      </a>\n    );\n  }\n\n  const {\n    className,\n    appearance,\n    size,\n    type = \"button\",\n    children,\n    ref,\n    ...rest\n  } = props;\n\n  return (\n    <button\n      ref={ref}\n      type={type}\n      data-slot=\"button\"\n      className={cn(buttonVariants({ appearance, size }), className)}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n};\n\nButtonBase.displayName = \"Button\";\n","// button.tsx — default static entry (no framer-motion)\nimport { ButtonBase } from \"./button-base\";\nimport type { ButtonProps } from \"./types\";\n\nexport const Button = (props: ButtonProps) => {\n  return <ButtonBase {...props} />;\n};\n\nButton.displayName = \"Button\";\n"]}
+{"version":3,"sources":["../src/ui/buttons/button-base.tsx","../src/ui/buttons/button.tsx"],"names":["className","appearance","size","children","rest","isValidElement","cloneElement","cn","buttonVariants","ref","jsx"],"mappings":"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","file":"chunk-QE7OJW4J.js","sourcesContent":["\"use client\";\n\nimport { cloneElement, isValidElement, type MouseEventHandler } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { ButtonProps } from \"./types\";\nimport { buttonVariants } from \"./variants\";\n\nexport const ButtonBase = (props: ButtonProps) => {\n  if (\"asChild\" in props && props.asChild) {\n    const {\n      className,\n      appearance,\n      size,\n      children,\n      asChild: _asChild,\n      disabled,\n      onClick,\n      ...rest\n    } = props;\n\n    if (!isValidElement<{ className?: string }>(children)) {\n      return null;\n    }\n\n    const isNativeButton = children.type === \"button\";\n    const childOnClick = children.props.onClick as\n      | MouseEventHandler<HTMLElement>\n      | undefined;\n    const handleClick: MouseEventHandler<HTMLElement> = (event) => {\n      if (disabled) {\n        event.preventDefault();\n        event.stopPropagation();\n        return;\n      }\n\n      onClick?.(event);\n      if (!event.defaultPrevented) {\n        childOnClick?.(event);\n      }\n    };\n\n    return cloneElement(children, {\n      ...rest,\n      ...children.props,\n      ...(disabled\n        ? isNativeButton\n          ? { disabled: true }\n          : { \"aria-disabled\": true, tabIndex: -1 }\n        : null),\n      \"data-slot\": \"button\",\n      onClick: handleClick,\n      className: cn(\n        buttonVariants({ appearance, size }),\n        children.props.className,\n        className,\n      ),\n    });\n  }\n\n  if (props.as === \"link\") {\n    const {\n      className,\n      appearance,\n      size,\n      children,\n      ref,\n      href,\n      target,\n      ...rest\n    } = props;\n\n    return (\n      <a\n        ref={ref}\n        href={href}\n        target={target}\n        rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n        data-slot=\"button\"\n        className={cn(buttonVariants({ appearance, size }), className)}\n        {...rest}\n      >\n        {children}\n      </a>\n    );\n  }\n\n  const {\n    className,\n    appearance,\n    size,\n    type = \"button\",\n    children,\n    ref,\n    ...rest\n  } = props;\n\n  return (\n    <button\n      ref={ref}\n      type={type}\n      data-slot=\"button\"\n      className={cn(buttonVariants({ appearance, size }), className)}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n};\n\nButtonBase.displayName = \"Button\";\n","// button.tsx — default static entry (no framer-motion)\nimport { ButtonBase } from \"./button-base\";\nimport type { ButtonProps } from \"./types\";\n\nexport const Button = (props: ButtonProps) => {\n  return <ButtonBase {...props} />;\n};\n\nButton.displayName = \"Button\";\n"]}

package/dist/{chunk-NZSZE36T.js → chunk-VA6SB6NN.js}

@@ -1,30 +1,32 @@
 'use strict';
 
 var chunkFBUY6K6S_js = require('./chunk-FBUY6K6S.js');
+var chunkNDF3HORF_js = require('./chunk-NDF3HORF.js');
 var chunkUSLNTKVQ_js = require('./chunk-USLNTKVQ.js');
 var chunkD7ATXPVI_js = require('./chunk-D7ATXPVI.js');
 var chunkIEHY6KNM_js = require('./chunk-IEHY6KNM.js');
 var chunk3MK7CWEX_js = require('./chunk-3MK7CWEX.js');
+var chunkUJXFD4SK_js = require('./chunk-UJXFD4SK.js');
 var chunk3EJCQXGV_js = require('./chunk-3EJCQXGV.js');
 var chunk6KVTKYTB_js = require('./chunk-6KVTKYTB.js');
 var chunkL7W4NRK6_js = require('./chunk-L7W4NRK6.js');
 var chunkKWBGLH7G_js = require('./chunk-KWBGLH7G.js');
 var chunkOH5VOGNW_js = require('./chunk-OH5VOGNW.js');
 var chunkY7BU5RC4_js = require('./chunk-Y7BU5RC4.js');
-var chunkNDF3HORF_js = require('./chunk-NDF3HORF.js');
+var chunkSRSRY5K2_js = require('./chunk-SRSRY5K2.js');
 var chunkUG3GF2BD_js = require('./chunk-UG3GF2BD.js');
 var chunkBZTAA3MK_js = require('./chunk-BZTAA3MK.js');
 var chunkPZ25OHJE_js = require('./chunk-PZ25OHJE.js');
 var chunkHOOZYA4N_js = require('./chunk-HOOZYA4N.js');
 var chunkCJCOURVM_js = require('./chunk-CJCOURVM.js');
 var chunk22FJROCI_js = require('./chunk-22FJROCI.js');
-var chunkUJXFD4SK_js = require('./chunk-UJXFD4SK.js');
+var chunkKJMW7S5X_js = require('./chunk-KJMW7S5X.js');
 var chunk3CYJQ6KF_js = require('./chunk-3CYJQ6KF.js');
 var chunk3453DQNL_js = require('./chunk-3453DQNL.js');
 var chunkDYSXCJGL_js = require('./chunk-DYSXCJGL.js');
 var chunkA7MU6SFI_js = require('./chunk-A7MU6SFI.js');
 var chunkWGN2CBG6_js = require('./chunk-WGN2CBG6.js');
-var chunkSRSRY5K2_js = require('./chunk-SRSRY5K2.js');
+var chunkNYO3W5GY_js = require('./chunk-NYO3W5GY.js');
 var chunkHNRCPZCK_js = require('./chunk-HNRCPZCK.js');
 var chunkJ2SUGU3X_js = require('./chunk-J2SUGU3X.js');
 var chunkJ5NTJVKX_js = require('./chunk-J5NTJVKX.js');
@@ -32,14 +34,13 @@ var chunkUQQHB3OI_js = require('./chunk-UQQHB3OI.js');
 var chunkBBM4BKSN_js = require('./chunk-BBM4BKSN.js');
 var chunkY5JAQEBF_js = require('./chunk-Y5JAQEBF.js');
 var chunk7DVECOO7_js = require('./chunk-7DVECOO7.js');
-var chunkKJMW7S5X_js = require('./chunk-KJMW7S5X.js');
 var chunkYPYPWALR_js = require('./chunk-YPYPWALR.js');
 var chunkPP3L6M62_js = require('./chunk-PP3L6M62.js');
 var chunkBJDT7P2I_js = require('./chunk-BJDT7P2I.js');
+var chunkPG7LQVU6_js = require('./chunk-PG7LQVU6.js');
 var chunkNFUOJMNI_js = require('./chunk-NFUOJMNI.js');
 var chunkUT6QG35L_js = require('./chunk-UT6QG35L.js');
 var chunkIR5SJ7AQ_js = require('./chunk-IR5SJ7AQ.js');
-var chunkNYO3W5GY_js = require('./chunk-NYO3W5GY.js');
 var chunkPZ5AY32C_js = require('./chunk-PZ5AY32C.js');
 
 // src/design-system/index.ts
@@ -63,6 +64,14 @@ chunkPZ5AY32C_js.__export(design_system_exports, {
   zuiAnimatedNumberAppearance: () => chunkNFUOJMNI_js.zuiAnimatedNumberAppearance,
   zuiAnimatedNumberBase: () => chunkNFUOJMNI_js.zuiAnimatedNumberBase,
   zuiAnimatedNumberSize: () => chunkNFUOJMNI_js.zuiAnimatedNumberSize,
+  zuiAudioPlayerAppearances: () => chunkPG7LQVU6_js.zuiAudioPlayerAppearances,
+  zuiAudioPlayerBarBase: () => chunkPG7LQVU6_js.zuiAudioPlayerBarBase,
+  zuiAudioPlayerBase: () => chunkPG7LQVU6_js.zuiAudioPlayerBase,
+  zuiAudioPlayerShapes: () => chunkPG7LQVU6_js.zuiAudioPlayerShapes,
+  zuiAudioPlayerSizes: () => chunkPG7LQVU6_js.zuiAudioPlayerSizes,
+  zuiAudioPlayerTimeBase: () => chunkPG7LQVU6_js.zuiAudioPlayerTimeBase,
+  zuiAudioPlayerTrackBase: () => chunkPG7LQVU6_js.zuiAudioPlayerTrackBase,
+  zuiAudioPlayerTrackSizes: () => chunkPG7LQVU6_js.zuiAudioPlayerTrackSizes,
   zuiAvatarAppearances: () => chunkUT6QG35L_js.zuiAvatarAppearances,
   zuiAvatarBase: () => chunkUT6QG35L_js.zuiAvatarBase,
   zuiAvatarFallbackBase: () => chunkUT6QG35L_js.zuiAvatarFallbackBase,
@@ -670,5 +679,5 @@ exports.zuiPaginationEllipsisSizes = zuiPaginationEllipsisSizes;
 exports.zuiPaginationListAppearances = zuiPaginationListAppearances;
 exports.zuiPaginationListBase = zuiPaginationListBase;
 exports.zuiPaginationListSizes = zuiPaginationListSizes;
-//# sourceMappingURL=chunk-NZSZE36T.js.map
-//# sourceMappingURL=chunk-NZSZE36T.js.map
+//# sourceMappingURL=chunk-VA6SB6NN.js.map
+//# sourceMappingURL=chunk-VA6SB6NN.js.map