@therealtinhtute/baroiplayer 1.0.0 → 1.0.1

package/dist/src/icons/components/SettingsIcon.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useIconTheme, useCustomIcon } from '../provider';
+export function SettingsIcon(props) {
+    const theme = useIconTheme();
+    const customIcon = useCustomIcon('settings');
+    if (customIcon) {
+        return customIcon(props);
+    }
+    const { size = theme.size, color = theme.color, strokeWidth = theme.strokeWidth, className = theme.className, ...rest } = props;
+    return (_jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", className: className, "aria-hidden": "true", ...rest, children: [_jsx("circle", { cx: "12", cy: "12", r: "3" }), _jsx("path", { d: "M12 1v6m0 6v6m11-7h-6m-6 0H1m10.5-4A1.5 1.5 0 0 1 15 12a1.5 1.5 0 0 1-3.5 0 1.5 1.5 0 0 1 3.5 0Z" })] }));
+}

package/dist/src/icons/components/SettingsIcon.tsx

@@ -0,0 +1,38 @@
+import type { IconProps } from '../types'
+import { useIconTheme, useCustomIcon } from '../provider'
+
+export function SettingsIcon(props: IconProps) {
+  const theme = useIconTheme()
+  const customIcon = useCustomIcon('settings')
+  
+  if (customIcon) {
+    return customIcon(props)
+  }
+  
+  const {
+    size = theme.size,
+    color = theme.color,
+    strokeWidth = theme.strokeWidth,
+    className = theme.className,
+    ...rest
+  } = props
+  
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      aria-hidden="true"
+      {...rest}
+    >
+      <circle cx="12" cy="12" r="3" />
+      <path d="M12 1v6m0 6v6m11-7h-6m-6 0H1m10.5-4A1.5 1.5 0 0 1 15 12a1.5 1.5 0 0 1-3.5 0 1.5 1.5 0 0 1 3.5 0Z" />
+    </svg>
+  )
+}

package/dist/src/icons/components/animated/LoadingIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from '../../types';
+export declare function LoadingIcon(props: IconProps): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | Promise<import("react").ReactNode> | null | undefined;
+//# sourceMappingURL=LoadingIcon.d.ts.map

package/dist/src/icons/components/animated/LoadingIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingIcon.d.ts","sourceRoot":"","sources":["LoadingIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAG5C,wBAAgB,WAAW,CAAC,KAAK,EAAE,SAAS,8KAuC3C"}

