@yyc3/music-ui 0.0.0-stage → 1.0.0

package/dist/dmusic/DMusicShowcase.d.ts

@@ -0,0 +1,17 @@
+/**
+ * D-Music §1.x — Component Showcase / Test Page
+ *
+ * Renders all D-Music design system components for visual verification.
+ * Categories tested:
+ *   §1.1 — Buttons, Inputs, Cards, Progress, Feedback, Badges, Tags, Lists
+ *   §1.2 — Panel (DPanel)
+ *   §1.3 — Charts (StarPower, Emotion, PlayStats, Achievement, Sparkline, StatCard)
+ *   §1.4 — Theme integration (all components use CSS custom properties)
+ */
+import React from 'react';
+interface ShowcaseProps {
+    lang?: 'zh' | 'en';
+}
+export declare const DMusicShowcase: React.FC<ShowcaseProps>;
+export {};
+//# sourceMappingURL=DMusicShowcase.d.ts.map

package/dist/dmusic/DMusicShowcase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DMusicShowcase.d.ts","sourceRoot":"","sources":["../../src/dmusic/DMusicShowcase.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAmB,MAAM,OAAO,CAAC;AAqDxC,UAAU,aAAa;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqXlD,CAAC"}

package/dist/dmusic/DMusicUI.d.ts

