le-kit 0.0.2 → 0.1.0

package/dist/collection/types/blocks.js

@@ -0,0 +1,115 @@
+/**
+ * Block types for the rich text editor.
+ *
+ * Used by: le-rich-text-editor, le-editor-block, le-block-menu
+ */
+/**
+ * Default block type configurations.
+ */
+export const DEFAULT_BLOCK_CONFIGS = [
+    {
+        type: 'paragraph',
+        label: 'Text',
+        icon: '📝',
+        tag: 'p',
+        placeholder: 'Type something...',
+        editable: true,
+        description: 'Plain text paragraph',
+    },
+    {
+        type: 'heading1',
+        label: 'Heading 1',
+        icon: 'H1',
+        tag: 'h1',
+        placeholder: 'Heading 1',
+        editable: true,
+        description: 'Large section heading',
+        shortcut: '# ',
+    },
+    {
+        type: 'heading2',
+        label: 'Heading 2',
+        icon: 'H2',
+        tag: 'h2',
+        placeholder: 'Heading 2',
+        editable: true,
+        description: 'Medium section heading',
+        shortcut: '## ',
+    },
+    {
+        type: 'heading3',
+        label: 'Heading 3',
+        icon: 'H3',
+        tag: 'h3',
+        placeholder: 'Heading 3',
+        editable: true,
+        description: 'Small section heading',
+        shortcut: '### ',
+    },
+    {
+        type: 'bullet-list',
+        label: 'Bulleted List',
+        icon: '•',
+        tag: 'li',
+        placeholder: 'List item',
+        editable: true,
+        description: 'Unordered list',
+        shortcut: '- ',
+    },
+    {
+        type: 'numbered-list',
+        label: 'Numbered List',
+        icon: '1.',
+        tag: 'li',
+        placeholder: 'List item',
+        editable: true,
+        description: 'Ordered list',
+        shortcut: '1. ',
+    },
+    {
+        type: 'quote',
+        label: 'Quote',
+        icon: '❝',
+        tag: 'blockquote',
+        placeholder: 'Quote',
+        editable: true,
+        description: 'Block quote',
+        shortcut: '> ',
+    },
+    {
+        type: 'code',
+        label: 'Code',
+        icon: '</>',
+        tag: 'code',
+        placeholder: 'Code',
+        editable: true,
+        description: 'Code block',
+        shortcut: '``` ',
+    },
+    {
+        type: 'divider',
+        label: 'Divider',
+        icon: '—',
+        tag: 'hr',
+        editable: false,
+        description: 'Horizontal line',
+        shortcut: '---',
+    },
+];
+/**
+ * Generate a unique block ID
+ */
+export function generateBlockId() {
+    return `block-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
+}
+/**
+ * Create a new block with default values
+ */
+export function createBlock(type, content = '') {
+    return {
+        id: generateBlockId(),
+        type,
+        content,
+    };
+}
+//# sourceMappingURL=blocks.js.map

package/dist/collection/types/blocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blocks.js","sourceRoot":"","sources":["../../src/types/blocks.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAmIH;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAsB;IACtD;QACE,IAAI,EAAE,WAAW;QACjB,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,IAAI;QACV,GAAG,EAAE,GAAG;QACR,WAAW,EAAE,mBAAmB;QAChC,QAAQ,EAAE,IAAI;QACd,WAAW,EAAE,sBAAsB;KACpC;IACD;QACE,IAAI,EAAE,UAAU;QAChB,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,IAAI;QACV,GAAG,EAAE,IAAI;QACT,WAAW,EAAE,WAAW;QACxB,QAAQ,EAAE,IAAI;QACd,WAAW,EAAE,uBAAuB;QACpC,QAAQ,EAAE,IAAI;KACf;IACD;QACE,IAAI,EAAE,UAAU;QAChB,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,IAAI;QACV,GAAG,EAAE,IAAI;QACT,WAAW,EAAE,WAAW;QACxB,QAAQ,EAAE,IAAI;QACd,WAAW,EAAE,wBAAwB;QACrC,QAAQ,EAAE,KAAK;KAChB;IACD;QACE,IAAI,EAAE,UAAU;QAChB,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,IAAI;QACV,GAAG,EAAE,IAAI;QACT,WAAW,EAAE,WAAW;QACxB,QAAQ,EAAE,IAAI;QACd,WAAW,EAAE,uBAAuB;QACpC,QAAQ,EAAE,MAAM;KACjB;IACD;QACE,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,eAAe;QACtB,IAAI,EAAE,GAAG;QACT,GAAG,EAAE,IAAI;QACT,WAAW,EAAE,WAAW;QACxB,QAAQ,EAAE,IAAI;QACd,WAAW,EAAE,gBAAgB;QAC7B,QAAQ,EAAE,IAAI;KACf;IACD;QACE,IAAI,EAAE,eAAe;QACrB,KAAK,EAAE,eAAe;QACtB,IAAI,EAAE,IAAI;QACV,GAAG,EAAE,IAAI;QACT,WAAW,EAAE,WAAW;QACxB,QAAQ,EAAE,IAAI;QACd,WAAW,EAAE,cAAc;QAC3B,QAAQ,EAAE,KAAK;KAChB;IACD;QACE,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,GAAG;QACT,GAAG,EAAE,YAAY;QACjB,WAAW,EAAE,OAAO;QACpB,QAAQ,EAAE,IAAI;QACd,WAAW,EAAE,aAAa;QAC1B,QAAQ,EAAE,IAAI;KACf;IACD;QACE,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,KAAK;QACX,GAAG,EAAE,MAAM;QACX,WAAW,EAAE,MAAM;QACnB,QAAQ,EAAE,IAAI;QACd,WAAW,EAAE,YAAY;QACzB,QAAQ,EAAE,MAAM;KACjB;IACD;QACE,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,GAAG;QACT,GAAG,EAAE,IAAI;QACT,QAAQ,EAAE,KAAK;QACf,WAAW,EAAE,iBAAiB;QAC9B,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAWF;;GAEG;AACH,MAAM,UAAU,eAAe;IAC7B,OAAO,SAAS,IAAI,CAAC,GAAG,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;AAC7E,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,WAAW,CAAC,IAAe,EAAE,UAAkB,EAAE;IAC/D,OAAO;QACL,EAAE,EAAE,eAAe,EAAE;QACrB,IAAI;QACJ,OAAO;KACR,CAAC;AACJ,CAAC","sourcesContent":["/**\n * Block types for the rich text editor.\n *\n * Used by: le-rich-text-editor, le-editor-block, le-block-menu\n */\n\n/**\n * Available block types for the editor.\n * Start with essential types, expand in future versions.\n */\nexport type BlockType = 'paragraph' | 'heading1' | 'heading2' | 'heading3' | 'bullet-list' | 'numbered-list' | 'quote' | 'code' | 'divider';\n\n/**\n * A single block in the editor.\n *\n * @example Paragraph block\n * ```typescript\n * const block: LeBlock = {\n *   id: 'block-1',\n *   type: 'paragraph',\n *   content: 'Hello <strong>world</strong>!'\n * };\n * ```\n *\n * @example Code block with language\n * ```typescript\n * const block: LeBlock = {\n *   id: 'block-2',\n *   type: 'code',\n *   content: 'const x = 1;',\n *   attributes: { language: 'typescript' }\n * };\n * ```\n */\nexport interface LeBlock {\n  /**\n   * Unique identifier for the block.\n   */\n  id: string;\n\n  /**\n   * The type of block (paragraph, heading, list, etc.)\n   */\n  type: BlockType;\n\n  /**\n   * HTML content of the block.\n   * For most blocks, this is the inner HTML.\n   * For divider, this is empty.\n   */\n  content: string;\n\n  /**\n   * Block-specific attributes.\n   */\n  attributes?: LeBlockAttributes;\n}\n\n/**\n * Block-specific attributes\n */\nexport interface LeBlockAttributes {\n  /**\n   * Programming language for code blocks.\n   */\n  language?: string;\n\n  /**\n   * Placeholder text shown when block is empty.\n   */\n  placeholder?: string;\n\n  /**\n   * Custom CSS class for the block.\n   */\n  className?: string;\n\n  /**\n   * Additional custom attributes.\n   */\n  [key: string]: unknown;\n}\n\n/**\n * Configuration for a block type.\n * Used by the block registry to render and manage blocks.\n */\nexport interface BlockTypeConfig {\n  /**\n   * Block type identifier.\n   */\n  type: BlockType;\n\n  /**\n   * Display label for the block type (shown in block menu).\n   */\n  label: string;\n\n  /**\n   * Icon for the block type (emoji or icon name).\n   */\n  icon?: string;\n\n  /**\n   * HTML tag to render for this block type.\n   */\n  tag: string;\n\n  /**\n   * CSS class applied to the block element.\n   */\n  className?: string;\n\n  /**\n   * Placeholder text shown when block is empty.\n   */\n  placeholder?: string;\n\n  /**\n   * Whether the block content is editable.\n   * Set to false for blocks like divider.\n   */\n  editable?: boolean;\n\n  /**\n   * Description shown in block menu.\n   */\n  description?: string;\n\n  /**\n   * Keyboard shortcut hint (e.g., \"# \" for heading).\n   */\n  shortcut?: string;\n}\n\n/**\n * Default block type configurations.\n */\nexport const DEFAULT_BLOCK_CONFIGS: BlockTypeConfig[] = [\n  {\n    type: 'paragraph',\n    label: 'Text',\n    icon: '📝',\n    tag: 'p',\n    placeholder: 'Type something...',\n    editable: true,\n    description: 'Plain text paragraph',\n  },\n  {\n    type: 'heading1',\n    label: 'Heading 1',\n    icon: 'H1',\n    tag: 'h1',\n    placeholder: 'Heading 1',\n    editable: true,\n    description: 'Large section heading',\n    shortcut: '# ',\n  },\n  {\n    type: 'heading2',\n    label: 'Heading 2',\n    icon: 'H2',\n    tag: 'h2',\n    placeholder: 'Heading 2',\n    editable: true,\n    description: 'Medium section heading',\n    shortcut: '## ',\n  },\n  {\n    type: 'heading3',\n    label: 'Heading 3',\n    icon: 'H3',\n    tag: 'h3',\n    placeholder: 'Heading 3',\n    editable: true,\n    description: 'Small section heading',\n    shortcut: '### ',\n  },\n  {\n    type: 'bullet-list',\n    label: 'Bulleted List',\n    icon: '•',\n    tag: 'li',\n    placeholder: 'List item',\n    editable: true,\n    description: 'Unordered list',\n    shortcut: '- ',\n  },\n  {\n    type: 'numbered-list',\n    label: 'Numbered List',\n    icon: '1.',\n    tag: 'li',\n    placeholder: 'List item',\n    editable: true,\n    description: 'Ordered list',\n    shortcut: '1. ',\n  },\n  {\n    type: 'quote',\n    label: 'Quote',\n    icon: '❝',\n    tag: 'blockquote',\n    placeholder: 'Quote',\n    editable: true,\n    description: 'Block quote',\n    shortcut: '> ',\n  },\n  {\n    type: 'code',\n    label: 'Code',\n    icon: '</>',\n    tag: 'code',\n    placeholder: 'Code',\n    editable: true,\n    description: 'Code block',\n    shortcut: '``` ',\n  },\n  {\n    type: 'divider',\n    label: 'Divider',\n    icon: '—',\n    tag: 'hr',\n    editable: false,\n    description: 'Horizontal line',\n    shortcut: '---',\n  },\n];\n\n/**\n * Event detail for block changes\n */\nexport interface LeBlockChangeDetail {\n  blocks: LeBlock[];\n  changedBlock?: LeBlock;\n  action: 'add' | 'remove' | 'update' | 'move';\n}\n\n/**\n * Generate a unique block ID\n */\nexport function generateBlockId(): string {\n  return `block-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;\n}\n\n/**\n * Create a new block with default values\n */\nexport function createBlock(type: BlockType, content: string = ''): LeBlock {\n  return {\n    id: generateBlockId(),\n    type,\n    content,\n  };\n}\n"]}

package/dist/collection/types/options.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=options.js.map

package/dist/collection/types/options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"options.js","sourceRoot":"","sources":["../../src/types/options.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Universal option interface used across Le-Kit components.\n *\n * Used by: le-select, le-combobox, le-multiselect, le-tabs,\n * le-block-menu, le-emoji-picker, and any menu/list components.\n *\n * @example Basic option\n * ```typescript\n * const option: LeOption = {\n *   label: 'Option 1',\n *   value: 'opt1'\n * };\n * ```\n *\n * @example With icons and description\n * ```typescript\n * const option: LeOption = {\n *   label: 'Settings',\n *   value: 'settings',\n *   iconStart: '⚙️',\n *   description: 'Configure application settings'\n * };\n * ```\n *\n * @example Grouped options\n * ```typescript\n * const options: LeOption[] = [\n *   { label: 'Apple', value: 'apple', group: 'Fruits' },\n *   { label: 'Banana', value: 'banana', group: 'Fruits' },\n *   { label: 'Carrot', value: 'carrot', group: 'Vegetables' },\n * ];\n * ```\n *\n * @example Nested options (for submenus)\n * ```typescript\n * const option: LeOption = {\n *   label: 'More actions',\n *   iconEnd: '▶',\n *   children: [\n *     { label: 'Duplicate', value: 'duplicate' },\n *     { label: 'Archive', value: 'archive' },\n *   ]\n * };\n * ```\n */\nexport interface LeOption {\n  /**\n   * Unique identifier for the option.\n   * Auto-generated if not provided.\n   */\n  id?: string;\n\n  /**\n   * Display text for the option (required).\n   */\n  label: string;\n\n  /**\n   * Selection value. Defaults to label if not provided.\n   */\n  value?: string | number;\n\n  /**\n   * Whether the option is disabled and cannot be selected.\n   */\n  disabled?: boolean;\n\n  /**\n   * Whether the option is currently selected.\n   * Used for multiselect and menu components.\n   */\n  selected?: boolean;\n\n  /**\n   * Whether the option is checked.\n   * Used for checkbox/radio menu items.\n   */\n  checked?: boolean;\n\n  /**\n   * Icon displayed at the start (left) of the option.\n   * Can be a URL, icon name, or emoji character.\n   */\n  iconStart?: string;\n\n  /**\n   * Icon displayed at the end (right) of the option.\n   * Can be a URL, icon name, or emoji character.\n   */\n  iconEnd?: string;\n\n  /**\n   * Secondary description text displayed below the label.\n   */\n  description?: string;\n\n  /**\n   * Nested child options for hierarchical menus or submenus.\n   */\n  children?: LeOption[];\n\n  /**\n   * Group label for categorizing options in flat lists.\n   * Options with the same group value are visually grouped together.\n   */\n  group?: string;\n\n  /**\n   * Add a visual separator line before or after this option.\n   */\n  separator?: 'before' | 'after';\n\n  /**\n   * Custom data passthrough for application-specific needs.\n   * This data is included in selection events.\n   */\n  data?: Record<string, unknown>;\n}\n\n/**\n * Helper type for option value\n */\nexport type LeOptionValue = string | number;\n\n/**\n * Event detail for option selection events\n */\nexport interface LeOptionSelectDetail {\n  value: LeOptionValue;\n  option: LeOption;\n}\n\n/**\n * Event detail for multi-option selection events\n */\nexport interface LeMultiOptionSelectDetail {\n  values: LeOptionValue[];\n  options: LeOption[];\n}\n"]}

