@ruya.sa/richtext-slate 3.71.3

package/dist/field/index.js

@@ -0,0 +1,63 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ShimmerEffect, useClientFunctions } from '@ruya.sa/ui';
+import React, { lazy, Suspense, useEffect, useState } from 'react';
+import { SlatePropsProvider } from '../utilities/SlatePropsProvider.js';
+import { createFeatureMap } from './createFeatureMap.js';
+const RichTextEditor = /*#__PURE__*/ lazy(()=>import('./RichText.js').then((module)=>({
+            default: module.RichText
+        })));
+export const RichTextField = (props)=>{
+    const { componentMap, schemaPath } = props;
+    const clientFunctions = useClientFunctions();
+    const [hasLoadedPlugins, setHasLoadedPlugins] = useState(false);
+    const [features] = useState(()=>{
+        return createFeatureMap(new Map(Object.entries(componentMap)));
+    });
+    const [plugins, setPlugins] = useState([]);
+    useEffect(()=>{
+        if (!hasLoadedPlugins) {
+            const plugins = [];
+            Object.entries(clientFunctions).forEach(([key, plugin])=>{
+                if (key.startsWith(`slatePlugin.${schemaPath}.`)) {
+                    plugins.push(plugin);
+                }
+            });
+            if (plugins.length === features.plugins.length) {
+                setPlugins(plugins);
+                setHasLoadedPlugins(true);
+            }
+        }
+    }, [
+        hasLoadedPlugins,
+        clientFunctions,
+        schemaPath,
+        features.plugins.length
+    ]);
+    if (!hasLoadedPlugins) {
+        return /*#__PURE__*/ _jsx(SlatePropsProvider, {
+            schemaPath: schemaPath,
+            children: Array.isArray(features.plugins) && features.plugins.map((Plugin, i)=>{
+                return /*#__PURE__*/ _jsx(React.Fragment, {
+                    children: Plugin
+                }, i);
+            })
+        });
+    }
+    return /*#__PURE__*/ _jsx(Suspense, {
+        fallback: /*#__PURE__*/ _jsx(ShimmerEffect, {
+            height: "35vh"
+        }),
+        children: /*#__PURE__*/ _jsx(SlatePropsProvider, {
+            schemaPath: schemaPath,
+            children: /*#__PURE__*/ _jsx(RichTextEditor, {
+                ...props,
+                elements: features.elements,
+                leaves: features.leaves,
+                plugins: plugins
+            })
+        })
+    });
+};
+
+//# sourceMappingURL=index.js.map