@@ -0,0 +1,214 @@
+/**
+ * D-Music §1.1 — Component Library
+ *
+ * Material Design 3.0 inspired, adapted for D-Music's deep-space aesthetic.
+ * All components:
+ *   - Use CSS custom properties from §1.4 Theme System
+ *   - WCAG 2.1 AA compliant (aria-*, focus-visible, contrast ratios)
+ *   - Support keyboard navigation
+ *   - 60fps animations (GPU-accelerated transform/opacity)
+ *   - Responsive (mobile/tablet/desktop)
+ *
+ * Component Categories:
+ *   1. DButton — Primary/Secondary/Ghost/Danger variants
+ *   2. DInput — Text/Password/Search inputs
+ *   3. DCard — Music/User/Achievement cards
+ *   4. DProgress — Linear and ring progress indicators
+ *   5. DFeedback — Loading/Success/Error/Warning states
+ *   6. DBadge — Status/count badges
+ *   7. DTooltip — Accessible tooltip wrapper
+ *   8. DTag — Genre/mood/status tags
+ */
+import React from 'react';
+type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger' | 'accent';
+type ButtonSize = 'sm' | 'md' | 'lg';
+interface DButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    loading?: boolean;
+    icon?: React.ReactNode;
+    iconRight?: React.ReactNode;
+    fullWidth?: boolean;
+}
+export declare const DButton: React.FC<DButtonProps>;
+type InputVariant = 'default' | 'search' | 'password';
+interface DInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    variant?: InputVariant;
+    label?: string;
+    error?: string;
+    hint?: string;
+    inputSize?: ButtonSize;
+    leftIcon?: React.ReactNode;
+}
+export declare const DInput: React.FC<DInputProps>;
+type CardVariant = 'default' | 'music' | 'user' | 'achievement' | 'glass';
+interface DCardProps {
+    variant?: CardVariant;
+    className?: string;
+    children: React.ReactNode;
+    onClick?: () => void;
+    interactive?: boolean;
+    glowColor?: string;
+    padding?: 'sm' | 'md' | 'lg' | 'none';
+}
+export declare const DCard: React.FC<DCardProps>;
+/** Music card — specialized for track/album display */
+interface DMusicCardProps {
+    title: string;
+    artist: string;
+    coverUrl?: string;
+    duration?: string;
+    emotion?: string;
+    isPlaying?: boolean;
+    onClick?: () => void;
+    className?: string;
+}
+export declare const DMusicCard: React.FC<DMusicCardProps>;
+/** User card — for creator/profile display */
+interface DUserCardProps {
+    name: string;
+    avatar?: string;
+    subtitle?: string;
+    badge?: string;
+    onClick?: () => void;
+    className?: string;
+}
+export declare const DUserCard: React.FC<DUserCardProps>;
+/** Achievement card — with progress ring */
+interface DAchievementCardProps {
+    title: string;
+    description?: string;
+    icon: string;
+    progress: number;
+    unlocked?: boolean;
+    rarity?: 'common' | 'rare' | 'epic' | 'legendary';
+    className?: string;
+}
+export declare const DAchievementCard: React.FC<DAchievementCardProps>;
+interface DProgressProps {
+    value: number;
+    size?: 'sm' | 'md' | 'lg';
+    variant?: 'default' | 'gradient' | 'success' | 'warning' | 'error';
+    showLabel?: boolean;
+    className?: string;
+    'aria-label'?: string;
+}
+export declare const DProgress: React.FC<DProgressProps>;
+/** SVG Achievement Ring — §1.3 */
+interface AchievementRingProps {
+    progress: number;
+    size?: number;
+    strokeWidth?: number;
+    color?: string;
+    bgColor?: string;
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare const AchievementRing: React.FC<AchievementRingProps>;
+type FeedbackType = 'loading' | 'success' | 'error' | 'warning' | 'info';
+interface DFeedbackProps {
+    type: FeedbackType;
+    message: string;
+    description?: string;
+    className?: string;
+    onDismiss?: () => void;
+}
+export declare const DFeedback: React.FC<DFeedbackProps>;
+/** Inline loading spinner */
+interface DSpinnerProps {
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+}
+export declare const DSpinner: React.FC<DSpinnerProps>;
+type BadgeVariant = 'default' | 'accent' | 'success' | 'warning' | 'error' | 'info';
+interface DBadgeProps {
+    variant?: BadgeVariant;
+    size?: 'sm' | 'md';
+    children: React.ReactNode;
+    className?: string;
+    dot?: boolean;
+}
+export declare const DBadge: React.FC<DBadgeProps>;
+interface DTagProps {
+    variant?: 'default' | 'emotion' | 'outline';
+    size?: 'xs' | 'sm' | 'md';
+    children: React.ReactNode;
+    onRemove?: () => void;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const DTag: React.FC<DTagProps>;
+interface DEmptyStateProps {
+    icon?: string;
+    title: string;
+    description?: string;
+    action?: React.ReactNode;
+    className?: string;
+}
+export declare const DEmptyState: React.FC<DEmptyStateProps>;
+interface DListProps {
+    children: React.ReactNode;
+    label?: string;
+    className?: string;
+    divided?: boolean;
+}
+export declare const DList: React.FC<DListProps>;
+interface DListItemProps {
+    children: React.ReactNode;
+    onClick?: () => void;
+    className?: string;
+    active?: boolean;
+}
+export declare const DListItem: React.FC<DListItemProps>;
+interface DModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title: string;
+    description?: string;
+    children: React.ReactNode;
+    footer?: React.ReactNode;
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+    closeOnBackdrop?: boolean;
+}
+export declare const DModal: React.FC<DModalProps>;
+interface DTabItem {
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+    badge?: number;
+    disabled?: boolean;
+}
+interface DTabBarProps {
+    tabs: DTabItem[];
+    activeTab: string;
+    onTabChange: (id: string) => void;
+    variant?: 'default' | 'pills' | 'underline';
+    size?: 'sm' | 'md';
+    className?: string;
+    fullWidth?: boolean;
+}
+export declare const DTabBar: React.FC<DTabBarProps>;
+type ToastVariant = 'success' | 'error' | 'warning' | 'info';
+interface DToastProps {
+    variant: ToastVariant;
+    message: string;
+    description?: string;
+    duration?: number;
+    onDismiss: () => void;
+    className?: string;
+}
+export declare const DToast: React.FC<DToastProps>;
+interface DBreadcrumbItem {
+    label: string;
+    href?: string;
+    onClick?: () => void;
+}
+interface DBreadcrumbProps {
+    items: DBreadcrumbItem[];
+    separator?: React.ReactNode;
+    className?: string;
+}
+export declare const DBreadcrumb: React.FC<DBreadcrumbProps>;
+export {};
+//# sourceMappingURL=DMusicUI.d.ts.map

package/dist/dmusic/DMusicUI.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DMusicUI.d.ts","sourceRoot":"","sources":["../../src/dmusic/DMusicUI.tsx"],"names":[],"mappings":"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"}

package/dist/dmusic/DPanel.d.ts

@@ -0,0 +1,49 @@
+/**
+ * D-Music §1.2 — Unified Panel Component
+ *
+ * A standardized panel shell for all D-Music side panels/drawers/modals.
+ *
+ * Features:
+ *   - Unified visual style (glassmorphism, theme-aware)
+ *   - Clear information hierarchy (header → body → optional footer)
+ *   - Smooth spring animation (enter from right)
+ *   - Mobile: fullscreen panel / bottom drawer
+ *   - Desktop: side drawer (right) with backdrop
+ *   - Keyboard: Escape to close, focus trap
+ *   - WCAG 2.1 AA: role="dialog", aria-modal, aria-label
+ *
+ * Panel Types Supported:
+ *   playlist, profile, community, analytics, ai-lyrics, leaderboard,
+ *   recommendations, creation-studio, mv-creator, space-time, star-power,
+ *   ip-matrix, achievements, discover-hub, copyright, shop, challenge,
+ *   fork-tree, mheart, smart-playlist, live-session, comments
+ *
+ * Usage:
+ *   <DPanel isOpen={show} onClose={close} title="播放列表" icon={<Music />}>
+ *     <PlaylistContent />
+ *   </DPanel>
+ */
+import React from 'react';
+export type PanelSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+interface DPanelProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title: string;
+    subtitle?: string;
+    icon?: React.ReactNode;
+    children: React.ReactNode;
+    footer?: React.ReactNode;
+    size?: PanelSize;
+    /** Section label (e.g., "§19.x") shown in bottom hint */
+    sectionLabel?: string;
+    className?: string;
+    /** If true, panel enters from bottom on mobile */
+    mobileBottomSheet?: boolean;
+    /** If true, no backdrop blur */
+    noBackdrop?: boolean;
+    /** Custom header-right actions */
+    headerActions?: React.ReactNode;
+}
+export declare const DPanel: React.FC<DPanelProps>;
+export {};
+//# sourceMappingURL=DPanel.d.ts.map