package/dist/collection/utils/utils.js

@@ -1,5 +1,141 @@
-export function format(first, middle, last) {
-    return ((first || '') +
-        (middle ? ` ${middle}` : '') +
-        (last ? ` ${last}` : ''));
-}
+/**
+ * Utility functions for le-kit components
+ */
+import { getMode } from "../global/app";
+/**
+ * Generates a unique ID for component instances
+ */
+export function generateId(prefix = 'le') {
+    return `${prefix}-${Math.random().toString(36).substring(2, 9)}`;
+}
+/**
+ * Parses a comma-separated string into an array
+ */
+export function parseCommaSeparated(value) {
+    if (!value)
+        return [];
+    return value
+        .split(',')
+        .map(s => s.trim())
+        .filter(Boolean);
+}
+/**
+ * Checks if a slot has content
+ */
+export function slotHasContent(el, slotName = '') {
+    const selector = slotName ? `[slot="${slotName}"]` : ':not([slot])';
+    return el.querySelector(selector) !== null;
+}
+/**
+ * Sets up a MutationObserver to track mode changes on ancestor elements.
+ * Returns a cleanup function to disconnect the observer.
+ *
+ * If the element or any ancestor has an explicit `mode` attribute, that creates
+ * a "mode boundary" - the mode is determined from that point, not from further up.
+ * This allows components like le-popover to force default mode for their children.
+ *
+ * @param el - The component's host element
+ * @param callback - Function to call when mode changes, receives the new mode
+ * @returns Cleanup function to disconnect the observer
+ *
+ * @example
+ * ```tsx
+ * export class MyComponent {
+ *   @Element() el: HTMLElement;
+ *   @State() adminMode: boolean = false;
+ *   private disconnectModeObserver?: () => void;
+ *
+ *   connectedCallback() {
+ *     this.disconnectModeObserver = observeModeChanges(this.el, (mode) => {
+ *       this.adminMode = mode === 'admin';
+ *     });
+ *   }
+ *
+ *   disconnectedCallback() {
+ *     this.disconnectModeObserver?.();
+ *   }
+ * }
+ * ```
+ */
+export function observeModeChanges(el, callback) {
+    // Call immediately with current mode
+    callback(getMode(el));
+    // Set up observer for mode attribute changes
+    const observer = new MutationObserver(() => {
+        callback(getMode(el));
+    });
+    // Observe the element itself (for mode boundary changes)
+    observer.observe(el, {
+        attributes: true,
+        attributeFilter: ['mode'],
+    });
+    // Observe document root
+    observer.observe(document.documentElement, {
+        attributes: true,
+        attributeFilter: ['mode'],
+    });
+    // Traverse up, crossing shadow boundaries, and observe each element
+    let current = el;
+    while (current) {
+        if (current instanceof Element && current.parentElement) {
+            current = current.parentElement;
+            observer.observe(current, {
+                attributes: true,
+                attributeFilter: ['mode'],
+            });
+            // If this element has an explicit mode, it's a boundary
+            if (current.hasAttribute('mode')) {
+                break;
+            }
+        }
+        else {
+            // Check if we're in a shadow root
+            const root = current.getRootNode();
+            if (root instanceof ShadowRoot) {
+                // Cross the shadow boundary and observe the host
+                current = root.host;
+                observer.observe(current, {
+                    attributes: true,
+                    attributeFilter: ['mode'],
+                });
+                // If the host has an explicit mode, it's a boundary
+                if (current.hasAttribute('mode')) {
+                    break;
+                }
+            }
+            else {
+                break;
+            }
+        }
+    }
+    // Return cleanup function
+    return () => observer.disconnect();
+}
+/**
+ * Combines multiple class names into a single string, filtering out falsy values.
+ *
+ * @param classes - arguments of class names, undefined, arrays, objects with boolean values and nested combinations of these
+ * @returns Combined class names string
+ */
+export function classnames(...classes) {
+    const result = [];
+    classes.forEach(cls => {
+        if (!cls)
+            return;
+        if (typeof cls === 'string') {
+            result.push(cls);
+        }
+        else if (Array.isArray(cls)) {
+            result.push(classnames(...cls));
+        }
+        else if (typeof cls === 'object') {
+            Object.entries(cls).forEach(([key, value]) => {
+                if (value) {
+                    result.push(key);
+                }
+            });
+        }
+    });
+    return result.join(' ');
+}
+//# sourceMappingURL=utils.js.map

