@zentauri-ui/zentauri-components 2.1.5 → 2.1.6

package/cli/props.json

@@ -848,6 +848,328 @@
         }
       ]
     },
+    "audio-player": {
+      "slug": "audio-player",
+      "subcomponents": [
+        {
+          "name": "static:AudioPlayer",
+          "displayName": "AudioPlayer",
+          "propsType": "AudioPlayerProps",
+          "source": "static",
+          "props": [
+            {
+              "name": "appearance",
+              "type": "enum",
+              "required": false,
+              "default": "default",
+              "group": "variant",
+              "isVariant": true,
+              "options": [
+                "blue",
+                "crimson",
+                "cyan",
+                "default",
+                "destructive",
+                "electric",
+                "emerald",
+                "forest",
+                "gradient-blue",
+                "gradient-green",
+                "gradient-indigo",
+                "gradient-orange",
+                "gradient-pink",
+                "gradient-purple",
+                "gradient-red",
+                "gradient-teal",
+                "gradient-yellow",
+                "green",
+                "indigo",
+                "lavender",
+                "lime",
+                "magenta",
+                "mint",
+                "ocean",
+                "orange",
+                "pink",
+                "purple",
+                "red",
+                "rose",
+                "royal",
+                "ruby",
+                "sapphire",
+                "secondary",
+                "sky",
+                "slate",
+                "sunset",
+                "teal",
+                "yellow",
+                "zinc"
+              ],
+              "variantGroup": "appearance",
+              "deprecated": false
+            },
+            {
+              "name": "shape",
+              "type": "enum",
+              "required": false,
+              "default": "rounded",
+              "group": "variant",
+              "isVariant": true,
+              "options": [
+                "flat",
+                "pill",
+                "rounded"
+              ],
+              "variantGroup": "shape",
+              "deprecated": false
+            },
+            {
+              "name": "size",
+              "type": "enum",
+              "required": false,
+              "default": "md",
+              "group": "variant",
+              "isVariant": true,
+              "options": [
+                "lg",
+                "md",
+                "sm"
+              ],
+              "variantGroup": "size",
+              "deprecated": false
+            },
+            {
+              "name": "autoPlay",
+              "type": "boolean | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "loop",
+              "type": "boolean | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "onEnded",
+              "type": "(ReactEventHandler<HTMLDivElement> & (() => void)) | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "onPause",
+              "type": "(ReactEventHandler<HTMLDivElement> & (() => void)) | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "onPlay",
+              "type": "(ReactEventHandler<HTMLDivElement> & (() => void)) | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "onTimeUpdate",
+              "type": "(ReactEventHandler<HTMLDivElement> & ((currentTime: number, duration: number) => void)) | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "src",
+              "type": "string",
+              "required": true,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "children",
+              "type": "ReactNode",
+              "required": false,
+              "group": "content",
+              "deprecated": false
+            },
+            {
+              "name": "className",
+              "type": "string | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "id",
+              "type": "string | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "onClick",
+              "type": "MouseEventHandler<HTMLDivElement> | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "style",
+              "type": "CSSProperties | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "title",
+              "type": "string | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            }
+          ]
+        },
+        {
+          "name": "static:AudioPlayerProgress",
+          "displayName": "AudioPlayerProgress",
+          "propsType": "AudioPlayerProgressProps",
+          "source": "static",
+          "props": [
+            {
+              "name": "className",
+              "type": "string | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "id",
+              "type": "string | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "onClick",
+              "type": "MouseEventHandler<HTMLDivElement> | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "style",
+              "type": "CSSProperties | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "title",
+              "type": "string | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            }
+          ]
+        },
+        {
+          "name": "static:AudioPlayerTime",
+          "displayName": "AudioPlayerTime",
+          "propsType": "AudioPlayerTimeProps",
+          "source": "static",
+          "props": [
+            {
+              "name": "format",
+              "type": "((seconds: number) => string) | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "className",
+              "type": "string | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            }
+          ]
+        },
+        {
+          "name": "static:AudioPlayerVariant",
+          "displayName": "AudioPlayerVariant",
+          "propsType": "AudioPlayerVariantProps",
+          "source": "static",
+          "props": [
+            {
+              "name": "appearance",
+              "type": "'default' | 'blue' | 'cyan' | 'green' | 'lime' | 'mint' | 'ocean' | 'sapphire' | 'lavender' | 'ruby' | 'red' | 'slate' | 'zinc' | 'royal' | 'electric' | 'forest' | 'sunset' | 'magenta' | 'crimson' | 'sky' | 'rose' | 'purple' | 'pink' | 'orange' | 'yellow' | 'teal' | 'indigo' | 'emerald' | 'gradient-blue' | 'gradient-green' | 'gradient-red' | 'gradient-yellow' | 'gradient-purple' | 'gradient-teal' | 'gradient-indigo' | 'gradient-pink' | 'gradient-orange' | 'secondary' | 'destructive' | null | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "shape",
+              "type": "'rounded' | 'flat' | 'pill' | null | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "size",
+              "type": "'md' | 'sm' | 'lg' | null | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            }
+          ]
+        },
+        {
+          "name": "static:AudioPlayerVolume",
+          "displayName": "AudioPlayerVolume",
+          "propsType": "AudioPlayerVolumeProps",
+          "source": "static",
+          "props": [
+            {
+              "name": "className",
+              "type": "string | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "id",
+              "type": "string | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "onClick",
+              "type": "MouseEventHandler<HTMLDivElement> | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "style",
+              "type": "CSSProperties | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "title",
+              "type": "string | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            }
+          ]
+        }
+      ]
+    },
     "avatar": {
       "slug": "avatar",
       "subcomponents": [
@@ -2033,7 +2355,7 @@
             },
             {
               "name": "appearance",
-              "type": "'default' | 'outline' | 'ghost' | 'blue' | 'cyan' | 'green' | 'lime' | 'mint' | 'ocean' | 'sapphire' | 'lavender' | 'ruby' | 'red' | 'slate' | 'zinc' | 'stone' | 'royal' | 'electric' | 'forest' | 'sunset' | 'magenta' | 'crimson' | 'aqua' | 'plum' | 'sky' | 'rose' | 'purple' | 'pink' | 'orange' | 'yellow' | 'teal' | 'indigo' | 'emerald' | 'gradient-blue' | 'gradient-green' | 'gradient-red' | 'gradient-yellow' | 'gradient-purple' | 'gradient-teal' | 'gradient-indigo' | 'gradient-pink' | 'gradient-orange' | 'link' | 'gray' | 'violet' | 'amber' | 'secondary' | 'destructive' | 'glass' | null | undefined",
+              "type": "'default' | 'outline' | 'ghost' | 'blue' | 'cyan' | 'green' | 'lime' | 'mint' | 'ocean' | 'sapphire' | 'lavender' | 'ruby' | 'red' | 'slate' | 'zinc' | 'stone' | 'royal' | 'electric' | 'forest' | 'sunset' | 'magenta' | 'crimson' | 'aqua' | 'plum' | 'sky' | 'rose' | 'purple' | 'pink' | 'orange' | 'yellow' | 'teal' | 'indigo' | 'emerald' | 'gradient-blue' | 'gradient-green' | 'gradient-red' | 'gradient-yellow' | 'gradient-purple' | 'gradient-teal' | 'gradient-indigo' | 'gradient-pink' | 'gradient-orange' | 'link' | 'gray' | 'violet' | 'secondary' | 'destructive' | 'amber' | 'glass' | null | undefined",
               "required": false,
               "group": "behavior",
               "deprecated": false
@@ -4830,7 +5152,7 @@
           "props": [
             {
               "name": "appearance",
-              "type": "'default' | 'outline' | 'ghost' | 'blue' | 'cyan' | 'green' | 'lime' | 'mint' | 'ocean' | 'sapphire' | 'lavender' | 'ruby' | 'red' | 'slate' | 'zinc' | 'stone' | 'royal' | 'electric' | 'forest' | 'sunset' | 'magenta' | 'crimson' | 'aqua' | 'plum' | 'sky' | 'rose' | 'purple' | 'pink' | 'orange' | 'yellow' | 'teal' | 'indigo' | 'emerald' | 'gradient-blue' | 'gradient-green' | 'gradient-red' | 'gradient-yellow' | 'gradient-purple' | 'gradient-teal' | 'gradient-indigo' | 'gradient-pink' | 'gradient-orange' | 'gray' | 'violet' | 'amber' | 'secondary' | 'destructive' | 'glass' | null | undefined",
+              "type": "'default' | 'outline' | 'ghost' | 'blue' | 'cyan' | 'green' | 'lime' | 'mint' | 'ocean' | 'sapphire' | 'lavender' | 'ruby' | 'red' | 'slate' | 'zinc' | 'stone' | 'royal' | 'electric' | 'forest' | 'sunset' | 'magenta' | 'crimson' | 'aqua' | 'plum' | 'sky' | 'rose' | 'purple' | 'pink' | 'orange' | 'yellow' | 'teal' | 'indigo' | 'emerald' | 'gradient-blue' | 'gradient-green' | 'gradient-red' | 'gradient-yellow' | 'gradient-purple' | 'gradient-teal' | 'gradient-indigo' | 'gradient-pink' | 'gradient-orange' | 'gray' | 'violet' | 'secondary' | 'destructive' | 'amber' | 'glass' | null | undefined",
               "required": false,
               "group": "behavior",
               "deprecated": false
@@ -4874,7 +5196,7 @@
             },
             {
               "name": "appearance",
-              "type": "'default' | 'outline' | 'ghost' | 'blue' | 'cyan' | 'green' | 'lime' | 'mint' | 'ocean' | 'sapphire' | 'lavender' | 'ruby' | 'red' | 'slate' | 'zinc' | 'stone' | 'royal' | 'electric' | 'forest' | 'sunset' | 'magenta' | 'crimson' | 'aqua' | 'plum' | 'sky' | 'rose' | 'purple' | 'pink' | 'orange' | 'yellow' | 'teal' | 'indigo' | 'emerald' | 'gradient-blue' | 'gradient-green' | 'gradient-red' | 'gradient-yellow' | 'gradient-purple' | 'gradient-teal' | 'gradient-indigo' | 'gradient-pink' | 'gradient-orange' | 'gray' | 'violet' | 'amber' | 'secondary' | 'destructive' | 'glass' | null | undefined",
+              "type": "'default' | 'outline' | 'ghost' | 'blue' | 'cyan' | 'green' | 'lime' | 'mint' | 'ocean' | 'sapphire' | 'lavender' | 'ruby' | 'red' | 'slate' | 'zinc' | 'stone' | 'royal' | 'electric' | 'forest' | 'sunset' | 'magenta' | 'crimson' | 'aqua' | 'plum' | 'sky' | 'rose' | 'purple' | 'pink' | 'orange' | 'yellow' | 'teal' | 'indigo' | 'emerald' | 'gradient-blue' | 'gradient-green' | 'gradient-red' | 'gradient-yellow' | 'gradient-purple' | 'gradient-teal' | 'gradient-indigo' | 'gradient-pink' | 'gradient-orange' | 'gray' | 'violet' | 'secondary' | 'destructive' | 'amber' | 'glass' | null | undefined",
               "required": false,
               "group": "behavior",
               "deprecated": false
@@ -5143,7 +5465,7 @@
           "props": [
             {
               "name": "appearance",
-              "type": "'default' | 'ghost' | 'blue' | 'cyan' | 'green' | 'lime' | 'mint' | 'ocean' | 'sapphire' | 'lavender' | 'ruby' | 'red' | 'slate' | 'zinc' | 'stone' | 'royal' | 'electric' | 'forest' | 'sunset' | 'magenta' | 'crimson' | 'aqua' | 'plum' | 'sky' | 'rose' | 'purple' | 'pink' | 'orange' | 'yellow' | 'teal' | 'indigo' | 'emerald' | 'gradient-blue' | 'gradient-green' | 'gradient-red' | 'gradient-yellow' | 'gradient-purple' | 'gradient-teal' | 'gradient-indigo' | 'gradient-pink' | 'gradient-orange' | 'gray' | 'violet' | 'muted' | 'amber' | 'destructive' | 'primary' | null | undefined",
+              "type": "'default' | 'ghost' | 'blue' | 'cyan' | 'green' | 'lime' | 'mint' | 'ocean' | 'sapphire' | 'lavender' | 'ruby' | 'red' | 'slate' | 'zinc' | 'stone' | 'royal' | 'electric' | 'forest' | 'sunset' | 'magenta' | 'crimson' | 'aqua' | 'plum' | 'sky' | 'rose' | 'purple' | 'pink' | 'orange' | 'yellow' | 'teal' | 'indigo' | 'emerald' | 'gradient-blue' | 'gradient-green' | 'gradient-red' | 'gradient-yellow' | 'gradient-purple' | 'gradient-teal' | 'gradient-indigo' | 'gradient-pink' | 'gradient-orange' | 'gray' | 'violet' | 'destructive' | 'muted' | 'amber' | 'primary' | null | undefined",
               "required": false,
               "group": "behavior",
               "deprecated": false
@@ -5179,7 +5501,7 @@
             },
             {
               "name": "appearance",
-              "type": "'default' | 'ghost' | 'blue' | 'cyan' | 'green' | 'lime' | 'mint' | 'ocean' | 'sapphire' | 'lavender' | 'ruby' | 'red' | 'slate' | 'zinc' | 'stone' | 'royal' | 'electric' | 'forest' | 'sunset' | 'magenta' | 'crimson' | 'aqua' | 'plum' | 'sky' | 'rose' | 'purple' | 'pink' | 'orange' | 'yellow' | 'teal' | 'indigo' | 'emerald' | 'gradient-blue' | 'gradient-green' | 'gradient-red' | 'gradient-yellow' | 'gradient-purple' | 'gradient-teal' | 'gradient-indigo' | 'gradient-pink' | 'gradient-orange' | 'gray' | 'violet' | 'muted' | 'amber' | 'destructive' | 'primary' | null | undefined",
+              "type": "'default' | 'ghost' | 'blue' | 'cyan' | 'green' | 'lime' | 'mint' | 'ocean' | 'sapphire' | 'lavender' | 'ruby' | 'red' | 'slate' | 'zinc' | 'stone' | 'royal' | 'electric' | 'forest' | 'sunset' | 'magenta' | 'crimson' | 'aqua' | 'plum' | 'sky' | 'rose' | 'purple' | 'pink' | 'orange' | 'yellow' | 'teal' | 'indigo' | 'emerald' | 'gradient-blue' | 'gradient-green' | 'gradient-red' | 'gradient-yellow' | 'gradient-purple' | 'gradient-teal' | 'gradient-indigo' | 'gradient-pink' | 'gradient-orange' | 'gray' | 'violet' | 'destructive' | 'muted' | 'amber' | 'primary' | null | undefined",
               "required": false,
               "group": "behavior",
               "deprecated": false
@@ -5926,7 +6248,7 @@
             },
             {
               "name": "indicatorCompleteAppearance",
-              "type": "'default' | 'outline' | 'ghost' | 'sky' | 'rose' | 'purple' | 'pink' | 'orange' | 'yellow' | 'teal' | 'indigo' | 'emerald' | 'link' | 'gray' | 'violet' | 'amber' | 'secondary' | 'destructive' | 'glass' | undefined",
+              "type": "'default' | 'outline' | 'ghost' | 'sky' | 'rose' | 'purple' | 'pink' | 'orange' | 'yellow' | 'teal' | 'indigo' | 'emerald' | 'link' | 'gray' | 'violet' | 'secondary' | 'destructive' | 'amber' | 'glass' | undefined",
               "required": false,
               "default": "emerald",
               "group": "behavior",
@@ -5935,7 +6257,7 @@
             },
             {
               "name": "indicatorCurrentAppearance",
-              "type": "'default' | 'outline' | 'ghost' | 'sky' | 'rose' | 'purple' | 'pink' | 'orange' | 'yellow' | 'teal' | 'indigo' | 'emerald' | 'link' | 'gray' | 'violet' | 'amber' | 'secondary' | 'destructive' | 'glass' | undefined",
+              "type": "'default' | 'outline' | 'ghost' | 'sky' | 'rose' | 'purple' | 'pink' | 'orange' | 'yellow' | 'teal' | 'indigo' | 'emerald' | 'link' | 'gray' | 'violet' | 'secondary' | 'destructive' | 'amber' | 'glass' | undefined",
               "required": false,
               "default": "violet",
               "group": "behavior",
@@ -5952,7 +6274,7 @@
             },
             {
               "name": "indicatorUpcomingAppearance",
-              "type": "'default' | 'outline' | 'ghost' | 'sky' | 'rose' | 'purple' | 'pink' | 'orange' | 'yellow' | 'teal' | 'indigo' | 'emerald' | 'link' | 'gray' | 'violet' | 'amber' | 'secondary' | 'destructive' | 'glass' | undefined",
+              "type": "'default' | 'outline' | 'ghost' | 'sky' | 'rose' | 'purple' | 'pink' | 'orange' | 'yellow' | 'teal' | 'indigo' | 'emerald' | 'link' | 'gray' | 'violet' | 'secondary' | 'destructive' | 'amber' | 'glass' | undefined",
               "required": false,
               "default": "outline",
               "group": "behavior",
@@ -6970,7 +7292,7 @@
           "props": [
             {
               "name": "appearance",
-              "type": "'default' | 'outline' | 'ghost' | 'blue' | 'cyan' | 'green' | 'lime' | 'mint' | 'ocean' | 'sapphire' | 'lavender' | 'ruby' | 'red' | 'slate' | 'zinc' | 'stone' | 'royal' | 'electric' | 'forest' | 'sunset' | 'magenta' | 'crimson' | 'aqua' | 'plum' | 'sky' | 'rose' | 'purple' | 'pink' | 'orange' | 'yellow' | 'teal' | 'indigo' | 'emerald' | 'gradient-blue' | 'gradient-green' | 'gradient-red' | 'gradient-yellow' | 'gradient-purple' | 'gradient-teal' | 'gradient-indigo' | 'gradient-pink' | 'gradient-orange' | 'gray' | 'violet' | 'amber' | 'secondary' | 'destructive' | 'glass' | null | undefined",
+              "type": "'default' | 'outline' | 'ghost' | 'blue' | 'cyan' | 'green' | 'lime' | 'mint' | 'ocean' | 'sapphire' | 'lavender' | 'ruby' | 'red' | 'slate' | 'zinc' | 'stone' | 'royal' | 'electric' | 'forest' | 'sunset' | 'magenta' | 'crimson' | 'aqua' | 'plum' | 'sky' | 'rose' | 'purple' | 'pink' | 'orange' | 'yellow' | 'teal' | 'indigo' | 'emerald' | 'gradient-blue' | 'gradient-green' | 'gradient-red' | 'gradient-yellow' | 'gradient-purple' | 'gradient-teal' | 'gradient-indigo' | 'gradient-pink' | 'gradient-orange' | 'gray' | 'violet' | 'secondary' | 'destructive' | 'amber' | 'glass' | null | undefined",
               "required": false,
               "group": "behavior",
               "deprecated": false
@@ -6999,7 +7321,7 @@
             },
             {
               "name": "appearance",
-              "type": "'default' | 'outline' | 'ghost' | 'blue' | 'cyan' | 'green' | 'lime' | 'mint' | 'ocean' | 'sapphire' | 'lavender' | 'ruby' | 'red' | 'slate' | 'zinc' | 'stone' | 'royal' | 'electric' | 'forest' | 'sunset' | 'magenta' | 'crimson' | 'aqua' | 'plum' | 'sky' | 'rose' | 'purple' | 'pink' | 'orange' | 'yellow' | 'teal' | 'indigo' | 'emerald' | 'gradient-blue' | 'gradient-green' | 'gradient-red' | 'gradient-yellow' | 'gradient-purple' | 'gradient-teal' | 'gradient-indigo' | 'gradient-pink' | 'gradient-orange' | 'gray' | 'violet' | 'amber' | 'secondary' | 'destructive' | 'glass' | null | undefined",
+              "type": "'default' | 'outline' | 'ghost' | 'blue' | 'cyan' | 'green' | 'lime' | 'mint' | 'ocean' | 'sapphire' | 'lavender' | 'ruby' | 'red' | 'slate' | 'zinc' | 'stone' | 'royal' | 'electric' | 'forest' | 'sunset' | 'magenta' | 'crimson' | 'aqua' | 'plum' | 'sky' | 'rose' | 'purple' | 'pink' | 'orange' | 'yellow' | 'teal' | 'indigo' | 'emerald' | 'gradient-blue' | 'gradient-green' | 'gradient-red' | 'gradient-yellow' | 'gradient-purple' | 'gradient-teal' | 'gradient-indigo' | 'gradient-pink' | 'gradient-orange' | 'gray' | 'violet' | 'secondary' | 'destructive' | 'amber' | 'glass' | null | undefined",
               "required": false,
               "group": "behavior",
               "deprecated": false
@@ -8620,7 +8942,7 @@
             },
             {
               "name": "shape",
-              "type": "'pill' | 'rounded' | 'flat' | null | undefined",
+              "type": "'rounded' | 'flat' | 'pill' | null | undefined",
               "required": false,
               "group": "behavior",
               "deprecated": false
@@ -8705,7 +9027,7 @@
             },
             {
               "name": "shape",
-              "type": "'pill' | 'rounded' | 'flat' | null | undefined",
+              "type": "'rounded' | 'flat' | 'pill' | null | undefined",
               "required": false,
               "group": "behavior",
               "deprecated": false
@@ -8827,7 +9149,7 @@
             },
             {
               "name": "shape",
-              "type": "'pill' | 'rounded' | 'flat' | null | undefined",
+              "type": "'rounded' | 'flat' | 'pill' | null | undefined",
               "required": false,
               "group": "behavior",
               "deprecated": false
@@ -9637,7 +9959,7 @@
           "props": [
             {
               "name": "appearance",
-              "type": "'default' | 'outline' | 'ghost' | 'blue' | 'cyan' | 'green' | 'lime' | 'mint' | 'ocean' | 'sapphire' | 'lavender' | 'ruby' | 'red' | 'slate' | 'zinc' | 'stone' | 'royal' | 'electric' | 'forest' | 'sunset' | 'magenta' | 'crimson' | 'aqua' | 'plum' | 'sky' | 'rose' | 'purple' | 'pink' | 'orange' | 'yellow' | 'teal' | 'indigo' | 'emerald' | 'gradient-blue' | 'gradient-green' | 'gradient-red' | 'gradient-yellow' | 'gradient-purple' | 'gradient-teal' | 'gradient-indigo' | 'gradient-pink' | 'gradient-orange' | 'gray' | 'violet' | 'amber' | 'secondary' | 'destructive' | 'glass' | null | undefined",
+              "type": "'default' | 'outline' | 'ghost' | 'blue' | 'cyan' | 'green' | 'lime' | 'mint' | 'ocean' | 'sapphire' | 'lavender' | 'ruby' | 'red' | 'slate' | 'zinc' | 'stone' | 'royal' | 'electric' | 'forest' | 'sunset' | 'magenta' | 'crimson' | 'aqua' | 'plum' | 'sky' | 'rose' | 'purple' | 'pink' | 'orange' | 'yellow' | 'teal' | 'indigo' | 'emerald' | 'gradient-blue' | 'gradient-green' | 'gradient-red' | 'gradient-yellow' | 'gradient-purple' | 'gradient-teal' | 'gradient-indigo' | 'gradient-pink' | 'gradient-orange' | 'gray' | 'violet' | 'secondary' | 'destructive' | 'amber' | 'glass' | null | undefined",
               "required": false,
               "group": "behavior",
               "deprecated": false

package/cli/registry.json

@@ -5,6 +5,7 @@
     "accordion",
     "alert",
     "animated-number",
+    "audio-player",
     "avatar",
     "badge",
     "breadcrumb",
@@ -130,6 +131,7 @@
     "animations/text-shimmer",
     "animations/tilt",
     "animations/wiggle",
+    "audio-player",
     "avatar",
     "badge",
     "breadcrumb",

package/dist/chunk-3W2UUKWP.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var chunkVA6SB6NN_js = require('./chunk-VA6SB6NN.js');
+var classVarianceAuthority = require('class-variance-authority');
+
+var buttonVariants = classVarianceAuthority.cva(chunkVA6SB6NN_js.zuiButtonBase, {
+  variants: {
+    appearance: chunkVA6SB6NN_js.zuiButtonAppearances,
+    size: chunkVA6SB6NN_js.zuiButtonSizes
+  },
+  defaultVariants: {
+    appearance: "default",
+    size: "md"
+  }
+});
+
+exports.buttonVariants = buttonVariants;
+//# sourceMappingURL=chunk-3W2UUKWP.js.map
+//# sourceMappingURL=chunk-3W2UUKWP.js.map

package/dist/{chunk-D2GISTDL.js.map → chunk-3W2UUKWP.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/buttons/variants.ts"],"names":["cva","zuiButtonBase","zuiButtonAppearances","zuiButtonSizes"],"mappings":";;;;;AAQO,IAAM,cAAA,GAAiBA,2BAAIC,8BAAA,EAAe;AAAA,EAC/C,QAAA,EAAU;AAAA,IACR,UAAA,EAAYC,qCAAA;AAAA,IACZ,IAAA,EAAMC;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC","file":"chunk-D2GISTDL.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiButtonAppearances,\n  zuiButtonBase,\n  zuiButtonSizes,\n} from \"../../design-system\";\n\nexport const buttonVariants = cva(zuiButtonBase, {\n  variants: {\n    appearance: zuiButtonAppearances,\n    size: zuiButtonSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n"]}
+{"version":3,"sources":["../src/ui/buttons/variants.ts"],"names":["cva","zuiButtonBase","zuiButtonAppearances","zuiButtonSizes"],"mappings":";;;;;AAQO,IAAM,cAAA,GAAiBA,2BAAIC,8BAAA,EAAe;AAAA,EAC/C,QAAA,EAAU;AAAA,IACR,UAAA,EAAYC,qCAAA;AAAA,IACZ,IAAA,EAAMC;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC","file":"chunk-3W2UUKWP.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiButtonAppearances,\n  zuiButtonBase,\n  zuiButtonSizes,\n} from \"../../design-system\";\n\nexport const buttonVariants = cva(zuiButtonBase, {\n  variants: {\n    appearance: zuiButtonAppearances,\n    size: zuiButtonSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n"]}

package/dist/{chunk-BL6UVCV7.mjs → chunk-A4IB3C23.mjs}

@@ -1,28 +1,30 @@
 import { zuiSpinnerVariants, zuiSpinnerSizes, zuiSpinnerBase, zuiSpinnerAppearances } from './chunk-2NQKFH26.mjs';
+import { zuiToastViewportPositions, zuiToastViewportBase, zuiToastRootSizes, zuiToastRootBase, zuiToastRootAppearances } from './chunk-ZBAKTM2R.mjs';
 import { zuiToggleTrackSizes, zuiToggleTrackBase, zuiToggleTrackAppearances, zuiToggleThumbSizes, zuiToggleThumbColors, zuiToggleThumbBase } from './chunk-4ZBMDWWY.mjs';
 import { zuiTooltipWidths, zuiTooltipVariants, zuiTooltipSizes, zuiTooltipBase } from './chunk-YH6MOKHR.mjs';
 import { zuiTreeViewSizes, zuiTreeViewItemSizes, zuiTreeViewItemBase, zuiTreeViewItemAppearances, zuiTreeViewIcon, zuiTreeViewGuide, zuiTreeViewChevron, zuiTreeViewBase, zuiTreeViewAppearances } from './chunk-T4ZLTKV2.mjs';
 import { zuiUnorderedMarkers, zuiUnorderedListBase, zuiTypographyTones, zuiTextSizes, zuiOrderedListBase, zuiHeadingLevels, zuiHeadingBase } from './chunk-PUSCPBT2.mjs';
+import { zuiScrollAreaVisibility, zuiScrollAreaSizes, zuiScrollAreaShadows, zuiScrollAreaOrientations, zuiScrollAreaBase, zuiScrollAreaAppearances } from './chunk-3VW4HMJT.mjs';
 import { zuiSelectTriggerVariants, zuiSelectTriggerBase, zuiSelectSpacing, zuiSelectSizes, zuiSelectItemBase, zuiSelectItemAppearances, zuiSelectDisabled, zuiSelectContentBase, zuiSelectContentAppearances } from './chunk-LRYKMXKI.mjs';
 import { zuiSkeletonTextLineSizes, zuiSkeletonTextLineBase, zuiSkeletonSizes, zuiSkeletonShimmerTones, zuiSkeletonShimmerGradientClasses, zuiSkeletonRounded, zuiSkeletonBase, zuiSkeletonAppearances, zuiSkeletonAnimations } from './chunk-XFJIX2YP.mjs';
 import { zuiSliderTrackSizes, zuiSliderTrackBase, zuiSliderThumbSizes, zuiSliderThumbBase, zuiSliderRootSizes, zuiSliderRootBase, zuiSliderRangeBase, zuiSliderRangeAppearances } from './chunk-4WG3VNVL.mjs';
 import { zuiTableTextAlignments, zuiTableStickyHeader, zuiTableSizes, zuiTableRowBase, zuiTableRowAppearances, zuiTableCellSizes, zuiTableCellBase, zuiTableCellAppearances, zuiTableBase, zuiTableAppearances } from './chunk-YPTHTFVF.mjs';
 import { zuiTabsTriggerVariants, zuiTabsTriggerSizes, zuiTabsTriggerBase, zuiTabsTriggerAppearances, zuiTabsOrientations, zuiTabsListVariants, zuiTabsListSizes, zuiTabsListBase } from './chunk-XY3TKIIH.mjs';
 import { zuiTimelineTitleSizes, zuiTimelineTitleBase, zuiTimelineItemBase, zuiTimelineIndicatorSizes, zuiTimelineIndicatorBase, zuiTimelineIndicatorAppearances, zuiTimelineDescriptionSizes, zuiTimelineDescriptionBase, zuiTimelineContentSizes, zuiTimelineContentBase, zuiTimelineConnectorSizes, zuiTimelineConnectorBase, zuiTimelineBase } from './chunk-FX5KR2GP.mjs';
-import { zuiToastViewportPositions, zuiToastViewportBase, zuiToastRootSizes, zuiToastRootBase, zuiToastRootAppearances } from './chunk-ZBAKTM2R.mjs';
+import { zuiMarqueeSizes, zuiMarqueeOrientations, zuiMarqueeFade, zuiMarqueeBase, zuiMarqueeAppearances } from './chunk-EJ3UMMCS.mjs';
 import { zuiModalTriggerBase, zuiModalTriggerAppearances, zuiModalOverlayBase, zuiModalContentSizes, zuiModalContentPositions, zuiModalContentBase, zuiModalContentAppearances } from './chunk-EE53BIXR.mjs';
 import { zuiOtpSizes, zuiOtpSeparatorBase, zuiOtpRootBase, zuiOtpLabelBase, zuiOtpHintBase, zuiOtpErrorBase, zuiOtpCellsBase, zuiOtpCellBase, zuiOtpAppearances } from './chunk-YXU2MJMT.mjs';
 import { zuiPopoverContentWidths, zuiPopoverContentVariants, zuiPopoverContentSizes, zuiPopoverContentBase } from './chunk-3IE4IELX.mjs';
 import { zuiProgressTrackSizes, zuiProgressTrackBase, zuiProgressSizes, zuiProgressShapes, zuiProgressBoolean, zuiProgressBase, zuiProgressBarStriped, zuiProgressBarBase, zuiProgressAppearances } from './chunk-BUEI4RMR.mjs';
 import { zuiRatingSizes, zuiRatingRootBase, zuiRatingLabelBase, zuiRatingItemBase, zuiRatingIconBase, zuiRatingHintBase, zuiRatingGroupBase, zuiRatingErrorBase, zuiRatingControlBase, zuiRatingAppearances } from './chunk-5AOVTY2X.mjs';
 import { zuiRadioGroupSizes, zuiRadioGroupRootBase, zuiRadioGroupOrientations, zuiRadioGroupItemBase, zuiRadioGroupIndicatorBase, zuiRadioGroupControlBase, zuiRadioGroupAppearances } from './chunk-523VQLCW.mjs';
-import { zuiScrollAreaVisibility, zuiScrollAreaSizes, zuiScrollAreaShadows, zuiScrollAreaOrientations, zuiScrollAreaBase, zuiScrollAreaAppearances } from './chunk-3VW4HMJT.mjs';
+import { zuiDividerSizes, zuiDividerOrientations, zuiDividerLineOrientations, zuiDividerLineBase, zuiDividerLabelBase, zuiDividerBase, zuiDividerAppearances } from './chunk-SS3T3BUL.mjs';
 import { zuiDrawerTriggerBase, zuiDrawerTriggerAppearances, zuiDrawerOverlayBase, zuiDrawerContentSizes, zuiDrawerContentSides, zuiDrawerContentBase, zuiDrawerContentAppearances } from './chunk-SCWQSQBJ.mjs';
 import { zuiEmptyStateTitleSizes, zuiEmptyStateTitleBase, zuiEmptyStateSizes, zuiEmptyStateDescriptionSizes, zuiEmptyStateDescriptionBase, zuiEmptyStateBase, zuiEmptyStateAppearances, zuiEmptyStateAlignments } from './chunk-ZPGYR2UP.mjs';
 import { zuiFileUploadBase, zuiFileUploadAppearances } from './chunk-MBEQ4GQ7.mjs';
 import { zuiInputTextareaSizes, zuiInputSizes, zuiInputRing, zuiInputRadioSizes, zuiInputRadioAppearances, zuiInputFileSizes, zuiInputFileAppearances, zuiInputDateAppearances, zuiInputCheckboxSizes, zuiInputCheckboxAppearances, zuiInputBase, zuiInputAs, zuiInputAppearances } from './chunk-34LHS26H.mjs';
 import { zuiKbdSeparatorSizes, zuiKbdSeparatorBase, zuiKbdKeySizes, zuiKbdKeyBase, zuiKbdKeyAppearances, zuiKbdBase } from './chunk-JEDMUBYI.mjs';
-import { zuiMarqueeSizes, zuiMarqueeOrientations, zuiMarqueeFade, zuiMarqueeBase, zuiMarqueeAppearances } from './chunk-EJ3UMMCS.mjs';
+import { zuiBreadcrumbSeparatorSizes, zuiBreadcrumbSeparatorBase, zuiBreadcrumbPageBase, zuiBreadcrumbNavBase, zuiBreadcrumbListBase, zuiBreadcrumbLinkBase, zuiBreadcrumbItemBase, zuiBreadcrumbAppearances } from './chunk-YKTANA3H.mjs';
 import { zuiCardTitleSizes, zuiCardTitleBase, zuiCardSizes, zuiCardRounded, zuiCardHeaderSizes, zuiCardHeaderBase, zuiCardFooterSizes, zuiCardFooterBase, zuiCardDescriptionSizes, zuiCardDescriptionBase, zuiCardBase, zuiCardAppearances } from './chunk-ENYZGL4R.mjs';
 import { zuiCheckboxSizes, zuiCheckboxRootBase, zuiCheckboxIndicatorBase, zuiCheckboxControlBase, zuiCheckboxAppearances } from './chunk-2VPXQ2LA.mjs';
 import { zuiComboboxTriggerVariants, zuiComboboxTriggerBase, zuiComboboxSpacing, zuiComboboxSizes, zuiComboboxSearchRowBase, zuiComboboxSearchInputBase, zuiComboboxSearchIconBase, zuiComboboxListBase, zuiComboboxListAppearances, zuiComboboxItemBase, zuiComboboxItemAppearances, zuiComboboxGradientTriggerValueTokens, zuiComboboxGradientContentChildTokens, zuiComboboxEmptyBase, zuiComboboxDisabled, zuiComboboxContentBase, zuiComboboxContentAppearances } from './chunk-GUB3RSPR.mjs';
@@ -30,14 +32,13 @@ import { zuiCommandTriggerBase, zuiCommandSeparatorBase, zuiCommandOverlayBase,
 import { zuiContextMenuSpacing, zuiContextMenuSeparatorBase, zuiContextMenuLabelBase, zuiContextMenuItemVariants, zuiContextMenuItemBase, zuiContextMenuContentBase } from './chunk-DOA4ESKS.mjs';
 import { zuiDropdownTriggerVariants, zuiDropdownTriggerSizes, zuiDropdownTriggerBase, zuiDropdownSpacing, zuiDropdownPlacements, zuiDropdownItemVariants, zuiDropdownItemBase, zuiDropdownContentBase } from './chunk-QX6PPTWL.mjs';
 import { zuiCopyButtonSizes, zuiCopyButtonIconOnlySizes, zuiCopyButtonBase, zuiCopyButtonAppearances } from './chunk-U64ISRUX.mjs';
-import { zuiDividerSizes, zuiDividerOrientations, zuiDividerLineOrientations, zuiDividerLineBase, zuiDividerLabelBase, zuiDividerBase, zuiDividerAppearances } from './chunk-SS3T3BUL.mjs';
 import { zuiRingOffset, zuiRadius, zuiInteractiveBase, zuiGlobalThemeTokens, zuiFocusRing, zuiDisabledState, zuiCssVariablePattern } from './chunk-TKAOHMVA.mjs';
 import { zuiAccordionTriggerSizes, zuiAccordionTriggerBase, zuiAccordionSizes, zuiAccordionItemBase, zuiAccordionItemAppearances, zuiAccordionContentSizes, zuiAccordionContentBase, zuiAccordionBase, zuiAccordionAppearances } from './chunk-HFQJRAG7.mjs';
 import { zuiAlertTitleBase, zuiAlertTextSizes, zuiAlertSizes, zuiAlertDescriptionBase, zuiAlertBase, zuiAlertAppearances } from './chunk-NIVJFG5Z.mjs';
+import { zuiAudioPlayerTrackSizes, zuiAudioPlayerTrackBase, zuiAudioPlayerTimeBase, zuiAudioPlayerSizes, zuiAudioPlayerShapes, zuiAudioPlayerBase, zuiAudioPlayerBarBase, zuiAudioPlayerAppearances } from './chunk-COCPCZMR.mjs';
 import { zuiAnimatedNumberSize, zuiAnimatedNumberBase, zuiAnimatedNumberAppearance } from './chunk-ZJWOSRAS.mjs';
 import { zuiAvatarSizes, zuiAvatarImageBase, zuiAvatarGroupBase, zuiAvatarFallbackBase, zuiAvatarBase, zuiAvatarAppearances } from './chunk-JOLSS7UY.mjs';
 import { zuiButtonLikeSolidAppearances, zuiBadgeSizes, zuiBadgeShapes, zuiBadgeCloseButtonSizes, zuiBadgeCloseButtonBase, zuiBadgeBase, zuiBadgeAppearances } from './chunk-NGZTAVQO.mjs';
-import { zuiBreadcrumbSeparatorSizes, zuiBreadcrumbSeparatorBase, zuiBreadcrumbPageBase, zuiBreadcrumbNavBase, zuiBreadcrumbListBase, zuiBreadcrumbLinkBase, zuiBreadcrumbItemBase, zuiBreadcrumbAppearances } from './chunk-YKTANA3H.mjs';
 import { __export } from './chunk-J5LGTIGS.mjs';
 
 // src/design-system/index.ts
@@ -61,6 +62,14 @@ __export(design_system_exports, {
   zuiAnimatedNumberAppearance: () => zuiAnimatedNumberAppearance,
   zuiAnimatedNumberBase: () => zuiAnimatedNumberBase,
   zuiAnimatedNumberSize: () => zuiAnimatedNumberSize,
+  zuiAudioPlayerAppearances: () => zuiAudioPlayerAppearances,
+  zuiAudioPlayerBarBase: () => zuiAudioPlayerBarBase,
+  zuiAudioPlayerBase: () => zuiAudioPlayerBase,
+  zuiAudioPlayerShapes: () => zuiAudioPlayerShapes,
+  zuiAudioPlayerSizes: () => zuiAudioPlayerSizes,
+  zuiAudioPlayerTimeBase: () => zuiAudioPlayerTimeBase,
+  zuiAudioPlayerTrackBase: () => zuiAudioPlayerTrackBase,
+  zuiAudioPlayerTrackSizes: () => zuiAudioPlayerTrackSizes,
   zuiAvatarAppearances: () => zuiAvatarAppearances,
   zuiAvatarBase: () => zuiAvatarBase,
   zuiAvatarFallbackBase: () => zuiAvatarFallbackBase,
@@ -651,5 +660,5 @@ var zuiPaginationEllipsisSizes = {
 };
 
 export { design_system_exports, zuiButtonAppearances, zuiButtonBase, zuiButtonSizes, zuiDynamicStepperIndicatorBase, zuiDynamicStepperIndicatorSizes, zuiDynamicStepperIndicatorToneClasses, zuiDynamicStepperItemBase, zuiDynamicStepperItemOrientations, zuiDynamicStepperMapperBase, zuiDynamicStepperMapperOrientations, zuiDynamicStepperRootBase, zuiDynamicStepperRootOrientations, zuiPaginationEllipsisBase, zuiPaginationEllipsisSizes, zuiPaginationListAppearances, zuiPaginationListBase, zuiPaginationListSizes };
-//# sourceMappingURL=chunk-BL6UVCV7.mjs.map
-//# sourceMappingURL=chunk-BL6UVCV7.mjs.map
+//# sourceMappingURL=chunk-A4IB3C23.mjs.map
+//# sourceMappingURL=chunk-A4IB3C23.mjs.map