package/dist/dmusic/DPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DPanel.d.ts","sourceRoot":"","sources":["../../src/dmusic/DPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAE3D,UAAU,WAAW;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,yDAAyD;IACzD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gCAAgC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kCAAkC;IAClC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAUD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAqLxC,CAAC"}

package/dist/dmusic/DataViz.d.ts

@@ -0,0 +1,127 @@
+/**
+ * D-Music §1.3 — Data Visualization Components
+ *
+ * Unified visualization library:
+ *   1. StarPowerChart — Star Power growth curve (Recharts)
+ *   2. EmotionPieChart — Emotion distribution pie chart
+ *   3. PlayStatsChart — Play count bar chart with trend line
+ *   4. AchievementGrid — Achievement progress ring grid
+ *   5. SparklineChart — Inline mini sparkline for compact display
+ *   6. DataExportButton — Export data as CSV/JSON
+ *
+ * Design Requirements:
+ *   - Real-time update capable
+ *   - 60fps (Recharts + SVG, no forced reflows)
+ *   - Clear data labels
+ *   - WCAG 2.1 AA accessible (aria-labels, screen-reader text)
+ *   - Unified color palette from design-tokens.ts
+ *
+ * Technology:
+ *   - Canvas API for AudioVisualizer (existing)
+ *   - Recharts for data charts
+ *   - SVG for progress rings (AchievementRing from DMusicUI)
+ *   - CSS animations for transitions
+ */
+import React from 'react';
+export declare const DATA_VIZ_PALETTE: {
+    readonly primary: readonly ["#8B5CF6", "#EC4899", "#06B6D4", "#F59E0B", "#22C55E", "#3B82F6", "#EF4444", "#A855F7"];
+    readonly emotion: Record<string, string>;
+    readonly semantic: {
+        readonly success: "#22C55E";
+        readonly warning: "#F59E0B";
+        readonly error: "#EF4444";
+        readonly info: "#3B82F6";
+    };
+};
+interface StarPowerChartProps {
+    data: {
+        date: string;
+        value: number;
+        earned?: number;
+        spent?: number;
+    }[];
+    height?: number;
+    className?: string;
+    lang?: 'zh' | 'en';
+}
+export declare const StarPowerChart: React.FC<StarPowerChartProps>;
+interface EmotionPieChartProps {
+    data: {
+        emotion: string;
+        count: number;
+        pct?: number;
+    }[];
+    size?: number;
+    className?: string;
+    lang?: 'zh' | 'en';
+}
+export declare const EmotionPieChart: React.FC<EmotionPieChartProps>;
+interface PlayStatsChartProps {
+    data: {
+        name: string;
+        plays: number;
+        likes?: number;
+    }[];
+    height?: number;
+    className?: string;
+    lang?: 'zh' | 'en';
+}
+export declare const PlayStatsChart: React.FC<PlayStatsChartProps>;
+interface AchievementGridItem {
+    id: string;
+    title: string;
+    icon: string;
+    progress: number;
+    color?: string;
+}
+interface AchievementGridProps {
+    items: AchievementGridItem[];
+    columns?: number;
+    className?: string;
+}
+export declare const AchievementGrid: React.FC<AchievementGridProps>;
+interface SparklineChartProps {
+    data: number[];
+    width?: number;
+    height?: number;
+    color?: string;
+    showDot?: boolean;
+    className?: string;
+}
+export declare const SparklineChart: React.FC<SparklineChartProps>;
+interface DataExportButtonProps {
+    data: any[];
+    filename?: string;
+    format?: 'csv' | 'json';
+    label?: string;
+    className?: string;
+}
+export declare const DataExportButton: React.FC<DataExportButtonProps>;
+interface StatCardProps {
+    label: string;
+    value: string | number;
+    change?: number;
+    trend?: number[];
+    icon?: React.ReactNode;
+    className?: string;
+}
+export declare const StatCard: React.FC<StatCardProps>;
+interface RankingItem {
+    rank: number;
+    name: string;
+    score: number;
+    avatar?: string;
+    change?: 'up' | 'down' | 'same' | 'new';
+    highlight?: boolean;
+}
+interface RankingListProps {
+    items: RankingItem[];
+    maxItems?: number;
+    valueLabel?: string;
+    className?: string;
+    lang?: 'zh' | 'en';
+    onItemClick?: (item: RankingItem) => void;
+}
+export declare const RankingList: React.FC<RankingListProps>;
+export {};
+//# sourceMappingURL=DataViz.d.ts.map