package/dist/field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/field/index.tsx"],"sourcesContent":["'use client'\n\nimport { ShimmerEffect, useClientFunctions } from '@ruya.sa/ui'\nimport React, { lazy, Suspense, useEffect, useState } from 'react'\n\nimport type { RichTextPlugin, SlateFieldProps } from '../types.js'\nimport type { EnabledFeatures } from './types.js'\n\nimport { SlatePropsProvider } from '../utilities/SlatePropsProvider.js'\nimport { createFeatureMap } from './createFeatureMap.js'\n\nconst RichTextEditor = lazy(() =>\n  import('./RichText.js').then((module) => ({\n    default: module.RichText,\n  })),\n)\n\nexport const RichTextField: React.FC<SlateFieldProps> = (props) => {\n  const { componentMap, schemaPath } = props\n\n  const clientFunctions = useClientFunctions()\n  const [hasLoadedPlugins, setHasLoadedPlugins] = useState(false)\n\n  const [features] = useState<EnabledFeatures>(() => {\n    return createFeatureMap(new Map(Object.entries(componentMap)))\n  })\n\n  const [plugins, setPlugins] = useState<RichTextPlugin[]>([])\n\n  useEffect(() => {\n    if (!hasLoadedPlugins) {\n      const plugins: RichTextPlugin[] = []\n\n      Object.entries(clientFunctions).forEach(([key, plugin]) => {\n        if (key.startsWith(`slatePlugin.${schemaPath}.`)) {\n          plugins.push(plugin)\n        }\n      })\n\n      if (plugins.length === features.plugins.length) {\n        setPlugins(plugins)\n        setHasLoadedPlugins(true)\n      }\n    }\n  }, [hasLoadedPlugins, clientFunctions, schemaPath, features.plugins.length])\n\n  if (!hasLoadedPlugins) {\n    return (\n      <SlatePropsProvider schemaPath={schemaPath}>\n        {Array.isArray(features.plugins) &&\n          features.plugins.map((Plugin, i) => {\n            return <React.Fragment key={i}>{Plugin}</React.Fragment>\n          })}\n      </SlatePropsProvider>\n    )\n  }\n\n  return (\n    <Suspense fallback={<ShimmerEffect height=\"35vh\" />}>\n      <SlatePropsProvider schemaPath={schemaPath}>\n        <RichTextEditor\n          {...props}\n          elements={features.elements}\n          leaves={features.leaves}\n          plugins={plugins}\n        />\n      </SlatePropsProvider>\n    </Suspense>\n  )\n}\n"],"names":["ShimmerEffect","useClientFunctions","React","lazy","Suspense","useEffect","useState","SlatePropsProvider","createFeatureMap","RichTextEditor","then","module","default","RichText","RichTextField","props","componentMap","schemaPath","clientFunctions","hasLoadedPlugins","setHasLoadedPlugins","features","Map","Object","entries","plugins","setPlugins","forEach","key","plugin","startsWith","push","length","Array","isArray","map","Plugin","i","Fragment","fallback","height","elements","leaves"],"mappings":"AAAA;;AAEA,SAASA,aAAa,EAAEC,kBAAkB,QAAQ,cAAa;AAC/D,OAAOC,SAASC,IAAI,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAKlE,SAASC,kBAAkB,QAAQ,qCAAoC;AACvE,SAASC,gBAAgB,QAAQ,wBAAuB;AAExD,MAAMC,+BAAiBN,KAAK,IAC1B,MAAM,CAAC,iBAAiBO,IAAI,CAAC,CAACC,SAAY,CAAA;YACxCC,SAASD,OAAOE,QAAQ;QAC1B,CAAA;AAGF,OAAO,MAAMC,gBAA2C,CAACC;IACvD,MAAM,EAAEC,YAAY,EAAEC,UAAU,EAAE,GAAGF;IAErC,MAAMG,kBAAkBjB;IACxB,MAAM,CAACkB,kBAAkBC,oBAAoB,GAAGd,SAAS;IAEzD,MAAM,CAACe,SAAS,GAAGf,SAA0B;QAC3C,OAAOE,iBAAiB,IAAIc,IAAIC,OAAOC,OAAO,CAACR;IACjD;IAEA,MAAM,CAACS,SAASC,WAAW,GAAGpB,SAA2B,EAAE;IAE3DD,UAAU;QACR,IAAI,CAACc,kBAAkB;YACrB,MAAMM,UAA4B,EAAE;YAEpCF,OAAOC,OAAO,CAACN,iBAAiBS,OAAO,CAAC,CAAC,CAACC,KAAKC,OAAO;gBACpD,IAAID,IAAIE,UAAU,CAAC,CAAC,YAAY,EAAEb,WAAW,CAAC,CAAC,GAAG;oBAChDQ,QAAQM,IAAI,CAACF;gBACf;YACF;YAEA,IAAIJ,QAAQO,MAAM,KAAKX,SAASI,OAAO,CAACO,MAAM,EAAE;gBAC9CN,WAAWD;gBACXL,oBAAoB;YACtB;QACF;IACF,GAAG;QAACD;QAAkBD;QAAiBD;QAAYI,SAASI,OAAO,CAACO,MAAM;KAAC;IAE3E,IAAI,CAACb,kBAAkB;QACrB,qBACE,KAACZ;YAAmBU,YAAYA;sBAC7BgB,MAAMC,OAAO,CAACb,SAASI,OAAO,KAC7BJ,SAASI,OAAO,CAACU,GAAG,CAAC,CAACC,QAAQC;gBAC5B,qBAAO,KAACnC,MAAMoC,QAAQ;8BAAUF;mBAAJC;YAC9B;;IAGR;IAEA,qBACE,KAACjC;QAASmC,wBAAU,KAACvC;YAAcwC,QAAO;;kBACxC,cAAA,KAACjC;YAAmBU,YAAYA;sBAC9B,cAAA,KAACR;gBACE,GAAGM,KAAK;gBACT0B,UAAUpB,SAASoB,QAAQ;gBAC3BC,QAAQrB,SAASqB,MAAM;gBACvBjB,SAASA;;;;AAKnB,EAAC"}

package/dist/field/index.scss

@@ -0,0 +1,215 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  .rich-text {
+    margin-bottom: base(2);
+    display: flex;
+    flex-direction: column;
+    isolation: isolate;
+
+    &__toolbar {
+      @include blur-bg(var(--theme-elevation-0));
+      margin-bottom: $baseline;
+      border: $style-stroke-width-s solid var(--theme-elevation-150);
+      position: sticky;
+      z-index: 1;
+      top: var(--doc-controls-height);
+    }
+
+    &__toolbar-wrap {
+      padding: base(0.25);
+      display: flex;
+      flex-wrap: wrap;
+      align-items: stretch;
+      position: relative;
+      z-index: 1;
+
+      &:after {
+        content: ' ';
+        opacity: 0.8;
+        position: absolute;
+        top: calc(100% + 1px);
+        background: linear-gradient(var(--theme-elevation-0), transparent);
+        display: block;
+        left: -1px;
+        right: -1px;
+        height: base(1);
+      }
+    }
+
+    &__editor {
+      font-family: var(--font-serif);
+      font-size: base(0.8);
+      line-height: 1.5;
+
+      *[data-slate-node='element'] {
+        margin-top: 0.75em;
+        position: relative;
+        line-height: 1.5;
+        letter-spacing: normal;
+      }
+
+      h1,
+      h2,
+      h3,
+      h4,
+      h5,
+      h6 {
+        font-weight: 700;
+        letter-spacing: normal;
+      }
+
+      h1[data-slate-node='element'] {
+        font-size: base(1.4);
+        margin-block: 0.5em 0.4em;
+        line-height: base(1.2);
+        letter-spacing: normal;
+      }
+
+      h2[data-slate-node='element'] {
+        font-size: base(1.25);
+        margin-block: 0.55em 0.4em;
+        line-height: base(1.2);
+        letter-spacing: normal;
+      }
+
+      h3[data-slate-node='element'] {
+        font-size: base(1.1);
+        margin-block: 0.6em 0.4em;
+        line-height: base(1.3);
+        letter-spacing: normal;
+      }
+
+      h4[data-slate-node='element'] {
+        font-size: base(1);
+        margin-block: 0.65em 0.4em;
+        line-height: base(1.4);
+        letter-spacing: normal;
+      }
+
+      h5[data-slate-node='element'] {
+        font-size: base(0.9);
+        margin-block: 0.7em 0.4em;
+        line-height: base(1.5);
+        letter-spacing: normal;
+      }
+
+      h6[data-slate-node='element'] {
+        font-size: base(0.8);
+        margin-block: 0.75em 0.4em;
+        line-height: base(1.5);
+      }
+    }
+
+    &--gutter {
+      .rich-text__editor {
+        padding-left: $baseline;
+        border-left: 1px solid var(--theme-elevation-100);
+      }
+    }
+
+    &__input {
+      min-height: base(10);
+    }
+
+    &__wrap {
+      width: 100%;
+      position: relative;
+    }
+
+    &__wrapper {
+      width: 100%;
+    }
+
+    &--read-only {
+      .rich-text__editor {
+        background: var(--theme-elevation-200);
+        color: var(--theme-elevation-450);
+        padding: base(0.5);
+
+        .popup button {
+          display: none;
+        }
+      }
+
+      .rich-text__toolbar {
+        pointer-events: none;
+        position: relative;
+        top: 0;
+
+        &::after {
+          content: ' ';
+          position: absolute;
+          top: 0;
+          left: 0;
+          right: 0;
+          bottom: 0;
+          background-color: var(--theme-elevation-200);
+          opacity: 0.85;
+          z-index: 2;
+          backdrop-filter: unset;
+        }
+      }
+    }
+
+    &__button {
+      @extend %btn-reset;
+      padding: base(0.25);
+
+      svg {
+        @include color-svg(var(--theme-elevation-800));
+        width: base(0.75);
+        height: base(0.75);
+      }
+
+      &:hover {
+        background-color: var(--theme-elevation-100);
+      }
+
+      &__button--active,
+      &__button--active:hover {
+        background-color: var(--theme-elevation-150);
+      }
+    }
+
+    &__drawerIsOpen {
+      top: base(1);
+    }
+
+    @include mid-break {
+      &__toolbar {
+        top: base(3);
+      }
+
+      &__drawerIsOpen {
+        top: base(1);
+      }
+    }
+  }
+
+  [data-slate-node='element'] {
+    margin-bottom: base(0.25);
+  }
+
+  html[data-theme='light'] {
+    .rich-text {
+      &.error {
+        .rich-text__editor,
+        .rich-text__toolbar {
+          @include lightInputError;
+        }
+      }
+    }
+  }
+
+  html[data-theme='dark'] {
+    .rich-text {
+      &.error {
+        .rich-text__editor,
+        .rich-text__toolbar {
+          @include darkInputError;
+        }
+      }
+    }
+  }
+}

