@hosanna/chordpro 1.1.0

package/dist/chunk-TUKJQWXG.mjs

@@ -0,0 +1,50 @@
+// src/components/common/Button.tsx
+import { Loader2 } from "lucide-react";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Button = React.memo(
+  ({
+    children,
+    variant = "primary",
+    size = "md",
+    isLoading = false,
+    icon,
+    className = "",
+    disabled,
+    ...props
+  }) => {
+    const baseStyles = "inline-flex items-center justify-center font-bold rounded-xl transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 dark:focus:ring-offset-m3-bg disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer active:scale-[0.98]";
+    const variantStyles = {
+      primary: "bg-m3-primary hover:bg-m3-primary-dark text-white shadow-sm shadow-m3-primary/20 focus:ring-m3-primary",
+      secondary: "bg-m3-sidebar hover:bg-m3-hover text-m3-text border border-m3-border/30 focus:ring-m3-primary/30",
+      danger: "bg-rose-600 hover:bg-rose-700 text-white shadow-sm focus:ring-rose-500",
+      ghost: "hover:bg-m3-hover text-m3-secondary hover:text-m3-text transition-colors",
+      outline: "border border-m3-border text-m3-text hover:bg-m3-hover focus:ring-m3-primary/30"
+    };
+    const sizeStyles = {
+      sm: "px-2.5 py-1.5 text-xs gap-1.5",
+      md: "px-3.5 py-2 text-sm gap-2",
+      lg: "px-5 py-2.5 text-base gap-2.5"
+    };
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        className: `${baseStyles} ${variantStyles[variant]} ${sizeStyles[size]} ${className}`,
+        disabled: disabled || isLoading,
+        ...props,
+        children: [
+          isLoading ? /* @__PURE__ */ jsx(Loader2, { className: "w-4 h-4 animate-spin text-current" }) : icon ? /* @__PURE__ */ jsx("span", { className: "shrink-0", children: icon }) : null,
+          children
+        ]
+      }
+    );
+  }
+);
+
+export {
+  Button
+};
+/**
+ * @license
+ * SPDX-License-Identifier: Apache-2.0
+ */

package/dist/editor/index.d.mts

@@ -0,0 +1,44 @@
+import React__default from 'react';
+import { IAceEditorProps } from 'react-ace';
+
+/**
+ * Preloads Ace Editor, its themes, and ChordPro syntax modes in the background.
+ * Call this after your app finishes loading or in an idle callback so that clicking
+ * a song or opening the editor renders immediately with zero delay.
+ */
+declare function preloadEditor(): Promise<React__default.ComponentType<IAceEditorProps>>;
+interface EditorSettings {
+    theme?: string;
+    fontSize?: number;
+    wordWrap?: boolean;
+    showLineNumbers?: boolean;
+}
+interface EditorProps {
+    value: string;
+    onChange: (value: string) => void;
+    onSave?: (value: string) => void;
+    settings?: EditorSettings;
+    mode?: string;
+    readOnly?: boolean;
+    fallback?: React__default.ReactNode;
+}
+declare function Editor({ value, onChange, onSave, settings, mode, readOnly, fallback, }: EditorProps): React__default.JSX.Element;
+
+interface ChordOccurrence {
+    value: string;
+    meta: string;
+    score: number;
+}
+declare class ChordFinder {
+    private static readonly CHORD_REGEX;
+    /**
+     * Extracts chords from text and returns them formatted for Ace Autocomplete
+     */
+    static getChords(text: string): ChordOccurrence[];
+}
+
+declare function registerChordproMode(aceInstance?: any): Promise<void>;
+
+declare function registerChordproSnippets(aceInstance?: any): Promise<void>;
+
+export { ChordFinder, type ChordOccurrence, Editor, type EditorProps, type EditorSettings, Editor as default, preloadEditor, registerChordproMode, registerChordproSnippets };

package/dist/editor/index.d.ts

@@ -0,0 +1,44 @@
+import React__default from 'react';
+import { IAceEditorProps } from 'react-ace';
+
+/**
+ * Preloads Ace Editor, its themes, and ChordPro syntax modes in the background.
+ * Call this after your app finishes loading or in an idle callback so that clicking
+ * a song or opening the editor renders immediately with zero delay.
+ */
+declare function preloadEditor(): Promise<React__default.ComponentType<IAceEditorProps>>;
+interface EditorSettings {
+    theme?: string;
+    fontSize?: number;
+    wordWrap?: boolean;
+    showLineNumbers?: boolean;
+}
+interface EditorProps {
+    value: string;
+    onChange: (value: string) => void;
+    onSave?: (value: string) => void;
+    settings?: EditorSettings;
+    mode?: string;
+    readOnly?: boolean;
+    fallback?: React__default.ReactNode;
+}
+declare function Editor({ value, onChange, onSave, settings, mode, readOnly, fallback, }: EditorProps): React__default.JSX.Element;
+
+interface ChordOccurrence {
+    value: string;
+    meta: string;
+    score: number;
+}
+declare class ChordFinder {
+    private static readonly CHORD_REGEX;
+    /**
+     * Extracts chords from text and returns them formatted for Ace Autocomplete
+     */
+    static getChords(text: string): ChordOccurrence[];
+}
+
+declare function registerChordproMode(aceInstance?: any): Promise<void>;
+
+declare function registerChordproSnippets(aceInstance?: any): Promise<void>;
+
+export { ChordFinder, type ChordOccurrence, Editor, type EditorProps, type EditorSettings, Editor as default, preloadEditor, registerChordproMode, registerChordproSnippets };