package/dist/dmusic/DataViz.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataViz.d.ts","sourceRoot":"","sources":["../../src/dmusic/DataViz.tsx"],"names":[],"mappings":"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"}

package/dist/dmusic/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * D-Music §1.1/§1.2/§1.3/§1.4 — Component Library Barrel Export
+ *
+ * Usage:
+ *   import { DButton, DCard, StarPowerChart } from './components/dmusic';
+ */
+export { DButton, DInput, DCard, DMusicCard, DUserCard, DAchievementCard, DProgress, AchievementRing, DFeedback, DSpinner, DBadge, DTag, DEmptyState, DList, DListItem, DModal, DTabBar, DToast, DBreadcrumb, } from './DMusicUI';
+export { DPanel } from './DPanel';
+export type { PanelSize } from './DPanel';
+export { DATA_VIZ_PALETTE, StarPowerChart, EmotionPieChart, PlayStatsChart, AchievementGrid, SparklineChart, DataExportButton, StatCard, RankingList, } from './DataViz';
+export { DMusicShowcase } from './DMusicShowcase';
+//# sourceMappingURL=index.d.ts.map

package/dist/dmusic/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dmusic/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EACL,OAAO,EACP,MAAM,EACN,KAAK,EACL,UAAU,EACV,SAAS,EACT,gBAAgB,EAChB,SAAS,EACT,eAAe,EACf,SAAS,EACT,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,WAAW,EACX,KAAK,EACL,SAAS,EACT,MAAM,EACN,OAAO,EACP,MAAM,EACN,WAAW,GACZ,MAAM,YAAY,CAAC;AAGpB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAG1C,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,cAAc,EACd,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,QAAQ,EACR,WAAW,GACZ,MAAM,WAAW,CAAC;AAGnB,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/figma/ImageWithFallback.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare function ImageWithFallback(props: React.ImgHTMLAttributes<HTMLImageElement>): React.JSX.Element;
+//# sourceMappingURL=ImageWithFallback.d.ts.map

package/dist/figma/ImageWithFallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageWithFallback.d.ts","sourceRoot":"","sources":["../../src/figma/ImageWithFallback.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAKvC,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,qBAqBjF"}

package/dist/index.d.ts

@@ -0,0 +1,51 @@
+export * from './ui/accordion';
+export * from './ui/alert';
+export * from './ui/alert-dialog';
+export * from './ui/aspect-ratio';
+export * from './ui/avatar';
+export * from './ui/badge';
+export * from './ui/breadcrumb';
+export * from './ui/button';
+export * from './ui/calendar';
+export * from './ui/card';
+export * from './ui/carousel';
+export * from './ui/chart';
+export * from './ui/checkbox';
+export * from './ui/collapsible';
+export * from './ui/command';
+export * from './ui/context-menu';
+export * from './ui/dialog';
+export * from './ui/drawer';
+export * from './ui/dropdown-menu';
+export * from './ui/form';
+export * from './ui/hover-card';
+export * from './ui/input';
+export * from './ui/input-otp';
+export * from './ui/label';
+export * from './ui/menubar';
+export * from './ui/navigation-menu';
+export * from './ui/pagination';
+export * from './ui/popover';
+export * from './ui/progress';
+export * from './ui/radio-group';
+export * from './ui/resizable';
+export * from './ui/scroll-area';
+export * from './ui/select';
+export * from './ui/separator';
+export * from './ui/sheet';
+export * from './ui/sidebar';
+export * from './ui/skeleton';
+export * from './ui/slider';
+export * from './ui/sonner';
+export * from './ui/switch';
+export * from './ui/table';
+export * from './ui/tabs';
+export * from './ui/textarea';
+export * from './ui/toggle';
+export * from './ui/toggle-group';
+export * from './ui/tooltip';
+export * from './ui/use-mobile';
+export * from './ui/utils';
+export * from './dmusic';
+export * from './figma/ImageWithFallback';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAE7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAE3B,cAAc,UAAU,CAAC;AAEzB,cAAc,2BAA2B,CAAC"}