package/dist/field/leaves/Button.d.ts

@@ -0,0 +1,6 @@
+import '../buttons.scss';
+export declare const LeafButton: ({ children, format }: {
+    children: any;
+    format: any;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Button.d.ts.map

package/dist/field/leaves/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/field/leaves/Button.tsx"],"names":[],"mappings":"AAIA,OAAO,iBAAiB,CAAA;AAMxB,eAAO,MAAM,UAAU;;;6CAiBtB,CAAA"}

package/dist/field/leaves/Button.js

@@ -0,0 +1,25 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { useSlate } from 'slate-react';
+import '../buttons.scss';
+import { isLeafActive } from './isActive.js';
+import { toggleLeaf } from './toggle.js';
+const baseClass = 'rich-text__button';
+export const LeafButton = ({ children, format })=>{
+    const editor = useSlate();
+    return /*#__PURE__*/ _jsx("button", {
+        className: [
+            baseClass,
+            isLeafActive(editor, format) && `${baseClass}__button--active`
+        ].filter(Boolean).join(' '),
+        onMouseDown: (event)=>{
+            event.preventDefault();
+            toggleLeaf(editor, format);
+        },
+        type: "button",
+        children: children
+    });
+};
+
+//# sourceMappingURL=Button.js.map

package/dist/field/leaves/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/field/leaves/Button.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\nimport { useSlate } from 'slate-react'\n\nimport '../buttons.scss'\nimport { isLeafActive } from './isActive.js'\nimport { toggleLeaf } from './toggle.js'\n\nconst baseClass = 'rich-text__button'\n\nexport const LeafButton = ({ children, format }) => {\n  const editor = useSlate()\n\n  return (\n    <button\n      className={[baseClass, isLeafActive(editor, format) && `${baseClass}__button--active`]\n        .filter(Boolean)\n        .join(' ')}\n      onMouseDown={(event) => {\n        event.preventDefault()\n        toggleLeaf(editor, format)\n      }}\n      type=\"button\"\n    >\n      {children}\n    </button>\n  )\n}\n"],"names":["React","useSlate","isLeafActive","toggleLeaf","baseClass","LeafButton","children","format","editor","button","className","filter","Boolean","join","onMouseDown","event","preventDefault","type"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AACzB,SAASC,QAAQ,QAAQ,cAAa;AAEtC,OAAO,kBAAiB;AACxB,SAASC,YAAY,QAAQ,gBAAe;AAC5C,SAASC,UAAU,QAAQ,cAAa;AAExC,MAAMC,YAAY;AAElB,OAAO,MAAMC,aAAa,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAAE;IAC7C,MAAMC,SAASP;IAEf,qBACE,KAACQ;QACCC,WAAW;YAACN;YAAWF,aAAaM,QAAQD,WAAW,GAAGH,UAAU,gBAAgB,CAAC;SAAC,CACnFO,MAAM,CAACC,SACPC,IAAI,CAAC;QACRC,aAAa,CAACC;YACZA,MAAMC,cAAc;YACpBb,WAAWK,QAAQD;QACrB;QACAU,MAAK;kBAEJX;;AAGP,EAAC"}

package/dist/field/leaves/bold/Bold/index.d.ts

@@ -0,0 +1,2 @@
+export declare const BoldLeaf: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/field/leaves/bold/Bold/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/leaves/bold/Bold/index.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ,+CAGpB,CAAA"}

package/dist/field/leaves/bold/Bold/index.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { useLeaf } from '../../../providers/LeafProvider.js';
+export const BoldLeaf = ()=>{
+    const { attributes, children } = useLeaf();
+    return /*#__PURE__*/ _jsx("strong", {
+        ...attributes,
+        children: children
+    });
+};
+
+//# sourceMappingURL=index.js.map

package/dist/field/leaves/bold/Bold/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/field/leaves/bold/Bold/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useLeaf } from '../../../providers/LeafProvider.js'\n\nexport const BoldLeaf = () => {\n  const { attributes, children } = useLeaf()\n  return <strong {...attributes}>{children}</strong>\n}\n"],"names":["React","useLeaf","BoldLeaf","attributes","children","strong"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,qCAAoC;AAE5D,OAAO,MAAMC,WAAW;IACtB,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IACjC,qBAAO,KAACI;QAAQ,GAAGF,UAAU;kBAAGC;;AAClC,EAAC"}

package/dist/field/leaves/bold/LeafButton.d.ts

@@ -0,0 +1,2 @@
+export declare const BoldLeafButton: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LeafButton.d.ts.map

package/dist/field/leaves/bold/LeafButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeafButton.d.ts","sourceRoot":"","sources":["../../../../src/field/leaves/bold/LeafButton.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,+CAI1B,CAAA"}

package/dist/field/leaves/bold/LeafButton.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { BoldIcon } from '../../icons/Bold/index.js';
+import { LeafButton } from '../Button.js';
+export const BoldLeafButton = ()=>/*#__PURE__*/ _jsx(LeafButton, {
+        format: "bold",
+        children: /*#__PURE__*/ _jsx(BoldIcon, {})
+    });
+
+//# sourceMappingURL=LeafButton.js.map

package/dist/field/leaves/bold/LeafButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/field/leaves/bold/LeafButton.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { BoldIcon } from '../../icons/Bold/index.js'\nimport { LeafButton } from '../Button.js'\n\nexport const BoldLeafButton = () => (\n  <LeafButton format=\"bold\">\n    <BoldIcon />\n  </LeafButton>\n)\n"],"names":["React","BoldIcon","LeafButton","BoldLeafButton","format"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,UAAU,QAAQ,eAAc;AAEzC,OAAO,MAAMC,iBAAiB,kBAC5B,KAACD;QAAWE,QAAO;kBACjB,cAAA,KAACH;OAEJ"}

package/dist/field/leaves/bold/index.d.ts

@@ -0,0 +1,3 @@
+import type { RichTextCustomLeaf } from '../../../types.js';
+export declare const bold: RichTextCustomLeaf;
+//# sourceMappingURL=index.d.ts.map

package/dist/field/leaves/bold/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/leaves/bold/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAE3D,eAAO,MAAM,IAAI,EAAE,kBAIlB,CAAA"}

package/dist/field/leaves/bold/index.js

@@ -0,0 +1,7 @@
+export const bold = {
+    name: 'bold',
+    Button: '@ruya.sa/richtext-slate/client#BoldLeafButton',
+    Leaf: '@ruya.sa/richtext-slate/client#BoldLeaf'
+};
+
+//# sourceMappingURL=index.js.map

package/dist/field/leaves/bold/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/field/leaves/bold/index.tsx"],"sourcesContent":["import type { RichTextCustomLeaf } from '../../../types.js'\n\nexport const bold: RichTextCustomLeaf = {\n  name: 'bold',\n  Button: '@ruya.sa/richtext-slate/client#BoldLeafButton',\n  Leaf: '@ruya.sa/richtext-slate/client#BoldLeaf',\n}\n"],"names":["bold","name","Button","Leaf"],"mappings":"AAEA,OAAO,MAAMA,OAA2B;IACtCC,MAAM;IACNC,QAAQ;IACRC,MAAM;AACR,EAAC"}

package/dist/field/leaves/code/Code/index.d.ts

@@ -0,0 +1,2 @@
+export declare const CodeLeaf: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/field/leaves/code/Code/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/leaves/code/Code/index.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ,+CAGpB,CAAA"}

package/dist/field/leaves/code/Code/index.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { useLeaf } from '../../../providers/LeafProvider.js';
+export const CodeLeaf = ()=>{
+    const { attributes, children } = useLeaf();
+    return /*#__PURE__*/ _jsx("code", {
+        ...attributes,
+        children: children
+    });
+};
+
+//# sourceMappingURL=index.js.map

package/dist/field/leaves/code/Code/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/field/leaves/code/Code/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useLeaf } from '../../../providers/LeafProvider.js'\n\nexport const CodeLeaf = () => {\n  const { attributes, children } = useLeaf()\n  return <code {...attributes}>{children}</code>\n}\n"],"names":["React","useLeaf","CodeLeaf","attributes","children","code"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,qCAAoC;AAE5D,OAAO,MAAMC,WAAW;IACtB,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IACjC,qBAAO,KAACI;QAAM,GAAGF,UAAU;kBAAGC;;AAChC,EAAC"}

package/dist/field/leaves/code/LeafButton.d.ts

@@ -0,0 +1,2 @@
+export declare const CodeLeafButton: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LeafButton.d.ts.map

package/dist/field/leaves/code/LeafButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeafButton.d.ts","sourceRoot":"","sources":["../../../../src/field/leaves/code/LeafButton.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,+CAI1B,CAAA"}

package/dist/field/leaves/code/LeafButton.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { CodeIcon } from '../../icons/Code/index.js';
+import { LeafButton } from '../Button.js';
+export const CodeLeafButton = ()=>/*#__PURE__*/ _jsx(LeafButton, {
+        format: "code",
+        children: /*#__PURE__*/ _jsx(CodeIcon, {})
+    });
+
+//# sourceMappingURL=LeafButton.js.map

package/dist/field/leaves/code/LeafButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/field/leaves/code/LeafButton.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { CodeIcon } from '../../icons/Code/index.js'\nimport { LeafButton } from '../Button.js'\n\nexport const CodeLeafButton = () => (\n  <LeafButton format=\"code\">\n    <CodeIcon />\n  </LeafButton>\n)\n"],"names":["React","CodeIcon","LeafButton","CodeLeafButton","format"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,UAAU,QAAQ,eAAc;AAEzC,OAAO,MAAMC,iBAAiB,kBAC5B,KAACD;QAAWE,QAAO;kBACjB,cAAA,KAACH;OAEJ"}

package/dist/field/leaves/code/index.d.ts

@@ -0,0 +1,3 @@
+import type { RichTextCustomLeaf } from '../../../types.js';
+export declare const code: RichTextCustomLeaf;
+//# sourceMappingURL=index.d.ts.map

package/dist/field/leaves/code/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/leaves/code/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAE3D,eAAO,MAAM,IAAI,EAAE,kBAIlB,CAAA"}

package/dist/field/leaves/code/index.js

@@ -0,0 +1,7 @@
+export const code = {
+    name: 'code',
+    Button: '@ruya.sa/richtext-slate/client#CodeLeafButton',
+    Leaf: '@ruya.sa/richtext-slate/client#CodeLeaf'
+};
+
+//# sourceMappingURL=index.js.map

package/dist/field/leaves/code/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/field/leaves/code/index.tsx"],"sourcesContent":["import type { RichTextCustomLeaf } from '../../../types.js'\n\nexport const code: RichTextCustomLeaf = {\n  name: 'code',\n  Button: '@ruya.sa/richtext-slate/client#CodeLeafButton',\n  Leaf: '@ruya.sa/richtext-slate/client#CodeLeaf',\n}\n"],"names":["code","name","Button","Leaf"],"mappings":"AAEA,OAAO,MAAMA,OAA2B;IACtCC,MAAM;IACNC,QAAQ;IACRC,MAAM;AACR,EAAC"}

package/dist/field/leaves/index.d.ts

@@ -0,0 +1,3 @@
+import type { RichTextCustomLeaf } from '../../types.js';
+export declare const defaultLeaves: Record<string, RichTextCustomLeaf>;
+//# sourceMappingURL=index.d.ts.map

package/dist/field/leaves/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/field/leaves/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AAQxD,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAM5D,CAAA"}

package/dist/field/leaves/index.js

@@ -0,0 +1,14 @@
+import { bold } from './bold/index.js';
+import { code } from './code/index.js';
+import { italic } from './italic/index.js';
+import { strikethrough } from './strikethrough/index.js';
+import { underline } from './underline/index.js';
+export const defaultLeaves = {
+    bold,
+    code,
+    italic,
+    strikethrough,
+    underline
+};
+
+//# sourceMappingURL=index.js.map

package/dist/field/leaves/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/field/leaves/index.tsx"],"sourcesContent":["import type { RichTextCustomLeaf } from '../../types.js'\n\nimport { bold } from './bold/index.js'\nimport { code } from './code/index.js'\nimport { italic } from './italic/index.js'\nimport { strikethrough } from './strikethrough/index.js'\nimport { underline } from './underline/index.js'\n\nexport const defaultLeaves: Record<string, RichTextCustomLeaf> = {\n  bold,\n  code,\n  italic,\n  strikethrough,\n  underline,\n}\n"],"names":["bold","code","italic","strikethrough","underline","defaultLeaves"],"mappings":"AAEA,SAASA,IAAI,QAAQ,kBAAiB;AACtC,SAASC,IAAI,QAAQ,kBAAiB;AACtC,SAASC,MAAM,QAAQ,oBAAmB;AAC1C,SAASC,aAAa,QAAQ,2BAA0B;AACxD,SAASC,SAAS,QAAQ,uBAAsB;AAEhD,OAAO,MAAMC,gBAAoD;IAC/DL;IACAC;IACAC;IACAC;IACAC;AACF,EAAC"}

package/dist/field/leaves/isActive.d.ts

@@ -0,0 +1,2 @@
+export declare const isLeafActive: (editor: any, format: any) => boolean;
+//# sourceMappingURL=isActive.d.ts.map

package/dist/field/leaves/isActive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isActive.d.ts","sourceRoot":"","sources":["../../../src/field/leaves/isActive.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,uCAGxB,CAAA"}

package/dist/field/leaves/isActive.js

@@ -0,0 +1,7 @@
+import { Editor } from 'slate';
+export const isLeafActive = (editor, format)=>{
+    const leaves = Editor.marks(editor);
+    return leaves ? leaves[format] === true : false;
+};
+
+//# sourceMappingURL=isActive.js.map

package/dist/field/leaves/isActive.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/field/leaves/isActive.tsx"],"sourcesContent":["import { Editor } from 'slate'\n\nexport const isLeafActive = (editor, format) => {\n  const leaves = Editor.marks(editor)\n  return leaves ? leaves[format] === true : false\n}\n"],"names":["Editor","isLeafActive","editor","format","leaves","marks"],"mappings":"AAAA,SAASA,MAAM,QAAQ,QAAO;AAE9B,OAAO,MAAMC,eAAe,CAACC,QAAQC;IACnC,MAAMC,SAASJ,OAAOK,KAAK,CAACH;IAC5B,OAAOE,SAASA,MAAM,CAACD,OAAO,KAAK,OAAO;AAC5C,EAAC"}

package/dist/field/leaves/italic/Italic/index.d.ts

@@ -0,0 +1,2 @@
+export declare const ItalicLeaf: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/field/leaves/italic/Italic/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/leaves/italic/Italic/index.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,UAAU,+CAGtB,CAAA"}

package/dist/field/leaves/italic/Italic/index.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { useLeaf } from '../../../providers/LeafProvider.js';
+export const ItalicLeaf = ()=>{
+    const { attributes, children } = useLeaf();
+    return /*#__PURE__*/ _jsx("em", {
+        ...attributes,
+        children: children
+    });
+};
+
+//# sourceMappingURL=index.js.map

package/dist/field/leaves/italic/Italic/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/field/leaves/italic/Italic/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useLeaf } from '../../../providers/LeafProvider.js'\n\nexport const ItalicLeaf = () => {\n  const { attributes, children } = useLeaf()\n  return <em {...attributes}>{children}</em>\n}\n"],"names":["React","useLeaf","ItalicLeaf","attributes","children","em"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,qCAAoC;AAE5D,OAAO,MAAMC,aAAa;IACxB,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IACjC,qBAAO,KAACI;QAAI,GAAGF,UAAU;kBAAGC;;AAC9B,EAAC"}