package/dist/collection/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Utility functions for le-kit components\n */\n\nimport { getMode } from '../global/app';\n\n/**\n * Generates a unique ID for component instances\n */\nexport function generateId(prefix: string = 'le'): string {\n  return `${prefix}-${Math.random().toString(36).substring(2, 9)}`;\n}\n\n/**\n * Parses a comma-separated string into an array\n */\nexport function parseCommaSeparated(value: string | undefined): string[] {\n  if (!value) return [];\n  return value\n    .split(',')\n    .map(s => s.trim())\n    .filter(Boolean);\n}\n\n/**\n * Checks if a slot has content\n */\nexport function slotHasContent(el: HTMLElement, slotName: string = ''): boolean {\n  const selector = slotName ? `[slot=\"${slotName}\"]` : ':not([slot])';\n  return el.querySelector(selector) !== null;\n}\n\n/**\n * Sets up a MutationObserver to track mode changes on ancestor elements.\n * Returns a cleanup function to disconnect the observer.\n * \n * If the element or any ancestor has an explicit `mode` attribute, that creates\n * a \"mode boundary\" - the mode is determined from that point, not from further up.\n * This allows components like le-popover to force default mode for their children.\n * \n * @param el - The component's host element\n * @param callback - Function to call when mode changes, receives the new mode\n * @returns Cleanup function to disconnect the observer\n * \n * @example\n * ```tsx\n * export class MyComponent {\n *   @Element() el: HTMLElement;\n *   @State() adminMode: boolean = false;\n *   private disconnectModeObserver?: () => void;\n * \n *   connectedCallback() {\n *     this.disconnectModeObserver = observeModeChanges(this.el, (mode) => {\n *       this.adminMode = mode === 'admin';\n *     });\n *   }\n * \n *   disconnectedCallback() {\n *     this.disconnectModeObserver?.();\n *   }\n * }\n * ```\n */\nexport function observeModeChanges(\n  el: HTMLElement,\n  callback: (mode: string) => void\n): () => void {\n  // Call immediately with current mode\n  callback(getMode(el));\n\n  // Set up observer for mode attribute changes\n  const observer = new MutationObserver(() => {\n    callback(getMode(el));\n  });\n\n  // Observe the element itself (for mode boundary changes)\n  observer.observe(el, {\n    attributes: true,\n    attributeFilter: ['mode'],\n  });\n\n  // Observe document root\n  observer.observe(document.documentElement, {\n    attributes: true,\n    attributeFilter: ['mode'],\n  });\n\n  // Traverse up, crossing shadow boundaries, and observe each element\n  let current: Node | null = el;\n  while (current) {\n    if (current instanceof Element && current.parentElement) {\n      current = current.parentElement;\n      observer.observe(current, {\n        attributes: true,\n        attributeFilter: ['mode'],\n      });\n      // If this element has an explicit mode, it's a boundary\n      if ((current as Element).hasAttribute('mode')) {\n        break;\n      }\n    } else {\n      // Check if we're in a shadow root\n      const root = current.getRootNode();\n      if (root instanceof ShadowRoot) {\n        // Cross the shadow boundary and observe the host\n        current = root.host;\n        observer.observe(current, {\n          attributes: true,\n          attributeFilter: ['mode'],\n        });\n        // If the host has an explicit mode, it's a boundary\n        if ((current as Element).hasAttribute('mode')) {\n          break;\n        }\n      } else {\n        break;\n      }\n    }\n  }\n\n  // Return cleanup function\n  return () => observer.disconnect();\n}\n\n/**\n * Combines multiple class names into a single string, filtering out falsy values.\n * \n * @param classes - arguments of class names, undefined, arrays, objects with boolean values and nested combinations of these\n * @returns Combined class names string\n */\nexport function classnames(...classes: any[]): string {\n  const result: string[] = [];\n\n  classes.forEach(cls => {\n    if (!cls) return;\n\n    if (typeof cls === 'string') {\n      result.push(cls);\n    } else if (Array.isArray(cls)) {\n      result.push(classnames(...cls));\n    } else if (typeof cls === 'object') {\n      Object.entries(cls).forEach(([key, value]) => {\n        if (value) {\n          result.push(key);\n        }\n      });\n    }\n  });\n\n  return result.join(' ');\n}\n"]}

package/dist/components/index.d.ts

@@ -0,0 +1,64 @@
+/* LeKit custom elements */
+export { LeBox as LeBox } from '../types/components/le-box/le-box';
+export { defineCustomElement as defineCustomElementLeBox } from './le-box';
+export { LeButton as LeButton } from '../types/components/le-button/le-button';
+export { defineCustomElement as defineCustomElementLeButton } from './le-button';
+export { LeCard as LeCard } from '../types/components/le-card/le-card';
+export { defineCustomElement as defineCustomElementLeCard } from './le-card';
+export { LeCheckbox as LeCheckbox } from '../types/components/le-checkbox/le-checkbox';
+export { defineCustomElement as defineCustomElementLeCheckbox } from './le-checkbox';
+export { LeComponent as LeComponent } from '../types/components/le-component/le-component';
+export { defineCustomElement as defineCustomElementLeComponent } from './le-component';
+export { LeNumberInput as LeNumberInput } from '../types/components/le-number-input/le-number-input';
+export { defineCustomElement as defineCustomElementLeNumberInput } from './le-number-input';
+export { LePopover as LePopover } from '../types/components/le-popover/le-popover';
+export { defineCustomElement as defineCustomElementLePopover } from './le-popover';
+export { LePopup as LePopup } from '../types/components/le-popup/le-popup';
+export { defineCustomElement as defineCustomElementLePopup } from './le-popup';
+export { LeRoundProgress as LeRoundProgress } from '../types/components/le-round-progress/le-round-progress';
+export { defineCustomElement as defineCustomElementLeRoundProgress } from './le-round-progress';
+export { LeSlot as LeSlot } from '../types/components/le-slot/le-slot';
+export { defineCustomElement as defineCustomElementLeSlot } from './le-slot';
+export { LeStack as LeStack } from '../types/components/le-stack/le-stack';
+export { defineCustomElement as defineCustomElementLeStack } from './le-stack';
+export { LeStringInput as LeStringInput } from '../types/components/le-string-input/le-string-input';
+export { defineCustomElement as defineCustomElementLeStringInput } from './le-string-input';
+export { LeText as LeText } from '../types/components/le-text/le-text';
+export { defineCustomElement as defineCustomElementLeText } from './le-text';
+export { LeTurntable as LeTurntable } from '../types/components/le-turntable/le-turntable';
+export { defineCustomElement as defineCustomElementLeTurntable } from './le-turntable';
+
+/**
+ * Get the base path to where the assets can be found. Use "setAssetPath(path)"
+ * if the path needs to be customized.
+ */
+export declare const getAssetPath: (path: string) => string;
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare const setNonce: (nonce: string) => void
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+export * from '../types';

package/dist/components/index.js

@@ -0,0 +1,122 @@
+export { g as generateId, a as getMode, c as getTheme, p as parseCommaSeparated, b as setGlobalMode, d as setGlobalTheme, s as slotHasContent } from './p-DxxFRStS.js';
+export { g as getAssetPath, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-IPZGv1ea.js';
+export { LeBox, defineCustomElement as defineCustomElementLeBox } from './le-box.js';
+export { LeButton, defineCustomElement as defineCustomElementLeButton } from './le-button.js';
+export { LeCard, defineCustomElement as defineCustomElementLeCard } from './le-card.js';
+export { LeCheckbox, defineCustomElement as defineCustomElementLeCheckbox } from './le-checkbox.js';
+export { LeComponent, defineCustomElement as defineCustomElementLeComponent } from './le-component.js';
+export { LeNumberInput, defineCustomElement as defineCustomElementLeNumberInput } from './le-number-input.js';
+export { LePopover, defineCustomElement as defineCustomElementLePopover } from './le-popover.js';
+export { LePopup, defineCustomElement as defineCustomElementLePopup } from './le-popup.js';
+export { LeRoundProgress, defineCustomElement as defineCustomElementLeRoundProgress } from './le-round-progress.js';
+export { LeSlot, defineCustomElement as defineCustomElementLeSlot } from './le-slot.js';
+export { LeStack, defineCustomElement as defineCustomElementLeStack } from './le-stack.js';
+export { LeStringInput, defineCustomElement as defineCustomElementLeStringInput } from './le-string-input.js';
+export { LeText, defineCustomElement as defineCustomElementLeText } from './le-text.js';
+export { LeTurntable, defineCustomElement as defineCustomElementLeTurntable } from './le-turntable.js';
+
+/**
+ * Programmatic API for le-popup component
+ *
+ * These functions allow you to show popups without manually creating elements.
+ *
+ * @example
+ * // Alert
+ * await leAlert('Something happened!');
+ *
+ * // Confirm
+ * const confirmed = await leConfirm('Are you sure?');
+ * if (confirmed) { ... }
+ *
+ * // Prompt
+ * const name = await lePrompt('What is your name?');
+ * if (name !== null) { ... }
+ */
+/**
+ * Show an alert popup with a message
+ * @param message - The message to display
+ * @param options - Optional configuration
+ * @returns Promise that resolves when closed
+ *
+ * @example
+ * await leAlert('File saved successfully!');
+ * await leAlert('Error occurred', { title: 'Error', theme: 'dark' });
+ */
+async function leAlert(message, options = {}) {
+    const popup = createPopupElement(message, { ...options, type: 'alert' });
+    document.body.appendChild(popup);
+    await popup.show();
+    popup.remove();
+}
+/**
+ * Show a confirm popup with OK/Cancel buttons
+ * @param message - The message to display
+ * @param options - Optional configuration
+ * @returns Promise that resolves to true (confirmed) or false (cancelled)
+ *
+ * @example
+ * const confirmed = await leConfirm('Delete this item?');
+ * if (confirmed) {
+ *   deleteItem();
+ * }
+ */
+async function leConfirm(message, options = {}) {
+    const popup = createPopupElement(message, { ...options, type: 'confirm' });
+    document.body.appendChild(popup);
+    const result = await popup.show();
+    popup.remove();
+    return result.confirmed;
+}
+/**
+ * Show a prompt popup with an input field
+ * @param message - The message to display
+ * @param options - Optional configuration (including defaultValue, placeholder)
+ * @returns Promise that resolves to the input value or null if cancelled
+ *
+ * @example
+ * const name = await lePrompt('Enter your name:', {
+ *   title: 'Welcome',
+ *   placeholder: 'John Doe',
+ *   defaultValue: 'Guest'
+ * });
+ * if (name !== null) {
+ *   greetUser(name);
+ * }
+ */
+async function lePrompt(message, options = {}) {
+    const popup = createPopupElement(message, { ...options, type: 'prompt' });
+    document.body.appendChild(popup);
+    const result = await popup.show();
+    popup.remove();
+    return result.confirmed ? (result.value ?? '') : null;
+}
+/**
+ * Create a popup element with the given configuration
+ */
+function createPopupElement(message, options) {
+    const popup = document.createElement('le-popup');
+    popup.message = message;
+    popup.type = options.type || 'alert';
+    if (options.title)
+        popup.popupTitle = options.title;
+    if (options.modal !== undefined)
+        popup.modal = options.modal;
+    if (options.position)
+        popup.position = options.position;
+    if (options.confirmText)
+        popup.confirmText = options.confirmText;
+    if (options.cancelText)
+        popup.cancelText = options.cancelText;
+    if (options.placeholder)
+        popup.placeholder = options.placeholder;
+    if (options.defaultValue)
+        popup.defaultValue = options.defaultValue;
+    if (options.theme)
+        popup.setAttribute('theme', options.theme);
+    return popup;
+}
+
+export { leAlert, leConfirm, lePrompt };
+//# sourceMappingURL=index.js.map
+
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"file":"index.js","mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;AAgBG;AAqCH;;;;;;;;;AASG;AACI,eAAe,OAAO,CAAC,OAAe,EAAE,UAAwB,EAAE,EAAA;AACvE,IAAA,MAAM,KAAK,GAAG,kBAAkB,CAAC,OAAO,EAAE,EAAE,GAAG,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;AACxE,IAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAEhC,IAAA,MAAM,KAAK,CAAC,IAAI,EAAE;IAClB,KAAK,CAAC,MAAM,EAAE;AAChB;AAEA;;;;;;;;;;;AAWG;AACI,eAAe,SAAS,CAAC,OAAe,EAAE,UAAwB,EAAE,EAAA;AACzE,IAAA,MAAM,KAAK,GAAG,kBAAkB,CAAC,OAAO,EAAE,EAAE,GAAG,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;AAC1E,IAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAEhC,IAAA,MAAM,MAAM,GAAG,MAAM,KAAK,CAAC,IAAI,EAAE;IACjC,KAAK,CAAC,MAAM,EAAE;IAEd,OAAO,MAAM,CAAC,SAAS;AACzB;AAEA;;;;;;;;;;;;;;;AAeG;AACI,eAAe,QAAQ,CAAC,OAAe,EAAE,UAAwB,EAAE,EAAA;AACxE,IAAA,MAAM,KAAK,GAAG,kBAAkB,CAAC,OAAO,EAAE,EAAE,GAAG,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;AACzE,IAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAEhC,IAAA,MAAM,MAAM,GAAG,MAAM,KAAK,CAAC,IAAI,EAAE;IACjC,KAAK,CAAC,MAAM,EAAE;AAEd,IAAA,OAAO,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,KAAK,IAAI,EAAE,IAAI,IAAI;AACvD;AAEA;;AAEG;AACH,SAAS,kBAAkB,CAAC,OAAe,EAAE,OAAqB,EAAA;IAChE,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAuB;AAEtE,IAAA,KAAK,CAAC,OAAO,GAAG,OAAO;IACvB,KAAK,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,IAAI,OAAO;IAEpC,IAAI,OAAO,CAAC,KAAK;AAAE,QAAA,KAAK,CAAC,UAAU,GAAG,OAAO,CAAC,KAAK;AACnD,IAAA,IAAI,OAAO,CAAC,KAAK,KAAK,SAAS;AAAE,QAAA,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK;IAC5D,IAAI,OAAO,CAAC,QAAQ;AAAE,QAAA,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ;IACvD,IAAI,OAAO,CAAC,WAAW;AAAE,QAAA,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW;IAChE,IAAI,OAAO,CAAC,UAAU;AAAE,QAAA,KAAK,CAAC,UAAU,GAAG,OAAO,CAAC,UAAU;IAC7D,IAAI,OAAO,CAAC,WAAW;AAAE,QAAA,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW;IAChE,IAAI,OAAO,CAAC,YAAY;AAAE,QAAA,KAAK,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY;IACnE,IAAI,OAAO,CAAC,KAAK;QAAE,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC;AAE7D,IAAA,OAAO,KAAK;AACd;;;;","names":[],"sources":["src/components/le-popup/le-popup.api.ts"],"sourcesContent":["/**\n * Programmatic API for le-popup component\n * \n * These functions allow you to show popups without manually creating elements.\n * \n * @example\n * // Alert\n * await leAlert('Something happened!');\n * \n * // Confirm\n * const confirmed = await leConfirm('Are you sure?');\n * if (confirmed) { ... }\n * \n * // Prompt\n * const name = await lePrompt('What is your name?');\n * if (name !== null) { ... }\n */\n\nimport type { PopupType, PopupPosition, PopupResult } from './le-popup';\n\n/**\n * Options for programmatic popup functions\n */\nexport interface PopupOptions {\n  title?: string;\n  type?: PopupType;\n  modal?: boolean;\n  position?: PopupPosition;\n  confirmText?: string;\n  cancelText?: string;\n  placeholder?: string;\n  defaultValue?: string;\n  theme?: string;\n}\n\n/**\n * Interface for the le-popup custom element\n */\ninterface HTMLLePopupElement extends HTMLElement {\n  open: boolean;\n  type: PopupType;\n  popupTitle?: string;\n  message?: string;\n  modal: boolean;\n  position: PopupPosition;\n  confirmText: string;\n  cancelText: string;\n  placeholder: string;\n  defaultValue: string;\n  show(): Promise<PopupResult>;\n  hide(confirmed?: boolean): Promise<void>;\n}\n\n/**\n * Show an alert popup with a message\n * @param message - The message to display\n * @param options - Optional configuration\n * @returns Promise that resolves when closed\n * \n * @example\n * await leAlert('File saved successfully!');\n * await leAlert('Error occurred', { title: 'Error', theme: 'dark' });\n */\nexport async function leAlert(message: string, options: PopupOptions = {}): Promise<void> {\n  const popup = createPopupElement(message, { ...options, type: 'alert' });\n  document.body.appendChild(popup);\n  \n  await popup.show();\n  popup.remove();\n}\n\n/**\n * Show a confirm popup with OK/Cancel buttons\n * @param message - The message to display\n * @param options - Optional configuration\n * @returns Promise that resolves to true (confirmed) or false (cancelled)\n * \n * @example\n * const confirmed = await leConfirm('Delete this item?');\n * if (confirmed) {\n *   deleteItem();\n * }\n */\nexport async function leConfirm(message: string, options: PopupOptions = {}): Promise<boolean> {\n  const popup = createPopupElement(message, { ...options, type: 'confirm' });\n  document.body.appendChild(popup);\n  \n  const result = await popup.show();\n  popup.remove();\n  \n  return result.confirmed;\n}\n\n/**\n * Show a prompt popup with an input field\n * @param message - The message to display\n * @param options - Optional configuration (including defaultValue, placeholder)\n * @returns Promise that resolves to the input value or null if cancelled\n * \n * @example\n * const name = await lePrompt('Enter your name:', { \n *   title: 'Welcome',\n *   placeholder: 'John Doe',\n *   defaultValue: 'Guest'\n * });\n * if (name !== null) {\n *   greetUser(name);\n * }\n */\nexport async function lePrompt(message: string, options: PopupOptions = {}): Promise<string | null> {\n  const popup = createPopupElement(message, { ...options, type: 'prompt' });\n  document.body.appendChild(popup);\n  \n  const result = await popup.show();\n  popup.remove();\n  \n  return result.confirmed ? (result.value ?? '') : null;\n}\n\n/**\n * Create a popup element with the given configuration\n */\nfunction createPopupElement(message: string, options: PopupOptions): HTMLLePopupElement {\n  const popup = document.createElement('le-popup') as HTMLLePopupElement;\n  \n  popup.message = message;\n  popup.type = options.type || 'alert';\n  \n  if (options.title) popup.popupTitle = options.title;\n  if (options.modal !== undefined) popup.modal = options.modal;\n  if (options.position) popup.position = options.position;\n  if (options.confirmText) popup.confirmText = options.confirmText;\n  if (options.cancelText) popup.cancelText = options.cancelText;\n  if (options.placeholder) popup.placeholder = options.placeholder;\n  if (options.defaultValue) popup.defaultValue = options.defaultValue;\n  if (options.theme) popup.setAttribute('theme', options.theme);\n  \n  return popup;\n}\n"],"version":3}

package/dist/components/le-box.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface LeBox extends Components.LeBox, HTMLElement {}
+export const LeBox: {
+    prototype: LeBox;
+    new (): LeBox;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;