@lax-wp/design-system 0.8.42 → 0.9.0

package/dist/types/index.d.ts

@@ -33,18 +33,6 @@ export interface CodeBlockInfo {
     cursorLine: number;
     /** 1-based column where the cursor was when clicked */
     cursorColumn: number;
-    /**
-     * The outermost (top-level) enclosing block, excluding the root document.
-     * For `{ a: { b: { c: {} } } }`, clicking inside `c` returns `c` as the
-     * main block and `a` as the `parentBlock`.
-     * `undefined` if the innermost block is already a top-level block.
-     */
-    parentBlock?: {
-        startLine: number;
-        endLine: number;
-        text: string;
-        kind?: string;
-    };
 }
 export interface CodeEditorProps {
     value: string;
@@ -74,12 +62,6 @@ export interface CodeEditorProps {
      * Change the value to trigger navigation; set to `undefined` to clear.
      */
     focusBlock?: string;
-    /**
-     * When `true`, `focusBlock` only matches top-level keys (depth 1 in JSON).
-     * This avoids jumping to nested occurrences of the same key name.
-     * Defaults to `false` (matches the first occurrence anywhere).
-     */
-    focusBlockTopLevelOnly?: boolean;
 }
 export interface ThemeContextType {
     theme: 'light' | 'dark';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lax-wp/design-system",
   "private": false,
-  "version": "0.8.42",
+  "version": "0.9.0",
   "type": "module",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -81,14 +81,12 @@
     "react-popper-tooltip": "^4.0.0",
     "react-router-dom": "^6.0.0",
     "react-select": "^5.0.0",
-    "react-syntax-highlighter": "^15.0.0",
     "react-toastify": "^9.0.0",
     "react-window": "^1.8.0",
     "react-zoom-pan-pinch": "^3.0.0",
-    "rehype-raw": "^7.0.0",
     "remark-gfm": "^4.0.0",
     "styled-components": "^6.0.0",
-    "swiper": "^12.1.2"
+    "swiper": "^11.0.0"
   },
   "peerDependenciesMeta": {
     "@codeium/react-code-editor": {
@@ -103,12 +101,6 @@
     "react-markdown": {
       "optional": true
     },
-    "react-syntax-highlighter": {
-      "optional": true
-    },
-    "rehype-raw": {
-      "optional": true
-    },
     "remark-gfm": {
       "optional": true
     },
@@ -134,7 +126,6 @@
     "@types/lodash": "^4.17.0",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
-    "@types/react-syntax-highlighter": "^15.5.13",
     "@types/react-window": "^1.8.8",
     "@vitejs/plugin-react": "^4.6.0",
     "@vitest/browser": "^3.2.4",
@@ -174,15 +165,13 @@
     "react-popper-tooltip": "^4.4.2",
     "react-router-dom": "^6.30.3",
     "react-select": "^5.7.3",
-    "react-syntax-highlighter": "^15.5.0",
     "react-toastify": "^9.1.3",
     "react-window": "1.8.11",
     "react-zoom-pan-pinch": "^3.1.0",
-    "rehype-raw": "^7.0.0",
     "remark-gfm": "^4.0.1",
     "storybook": "^9.0.18",
     "styled-components": "^6.1.9",
-    "swiper": "^12.1.2",
+    "swiper": "^11.2.10",
     "tailwindcss": "^3.4.13",
     "typescript": "^5.6.3",
     "typescript-eslint": "^8.35.1",

package/dist/components/forms/form/Form.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const Form: React.ForwardRefExoticComponent<React.FormHTMLAttributes<HTMLFormElement> & React.RefAttributes<HTMLFormElement>>;

package/dist/components/forms/md-input/MarkdownPreview.d.ts

@@ -1,45 +0,0 @@
-/**
- * Props for the MarkdownPreview component
- */
-export interface MarkdownPreviewProps {
-    /** Markdown content to display */
-    content: string;
-    /** Additional CSS classes for the wrapper container */
-    className?: string;
-    /** Link target behavior: '_blank' for new tab, '_self' for current tab */
-    linkTarget?: '_blank' | '_self';
-    /** Whether to show syntax highlighting for code blocks */
-    enableSyntaxHighlighting?: boolean;
-}
-/**
- * MarkdownPreview component displays rendered markdown content.
- *
- * **Supported Markdown Features:**
- * - Headings (H1-H6)
- * - Text formatting (bold, italic, underline, strikethrough)
- * - Lists (bullet and numbered)
- * - Code blocks with syntax highlighting
- * - Inline code
- * - Block quotes
- * - Links with configurable target
- * - Images (responsive)
- * - Tables
- * - Horizontal rules
- *
- * **Features:**
- * - GFM (GitHub Flavored Markdown) support
- * - HTML support via rehype-raw
- * - Syntax highlighting for code blocks
- * - Responsive images
- * - Dark mode support
- * - Configurable link behavior
- *
- * @example
- * ```tsx
- * <MarkdownPreview
- *   content="# Hello World\n\nThis is **bold** text."
- *   linkTarget="_blank"
- * />
- * ```
- */
-export declare const MarkdownPreview: import("react").ForwardRefExoticComponent<MarkdownPreviewProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/forms/md-input/RichMarkdownInput.d.ts

@@ -1,79 +0,0 @@
-/**
- * Props for the RichMarkdownInput component
- */
-export interface RichMarkdownInputProps {
-    /** Unique identifier for the markdown input */
-    id?: string;
-    /** Current markdown value */
-    value?: string;
-    /** Placeholder text for the textarea */
-    placeholder?: string;
-    /** Minimum number of visible text lines */
-    minRows?: number;
-    /** Maximum number of visible text lines */
-    maxRows?: number;
-    /** Whether the input is disabled */
-    isDisabled?: boolean;
-    /** Additional CSS classes for the wrapper container */
-    className?: string;
-    /** Additional CSS classes for the textarea */
-    textareaClassName?: string;
-    /** Additional CSS classes for the preview container */
-    previewClassName?: string;
-    /** Label text to display above the input */
-    label?: string;
-    /** Whether the field is required */
-    required?: boolean;
-    /** Whether to show the preview button */
-    showPreviewOnModal?: boolean;
-    /** Maximum character count */
-    maxLength?: number;
-    /** Link target behavior: '_blank' for new tab, '_self' for current tab */
-    linkTarget?: '_blank' | '_self';
-    /** Callback function called when the markdown value changes */
-    onChange: (value: string) => void;
-}
-/**
- * A rich markdown input component with comprehensive formatting toolbar.
- *
- * **Text Formatting:**
- * - Bold (Ctrl+B) - Always visible
- * - Italic (Ctrl+I) - Always visible
- * - Underline (Ctrl+U) - Always visible
- * - Strikethrough - Hidden on mobile (< 640px)
- *
- * **Lists:**
- * - Bullet lists - Always visible
- * - Numbered lists - Always visible
- *
- * **Additional:**
- * - Inline code (Ctrl+E) - Hidden on small screens (< 1024px)
- * - Block quotes - Hidden on medium screens (< 1280px)
- * - Headings - Hidden on small screens (< 1024px)
- * - Links (Ctrl+K) - Hidden on medium screens (< 1280px)
- * - Images - Supported in preview
- * - Horizontal rules - Hidden on large screens (< 1536px)
- *
- * **Features:**
- * - Edit/Preview toggle with icons
- * - Character counter (optional)
- * - Preview modal with scrolling
- * - Keyboard shortcuts
- * - Syntax highlighting for code blocks
- * - Responsive toolbar (hides buttons progressively on smaller screens)
- * - Dark mode support
- * - Configurable link target behavior
- *
- * @example
- * ```tsx
- * <RichMarkdownInput
- *   value={markdown}
- *   onChange={setMarkdown}
- *   placeholder="Enter description..."
- *   label="Description"
- *   maxLength={300}
- *   linkTarget="_blank"
- * />
- * ```
- */
-export declare const RichMarkdownInput: import("react").ForwardRefExoticComponent<RichMarkdownInputProps & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/components/forms/md-input/index.d.ts

@@ -1,6 +0,0 @@
-export { MdInput } from './MdInput';
-export type { MdInputProps } from './MdInput';
-export { RichMarkdownInput } from './RichMarkdownInput';
-export type { RichMarkdownInputProps } from './RichMarkdownInput';
-export { MarkdownPreview } from './MarkdownPreview';
-export type { MarkdownPreviewProps } from './MarkdownPreview';