package/dist/field/leaves/italic/LeafButton.d.ts

@@ -0,0 +1,2 @@
+export declare const ItalicLeafButton: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LeafButton.d.ts.map

package/dist/field/leaves/italic/LeafButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeafButton.d.ts","sourceRoot":"","sources":["../../../../src/field/leaves/italic/LeafButton.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,gBAAgB,+CAI5B,CAAA"}

package/dist/field/leaves/italic/LeafButton.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { ItalicIcon } from '../../icons/Italic/index.js';
+import { LeafButton } from '../Button.js';
+export const ItalicLeafButton = ()=>/*#__PURE__*/ _jsx(LeafButton, {
+        format: "italic",
+        children: /*#__PURE__*/ _jsx(ItalicIcon, {})
+    });
+
+//# sourceMappingURL=LeafButton.js.map

package/dist/field/leaves/italic/LeafButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/field/leaves/italic/LeafButton.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ItalicIcon } from '../../icons/Italic/index.js'\nimport { LeafButton } from '../Button.js'\n\nexport const ItalicLeafButton = () => (\n  <LeafButton format=\"italic\">\n    <ItalicIcon />\n  </LeafButton>\n)\n"],"names":["React","ItalicIcon","LeafButton","ItalicLeafButton","format"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,UAAU,QAAQ,eAAc;AAEzC,OAAO,MAAMC,mBAAmB,kBAC9B,KAACD;QAAWE,QAAO;kBACjB,cAAA,KAACH;OAEJ"}

package/dist/field/leaves/italic/index.d.ts

@@ -0,0 +1,3 @@
+import type { RichTextCustomLeaf } from '../../../types.js';
+export declare const italic: RichTextCustomLeaf;
+//# sourceMappingURL=index.d.ts.map

package/dist/field/leaves/italic/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/leaves/italic/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAE3D,eAAO,MAAM,MAAM,EAAE,kBAIpB,CAAA"}

package/dist/field/leaves/italic/index.js

@@ -0,0 +1,7 @@
+export const italic = {
+    name: 'italic',
+    Button: '@ruya.sa/richtext-slate/client#ItalicLeafButton',
+    Leaf: '@ruya.sa/richtext-slate/client#ItalicLeaf'
+};
+
+//# sourceMappingURL=index.js.map

package/dist/field/leaves/italic/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/field/leaves/italic/index.tsx"],"sourcesContent":["import type { RichTextCustomLeaf } from '../../../types.js'\n\nexport const italic: RichTextCustomLeaf = {\n  name: 'italic',\n  Button: '@ruya.sa/richtext-slate/client#ItalicLeafButton',\n  Leaf: '@ruya.sa/richtext-slate/client#ItalicLeaf',\n}\n"],"names":["italic","name","Button","Leaf"],"mappings":"AAEA,OAAO,MAAMA,SAA6B;IACxCC,MAAM;IACNC,QAAQ;IACRC,MAAM;AACR,EAAC"}

package/dist/field/leaves/strikethrough/LeafButton.d.ts

@@ -0,0 +1,2 @@
+export declare const StrikethroughLeafButton: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LeafButton.d.ts.map

package/dist/field/leaves/strikethrough/LeafButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeafButton.d.ts","sourceRoot":"","sources":["../../../../src/field/leaves/strikethrough/LeafButton.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,uBAAuB,+CAInC,CAAA"}

package/dist/field/leaves/strikethrough/LeafButton.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { StrikethroughIcon } from '../../icons/Strikethrough/index.js';
+import { LeafButton } from '../Button.js';
+export const StrikethroughLeafButton = ()=>/*#__PURE__*/ _jsx(LeafButton, {
+        format: "strikethrough",
+        children: /*#__PURE__*/ _jsx(StrikethroughIcon, {})
+    });
+
+//# sourceMappingURL=LeafButton.js.map

package/dist/field/leaves/strikethrough/LeafButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/field/leaves/strikethrough/LeafButton.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { StrikethroughIcon } from '../../icons/Strikethrough/index.js'\nimport { LeafButton } from '../Button.js'\n\nexport const StrikethroughLeafButton = () => (\n  <LeafButton format=\"strikethrough\">\n    <StrikethroughIcon />\n  </LeafButton>\n)\n"],"names":["React","StrikethroughIcon","LeafButton","StrikethroughLeafButton","format"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,iBAAiB,QAAQ,qCAAoC;AACtE,SAASC,UAAU,QAAQ,eAAc;AAEzC,OAAO,MAAMC,0BAA0B,kBACrC,KAACD;QAAWE,QAAO;kBACjB,cAAA,KAACH;OAEJ"}

package/dist/field/leaves/strikethrough/Strikethrough/index.d.ts

@@ -0,0 +1,2 @@
+export declare const StrikethroughLeaf: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map