package/dist/src/icons/components/animated/LoadingIcon.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useIconTheme, useCustomIcon } from '../../provider';
+export function LoadingIcon(props) {
+    const theme = useIconTheme();
+    const customIcon = useCustomIcon('loading');
+    if (customIcon) {
+        return customIcon(props);
+    }
+    const { size = theme.size, color = theme.color, className = theme.className, ...rest } = props;
+    return (_jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: `animate-spin ${className || ''}`, "aria-hidden": "true", ...rest, children: [_jsx("circle", { cx: "12", cy: "12", r: "10", stroke: color, strokeWidth: "4", strokeOpacity: "0.25" }), _jsx("path", { fill: color, d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" })] }));
+}

package/dist/src/icons/components/animated/LoadingIcon.tsx

@@ -0,0 +1,43 @@
+import type { IconProps } from '../../types'
+import { useIconTheme, useCustomIcon } from '../../provider'
+
+export function LoadingIcon(props: IconProps) {
+  const theme = useIconTheme()
+  const customIcon = useCustomIcon('loading')
+  
+  if (customIcon) {
+    return customIcon(props)
+  }
+  
+  const {
+    size = theme.size,
+    color = theme.color,
+    className = theme.className,
+    ...rest
+  } = props
+  
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      className={`animate-spin ${className || ''}`}
+      aria-hidden="true"
+      {...rest}
+    >
+      <circle
+        cx="12"
+        cy="12"
+        r="10"
+        stroke={color}
+        strokeWidth="4"
+        strokeOpacity="0.25"
+      />
+      <path
+        fill={color}
+        d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
+      />
+    </svg>
+  )
+}

package/dist/src/icons/components/animated/PlayPauseIcon.d.ts

@@ -0,0 +1,7 @@
+import type { IconProps } from '../../types';
+interface PlayPauseIconProps extends IconProps {
+    isPlaying: boolean;
+}
+export declare function PlayPauseIcon({ isPlaying, className, ...props }: PlayPauseIconProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PlayPauseIcon.d.ts.map

package/dist/src/icons/components/animated/PlayPauseIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayPauseIcon.d.ts","sourceRoot":"","sources":["PlayPauseIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAG5C,UAAU,kBAAmB,SAAQ,SAAS;IAC5C,SAAS,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,SAAc,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CA0CxF"}

package/dist/src/icons/components/animated/PlayPauseIcon.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useIconTheme } from '../../provider';
+export function PlayPauseIcon({ isPlaying, className = '', ...props }) {
+    const theme = useIconTheme();
+    const { size = theme.size, color = theme.color, strokeWidth = theme.strokeWidth, ...rest } = props;
+    return (_jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", className: className, "aria-hidden": "true", ...rest, children: [_jsx("g", { className: `origin-center transition-all duration-300 ${isPlaying ? "scale-75 opacity-0" : "scale-100 opacity-100"}
+        `, children: _jsx("polygon", { points: "5 3 19 12 5 21 5 3" }) }), _jsxs("g", { className: `origin-center transition-all duration-300 ${isPlaying ? "scale-100 opacity-100" : "scale-75 opacity-0"}
+        `, children: [_jsx("rect", { x: "6", y: "4", width: "4", height: "16" }), _jsx("rect", { x: "14", y: "4", width: "4", height: "16" })] })] }));
+}

package/dist/src/icons/components/animated/PlayPauseIcon.tsx

@@ -0,0 +1,50 @@
+import type { IconProps } from '../../types'
+import { useIconTheme } from '../../provider'
+
+interface PlayPauseIconProps extends IconProps {
+  isPlaying: boolean
+}
+
+export function PlayPauseIcon({ isPlaying, className = '', ...props }: PlayPauseIconProps) {
+  const theme = useIconTheme()
+  
+  const {
+    size = theme.size,
+    color = theme.color,
+    strokeWidth = theme.strokeWidth,
+    ...rest
+  } = props
+  
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      aria-hidden="true"
+      {...rest}
+    >
+      {/* Play icon */}
+      <g
+        className={`origin-center transition-all duration-300 ${isPlaying ? "scale-75 opacity-0" : "scale-100 opacity-100"}
+        `}
+      >
+        <polygon points="5 3 19 12 5 21 5 3" />
+      </g>
+      
+      {/* Pause icon */}
+      <g
+        className={`origin-center transition-all duration-300 ${isPlaying ? "scale-100 opacity-100" : "scale-75 opacity-0"}
+        `}
+      >
+        <rect x="6" y="4" width="4" height="16" />
+        <rect x="14" y="4" width="4" height="16" />
+      </g>
+    </svg>
+  )
+}

package/dist/src/icons/components/media/PauseIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from '../../types';
+export declare function PauseIcon(props: IconProps): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | Promise<import("react").ReactNode> | null | undefined;
+//# sourceMappingURL=PauseIcon.d.ts.map

package/dist/src/icons/components/media/PauseIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PauseIcon.d.ts","sourceRoot":"","sources":["PauseIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAG5C,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,8KAmCzC"}

package/dist/src/icons/components/media/PauseIcon.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useIconTheme, useCustomIcon } from '../../provider';
+export function PauseIcon(props) {
+    const theme = useIconTheme();
+    const customIcon = useCustomIcon('pause');
+    // If there's a custom icon, use it
+    if (customIcon) {
+        return customIcon(props);
+    }
+    const { size = theme.size, color = theme.color, strokeWidth = theme.strokeWidth, className = theme.className, ...rest } = props;
+    return (_jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", className: className, "aria-hidden": "true", ...rest, children: [_jsx("rect", { x: "6", y: "4", width: "4", height: "16" }), _jsx("rect", { x: "14", y: "4", width: "4", height: "16" })] }));
+}

package/dist/src/icons/components/media/PauseIcon.tsx

@@ -0,0 +1,39 @@
+import type { IconProps } from '../../types'
+import { useIconTheme, useCustomIcon } from '../../provider'
+
+export function PauseIcon(props: IconProps) {
+  const theme = useIconTheme()
+  const customIcon = useCustomIcon('pause')
+  
+  // If there's a custom icon, use it
+  if (customIcon) {
+    return customIcon(props)
+  }
+  
+  const {
+    size = theme.size,
+    color = theme.color,
+    strokeWidth = theme.strokeWidth,
+    className = theme.className,
+    ...rest
+  } = props
+  
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      aria-hidden="true"
+      {...rest}
+    >
+      <rect x="6" y="4" width="4" height="16" />
+      <rect x="14" y="4" width="4" height="16" />
+    </svg>
+  )
+}

package/dist/src/icons/components/media/PlayIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from '../../types';
+export declare function PlayIcon(props: IconProps): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | Promise<import("react").ReactNode> | null | undefined;
+//# sourceMappingURL=PlayIcon.d.ts.map

package/dist/src/icons/components/media/PlayIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayIcon.d.ts","sourceRoot":"","sources":["PlayIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAG5C,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,8KAkCxC"}

package/dist/src/icons/components/media/PlayIcon.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useIconTheme, useCustomIcon } from '../../provider';
+export function PlayIcon(props) {
+    const theme = useIconTheme();
+    const customIcon = useCustomIcon('play');
+    // If there's a custom icon, use it
+    if (customIcon) {
+        return customIcon(props);
+    }
+    const { size = theme.size, color = theme.color, strokeWidth = theme.strokeWidth, className = theme.className, ...rest } = props;
+    return (_jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", className: className, "aria-hidden": "true", ...rest, children: _jsx("polygon", { points: "5 3 19 12 5 21 5 3" }) }));
+}

package/dist/src/icons/components/media/PlayIcon.tsx

@@ -0,0 +1,38 @@
+import type { IconProps } from '../../types'
+import { useIconTheme, useCustomIcon } from '../../provider'
+
+export function PlayIcon(props: IconProps) {
+  const theme = useIconTheme()
+  const customIcon = useCustomIcon('play')
+  
+  // If there's a custom icon, use it
+  if (customIcon) {
+    return customIcon(props)
+  }
+  
+  const {
+    size = theme.size,
+    color = theme.color,
+    strokeWidth = theme.strokeWidth,
+    className = theme.className,
+    ...rest
+  } = props
+  
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      aria-hidden="true"
+      {...rest}
+    >
+      <polygon points="5 3 19 12 5 21 5 3" />
+    </svg>
+  )
+}

package/dist/src/icons/components/volume/VolumeIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from '../../types';
+export declare function VolumeIcon(props: IconProps): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | Promise<import("react").ReactNode> | null | undefined;
+//# sourceMappingURL=VolumeIcon.d.ts.map

package/dist/src/icons/components/volume/VolumeIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VolumeIcon.d.ts","sourceRoot":"","sources":["VolumeIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAG5C,wBAAgB,UAAU,CAAC,KAAK,EAAE,SAAS,8KAmC1C"}

package/dist/src/icons/components/volume/VolumeIcon.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useIconTheme, useCustomIcon } from '../../provider';
+export function VolumeIcon(props) {
+    const theme = useIconTheme();
+    const customIcon = useCustomIcon('volume');
+    if (customIcon) {
+        return customIcon(props);
+    }
+    const { size = theme.size, color = theme.color, strokeWidth = theme.strokeWidth, className = theme.className, ...rest } = props;
+    return (_jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", className: className, "aria-hidden": "true", ...rest, children: [_jsx("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }), _jsx("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" }), _jsx("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" })] }));
+}

package/dist/src/icons/components/volume/VolumeIcon.tsx

@@ -0,0 +1,39 @@
+import type { IconProps } from '../../types'
+import { useIconTheme, useCustomIcon } from '../../provider'
+
+export function VolumeIcon(props: IconProps) {
+  const theme = useIconTheme()
+  const customIcon = useCustomIcon('volume')
+  
+  if (customIcon) {
+    return customIcon(props)
+  }
+  
+  const {
+    size = theme.size,
+    color = theme.color,
+    strokeWidth = theme.strokeWidth,
+    className = theme.className,
+    ...rest
+  } = props
+  
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      aria-hidden="true"
+      {...rest}
+    >
+      <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5" />
+      <path d="M15.54 8.46a5 5 0 0 1 0 7.07" />
+      <path d="M19.07 4.93a10 10 0 0 1 0 14.14" />
+    </svg>
+  )
+}

package/dist/src/icons/components/volume/VolumeOffIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from '../../types';
+export declare function VolumeOffIcon(props: IconProps): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | Promise<import("react").ReactNode> | null | undefined;
+//# sourceMappingURL=VolumeOffIcon.d.ts.map

package/dist/src/icons/components/volume/VolumeOffIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VolumeOffIcon.d.ts","sourceRoot":"","sources":["VolumeOffIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAG5C,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS,8KAmC7C"}

package/dist/src/icons/components/volume/VolumeOffIcon.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useIconTheme, useCustomIcon } from '../../provider';
+export function VolumeOffIcon(props) {
+    const theme = useIconTheme();
+    const customIcon = useCustomIcon('volume-off');
+    if (customIcon) {
+        return customIcon(props);
+    }
+    const { size = theme.size, color = theme.color, strokeWidth = theme.strokeWidth, className = theme.className, ...rest } = props;
+    return (_jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", className: className, "aria-hidden": "true", ...rest, children: [_jsx("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }), _jsx("line", { x1: "23", y1: "9", x2: "17", y2: "15" }), _jsx("line", { x1: "17", y1: "9", x2: "23", y2: "15" })] }));
+}

package/dist/src/icons/components/volume/VolumeOffIcon.tsx

@@ -0,0 +1,39 @@
+import type { IconProps } from '../../types'
+import { useIconTheme, useCustomIcon } from '../../provider'
+
+export function VolumeOffIcon(props: IconProps) {
+  const theme = useIconTheme()
+  const customIcon = useCustomIcon('volume-off')
+  
+  if (customIcon) {
+    return customIcon(props)
+  }
+  
+  const {
+    size = theme.size,
+    color = theme.color,
+    strokeWidth = theme.strokeWidth,
+    className = theme.className,
+    ...rest
+  } = props
+  
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      aria-hidden="true"
+      {...rest}
+    >
+      <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5" />
+      <line x1="23" y1="9" x2="17" y2="15" />
+      <line x1="17" y1="9" x2="23" y2="15" />
+    </svg>
+  )
+}

package/dist/src/icons/index.d.ts

@@ -0,0 +1,28 @@
+export type { IconProps, IconTheme, IconName, IconComponent, IconSet } from './types';
+export { IconProvider, useIconTheme, useIcon, useCustomIcon } from './provider';
+export { PlayIcon } from './components/media/PlayIcon';
+export { PauseIcon } from './components/media/PauseIcon';
+export { VolumeIcon } from './components/volume/VolumeIcon';
+export { VolumeOffIcon } from './components/volume/VolumeOffIcon';
+export { LoadingIcon } from './components/animated/LoadingIcon';
+export { PlayPauseIcon } from './components/animated/PlayPauseIcon';
+export { SettingsIcon } from './components/SettingsIcon';
+export { FullscreenIcon } from './components/FullscreenIcon';
+import { PlayIcon } from './components/media/PlayIcon';
+import { PauseIcon } from './components/media/PauseIcon';
+import { VolumeIcon } from './components/volume/VolumeIcon';
+import { VolumeOffIcon } from './components/volume/VolumeOffIcon';
+import { LoadingIcon } from './components/animated/LoadingIcon';
+import { SettingsIcon } from './components/SettingsIcon';
+import { FullscreenIcon } from './components/FullscreenIcon';
+export declare const Icons: {
+    PlayIcon: typeof PlayIcon;
+    PauseIcon: typeof PauseIcon;
+    VolumeIcon: typeof VolumeIcon;
+    VolumeOffIcon: typeof VolumeOffIcon;
+    LoadingIcon: typeof LoadingIcon;
+    SettingsIcon: typeof SettingsIcon;
+    FullscreenIcon: typeof FullscreenIcon;
+};
+export declare function getIcon(name: string): typeof PlayIcon | null;
+//# sourceMappingURL=index.d.ts.map

package/dist/src/icons/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAGrF,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAG/E,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAGxD,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAA;AAGjE,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAA;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAA;AAGnE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAG5D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAA;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAA;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAE5D,eAAO,MAAM,KAAK;;;;;;;;CAQjB,CAAA;AAGD,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,0BAanC"}

package/dist/src/icons/index.js

@@ -0,0 +1,45 @@
+// Export provider and hooks
+export { IconProvider, useIconTheme, useIcon, useCustomIcon } from './provider';
+// Export media icons
+export { PlayIcon } from './components/media/PlayIcon';
+export { PauseIcon } from './components/media/PauseIcon';
+// Export volume icons  
+export { VolumeIcon } from './components/volume/VolumeIcon';
+export { VolumeOffIcon } from './components/volume/VolumeOffIcon';
+// Export animated icons
+export { LoadingIcon } from './components/animated/LoadingIcon';
+export { PlayPauseIcon } from './components/animated/PlayPauseIcon';
+// Export other icons
+export { SettingsIcon } from './components/SettingsIcon';
+export { FullscreenIcon } from './components/FullscreenIcon';
+// Create a complete icon map for dynamic usage
+import { PlayIcon } from './components/media/PlayIcon';
+import { PauseIcon } from './components/media/PauseIcon';
+import { VolumeIcon } from './components/volume/VolumeIcon';
+import { VolumeOffIcon } from './components/volume/VolumeOffIcon';
+import { LoadingIcon } from './components/animated/LoadingIcon';
+import { SettingsIcon } from './components/SettingsIcon';
+import { FullscreenIcon } from './components/FullscreenIcon';
+export const Icons = {
+    PlayIcon,
+    PauseIcon,
+    VolumeIcon,
+    VolumeOffIcon,
+    LoadingIcon,
+    SettingsIcon,
+    FullscreenIcon
+};
+// Utility function to get icon by name
+export function getIcon(name) {
+    const iconMap = {
+        'play': 'PlayIcon',
+        'pause': 'PauseIcon',
+        'volume': 'VolumeIcon',
+        'volume-off': 'VolumeOffIcon',
+        'loading': 'LoadingIcon',
+        'settings': 'SettingsIcon',
+        'fullscreen': 'FullscreenIcon'
+    };
+    const iconKey = iconMap[name];
+    return iconKey ? Icons[iconKey] : null;
+}

package/dist/src/icons/index.ts

@@ -0,0 +1,56 @@
+// Export types
+export type { IconProps, IconTheme, IconName, IconComponent, IconSet } from './types'
+
+// Export provider and hooks
+export { IconProvider, useIconTheme, useIcon, useCustomIcon } from './provider'
+
+// Export media icons
+export { PlayIcon } from './components/media/PlayIcon'
+export { PauseIcon } from './components/media/PauseIcon'
+
+// Export volume icons  
+export { VolumeIcon } from './components/volume/VolumeIcon'
+export { VolumeOffIcon } from './components/volume/VolumeOffIcon'
+
+// Export animated icons
+export { LoadingIcon } from './components/animated/LoadingIcon'
+export { PlayPauseIcon } from './components/animated/PlayPauseIcon'
+
+// Export other icons
+export { SettingsIcon } from './components/SettingsIcon'
+export { FullscreenIcon } from './components/FullscreenIcon'
+
+// Create a complete icon map for dynamic usage
+import { PlayIcon } from './components/media/PlayIcon'
+import { PauseIcon } from './components/media/PauseIcon'
+import { VolumeIcon } from './components/volume/VolumeIcon'
+import { VolumeOffIcon } from './components/volume/VolumeOffIcon'
+import { LoadingIcon } from './components/animated/LoadingIcon'
+import { SettingsIcon } from './components/SettingsIcon'
+import { FullscreenIcon } from './components/FullscreenIcon'
+
+export const Icons = {
+  PlayIcon,
+  PauseIcon,
+  VolumeIcon,
+  VolumeOffIcon,
+  LoadingIcon,
+  SettingsIcon,
+  FullscreenIcon
+}
+
+// Utility function to get icon by name
+export function getIcon(name: string) {
+  const iconMap: Record<string, keyof typeof Icons> = {
+    'play': 'PlayIcon',
+    'pause': 'PauseIcon',
+    'volume': 'VolumeIcon',
+    'volume-off': 'VolumeOffIcon',
+    'loading': 'LoadingIcon',
+    'settings': 'SettingsIcon',
+    'fullscreen': 'FullscreenIcon'
+  }
+  
+  const iconKey = iconMap[name]
+  return iconKey ? Icons[iconKey] : null
+}

package/dist/src/icons/provider.d.ts

@@ -0,0 +1,13 @@
+import { type ReactNode } from 'react';
+import type { IconTheme, IconSet, IconName, IconComponent } from './types';
+interface IconProviderProps {
+    children: ReactNode;
+    theme?: IconTheme;
+    icons?: Partial<IconSet>;
+}
+export declare function IconProvider({ children, theme, icons }: IconProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useIconTheme(): IconTheme;
+export declare function useIcon(name: IconName): IconComponent | null;
+export declare function useCustomIcon(name: IconName): IconComponent | null;
+export {};
+//# sourceMappingURL=provider.d.ts.map

package/dist/src/icons/provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAS1E,UAAU,iBAAiB;IACzB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAA;CACzB;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,KAAU,EACV,KAAU,EACX,EAAE,iBAAiB,2CAgBnB;AAED,wBAAgB,YAAY,IAAI,SAAS,CAOxC;AAED,wBAAgB,OAAO,CAAC,IAAI,EAAE,QAAQ,GAAG,aAAa,GAAG,IAAI,CAW5D;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,QAAQ,GAAG,aAAa,GAAG,IAAI,CAGlE"}

package/dist/src/icons/provider.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+const IconContext = createContext(null);
+export function IconProvider({ children, theme = {}, icons = {} }) {
+    const value = {
+        theme: {
+            size: 24,
+            color: 'currentColor',
+            strokeWidth: 2,
+            ...theme
+        },
+        icons
+    };
+    return (_jsx(IconContext.Provider, { value: value, children: children }));
+}
+export function useIconTheme() {
+    const context = useContext(IconContext);
+    return context?.theme ?? {
+        size: 24,
+        color: 'currentColor',
+        strokeWidth: 2
+    };
+}
+export function useIcon(name) {
+    const context = useContext(IconContext);
+    const customIcon = context?.icons?.[name];
+    if (customIcon) {
+        return customIcon;
+    }
+    // If no custom icon found, we'll need to import the default one
+    // This will be handled by the individual icon components
+    return null;
+}
+export function useCustomIcon(name) {
+    const context = useContext(IconContext);
+    return context?.icons?.[name] || null;
+}