payload-richtext-tiptap 0.0.30 → 0.0.32

package/dist/src/fields/TiptapEditor/features/ui/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Dropdown/Dropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"../../../lib/utils/index.js\";\nimport { twj } from \"tw-to-css\";\n\nexport const DropdownCategoryTitle = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  return (\n    <div\n      style={twj(\n        \"text-[.65rem] font-semibold mb-1 uppercase text-neutral-500 dark:text-neutral-400 px-1.5\"\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport const DropdownButton = ({\n  children,\n  isActive,\n  onClick,\n  disabled,\n  className,\n}: {\n  children: React.ReactNode;\n  isActive?: boolean;\n  onClick?: () => void;\n  disabled?: boolean;\n  className?: string;\n}) => {\n  const buttonClass = cn(\n    \"flex items-center gap-2 p-1.5 text-sm font-medium text-neutral-500 dark:text-neutral-400 text-left bg-transparent w-full rounded outline-none\",\n    !isActive && !disabled,\n    \"hover:bg-neutral-100 hover:text-neutral-800 dark:hover:bg-neutral-900 dark:hover:text-neutral-200\",\n    isActive &&\n      !disabled &&\n      \"bg-neutral-100 text-neutral-800 dark:bg-neutral-900 dark:text-neutral-200\",\n    disabled && \"text-neutral-400 cursor-not-allowed dark:text-neutral-600\",\n    className\n  );\n\n  return (\n    <button\n      type=\"button\"\n      style={twj(buttonClass)}\n      disabled={disabled}\n      onClick={onClick}\n    >\n      {children}\n    </button>\n  );\n};\n"],"names":["React","cn","twj","DropdownCategoryTitle","children","div","style","DropdownButton","isActive","onClick","disabled","className","buttonClass","button","type"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,EAAE,QAAQ,8BAA8B;AACjD,SAASC,GAAG,QAAQ,YAAY;AAEhC,OAAO,MAAMC,wBAAwB,CAAC,EACpCC,QAAQ,EAGT;IACC,qBACE,KAACC;QACCC,OAAOJ,IACL;kBAGDE;;AAGP,EAAE;AAEF,OAAO,MAAMG,iBAAiB,CAAC,EAC7BH,QAAQ,EACRI,QAAQ,EACRC,OAAO,EACPC,QAAQ,EACRC,SAAS,EAOV;IACC,MAAMC,cAAcX,GAClB,iJACA,CAACO,YAAY,CAACE,UACd,qGACAF,YACE,CAACE,YACD,6EACFA,YAAY,6DACZC;IAGF,qBACE,KAACE;QACCC,MAAK;QACLR,OAAOJ,IAAIU;QACXF,UAAUA;QACVD,SAASA;kBAERL;;AAGP,EAAE"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Dropdown/Dropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"../../../lib/utils/index.js\";\n\nexport const DropdownCategoryTitle = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  return (\n    <div className=\"text-[.65rem] font-semibold mb-1 uppercase text-neutral-500 dark:text-neutral-400 px-1.5\">\n      {children}\n    </div>\n  );\n};\n\nexport const DropdownButton = ({\n  children,\n  isActive,\n  onClick,\n  disabled,\n  className,\n}: {\n  children: React.ReactNode;\n  isActive?: boolean;\n  onClick?: () => void;\n  disabled?: boolean;\n  className?: string;\n}) => {\n  const buttonClass = cn(\n    \"flex items-center gap-2 p-1.5 text-sm font-medium text-neutral-500 dark:text-neutral-400 text-left bg-transparent w-full rounded outline-none\",\n    !isActive && !disabled,\n    \"hover:bg-neutral-100 hover:text-neutral-800 dark:hover:bg-neutral-900 dark:hover:text-neutral-200\",\n    isActive &&\n      !disabled &&\n      \"bg-neutral-100 text-neutral-800 dark:bg-neutral-900 dark:text-neutral-200\",\n    disabled && \"text-neutral-400 cursor-not-allowed dark:text-neutral-600\",\n    className\n  );\n\n  return (\n    <button\n      type=\"button\"\n      className={buttonClass}\n      disabled={disabled}\n      onClick={onClick}\n    >\n      {children}\n    </button>\n  );\n};\n"],"names":["React","cn","DropdownCategoryTitle","children","div","className","DropdownButton","isActive","onClick","disabled","buttonClass","button","type"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,EAAE,QAAQ,8BAA8B;AAEjD,OAAO,MAAMC,wBAAwB,CAAC,EACpCC,QAAQ,EAGT;IACC,qBACE,KAACC;QAAIC,WAAU;kBACZF;;AAGP,EAAE;AAEF,OAAO,MAAMG,iBAAiB,CAAC,EAC7BH,QAAQ,EACRI,QAAQ,EACRC,OAAO,EACPC,QAAQ,EACRJ,SAAS,EAOV;IACC,MAAMK,cAAcT,GAClB,iJACA,CAACM,YAAY,CAACE,UACd,qGACAF,YACE,CAACE,YACD,6EACFA,YAAY,6DACZJ;IAGF,qBACE,KAACM;QACCC,MAAK;QACLP,WAAWK;QACXD,UAAUA;QACVD,SAASA;kBAERL;;AAGP,EAAE"}

package/dist/src/fields/TiptapEditor/features/ui/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/features/ui/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK1C,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,UAAU,CAAC;IAEjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,IAAI,yEAA2C,SAAS,iCAanE,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/features/ui/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,UAAU,CAAC;IAEjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,IAAI,yEAA2C,SAAS,iCAanE,CAAC"}

package/dist/src/fields/TiptapEditor/features/ui/Icon.js

@@ -1,14 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { memo } from "react";
 import { cn } from "../../lib/utils/index.js";
-import { twj } from "tw-to-css";
 export const Icon = /*#__PURE__*/ memo(({ icon, className, strokeWidth })=>{
     const IconComponent = icon;
     if (!IconComponent) {
         return null;
     }
     return /*#__PURE__*/ _jsx(IconComponent, {
-        style: twj(cn("w-4 h-4", className)),
+        className: cn("w-4 h-4", className),
         strokeWidth: strokeWidth || 2.5
     });
 });

package/dist/src/fields/TiptapEditor/features/ui/Icon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/ui/Icon.tsx"],"sourcesContent":["import { LucideIcon } from \"lucide-react\";\nimport { memo } from \"react\";\nimport { cn } from \"../../lib/utils/index.js\";\nimport { twj } from \"tw-to-css\";\n\nexport type IconProps = {\n  icon: LucideIcon;\n  // name: keyof typeof icons\n  className?: string;\n  strokeWidth?: number;\n};\n\nexport const Icon = memo(({ icon, className, strokeWidth }: IconProps) => {\n  const IconComponent = icon;\n\n  if (!IconComponent) {\n    return null;\n  }\n\n  return (\n    <IconComponent\n      style={twj(cn(\"w-4 h-4\", className))}\n      strokeWidth={strokeWidth || 2.5}\n    />\n  );\n});\n\nIcon.displayName = \"Icon\";\n"],"names":["memo","cn","twj","Icon","icon","className","strokeWidth","IconComponent","style","displayName"],"rangeMappings":";;;;;;;;;;;;;;","mappings":";AACA,SAASA,IAAI,QAAQ,QAAQ;AAC7B,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,GAAG,QAAQ,YAAY;AAShC,OAAO,MAAMC,qBAAOH,KAAK,CAAC,EAAEI,IAAI,EAAEC,SAAS,EAAEC,WAAW,EAAa;IACnE,MAAMC,gBAAgBH;IAEtB,IAAI,CAACG,eAAe;QAClB,OAAO;IACT;IAEA,qBACE,KAACA;QACCC,OAAON,IAAID,GAAG,WAAWI;QACzBC,aAAaA,eAAe;;AAGlC,GAAG;AAEHH,KAAKM,WAAW,GAAG"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/ui/Icon.tsx"],"sourcesContent":["import { LucideIcon } from \"lucide-react\";\nimport { memo } from \"react\";\nimport { cn } from \"../../lib/utils/index.js\";\n\nexport type IconProps = {\n  icon: LucideIcon;\n  // name: keyof typeof icons\n  className?: string;\n  strokeWidth?: number;\n};\n\nexport const Icon = memo(({ icon, className, strokeWidth }: IconProps) => {\n  const IconComponent = icon;\n\n  if (!IconComponent) {\n    return null;\n  }\n\n  return (\n    <IconComponent\n      className={cn(\"w-4 h-4\", className)}\n      strokeWidth={strokeWidth || 2.5}\n    />\n  );\n});\n\nIcon.displayName = \"Icon\";\n"],"names":["memo","cn","Icon","icon","className","strokeWidth","IconComponent","displayName"],"rangeMappings":";;;;;;;;;;;;;","mappings":";AACA,SAASA,IAAI,QAAQ,QAAQ;AAC7B,SAASC,EAAE,QAAQ,2BAA2B;AAS9C,OAAO,MAAMC,qBAAOF,KAAK,CAAC,EAAEG,IAAI,EAAEC,SAAS,EAAEC,WAAW,EAAa;IACnE,MAAMC,gBAAgBH;IAEtB,IAAI,CAACG,eAAe;QAClB,OAAO;IACT;IAEA,qBACE,KAACA;QACCF,WAAWH,GAAG,WAAWG;QACzBC,aAAaA,eAAe;;AAGlC,GAAG;AAEHH,KAAKK,WAAW,GAAG"}

package/dist/src/fields/TiptapEditor/features/ui/Loader/Loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Loader/Loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,WAAW,EAAuB,MAAM,YAAY,CAAC;AAmC9D,eAAO,MAAM,MAAM,0BAAkC,WAAW,sBAe/D,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Loader/Loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,WAAW,EAAuB,MAAM,YAAY,CAAC;AA0B9D,eAAO,MAAM,MAAM,0BAAkC,WAAW,sBAW/D,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/src/fields/TiptapEditor/features/ui/Loader/Loader.js

@@ -1,10 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import { createPortal } from "react-dom";
-import { twj } from "tw-to-css";
 const LoadingWrapper = ({ label })=>{
     return /*#__PURE__*/ _jsxs("div", {
-        style: twj("flex flex-col items-center justify-center gap-2 p-4 text-white bg-black rounded-lg shadow-2xl dark:text-black dark:bg-white"),
+        className: "flex flex-col items-center justify-center gap-2 p-4 text-white bg-black rounded-lg shadow-2xl dark:text-black dark:bg-white",
         children: [
             /*#__PURE__*/ _jsx("svg", {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -14,13 +13,13 @@ const LoadingWrapper = ({ label })=>{
                 strokeWidth: "2",
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
-                style: twj("w-8 h-8 animate-spin"),
+                className: "w-8 h-8 animate-spin",
                 children: /*#__PURE__*/ _jsx("path", {
                     d: "M21 12a9 9 0 1 1-6.219-8.56"
                 })
             }),
             label && /*#__PURE__*/ _jsx("p", {
-                style: twj("text-sm font-semibold leading-tight text-white dark:text-black"),
+                className: "text-sm font-semibold leading-tight text-white dark:text-black",
                 children: label
             })
         ]
@@ -28,7 +27,7 @@ const LoadingWrapper = ({ label })=>{
 };
 export const Loader = ({ hasOverlay = true, label })=>{
     return hasOverlay ? /*#__PURE__*/ createPortal(/*#__PURE__*/ _jsx("div", {
-        style: twj("items-center justify-center bg-black/60 flex h-full w-full fixed top-0 left-0 select-none z-[9999]"),
+        className: "items-center justify-center bg-black/60 flex h-full w-full fixed top-0 left-0 select-none z-[9999]",
         children: /*#__PURE__*/ _jsx(LoadingWrapper, {
             label: label
         })

package/dist/src/fields/TiptapEditor/features/ui/Loader/Loader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Loader/Loader.tsx"],"sourcesContent":["import React from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { LoaderProps, LoadingWrapperProps } from \"./types.js\";\nimport { twj } from \"tw-to-css\";\n\nconst LoadingWrapper = ({ label }: LoadingWrapperProps) => {\n  return (\n    <div\n      style={twj(\n        \"flex flex-col items-center justify-center gap-2 p-4 text-white bg-black rounded-lg shadow-2xl dark:text-black dark:bg-white\"\n      )}\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        style={twj(\"w-8 h-8 animate-spin\")}\n      >\n        <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" />\n      </svg>\n      {label && (\n        <p\n          style={twj(\n            \"text-sm font-semibold leading-tight text-white dark:text-black\"\n          )}\n        >\n          {label}\n        </p>\n      )}\n    </div>\n  );\n};\n\nexport const Loader = ({ hasOverlay = true, label }: LoaderProps) => {\n  return hasOverlay ? (\n    createPortal(\n      <div\n        style={twj(\n          \"items-center justify-center bg-black/60 flex h-full w-full fixed top-0 left-0 select-none z-[9999]\"\n        )}\n      >\n        <LoadingWrapper label={label} />\n      </div>,\n      document.body\n    )\n  ) : (\n    <LoadingWrapper label={label} />\n  );\n};\n\nexport default Loader;\n"],"names":["React","createPortal","twj","LoadingWrapper","label","div","style","svg","xmlns","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","path","d","p","Loader","hasOverlay","document","body"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,YAAY,QAAQ,YAAY;AAGzC,SAASC,GAAG,QAAQ,YAAY;AAEhC,MAAMC,iBAAiB,CAAC,EAAEC,KAAK,EAAuB;IACpD,qBACE,MAACC;QACCC,OAAOJ,IACL;;0BAGF,KAACK;gBACCC,OAAM;gBACNC,SAAQ;gBACRC,MAAK;gBACLC,QAAO;gBACPC,aAAY;gBACZC,eAAc;gBACdC,gBAAe;gBACfR,OAAOJ,IAAI;0BAEX,cAAA,KAACa;oBAAKC,GAAE;;;YAETZ,uBACC,KAACa;gBACCX,OAAOJ,IACL;0BAGDE;;;;AAKX;AAEA,OAAO,MAAMc,SAAS,CAAC,EAAEC,aAAa,IAAI,EAAEf,KAAK,EAAe;IAC9D,OAAOe,2BACLlB,2BACE,KAACI;QACCC,OAAOJ,IACL;kBAGF,cAAA,KAACC;YAAeC,OAAOA;;QAEzBgB,SAASC,IAAI,kBAGf,KAAClB;QAAeC,OAAOA;;AAE3B,EAAE;AAEF,eAAec,OAAO"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Loader/Loader.tsx"],"sourcesContent":["import React from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { LoaderProps, LoadingWrapperProps } from \"./types.js\";\n\nconst LoadingWrapper = ({ label }: LoadingWrapperProps) => {\n  return (\n    <div className=\"flex flex-col items-center justify-center gap-2 p-4 text-white bg-black rounded-lg shadow-2xl dark:text-black dark:bg-white\">\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className=\"w-8 h-8 animate-spin\"\n      >\n        <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" />\n      </svg>\n      {label && (\n        <p className=\"text-sm font-semibold leading-tight text-white dark:text-black\">\n          {label}\n        </p>\n      )}\n    </div>\n  );\n};\n\nexport const Loader = ({ hasOverlay = true, label }: LoaderProps) => {\n  return hasOverlay ? (\n    createPortal(\n      <div className=\"items-center justify-center bg-black/60 flex h-full w-full fixed top-0 left-0 select-none z-[9999]\">\n        <LoadingWrapper label={label} />\n      </div>,\n      document.body\n    )\n  ) : (\n    <LoadingWrapper label={label} />\n  );\n};\n\nexport default Loader;\n"],"names":["React","createPortal","LoadingWrapper","label","div","className","svg","xmlns","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","path","d","p","Loader","hasOverlay","document","body"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,YAAY,QAAQ,YAAY;AAIzC,MAAMC,iBAAiB,CAAC,EAAEC,KAAK,EAAuB;IACpD,qBACE,MAACC;QAAIC,WAAU;;0BACb,KAACC;gBACCC,OAAM;gBACNC,SAAQ;gBACRC,MAAK;gBACLC,QAAO;gBACPC,aAAY;gBACZC,eAAc;gBACdC,gBAAe;gBACfR,WAAU;0BAEV,cAAA,KAACS;oBAAKC,GAAE;;;YAETZ,uBACC,KAACa;gBAAEX,WAAU;0BACVF;;;;AAKX;AAEA,OAAO,MAAMc,SAAS,CAAC,EAAEC,aAAa,IAAI,EAAEf,KAAK,EAAe;IAC9D,OAAOe,2BACLjB,2BACE,KAACG;QAAIC,WAAU;kBACb,cAAA,KAACH;YAAeC,OAAOA;;QAEzBgB,SAASC,IAAI,kBAGf,KAAClB;QAAeC,OAAOA;;AAE3B,EAAE;AAEF,eAAec,OAAO"}

package/dist/src/fields/TiptapEditor/features/ui/Panel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Panel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,MAAM,UAAU,GAAG;IACvB,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEzC,eAAO,MAAM,KAAK;cALN,QAAQ,GAAG,OAAO;eACjB,OAAO;cACR,OAAO;+EAqBlB,CAAC;AAIF,eAAO,MAAM,YAAY;cAEX,OAAO;+EAWnB,CAAC;AAIH,eAAO,MAAM,WAAW;cAEV,OAAO;+EAcnB,CAAC;AAIH,eAAO,MAAM,YAAY;cAEX,OAAO;+EAWnB,CAAC;AAIH,eAAO,MAAM,aAAa;cAEZ,OAAO;+EAcnB,CAAC;AAIH,eAAO,MAAM,WAAW;cAEV,OAAO;+EAcnB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Panel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,MAAM,UAAU,GAAG;IACvB,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEzC,eAAO,MAAM,KAAK;cALN,QAAQ,GAAG,OAAO;eACjB,OAAO;cACR,OAAO;+EAqBlB,CAAC;AAIF,eAAO,MAAM,YAAY;cAEX,OAAO;+EAWnB,CAAC;AAIH,eAAO,MAAM,WAAW;cAEV,OAAO;+EAcnB,CAAC;AAIH,eAAO,MAAM,YAAY;cAEX,OAAO;+EAWnB,CAAC;AAIH,eAAO,MAAM,aAAa;cAEZ,OAAO;+EAcnB,CAAC;AAIH,eAAO,MAAM,WAAW;cAEV,OAAO;+EAcnB,CAAC"}

package/dist/src/fields/TiptapEditor/features/ui/Panel/index.js

@@ -4,7 +4,6 @@ import { forwardRef } from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { Surface } from "../Surface.js";
 import { cn } from "../../../lib/utils/index.js";
-import { twj } from "tw-to-css";
 export const Panel = /*#__PURE__*/ forwardRef(({ asChild, className, children, spacing, noShadow, ...rest }, ref)=>{
     const panelClass = cn("p-2", spacing === "small" && "p-[0.2rem]", className);
     const Comp = asChild ? Slot : "div";
@@ -12,7 +11,7 @@ export const Panel = /*#__PURE__*/ forwardRef(({ asChild, className, children, s
         ref: ref,
         ...rest,
         children: /*#__PURE__*/ _jsx(Surface, {
-            style: twj(panelClass),
+            className: panelClass,
             withShadow: !noShadow,
             children: children
         })
@@ -23,7 +22,7 @@ export const PanelDivider = /*#__PURE__*/ forwardRef(({ asChild, className, chil
     const dividerClass = cn("border-b border-b-black/10 mb-2 pb-2", className);
     const Comp = asChild ? Slot : "div";
     return /*#__PURE__*/ _jsx(Comp, {
-        style: twj(dividerClass),
+        className: dividerClass,
         ...rest,
         ref: ref,
         children: children
@@ -34,7 +33,7 @@ export const PanelHeader = /*#__PURE__*/ forwardRef(({ asChild, className, child
     const headerClass = cn("border-b border-b-black/10 text-sm mb-2 pb-2", className);
     const Comp = asChild ? Slot : "div";
     return /*#__PURE__*/ _jsx(Comp, {
-        style: twj(headerClass),
+        className: headerClass,
         ...rest,
         ref: ref,
         children: children
@@ -45,7 +44,7 @@ export const PanelSection = /*#__PURE__*/ forwardRef(({ asChild, className, chil
     const sectionClass = cn("mt-4 first:mt-1", className);
     const Comp = asChild ? Slot : "div";
     return /*#__PURE__*/ _jsx(Comp, {
-        style: twj(sectionClass),
+        className: sectionClass,
         ...rest,
         ref: ref,
         children: children
@@ -56,7 +55,7 @@ export const PanelHeadline = /*#__PURE__*/ forwardRef(({ asChild, className, chi
     const headlineClass = cn("text-black/80 dark:text-white/80 text-xs font-medium mb-2 ml-1.5", className);
     const Comp = asChild ? Slot : "div";
     return /*#__PURE__*/ _jsx(Comp, {
-        style: twj(headlineClass),
+        className: headlineClass,
         ...rest,
         ref: ref,
         children: children
@@ -67,7 +66,7 @@ export const PanelFooter = /*#__PURE__*/ forwardRef(({ asChild, className, child
     const footerClass = cn("border-t border-black/10 text-sm mt-2 pt-2", className);
     const Comp = asChild ? Slot : "div";
     return /*#__PURE__*/ _jsx(Comp, {
-        style: twj(footerClass),
+        className: footerClass,
         ...rest,
         ref: ref,
         children: children

package/dist/src/fields/TiptapEditor/features/ui/Panel/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Panel/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { forwardRef } from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { Surface } from \"../Surface.js\";\nimport { cn } from \"../../../lib/utils/index.js\";\nimport { twj } from \"tw-to-css\";\n\nexport type PanelProps = {\n  spacing?: \"medium\" | \"small\";\n  noShadow?: boolean;\n  asChild?: boolean;\n} & React.HTMLAttributes<HTMLDivElement>;\n\nexport const Panel = forwardRef<HTMLDivElement, PanelProps>(\n  ({ asChild, className, children, spacing, noShadow, ...rest }, ref) => {\n    const panelClass = cn(\n      \"p-2\",\n      spacing === \"small\" && \"p-[0.2rem]\",\n      className\n    );\n\n    const Comp = asChild ? Slot : \"div\";\n\n    return (\n      <Comp ref={ref} {...rest}>\n        <Surface style={twj(panelClass)} withShadow={!noShadow}>\n          {children}\n        </Surface>\n      </Comp>\n    );\n  }\n);\n\nPanel.displayName = \"Panel\";\n\nexport const PanelDivider = forwardRef<\n  HTMLDivElement,\n  { asChild?: boolean } & React.HTMLAttributes<HTMLDivElement>\n>(({ asChild, className, children, ...rest }, ref) => {\n  const dividerClass = cn(\"border-b border-b-black/10 mb-2 pb-2\", className);\n\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp style={twj(dividerClass)} {...rest} ref={ref}>\n      {children}\n    </Comp>\n  );\n});\n\nPanelDivider.displayName = \"PanelDivider\";\n\nexport const PanelHeader = forwardRef<\n  HTMLDivElement,\n  { asChild?: boolean } & React.HTMLAttributes<HTMLDivElement>\n>(({ asChild, className, children, ...rest }, ref) => {\n  const headerClass = cn(\n    \"border-b border-b-black/10 text-sm mb-2 pb-2\",\n    className\n  );\n\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp style={twj(headerClass)} {...rest} ref={ref}>\n      {children}\n    </Comp>\n  );\n});\n\nPanelHeader.displayName = \"PanelHeader\";\n\nexport const PanelSection = forwardRef<\n  HTMLDivElement,\n  { asChild?: boolean } & React.HTMLAttributes<HTMLDivElement>\n>(({ asChild, className, children, ...rest }, ref) => {\n  const sectionClass = cn(\"mt-4 first:mt-1\", className);\n\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp style={twj(sectionClass)} {...rest} ref={ref}>\n      {children}\n    </Comp>\n  );\n});\n\nPanelSection.displayName = \"PanelSection\";\n\nexport const PanelHeadline = forwardRef<\n  HTMLDivElement,\n  { asChild?: boolean } & React.HTMLAttributes<HTMLDivElement>\n>(({ asChild, className, children, ...rest }, ref) => {\n  const headlineClass = cn(\n    \"text-black/80 dark:text-white/80 text-xs font-medium mb-2 ml-1.5\",\n    className\n  );\n\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp style={twj(headlineClass)} {...rest} ref={ref}>\n      {children}\n    </Comp>\n  );\n});\n\nPanelHeadline.displayName = \"PanelHeadline\";\n\nexport const PanelFooter = forwardRef<\n  HTMLDivElement,\n  { asChild?: boolean } & React.HTMLAttributes<HTMLDivElement>\n>(({ asChild, className, children, ...rest }, ref) => {\n  const footerClass = cn(\n    \"border-t border-black/10 text-sm mt-2 pt-2\",\n    className\n  );\n\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp style={twj(footerClass)} {...rest} ref={ref}>\n      {children}\n    </Comp>\n  );\n});\n\nPanelFooter.displayName = \"PanelFooter\";\n"],"names":["React","forwardRef","Slot","Surface","cn","twj","Panel","asChild","className","children","spacing","noShadow","rest","ref","panelClass","Comp","style","withShadow","displayName","PanelDivider","dividerClass","PanelHeader","headerClass","PanelSection","sectionClass","PanelHeadline","headlineClass","PanelFooter","footerClass"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,UAAU,QAAQ,QAAQ;AACnC,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,EAAE,QAAQ,8BAA8B;AACjD,SAASC,GAAG,QAAQ,YAAY;AAQhC,OAAO,MAAMC,sBAAQL,WACnB,CAAC,EAAEM,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGC,MAAM,EAAEC;IAC7D,MAAMC,aAAaV,GACjB,OACAM,YAAY,WAAW,cACvBF;IAGF,MAAMO,OAAOR,UAAUL,OAAO;IAE9B,qBACE,KAACa;QAAKF,KAAKA;QAAM,GAAGD,IAAI;kBACtB,cAAA,KAACT;YAAQa,OAAOX,IAAIS;YAAaG,YAAY,CAACN;sBAC3CF;;;AAIT,GACA;AAEFH,MAAMY,WAAW,GAAG;AAEpB,OAAO,MAAMC,6BAAelB,WAG1B,CAAC,EAAEM,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGG,MAAM,EAAEC;IAC5C,MAAMO,eAAehB,GAAG,wCAAwCI;IAEhE,MAAMO,OAAOR,UAAUL,OAAO;IAE9B,qBACE,KAACa;QAAKC,OAAOX,IAAIe;QAAgB,GAAGR,IAAI;QAAEC,KAAKA;kBAC5CJ;;AAGP,GAAG;AAEHU,aAAaD,WAAW,GAAG;AAE3B,OAAO,MAAMG,4BAAcpB,WAGzB,CAAC,EAAEM,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGG,MAAM,EAAEC;IAC5C,MAAMS,cAAclB,GAClB,gDACAI;IAGF,MAAMO,OAAOR,UAAUL,OAAO;IAE9B,qBACE,KAACa;QAAKC,OAAOX,IAAIiB;QAAe,GAAGV,IAAI;QAAEC,KAAKA;kBAC3CJ;;AAGP,GAAG;AAEHY,YAAYH,WAAW,GAAG;AAE1B,OAAO,MAAMK,6BAAetB,WAG1B,CAAC,EAAEM,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGG,MAAM,EAAEC;IAC5C,MAAMW,eAAepB,GAAG,mBAAmBI;IAE3C,MAAMO,OAAOR,UAAUL,OAAO;IAE9B,qBACE,KAACa;QAAKC,OAAOX,IAAImB;QAAgB,GAAGZ,IAAI;QAAEC,KAAKA;kBAC5CJ;;AAGP,GAAG;AAEHc,aAAaL,WAAW,GAAG;AAE3B,OAAO,MAAMO,8BAAgBxB,WAG3B,CAAC,EAAEM,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGG,MAAM,EAAEC;IAC5C,MAAMa,gBAAgBtB,GACpB,oEACAI;IAGF,MAAMO,OAAOR,UAAUL,OAAO;IAE9B,qBACE,KAACa;QAAKC,OAAOX,IAAIqB;QAAiB,GAAGd,IAAI;QAAEC,KAAKA;kBAC7CJ;;AAGP,GAAG;AAEHgB,cAAcP,WAAW,GAAG;AAE5B,OAAO,MAAMS,4BAAc1B,WAGzB,CAAC,EAAEM,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGG,MAAM,EAAEC;IAC5C,MAAMe,cAAcxB,GAClB,8CACAI;IAGF,MAAMO,OAAOR,UAAUL,OAAO;IAE9B,qBACE,KAACa;QAAKC,OAAOX,IAAIuB;QAAe,GAAGhB,IAAI;QAAEC,KAAKA;kBAC3CJ;;AAGP,GAAG;AAEHkB,YAAYT,WAAW,GAAG"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Panel/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { forwardRef } from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { Surface } from \"../Surface.js\";\nimport { cn } from \"../../../lib/utils/index.js\";\n\nexport type PanelProps = {\n  spacing?: \"medium\" | \"small\";\n  noShadow?: boolean;\n  asChild?: boolean;\n} & React.HTMLAttributes<HTMLDivElement>;\n\nexport const Panel = forwardRef<HTMLDivElement, PanelProps>(\n  ({ asChild, className, children, spacing, noShadow, ...rest }, ref) => {\n    const panelClass = cn(\n      \"p-2\",\n      spacing === \"small\" && \"p-[0.2rem]\",\n      className\n    );\n\n    const Comp = asChild ? Slot : \"div\";\n\n    return (\n      <Comp ref={ref} {...rest}>\n        <Surface className={panelClass} withShadow={!noShadow}>\n          {children}\n        </Surface>\n      </Comp>\n    );\n  }\n);\n\nPanel.displayName = \"Panel\";\n\nexport const PanelDivider = forwardRef<\n  HTMLDivElement,\n  { asChild?: boolean } & React.HTMLAttributes<HTMLDivElement>\n>(({ asChild, className, children, ...rest }, ref) => {\n  const dividerClass = cn(\"border-b border-b-black/10 mb-2 pb-2\", className);\n\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp className={dividerClass} {...rest} ref={ref}>\n      {children}\n    </Comp>\n  );\n});\n\nPanelDivider.displayName = \"PanelDivider\";\n\nexport const PanelHeader = forwardRef<\n  HTMLDivElement,\n  { asChild?: boolean } & React.HTMLAttributes<HTMLDivElement>\n>(({ asChild, className, children, ...rest }, ref) => {\n  const headerClass = cn(\n    \"border-b border-b-black/10 text-sm mb-2 pb-2\",\n    className\n  );\n\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp className={headerClass} {...rest} ref={ref}>\n      {children}\n    </Comp>\n  );\n});\n\nPanelHeader.displayName = \"PanelHeader\";\n\nexport const PanelSection = forwardRef<\n  HTMLDivElement,\n  { asChild?: boolean } & React.HTMLAttributes<HTMLDivElement>\n>(({ asChild, className, children, ...rest }, ref) => {\n  const sectionClass = cn(\"mt-4 first:mt-1\", className);\n\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp className={sectionClass} {...rest} ref={ref}>\n      {children}\n    </Comp>\n  );\n});\n\nPanelSection.displayName = \"PanelSection\";\n\nexport const PanelHeadline = forwardRef<\n  HTMLDivElement,\n  { asChild?: boolean } & React.HTMLAttributes<HTMLDivElement>\n>(({ asChild, className, children, ...rest }, ref) => {\n  const headlineClass = cn(\n    \"text-black/80 dark:text-white/80 text-xs font-medium mb-2 ml-1.5\",\n    className\n  );\n\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp className={headlineClass} {...rest} ref={ref}>\n      {children}\n    </Comp>\n  );\n});\n\nPanelHeadline.displayName = \"PanelHeadline\";\n\nexport const PanelFooter = forwardRef<\n  HTMLDivElement,\n  { asChild?: boolean } & React.HTMLAttributes<HTMLDivElement>\n>(({ asChild, className, children, ...rest }, ref) => {\n  const footerClass = cn(\n    \"border-t border-black/10 text-sm mt-2 pt-2\",\n    className\n  );\n\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp className={footerClass} {...rest} ref={ref}>\n      {children}\n    </Comp>\n  );\n});\n\nPanelFooter.displayName = \"PanelFooter\";\n"],"names":["React","forwardRef","Slot","Surface","cn","Panel","asChild","className","children","spacing","noShadow","rest","ref","panelClass","Comp","withShadow","displayName","PanelDivider","dividerClass","PanelHeader","headerClass","PanelSection","sectionClass","PanelHeadline","headlineClass","PanelFooter","footerClass"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,UAAU,QAAQ,QAAQ;AACnC,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,EAAE,QAAQ,8BAA8B;AAQjD,OAAO,MAAMC,sBAAQJ,WACnB,CAAC,EAAEK,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGC,MAAM,EAAEC;IAC7D,MAAMC,aAAaT,GACjB,OACAK,YAAY,WAAW,cACvBF;IAGF,MAAMO,OAAOR,UAAUJ,OAAO;IAE9B,qBACE,KAACY;QAAKF,KAAKA;QAAM,GAAGD,IAAI;kBACtB,cAAA,KAACR;YAAQI,WAAWM;YAAYE,YAAY,CAACL;sBAC1CF;;;AAIT,GACA;AAEFH,MAAMW,WAAW,GAAG;AAEpB,OAAO,MAAMC,6BAAehB,WAG1B,CAAC,EAAEK,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGG,MAAM,EAAEC;IAC5C,MAAMM,eAAed,GAAG,wCAAwCG;IAEhE,MAAMO,OAAOR,UAAUJ,OAAO;IAE9B,qBACE,KAACY;QAAKP,WAAWW;QAAe,GAAGP,IAAI;QAAEC,KAAKA;kBAC3CJ;;AAGP,GAAG;AAEHS,aAAaD,WAAW,GAAG;AAE3B,OAAO,MAAMG,4BAAclB,WAGzB,CAAC,EAAEK,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGG,MAAM,EAAEC;IAC5C,MAAMQ,cAAchB,GAClB,gDACAG;IAGF,MAAMO,OAAOR,UAAUJ,OAAO;IAE9B,qBACE,KAACY;QAAKP,WAAWa;QAAc,GAAGT,IAAI;QAAEC,KAAKA;kBAC1CJ;;AAGP,GAAG;AAEHW,YAAYH,WAAW,GAAG;AAE1B,OAAO,MAAMK,6BAAepB,WAG1B,CAAC,EAAEK,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGG,MAAM,EAAEC;IAC5C,MAAMU,eAAelB,GAAG,mBAAmBG;IAE3C,MAAMO,OAAOR,UAAUJ,OAAO;IAE9B,qBACE,KAACY;QAAKP,WAAWe;QAAe,GAAGX,IAAI;QAAEC,KAAKA;kBAC3CJ;;AAGP,GAAG;AAEHa,aAAaL,WAAW,GAAG;AAE3B,OAAO,MAAMO,8BAAgBtB,WAG3B,CAAC,EAAEK,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGG,MAAM,EAAEC;IAC5C,MAAMY,gBAAgBpB,GACpB,oEACAG;IAGF,MAAMO,OAAOR,UAAUJ,OAAO;IAE9B,qBACE,KAACY;QAAKP,WAAWiB;QAAgB,GAAGb,IAAI;QAAEC,KAAKA;kBAC5CJ;;AAGP,GAAG;AAEHe,cAAcP,WAAW,GAAG;AAE5B,OAAO,MAAMS,4BAAcxB,WAGzB,CAAC,EAAEK,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGG,MAAM,EAAEC;IAC5C,MAAMc,cAActB,GAClB,8CACAG;IAGF,MAAMO,OAAOR,UAAUJ,OAAO;IAE9B,qBACE,KAACY;QAAKP,WAAWmB;QAAc,GAAGf,IAAI;QAAEC,KAAKA;kBAC1CJ;;AAGP,GAAG;AAEHiB,YAAYT,WAAW,GAAG"}

package/dist/src/fields/TiptapEditor/features/ui/PopoverMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverMenu.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/features/ui/PopoverMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,eAAO,MAAM,OAAO,uGAAkB,CAAC;AACvC,eAAO,MAAM,MAAM,sCAAiB,CAAC;AAErC,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,IAAI;yGASd,SAAS;;CAyCX,CAAC;AAIF,eAAO,MAAM,IAAI,wEAQd;IACD,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,sBA4BA,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,aAAa,iBAAkB,aAAa,sBAUxD,CAAC;AAEF,eAAO,MAAM,OAAO,qEAQlB,CAAC"}
+{"version":3,"file":"PopoverMenu.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/features/ui/PopoverMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,eAAO,MAAM,OAAO,uGAAkB,CAAC;AACvC,eAAO,MAAM,MAAM,sCAAiB,CAAC;AAErC,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,IAAI;yGASd,SAAS;;CAiCX,CAAC;AAIF,eAAO,MAAM,IAAI,wEAQd;IACD,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,sBAuBA,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,aAAa,iBAAkB,aAAa,sBAMxD,CAAC;AAEF,eAAO,MAAM,OAAO,qEAQlB,CAAC"}

package/dist/src/fields/TiptapEditor/features/ui/PopoverMenu.js

@@ -4,7 +4,6 @@ import React, { forwardRef } from "react";
 import { cn } from "../../lib/utils/index.js";
 import { Surface } from "./Surface.js";
 import { Toolbar } from "./Toolbar.js";
-import { twj } from "tw-to-css";
 export const Trigger = Popover.Trigger;
 export const Portal = Popover.Portal;
 export const Menu = ({ customTrigger, trigger, triggerClassName, children, isOpen, withPortal, tooltip, onOpenChange })=>{
@@ -18,7 +17,7 @@ export const Menu = ({ customTrigger, trigger, triggerClassName, children, isOpe
                 asChild: true,
                 children: /*#__PURE__*/ _jsx(Toolbar.Button, {
                     type: "button",
-                    style: twj(triggerClassName),
+                    className: triggerClassName,
                     tooltip: !isOpen ? tooltip : "",
                     children: trigger
                 })
@@ -28,7 +27,7 @@ export const Menu = ({ customTrigger, trigger, triggerClassName, children, isOpe
                     asChild: true,
                     sideOffset: 8,
                     children: /*#__PURE__*/ _jsx(Surface, {
-                        style: twj("min-w-[15rem] p-2 flex flex-col gap-0.5 max-h-80 overflow-auto z-[9999]"),
+                        className: "min-w-[15rem] p-2 flex flex-col gap-0.5 max-h-80 overflow-auto z-[9999]",
                         children: children
                     })
                 })
@@ -36,7 +35,7 @@ export const Menu = ({ customTrigger, trigger, triggerClassName, children, isOpe
                 asChild: true,
                 sideOffset: 8,
                 children: /*#__PURE__*/ _jsx(Surface, {
-                    style: twj("min-w-[15rem] p-2 flex flex-col gap-0.5 max-h-80 overflow-auto z-[9999]"),
+                    className: "min-w-[15rem] p-2 flex flex-col gap-0.5 max-h-80 overflow-auto z-[9999]",
                     children: children
                 })
             })
@@ -50,13 +49,12 @@ export const Item = ({ label, close = true, icon, iconComponent, disabled, onCli
     const IconCustomComponent = iconComponent || null;
     const ItemComponent = close ? Popover.Close : "button";
     return /*#__PURE__*/ _jsxs(ItemComponent, {
-        style: twj(className),
-        // onClick={className}
+        className: className,
         onClick: onClick,
         disabled: disabled,
         children: [
             IconComponent && /*#__PURE__*/ _jsx(IconComponent, {
-                style: twj("w-4 h-4")
+                className: "w-4 h-4"
             }),
             IconCustomComponent,
             label
@@ -65,7 +63,7 @@ export const Item = ({ label, close = true, icon, iconComponent, disabled, onCli
 };
 export const CategoryTitle = ({ children })=>{
     return /*#__PURE__*/ _jsx("div", {
-        style: twj("mt-4 first:mt-1.5 mb-1.5 text-[0.625rem] font-medium text-neutral-400 dark:text-neutral-600 uppercase select-none px-1"),
+        className: "mt-4 first:mt-1.5 mb-1.5 text-[0.625rem] font-medium text-neutral-400 dark:text-neutral-600 uppercase select-none px-1",
         children: children
     });
 };
@@ -73,7 +71,7 @@ export const Divider = /*#__PURE__*/ forwardRef((props, ref)=>{
     return /*#__PURE__*/ _jsx("hr", {
         ...props,
         ref: ref,
-        style: twj("my-1 border-neutral-200 dark:border-neutral-800")
+        className: "my-1 border-neutral-200 dark:border-neutral-800"
     });
 });
 Divider.displayName = "Divider";

package/dist/src/fields/TiptapEditor/features/ui/PopoverMenu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/ui/PopoverMenu.tsx"],"sourcesContent":["import * as Popover from \"@radix-ui/react-popover\";\nimport { LucideIcon } from \"lucide-react\";\nimport React, { forwardRef } from \"react\";\nimport { cn } from \"../../lib/utils/index.js\";\nimport { Surface } from \"./Surface.js\";\nimport { Toolbar } from \"./Toolbar.js\";\nimport { twj } from \"tw-to-css\";\n\nexport const Trigger = Popover.Trigger;\nexport const Portal = Popover.Portal;\n\nexport type MenuProps = {\n  children: React.ReactNode;\n  trigger: React.ReactNode;\n  triggerClassName?: string;\n  customTrigger?: boolean;\n  isOpen?: boolean;\n  onOpenChange?: (state: boolean) => void;\n  withPortal?: boolean;\n  tooltip?: string;\n  isActive?: boolean;\n};\n\nexport const Menu = ({\n  customTrigger,\n  trigger,\n  triggerClassName,\n  children,\n  isOpen,\n  withPortal,\n  tooltip,\n  onOpenChange,\n}: MenuProps) => {\n  return (\n    <Popover.Root onOpenChange={onOpenChange}>\n      {customTrigger ? (\n        <Trigger asChild>{trigger}</Trigger>\n      ) : (\n        <Trigger asChild>\n          <Toolbar.Button\n            type=\"button\"\n            style={twj(triggerClassName)}\n            tooltip={!isOpen ? tooltip : \"\"}\n          >\n            {trigger}\n          </Toolbar.Button>\n        </Trigger>\n      )}\n      {withPortal ? (\n        <Popover.Portal>\n          <Popover.Content asChild sideOffset={8}>\n            <Surface\n              style={twj(\n                \"min-w-[15rem] p-2 flex flex-col gap-0.5 max-h-80 overflow-auto z-[9999]\"\n              )}\n            >\n              {children}\n            </Surface>\n          </Popover.Content>\n        </Popover.Portal>\n      ) : (\n        <Popover.Content asChild sideOffset={8}>\n          <Surface\n            style={twj(\n              \"min-w-[15rem] p-2 flex flex-col gap-0.5 max-h-80 overflow-auto z-[9999]\"\n            )}\n          >\n            {children}\n          </Surface>\n        </Popover.Content>\n      )}\n    </Popover.Root>\n  );\n};\n\nMenu.displayName = \"Menu\";\n\nexport const Item = ({\n  label,\n  close = true,\n  icon,\n  iconComponent,\n  disabled,\n  onClick,\n  isActive,\n}: {\n  label: string | React.ReactNode;\n  icon?: LucideIcon;\n  iconComponent?: React.ReactNode;\n  close?: boolean;\n  disabled?: boolean;\n  onClick: () => void;\n  isActive?: boolean;\n}) => {\n  const className = cn(\n    \"flex items-center gap-2 p-1.5 text-sm font-medium text-neutral-500 text-left bg-transparent w-full rounded  outline-none\",\n    !isActive && !disabled,\n    \"hover:bg-neutral-100 hover:text-neutral-800 dark:hover:bg-neutral-900 dark:hover:text-neutral-200\",\n    isActive &&\n      !disabled &&\n      \"bg-neutral-100 text-neutral-800 dark:bg-neutral-900 dark:text-neutral-200\",\n    disabled && \"text-neutral-400 cursor-not-allowed dark:text-neutral-600\"\n  );\n\n  const IconComponent = icon ? icon : null;\n  const IconCustomComponent = iconComponent || null;\n\n  const ItemComponent = close ? Popover.Close : \"button\";\n\n  return (\n    <ItemComponent\n      style={twj(className)}\n      // onClick={className}\n      onClick={onClick}\n      disabled={disabled}\n    >\n      {IconComponent && <IconComponent style={twj(\"w-4 h-4\")} />}\n      {IconCustomComponent}\n      {label}\n    </ItemComponent>\n  );\n};\n\nexport type CategoryTitle = {\n  children: React.ReactNode;\n};\n\nexport const CategoryTitle = ({ children }: CategoryTitle) => {\n  return (\n    <div\n      style={twj(\n        \"mt-4 first:mt-1.5 mb-1.5 text-[0.625rem] font-medium text-neutral-400 dark:text-neutral-600 uppercase select-none px-1\"\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport const Divider = forwardRef<HTMLHRElement>((props, ref) => {\n  return (\n    <hr\n      {...props}\n      ref={ref}\n      style={twj(\"my-1 border-neutral-200 dark:border-neutral-800\")}\n    />\n  );\n});\n\nDivider.displayName = \"Divider\";\n"],"names":["Popover","React","forwardRef","cn","Surface","Toolbar","twj","Trigger","Portal","Menu","customTrigger","trigger","triggerClassName","children","isOpen","withPortal","tooltip","onOpenChange","Root","asChild","Button","type","style","Content","sideOffset","displayName","Item","label","close","icon","iconComponent","disabled","onClick","isActive","className","IconComponent","IconCustomComponent","ItemComponent","Close","CategoryTitle","div","Divider","props","ref","hr"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,YAAYA,aAAa,0BAA0B;AAEnD,OAAOC,SAASC,UAAU,QAAQ,QAAQ;AAC1C,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,OAAO,QAAQ,eAAe;AACvC,SAASC,OAAO,QAAQ,eAAe;AACvC,SAASC,GAAG,QAAQ,YAAY;AAEhC,OAAO,MAAMC,UAAUP,QAAQO,OAAO,CAAC;AACvC,OAAO,MAAMC,SAASR,QAAQQ,MAAM,CAAC;AAcrC,OAAO,MAAMC,OAAO,CAAC,EACnBC,aAAa,EACbC,OAAO,EACPC,gBAAgB,EAChBC,QAAQ,EACRC,MAAM,EACNC,UAAU,EACVC,OAAO,EACPC,YAAY,EACF;IACV,qBACE,MAACjB,QAAQkB,IAAI;QAACD,cAAcA;;YACzBP,8BACC,KAACH;gBAAQY,OAAO;0BAAER;+BAElB,KAACJ;gBAAQY,OAAO;0BACd,cAAA,KAACd,QAAQe,MAAM;oBACbC,MAAK;oBACLC,OAAOhB,IAAIM;oBACXI,SAAS,CAACF,SAASE,UAAU;8BAE5BL;;;YAINI,2BACC,KAACf,QAAQQ,MAAM;0BACb,cAAA,KAACR,QAAQuB,OAAO;oBAACJ,OAAO;oBAACK,YAAY;8BACnC,cAAA,KAACpB;wBACCkB,OAAOhB,IACL;kCAGDO;;;+BAKP,KAACb,QAAQuB,OAAO;gBAACJ,OAAO;gBAACK,YAAY;0BACnC,cAAA,KAACpB;oBACCkB,OAAOhB,IACL;8BAGDO;;;;;AAMb,EAAE;AAEFJ,KAAKgB,WAAW,GAAG;AAEnB,OAAO,MAAMC,OAAO,CAAC,EACnBC,KAAK,EACLC,QAAQ,IAAI,EACZC,IAAI,EACJC,aAAa,EACbC,QAAQ,EACRC,OAAO,EACPC,QAAQ,EAST;IACC,MAAMC,YAAY/B,GAChB,4HACA,CAAC8B,YAAY,CAACF,UACd,qGACAE,YACE,CAACF,YACD,6EACFA,YAAY;IAGd,MAAMI,gBAAgBN,OAAOA,OAAO;IACpC,MAAMO,sBAAsBN,iBAAiB;IAE7C,MAAMO,gBAAgBT,QAAQ5B,QAAQsC,KAAK,GAAG;IAE9C,qBACE,MAACD;QACCf,OAAOhB,IAAI4B;QACX,sBAAsB;QACtBF,SAASA;QACTD,UAAUA;;YAETI,+BAAiB,KAACA;gBAAcb,OAAOhB,IAAI;;YAC3C8B;YACAT;;;AAGP,EAAE;AAMF,OAAO,MAAMY,gBAAgB,CAAC,EAAE1B,QAAQ,EAAiB;IACvD,qBACE,KAAC2B;QACClB,OAAOhB,IACL;kBAGDO;;AAGP,EAAE;AAEF,OAAO,MAAM4B,wBAAUvC,WAA0B,CAACwC,OAAOC;IACvD,qBACE,KAACC;QACE,GAAGF,KAAK;QACTC,KAAKA;QACLrB,OAAOhB,IAAI;;AAGjB,GAAG;AAEHmC,QAAQhB,WAAW,GAAG"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/ui/PopoverMenu.tsx"],"sourcesContent":["import * as Popover from \"@radix-ui/react-popover\";\nimport { LucideIcon } from \"lucide-react\";\nimport React, { forwardRef } from \"react\";\nimport { cn } from \"../../lib/utils/index.js\";\nimport { Surface } from \"./Surface.js\";\nimport { Toolbar } from \"./Toolbar.js\";\n\nexport const Trigger = Popover.Trigger;\nexport const Portal = Popover.Portal;\n\nexport type MenuProps = {\n  children: React.ReactNode;\n  trigger: React.ReactNode;\n  triggerClassName?: string;\n  customTrigger?: boolean;\n  isOpen?: boolean;\n  onOpenChange?: (state: boolean) => void;\n  withPortal?: boolean;\n  tooltip?: string;\n  isActive?: boolean;\n};\n\nexport const Menu = ({\n  customTrigger,\n  trigger,\n  triggerClassName,\n  children,\n  isOpen,\n  withPortal,\n  tooltip,\n  onOpenChange,\n}: MenuProps) => {\n  return (\n    <Popover.Root onOpenChange={onOpenChange}>\n      {customTrigger ? (\n        <Trigger asChild>{trigger}</Trigger>\n      ) : (\n        <Trigger asChild>\n          <Toolbar.Button\n            type=\"button\"\n            className={triggerClassName}\n            tooltip={!isOpen ? tooltip : \"\"}\n          >\n            {trigger}\n          </Toolbar.Button>\n        </Trigger>\n      )}\n      {withPortal ? (\n        <Popover.Portal>\n          <Popover.Content asChild sideOffset={8}>\n            <Surface className=\"min-w-[15rem] p-2 flex flex-col gap-0.5 max-h-80 overflow-auto z-[9999]\">\n              {children}\n            </Surface>\n          </Popover.Content>\n        </Popover.Portal>\n      ) : (\n        <Popover.Content asChild sideOffset={8}>\n          <Surface className=\"min-w-[15rem] p-2 flex flex-col gap-0.5 max-h-80 overflow-auto z-[9999]\">\n            {children}\n          </Surface>\n        </Popover.Content>\n      )}\n    </Popover.Root>\n  );\n};\n\nMenu.displayName = \"Menu\";\n\nexport const Item = ({\n  label,\n  close = true,\n  icon,\n  iconComponent,\n  disabled,\n  onClick,\n  isActive,\n}: {\n  label: string | React.ReactNode;\n  icon?: LucideIcon;\n  iconComponent?: React.ReactNode;\n  close?: boolean;\n  disabled?: boolean;\n  onClick: () => void;\n  isActive?: boolean;\n}) => {\n  const className = cn(\n    \"flex items-center gap-2 p-1.5 text-sm font-medium text-neutral-500 text-left bg-transparent w-full rounded  outline-none\",\n    !isActive && !disabled,\n    \"hover:bg-neutral-100 hover:text-neutral-800 dark:hover:bg-neutral-900 dark:hover:text-neutral-200\",\n    isActive &&\n      !disabled &&\n      \"bg-neutral-100 text-neutral-800 dark:bg-neutral-900 dark:text-neutral-200\",\n    disabled && \"text-neutral-400 cursor-not-allowed dark:text-neutral-600\"\n  );\n\n  const IconComponent = icon ? icon : null;\n  const IconCustomComponent = iconComponent || null;\n\n  const ItemComponent = close ? Popover.Close : \"button\";\n\n  return (\n    <ItemComponent className={className} onClick={onClick} disabled={disabled}>\n      {IconComponent && <IconComponent className=\"w-4 h-4\" />}\n      {IconCustomComponent}\n      {label}\n    </ItemComponent>\n  );\n};\n\nexport type CategoryTitle = {\n  children: React.ReactNode;\n};\n\nexport const CategoryTitle = ({ children }: CategoryTitle) => {\n  return (\n    <div className=\"mt-4 first:mt-1.5 mb-1.5 text-[0.625rem] font-medium text-neutral-400 dark:text-neutral-600 uppercase select-none px-1\">\n      {children}\n    </div>\n  );\n};\n\nexport const Divider = forwardRef<HTMLHRElement>((props, ref) => {\n  return (\n    <hr\n      {...props}\n      ref={ref}\n      className=\"my-1 border-neutral-200 dark:border-neutral-800\"\n    />\n  );\n});\n\nDivider.displayName = \"Divider\";\n"],"names":["Popover","React","forwardRef","cn","Surface","Toolbar","Trigger","Portal","Menu","customTrigger","trigger","triggerClassName","children","isOpen","withPortal","tooltip","onOpenChange","Root","asChild","Button","type","className","Content","sideOffset","displayName","Item","label","close","icon","iconComponent","disabled","onClick","isActive","IconComponent","IconCustomComponent","ItemComponent","Close","CategoryTitle","div","Divider","props","ref","hr"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,YAAYA,aAAa,0BAA0B;AAEnD,OAAOC,SAASC,UAAU,QAAQ,QAAQ;AAC1C,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,OAAO,QAAQ,eAAe;AACvC,SAASC,OAAO,QAAQ,eAAe;AAEvC,OAAO,MAAMC,UAAUN,QAAQM,OAAO,CAAC;AACvC,OAAO,MAAMC,SAASP,QAAQO,MAAM,CAAC;AAcrC,OAAO,MAAMC,OAAO,CAAC,EACnBC,aAAa,EACbC,OAAO,EACPC,gBAAgB,EAChBC,QAAQ,EACRC,MAAM,EACNC,UAAU,EACVC,OAAO,EACPC,YAAY,EACF;IACV,qBACE,MAAChB,QAAQiB,IAAI;QAACD,cAAcA;;YACzBP,8BACC,KAACH;gBAAQY,OAAO;0BAAER;+BAElB,KAACJ;gBAAQY,OAAO;0BACd,cAAA,KAACb,QAAQc,MAAM;oBACbC,MAAK;oBACLC,WAAWV;oBACXI,SAAS,CAACF,SAASE,UAAU;8BAE5BL;;;YAINI,2BACC,KAACd,QAAQO,MAAM;0BACb,cAAA,KAACP,QAAQsB,OAAO;oBAACJ,OAAO;oBAACK,YAAY;8BACnC,cAAA,KAACnB;wBAAQiB,WAAU;kCAChBT;;;+BAKP,KAACZ,QAAQsB,OAAO;gBAACJ,OAAO;gBAACK,YAAY;0BACnC,cAAA,KAACnB;oBAAQiB,WAAU;8BAChBT;;;;;AAMb,EAAE;AAEFJ,KAAKgB,WAAW,GAAG;AAEnB,OAAO,MAAMC,OAAO,CAAC,EACnBC,KAAK,EACLC,QAAQ,IAAI,EACZC,IAAI,EACJC,aAAa,EACbC,QAAQ,EACRC,OAAO,EACPC,QAAQ,EAST;IACC,MAAMX,YAAYlB,GAChB,4HACA,CAAC6B,YAAY,CAACF,UACd,qGACAE,YACE,CAACF,YACD,6EACFA,YAAY;IAGd,MAAMG,gBAAgBL,OAAOA,OAAO;IACpC,MAAMM,sBAAsBL,iBAAiB;IAE7C,MAAMM,gBAAgBR,QAAQ3B,QAAQoC,KAAK,GAAG;IAE9C,qBACE,MAACD;QAAcd,WAAWA;QAAWU,SAASA;QAASD,UAAUA;;YAC9DG,+BAAiB,KAACA;gBAAcZ,WAAU;;YAC1Ca;YACAR;;;AAGP,EAAE;AAMF,OAAO,MAAMW,gBAAgB,CAAC,EAAEzB,QAAQ,EAAiB;IACvD,qBACE,KAAC0B;QAAIjB,WAAU;kBACZT;;AAGP,EAAE;AAEF,OAAO,MAAM2B,wBAAUrC,WAA0B,CAACsC,OAAOC;IACvD,qBACE,KAACC;QACE,GAAGF,KAAK;QACTC,KAAKA;QACLpB,WAAU;;AAGhB,GAAG;AAEHkB,QAAQf,WAAW,GAAG"}

package/dist/src/fields/TiptapEditor/features/ui/Spinner/Spinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,OAAO,qHASnB,CAAC"}
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,OAAO,qHASnB,CAAC"}

package/dist/src/fields/TiptapEditor/features/ui/Spinner/Spinner.js

@@ -2,11 +2,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
 import { forwardRef } from "react";
 import { cn } from "../../../lib/utils/index.js";
-import { twj } from "tw-to-css";
 export const Spinner = /*#__PURE__*/ forwardRef(({ className, ...rest }, ref)=>{
     const spinnerClass = cn("animate-spin rounded-full border-2 border-current border-t-transparent h-4 w-4", className);
     return /*#__PURE__*/ _jsx("div", {
-        style: twj(spinnerClass),
+        className: spinnerClass,
         ref: ref,
         ...rest
     });

package/dist/src/fields/TiptapEditor/features/ui/Spinner/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Spinner/Spinner.tsx"],"sourcesContent":["import React from \"react\";\nimport { HTMLProps, forwardRef } from \"react\";\nimport { cn } from \"../../../lib/utils/index.js\";\nimport { twj } from \"tw-to-css\";\n\nexport const Spinner = forwardRef<HTMLDivElement, HTMLProps<HTMLDivElement>>(\n  ({ className, ...rest }, ref) => {\n    const spinnerClass = cn(\n      \"animate-spin rounded-full border-2 border-current border-t-transparent h-4 w-4\",\n      className\n    );\n\n    return <div style={twj(spinnerClass)} ref={ref} {...rest} />;\n  }\n);\n\nSpinner.displayName = \"Spinner\";\n"],"names":["React","forwardRef","cn","twj","Spinner","className","rest","ref","spinnerClass","div","style","displayName"],"rangeMappings":";;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAAoBC,UAAU,QAAQ,QAAQ;AAC9C,SAASC,EAAE,QAAQ,8BAA8B;AACjD,SAASC,GAAG,QAAQ,YAAY;AAEhC,OAAO,MAAMC,wBAAUH,WACrB,CAAC,EAAEI,SAAS,EAAE,GAAGC,MAAM,EAAEC;IACvB,MAAMC,eAAeN,GACnB,kFACAG;IAGF,qBAAO,KAACI;QAAIC,OAAOP,IAAIK;QAAeD,KAAKA;QAAM,GAAGD,IAAI;;AAC1D,GACA;AAEFF,QAAQO,WAAW,GAAG"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Spinner/Spinner.tsx"],"sourcesContent":["import React from \"react\";\nimport { HTMLProps, forwardRef } from \"react\";\nimport { cn } from \"../../../lib/utils/index.js\";\n\nexport const Spinner = forwardRef<HTMLDivElement, HTMLProps<HTMLDivElement>>(\n  ({ className, ...rest }, ref) => {\n    const spinnerClass = cn(\n      \"animate-spin rounded-full border-2 border-current border-t-transparent h-4 w-4\",\n      className\n    );\n\n    return <div className={spinnerClass} ref={ref} {...rest} />;\n  }\n);\n\nSpinner.displayName = \"Spinner\";\n"],"names":["React","forwardRef","cn","Spinner","className","rest","ref","spinnerClass","div","displayName"],"rangeMappings":";;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAAoBC,UAAU,QAAQ,QAAQ;AAC9C,SAASC,EAAE,QAAQ,8BAA8B;AAEjD,OAAO,MAAMC,wBAAUF,WACrB,CAAC,EAAEG,SAAS,EAAE,GAAGC,MAAM,EAAEC;IACvB,MAAMC,eAAeL,GACnB,kFACAE;IAGF,qBAAO,KAACI;QAAIJ,WAAWG;QAAcD,KAAKA;QAAM,GAAGD,IAAI;;AACzD,GACA;AAEFF,QAAQM,WAAW,GAAG"}

package/dist/src/fields/TiptapEditor/features/ui/Surface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Surface.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/features/ui/Surface.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAIrD,MAAM,MAAM,YAAY,GAAG,SAAS,CAAC,cAAc,CAAC,GAAG;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,OAAO,kGAkBnB,CAAC"}
+{"version":3,"file":"Surface.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/features/ui/Surface.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAGrD,MAAM,MAAM,YAAY,GAAG,SAAS,CAAC,cAAc,CAAC,GAAG;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,OAAO,kGAkBnB,CAAC"}

package/dist/src/fields/TiptapEditor/features/ui/Surface.js

@@ -1,11 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { forwardRef } from "react";
 import { cn } from "../../lib/utils/index.js";
-import { twj } from "tw-to-css";
 export const Surface = /*#__PURE__*/ forwardRef(({ children, className, withShadow = true, withBorder = true, ...props }, ref)=>{
     const surfaceClass = cn(className, "bg-white rounded-lg dark:bg-black", withShadow ? "shadow-sm" : "", withBorder ? "border border-neutral-200 dark:border-neutral-800" : "");
     return /*#__PURE__*/ _jsx("div", {
-        style: twj(surfaceClass),
+        className: surfaceClass,
         ...props,
         ref: ref,
         children: children

package/dist/src/fields/TiptapEditor/features/ui/Surface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/ui/Surface.tsx"],"sourcesContent":["import React, { HTMLProps, forwardRef } from \"react\";\nimport { cn } from \"../../lib/utils/index.js\";\nimport { twj } from \"tw-to-css\";\n\nexport type SurfaceProps = HTMLProps<HTMLDivElement> & {\n  withShadow?: boolean;\n  withBorder?: boolean;\n};\n\nexport const Surface = forwardRef<HTMLDivElement, SurfaceProps>(\n  (\n    { children, className, withShadow = true, withBorder = true, ...props },\n    ref\n  ) => {\n    const surfaceClass = cn(\n      className,\n      \"bg-white rounded-lg dark:bg-black\",\n      withShadow ? \"shadow-sm\" : \"\",\n      withBorder ? \"border border-neutral-200 dark:border-neutral-800\" : \"\"\n    );\n\n    return (\n      <div style={twj(surfaceClass)} {...props} ref={ref}>\n        {children}\n      </div>\n    );\n  }\n);\n\nSurface.displayName = \"Surface\";\n"],"names":["React","forwardRef","cn","twj","Surface","children","className","withShadow","withBorder","props","ref","surfaceClass","div","style","displayName"],"rangeMappings":";;;;;;;;;;;;;","mappings":";AAAA,OAAOA,SAAoBC,UAAU,QAAQ,QAAQ;AACrD,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,GAAG,QAAQ,YAAY;AAOhC,OAAO,MAAMC,wBAAUH,WACrB,CACE,EAAEI,QAAQ,EAAEC,SAAS,EAAEC,aAAa,IAAI,EAAEC,aAAa,IAAI,EAAE,GAAGC,OAAO,EACvEC;IAEA,MAAMC,eAAeT,GACnBI,WACA,qCACAC,aAAa,cAAc,IAC3BC,aAAa,sDAAsD;IAGrE,qBACE,KAACI;QAAIC,OAAOV,IAAIQ;QAAgB,GAAGF,KAAK;QAAEC,KAAKA;kBAC5CL;;AAGP,GACA;AAEFD,QAAQU,WAAW,GAAG"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/ui/Surface.tsx"],"sourcesContent":["import React, { HTMLProps, forwardRef } from \"react\";\nimport { cn } from \"../../lib/utils/index.js\";\n\nexport type SurfaceProps = HTMLProps<HTMLDivElement> & {\n  withShadow?: boolean;\n  withBorder?: boolean;\n};\n\nexport const Surface = forwardRef<HTMLDivElement, SurfaceProps>(\n  (\n    { children, className, withShadow = true, withBorder = true, ...props },\n    ref\n  ) => {\n    const surfaceClass = cn(\n      className,\n      \"bg-white rounded-lg dark:bg-black\",\n      withShadow ? \"shadow-sm\" : \"\",\n      withBorder ? \"border border-neutral-200 dark:border-neutral-800\" : \"\"\n    );\n\n    return (\n      <div className={surfaceClass} {...props} ref={ref}>\n        {children}\n      </div>\n    );\n  }\n);\n\nSurface.displayName = \"Surface\";\n"],"names":["React","forwardRef","cn","Surface","children","className","withShadow","withBorder","props","ref","surfaceClass","div","displayName"],"rangeMappings":";;;;;;;;;;;;","mappings":";AAAA,OAAOA,SAAoBC,UAAU,QAAQ,QAAQ;AACrD,SAASC,EAAE,QAAQ,2BAA2B;AAO9C,OAAO,MAAMC,wBAAUF,WACrB,CACE,EAAEG,QAAQ,EAAEC,SAAS,EAAEC,aAAa,IAAI,EAAEC,aAAa,IAAI,EAAE,GAAGC,OAAO,EACvEC;IAEA,MAAMC,eAAeR,GACnBG,WACA,qCACAC,aAAa,cAAc,IAC3BC,aAAa,sDAAsD;IAGrE,qBACE,KAACI;QAAIN,WAAWK;QAAe,GAAGF,KAAK;QAAEC,KAAKA;kBAC3CL;;AAGP,GACA;AAEFD,QAAQS,WAAW,GAAG"}

package/dist/src/fields/TiptapEditor/features/ui/Textarea/Textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,eAAO,MAAM,QAAQ,+HAenB,CAAC"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,eAAO,MAAM,QAAQ,+HAenB,CAAC"}

package/dist/src/fields/TiptapEditor/features/ui/Textarea/Textarea.js

@@ -1,11 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { forwardRef } from "react";
 import { cn } from "../../../lib/utils/index.js";
-import { twj } from "tw-to-css";
 export const Textarea = /*#__PURE__*/ forwardRef(({ className, ...rest }, ref)=>{
     const textAreaClassName = cn("bg-black/5 border-0 rounded-lg caret-black block text-black text-sm font-medium h-[4.5rem] px-2 py-1 w-full", "dark:bg-white/10 dark:text-white dark:caret-white", "hover:bg-black/10", "dark:hover:bg-white/20", "focus:bg-transparent active:bg-transparent focus:outline focus:outline-black active:outline active:outline-black", "dark:focus:outline-white dark:active:outline-white", className);
     return /*#__PURE__*/ _jsx("textarea", {
-        style: twj(textAreaClassName),
+        className: textAreaClassName,
         ref: ref,
         ...rest
     });

package/dist/src/fields/TiptapEditor/features/ui/Textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Textarea/Textarea.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { cn } from \"../../../lib/utils/index.js\";\nimport { twj } from \"tw-to-css\";\n\nexport const Textarea = forwardRef<\n  HTMLTextAreaElement,\n  React.TextareaHTMLAttributes<HTMLTextAreaElement>\n>(({ className, ...rest }, ref) => {\n  const textAreaClassName = cn(\n    \"bg-black/5 border-0 rounded-lg caret-black block text-black text-sm font-medium h-[4.5rem] px-2 py-1 w-full\",\n    \"dark:bg-white/10 dark:text-white dark:caret-white\",\n    \"hover:bg-black/10\",\n    \"dark:hover:bg-white/20\",\n    \"focus:bg-transparent active:bg-transparent focus:outline focus:outline-black active:outline active:outline-black\",\n    \"dark:focus:outline-white dark:active:outline-white\",\n    className\n  );\n\n  return <textarea style={twj(textAreaClassName)} ref={ref} {...rest} />;\n});\n\nTextarea.displayName = \"Textarea\";\n"],"names":["React","forwardRef","cn","twj","Textarea","className","rest","ref","textAreaClassName","textarea","style","displayName"],"rangeMappings":";;;;;;;;;;;;","mappings":";AAAA,OAAOA,SAASC,UAAU,QAAQ,QAAQ;AAC1C,SAASC,EAAE,QAAQ,8BAA8B;AACjD,SAASC,GAAG,QAAQ,YAAY;AAEhC,OAAO,MAAMC,yBAAWH,WAGtB,CAAC,EAAEI,SAAS,EAAE,GAAGC,MAAM,EAAEC;IACzB,MAAMC,oBAAoBN,GACxB,+GACA,qDACA,qBACA,0BACA,oHACA,sDACAG;IAGF,qBAAO,KAACI;QAASC,OAAOP,IAAIK;QAAoBD,KAAKA;QAAM,GAAGD,IAAI;;AACpE,GAAG;AAEHF,SAASO,WAAW,GAAG"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Textarea/Textarea.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { cn } from \"../../../lib/utils/index.js\";\n\nexport const Textarea = forwardRef<\n  HTMLTextAreaElement,\n  React.TextareaHTMLAttributes<HTMLTextAreaElement>\n>(({ className, ...rest }, ref) => {\n  const textAreaClassName = cn(\n    \"bg-black/5 border-0 rounded-lg caret-black block text-black text-sm font-medium h-[4.5rem] px-2 py-1 w-full\",\n    \"dark:bg-white/10 dark:text-white dark:caret-white\",\n    \"hover:bg-black/10\",\n    \"dark:hover:bg-white/20\",\n    \"focus:bg-transparent active:bg-transparent focus:outline focus:outline-black active:outline active:outline-black\",\n    \"dark:focus:outline-white dark:active:outline-white\",\n    className\n  );\n\n  return <textarea className={textAreaClassName} ref={ref} {...rest} />;\n});\n\nTextarea.displayName = \"Textarea\";\n"],"names":["React","forwardRef","cn","Textarea","className","rest","ref","textAreaClassName","textarea","displayName"],"rangeMappings":";;;;;;;;;;;","mappings":";AAAA,OAAOA,SAASC,UAAU,QAAQ,QAAQ;AAC1C,SAASC,EAAE,QAAQ,8BAA8B;AAEjD,OAAO,MAAMC,yBAAWF,WAGtB,CAAC,EAAEG,SAAS,EAAE,GAAGC,MAAM,EAAEC;IACzB,MAAMC,oBAAoBL,GACxB,+GACA,qDACA,qBACA,0BACA,oHACA,sDACAE;IAGF,qBAAO,KAACI;QAASJ,WAAWG;QAAmBD,KAAKA;QAAM,GAAGD,IAAI;;AACnE,GAAG;AAEHF,SAASM,WAAW,GAAG"}

package/dist/src/fields/TiptapEditor/features/ui/Toggle/Toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAI3C,MAAM,MAAM,WAAW,GAAG;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,MAAM,gCAIhB,WAAW,sBA+Cb,CAAC"}
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C,MAAM,MAAM,WAAW,GAAG;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,MAAM,gCAIhB,WAAW,sBA0Cb,CAAC"}

package/dist/src/fields/TiptapEditor/features/ui/Toggle/Toggle.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useCallback } from "react";
 import { cn } from "../../../lib/utils/index.js";
-import { twj } from "tw-to-css";
 export const Toggle = ({ onChange, active = false, size = "large" })=>{
     const state = active ? "checked" : "unchecked";
     const value = active ? "on" : "off";
@@ -14,8 +13,7 @@ export const Toggle = ({ onChange, active = false, size = "large" })=>{
         onChange
     ]);
     return /*#__PURE__*/ _jsx("button", {
-        style: twj(buttonClass),
-        // className={buttonClass}
+        className: buttonClass,
         type: "button",
         role: "switch",
         "aria-checked": active,
@@ -23,8 +21,7 @@ export const Toggle = ({ onChange, active = false, size = "large" })=>{
         value: value,
         onClick: handleChange,
         children: /*#__PURE__*/ _jsx("span", {
-            style: twj(pinClass),
-            // className={pinClass}
+            className: pinClass,
             "data-state": state
         })
     });

package/dist/src/fields/TiptapEditor/features/ui/Toggle/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Toggle/Toggle.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { cn } from \"../../../lib/utils/index.js\";\nimport { twj } from \"tw-to-css\";\n\nexport type ToggleProps = {\n  active?: boolean;\n  onChange: (active: boolean) => void;\n  size?: \"small\" | \"large\";\n};\n\nexport const Toggle = ({\n  onChange,\n  active = false,\n  size = \"large\",\n}: ToggleProps) => {\n  const state = active ? \"checked\" : \"unchecked\";\n  const value = active ? \"on\" : \"off\";\n\n  const buttonClass = cn(\n    \"inline-flex cursor-pointer items-center rounded-full border-transparent transition-colors\",\n    !active ? \"bg-neutral-200 hover:bg-neutral-300\" : \"bg-black\",\n    !active ? \"dark:bg-neutral-800 dark:hover:bg-neutral-700\" : \"dark:bg-white\",\n    size === \"small\" && \"h-3 w-6 px-0.5\",\n    size === \"large\" && \"h-5 w-9 px-0.5\"\n  );\n\n  const pinClass = cn(\n    \"rounded-full pointer-events-none block transition-transform\",\n    \"bg-white dark:bg-black\",\n    size === \"small\" && \"h-2 w-2\",\n    size === \"large\" && \"h-4 w-4\",\n    active\n      ? cn(\n          size === \"small\" ? \"translate-x-3\" : \"\",\n          size === \"large\" ? \"translate-x-4\" : \"\"\n        )\n      : \"translate-x-0\"\n  );\n\n  const handleChange = useCallback(() => {\n    onChange(!active);\n  }, [active, onChange]);\n\n  return (\n    <button\n      style={twj(buttonClass)}\n      // className={buttonClass}\n      type=\"button\"\n      role=\"switch\"\n      aria-checked={active}\n      data-state={state}\n      value={value}\n      onClick={handleChange}\n    >\n      <span\n        style={twj(pinClass)}\n        // className={pinClass}\n        data-state={state}\n      />\n    </button>\n  );\n};\n"],"names":["React","useCallback","cn","twj","Toggle","onChange","active","size","state","value","buttonClass","pinClass","handleChange","button","style","type","role","aria-checked","data-state","onClick","span"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,SAASC,WAAW,QAAQ,QAAQ;AAC3C,SAASC,EAAE,QAAQ,8BAA8B;AACjD,SAASC,GAAG,QAAQ,YAAY;AAQhC,OAAO,MAAMC,SAAS,CAAC,EACrBC,QAAQ,EACRC,SAAS,KAAK,EACdC,OAAO,OAAO,EACF;IACZ,MAAMC,QAAQF,SAAS,YAAY;IACnC,MAAMG,QAAQH,SAAS,OAAO;IAE9B,MAAMI,cAAcR,GAClB,6FACA,CAACI,SAAS,wCAAwC,YAClD,CAACA,SAAS,kDAAkD,iBAC5DC,SAAS,WAAW,kBACpBA,SAAS,WAAW;IAGtB,MAAMI,WAAWT,GACf,+DACA,0BACAK,SAAS,WAAW,WACpBA,SAAS,WAAW,WACpBD,SACIJ,GACEK,SAAS,UAAU,kBAAkB,IACrCA,SAAS,UAAU,kBAAkB,MAEvC;IAGN,MAAMK,eAAeX,YAAY;QAC/BI,SAAS,CAACC;IACZ,GAAG;QAACA;QAAQD;KAAS;IAErB,qBACE,KAACQ;QACCC,OAAOX,IAAIO;QACX,0BAA0B;QAC1BK,MAAK;QACLC,MAAK;QACLC,gBAAcX;QACdY,cAAYV;QACZC,OAAOA;QACPU,SAASP;kBAET,cAAA,KAACQ;YACCN,OAAOX,IAAIQ;YACX,uBAAuB;YACvBO,cAAYV;;;AAIpB,EAAE"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Toggle/Toggle.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { cn } from \"../../../lib/utils/index.js\";\n\nexport type ToggleProps = {\n  active?: boolean;\n  onChange: (active: boolean) => void;\n  size?: \"small\" | \"large\";\n};\n\nexport const Toggle = ({\n  onChange,\n  active = false,\n  size = \"large\",\n}: ToggleProps) => {\n  const state = active ? \"checked\" : \"unchecked\";\n  const value = active ? \"on\" : \"off\";\n\n  const buttonClass = cn(\n    \"inline-flex cursor-pointer items-center rounded-full border-transparent transition-colors\",\n    !active ? \"bg-neutral-200 hover:bg-neutral-300\" : \"bg-black\",\n    !active ? \"dark:bg-neutral-800 dark:hover:bg-neutral-700\" : \"dark:bg-white\",\n    size === \"small\" && \"h-3 w-6 px-0.5\",\n    size === \"large\" && \"h-5 w-9 px-0.5\"\n  );\n\n  const pinClass = cn(\n    \"rounded-full pointer-events-none block transition-transform\",\n    \"bg-white dark:bg-black\",\n    size === \"small\" && \"h-2 w-2\",\n    size === \"large\" && \"h-4 w-4\",\n    active\n      ? cn(\n          size === \"small\" ? \"translate-x-3\" : \"\",\n          size === \"large\" ? \"translate-x-4\" : \"\"\n        )\n      : \"translate-x-0\"\n  );\n\n  const handleChange = useCallback(() => {\n    onChange(!active);\n  }, [active, onChange]);\n\n  return (\n    <button\n      className={buttonClass}\n      type=\"button\"\n      role=\"switch\"\n      aria-checked={active}\n      data-state={state}\n      value={value}\n      onClick={handleChange}\n    >\n      <span className={pinClass} data-state={state} />\n    </button>\n  );\n};\n"],"names":["React","useCallback","cn","Toggle","onChange","active","size","state","value","buttonClass","pinClass","handleChange","button","className","type","role","aria-checked","data-state","onClick","span"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,SAASC,WAAW,QAAQ,QAAQ;AAC3C,SAASC,EAAE,QAAQ,8BAA8B;AAQjD,OAAO,MAAMC,SAAS,CAAC,EACrBC,QAAQ,EACRC,SAAS,KAAK,EACdC,OAAO,OAAO,EACF;IACZ,MAAMC,QAAQF,SAAS,YAAY;IACnC,MAAMG,QAAQH,SAAS,OAAO;IAE9B,MAAMI,cAAcP,GAClB,6FACA,CAACG,SAAS,wCAAwC,YAClD,CAACA,SAAS,kDAAkD,iBAC5DC,SAAS,WAAW,kBACpBA,SAAS,WAAW;IAGtB,MAAMI,WAAWR,GACf,+DACA,0BACAI,SAAS,WAAW,WACpBA,SAAS,WAAW,WACpBD,SACIH,GACEI,SAAS,UAAU,kBAAkB,IACrCA,SAAS,UAAU,kBAAkB,MAEvC;IAGN,MAAMK,eAAeV,YAAY;QAC/BG,SAAS,CAACC;IACZ,GAAG;QAACA;QAAQD;KAAS;IAErB,qBACE,KAACQ;QACCC,WAAWJ;QACXK,MAAK;QACLC,MAAK;QACLC,gBAAcX;QACdY,cAAYV;QACZC,OAAOA;QACPU,SAASP;kBAET,cAAA,KAACQ;YAAKN,WAAWH;YAAUO,cAAYV;;;AAG7C,EAAE"}

package/dist/src/fields/TiptapEditor/features/ui/Toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/features/ui/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAU,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAKzD,MAAM,MAAM,mBAAmB,GAAG;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,SAAS,CAAC,cAAc,CAAC,CAAC;AA+B9B,MAAM,MAAM,mBAAmB,GAAG;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,SAAS,CAAC,cAAc,CAAC,CAAC;AAkB9B,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACzE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,UAAU,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;IACvC,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CAClC,CAAC;AA+CF,eAAO,MAAM,OAAO;;;;iBArDT,OAAO;0BACE,MAAM;kBACd,MAAM;0BACE,MAAM,EAAE;qBACb,WAAW,CAAC,YAAY,CAAC;kBAC5B,WAAW,CAAC,SAAS,CAAC;;CAoDjC,CAAC"}
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/features/ui/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAU,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAIzD,MAAM,MAAM,mBAAmB,GAAG;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,SAAS,CAAC,cAAc,CAAC,CAAC;AA+B9B,MAAM,MAAM,mBAAmB,GAAG;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,SAAS,CAAC,cAAc,CAAC,CAAC;AAkB9B,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACzE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,UAAU,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;IACvC,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CAClC,CAAC;AA8CF,eAAO,MAAM,OAAO;;;;iBApDT,OAAO;0BACE,MAAM;kBACd,MAAM;0BACE,MAAM,EAAE;qBACb,WAAW,CAAC,YAAY,CAAC;kBAC5B,WAAW,CAAC,SAAS,CAAC;;CAmDjC,CAAC"}

package/dist/src/fields/TiptapEditor/features/ui/Toolbar.js

@@ -4,11 +4,10 @@ import { cn } from "../../lib/utils/index.js";
 import { Button } from "./Button/Button.js";
 import { Surface } from "./Surface.js";
 import Tooltip from "./Tooltip/index.js";
-import { twj } from "tw-to-css";
 const ToolbarWrapper = /*#__PURE__*/ forwardRef(({ shouldShowContent = true, children, isVertical = false, className, ...rest }, ref)=>{
     const toolbarClassName = cn("text-black inline-flex h-full leading-none gap-0.5", isVertical ? "flex-col p-2" : "flex-row p-1 items-center", className);
     return shouldShowContent && /*#__PURE__*/ _jsx(Surface, {
-        style: twj(toolbarClassName),
+        className: toolbarClassName,
         ...rest,
         ref: ref,
         children: children
@@ -18,7 +17,7 @@ ToolbarWrapper.displayName = "Toolbar";
 const ToolbarDivider = /*#__PURE__*/ forwardRef(({ horizontal, className, ...rest }, ref)=>{
     const dividerClassName = cn("bg-neutral-200 dark:bg-neutral-800", horizontal ? "w-full min-w-[1.5rem] h-[1px] my-1 first:mt-0 last:mt-0" : "h-full min-h-[1.5rem] w-[1px] mx-1 first:ml-0 last:mr-0", className);
     return /*#__PURE__*/ _jsx("div", {
-        style: twj(dividerClassName),
+        className: dividerClassName,
         ref: ref,
         ...rest
     });
@@ -29,8 +28,7 @@ const ToolbarButton = /*#__PURE__*/ forwardRef(({ children, buttonSize = "icon",
     const content = /*#__PURE__*/ _jsx(Button, {
         type: "button",
         activeClassname: activeClassname,
-        // className={buttonClass}
-        style: twj(buttonClass),
+        className: buttonClass,
         variant: variant,
         buttonSize: buttonSize,
         ref: ref,

package/dist/src/fields/TiptapEditor/features/ui/Toolbar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/ui/Toolbar.tsx"],"sourcesContent":["import { ButtonHTMLAttributes, HTMLProps, forwardRef } from \"react\";\nimport { cn } from \"../../lib/utils/index.js\";\nimport { Button, ButtonProps } from \"./Button/Button.js\";\nimport { Surface } from \"./Surface.js\";\nimport Tooltip from \"./Tooltip/index.js\";\nimport { twj } from \"tw-to-css\";\n\nexport type ToolbarWrapperProps = {\n  shouldShowContent?: boolean;\n  isVertical?: boolean;\n} & HTMLProps<HTMLDivElement>;\n\nconst ToolbarWrapper = forwardRef<HTMLDivElement, ToolbarWrapperProps>(\n  (\n    {\n      shouldShowContent = true,\n      children,\n      isVertical = false,\n      className,\n      ...rest\n    },\n    ref\n  ) => {\n    const toolbarClassName = cn(\n      \"text-black inline-flex h-full leading-none gap-0.5\",\n      isVertical ? \"flex-col p-2\" : \"flex-row p-1 items-center\",\n      className\n    );\n\n    return (\n      shouldShowContent && (\n        <Surface style={twj(toolbarClassName)} {...rest} ref={ref}>\n          {children}\n        </Surface>\n      )\n    );\n  }\n);\n\nToolbarWrapper.displayName = \"Toolbar\";\n\nexport type ToolbarDividerProps = {\n  horizontal?: boolean;\n} & HTMLProps<HTMLDivElement>;\n\nconst ToolbarDivider = forwardRef<HTMLDivElement, ToolbarDividerProps>(\n  ({ horizontal, className, ...rest }, ref) => {\n    const dividerClassName = cn(\n      \"bg-neutral-200 dark:bg-neutral-800\",\n      horizontal\n        ? \"w-full min-w-[1.5rem] h-[1px] my-1 first:mt-0 last:mt-0\"\n        : \"h-full min-h-[1.5rem] w-[1px] mx-1 first:ml-0 last:mr-0\",\n      className\n    );\n\n    return <div style={twj(dividerClassName)} ref={ref} {...rest} />;\n  }\n);\n\nToolbarDivider.displayName = \"Toolbar.Divider\";\n\nexport type ToolbarButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  active?: boolean;\n  activeClassname?: string;\n  tooltip?: string;\n  tooltipShortcut?: string[];\n  buttonSize?: ButtonProps[\"buttonSize\"];\n  variant?: ButtonProps[\"variant\"];\n};\n\nconst ToolbarButton = forwardRef<HTMLButtonElement, ToolbarButtonProps>(\n  (\n    {\n      children,\n      buttonSize = \"icon\",\n      variant = \"ghost\",\n      className,\n      tooltip,\n      tooltipShortcut,\n      activeClassname,\n      ...rest\n    },\n    ref\n  ) => {\n    const buttonClass = cn(\"gap-1 min-w-[2rem] px-2 w-auto\", className);\n\n    const content = (\n      <Button\n        type=\"button\"\n        activeClassname={activeClassname}\n        // className={buttonClass}\n        style={twj(buttonClass)}\n        variant={variant}\n        buttonSize={buttonSize}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </Button>\n    );\n\n    if (tooltip) {\n      return (\n        <Tooltip title={tooltip} shortcut={tooltipShortcut}>\n          {content}\n        </Tooltip>\n      );\n    }\n\n    return content;\n  }\n);\n\nToolbarButton.displayName = \"ToolbarButton\";\n\nexport const Toolbar = {\n  Wrapper: ToolbarWrapper,\n  Divider: ToolbarDivider,\n  Button: ToolbarButton,\n};\n"],"names":["forwardRef","cn","Button","Surface","Tooltip","twj","ToolbarWrapper","shouldShowContent","children","isVertical","className","rest","ref","toolbarClassName","style","displayName","ToolbarDivider","horizontal","dividerClassName","div","ToolbarButton","buttonSize","variant","tooltip","tooltipShortcut","activeClassname","buttonClass","content","type","title","shortcut","Toolbar","Wrapper","Divider"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAA0CA,UAAU,QAAQ,QAAQ;AACpE,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,MAAM,QAAqB,qBAAqB;AACzD,SAASC,OAAO,QAAQ,eAAe;AACvC,OAAOC,aAAa,qBAAqB;AACzC,SAASC,GAAG,QAAQ,YAAY;AAOhC,MAAMC,+BAAiBN,WACrB,CACE,EACEO,oBAAoB,IAAI,EACxBC,QAAQ,EACRC,aAAa,KAAK,EAClBC,SAAS,EACT,GAAGC,MACJ,EACDC;IAEA,MAAMC,mBAAmBZ,GACvB,sDACAQ,aAAa,iBAAiB,6BAC9BC;IAGF,OACEH,mCACE,KAACJ;QAAQW,OAAOT,IAAIQ;QAAoB,GAAGF,IAAI;QAAEC,KAAKA;kBACnDJ;;AAIT;AAGFF,eAAeS,WAAW,GAAG;AAM7B,MAAMC,+BAAiBhB,WACrB,CAAC,EAAEiB,UAAU,EAAEP,SAAS,EAAE,GAAGC,MAAM,EAAEC;IACnC,MAAMM,mBAAmBjB,GACvB,sCACAgB,aACI,4DACA,2DACJP;IAGF,qBAAO,KAACS;QAAIL,OAAOT,IAAIa;QAAmBN,KAAKA;QAAM,GAAGD,IAAI;;AAC9D;AAGFK,eAAeD,WAAW,GAAG;AAW7B,MAAMK,8BAAgBpB,WACpB,CACE,EACEQ,QAAQ,EACRa,aAAa,MAAM,EACnBC,UAAU,OAAO,EACjBZ,SAAS,EACTa,OAAO,EACPC,eAAe,EACfC,eAAe,EACf,GAAGd,MACJ,EACDC;IAEA,MAAMc,cAAczB,GAAG,kCAAkCS;IAEzD,MAAMiB,wBACJ,KAACzB;QACC0B,MAAK;QACLH,iBAAiBA;QACjB,0BAA0B;QAC1BX,OAAOT,IAAIqB;QACXJ,SAASA;QACTD,YAAYA;QACZT,KAAKA;QACJ,GAAGD,IAAI;kBAEPH;;IAIL,IAAIe,SAAS;QACX,qBACE,KAACnB;YAAQyB,OAAON;YAASO,UAAUN;sBAChCG;;IAGP;IAEA,OAAOA;AACT;AAGFP,cAAcL,WAAW,GAAG;AAE5B,OAAO,MAAMgB,UAAU;IACrBC,SAAS1B;IACT2B,SAASjB;IACTd,QAAQkB;AACV,EAAE"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/ui/Toolbar.tsx"],"sourcesContent":["import { ButtonHTMLAttributes, HTMLProps, forwardRef } from \"react\";\nimport { cn } from \"../../lib/utils/index.js\";\nimport { Button, ButtonProps } from \"./Button/Button.js\";\nimport { Surface } from \"./Surface.js\";\nimport Tooltip from \"./Tooltip/index.js\";\n\nexport type ToolbarWrapperProps = {\n  shouldShowContent?: boolean;\n  isVertical?: boolean;\n} & HTMLProps<HTMLDivElement>;\n\nconst ToolbarWrapper = forwardRef<HTMLDivElement, ToolbarWrapperProps>(\n  (\n    {\n      shouldShowContent = true,\n      children,\n      isVertical = false,\n      className,\n      ...rest\n    },\n    ref\n  ) => {\n    const toolbarClassName = cn(\n      \"text-black inline-flex h-full leading-none gap-0.5\",\n      isVertical ? \"flex-col p-2\" : \"flex-row p-1 items-center\",\n      className\n    );\n\n    return (\n      shouldShowContent && (\n        <Surface className={toolbarClassName} {...rest} ref={ref}>\n          {children}\n        </Surface>\n      )\n    );\n  }\n);\n\nToolbarWrapper.displayName = \"Toolbar\";\n\nexport type ToolbarDividerProps = {\n  horizontal?: boolean;\n} & HTMLProps<HTMLDivElement>;\n\nconst ToolbarDivider = forwardRef<HTMLDivElement, ToolbarDividerProps>(\n  ({ horizontal, className, ...rest }, ref) => {\n    const dividerClassName = cn(\n      \"bg-neutral-200 dark:bg-neutral-800\",\n      horizontal\n        ? \"w-full min-w-[1.5rem] h-[1px] my-1 first:mt-0 last:mt-0\"\n        : \"h-full min-h-[1.5rem] w-[1px] mx-1 first:ml-0 last:mr-0\",\n      className\n    );\n\n    return <div className={dividerClassName} ref={ref} {...rest} />;\n  }\n);\n\nToolbarDivider.displayName = \"Toolbar.Divider\";\n\nexport type ToolbarButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  active?: boolean;\n  activeClassname?: string;\n  tooltip?: string;\n  tooltipShortcut?: string[];\n  buttonSize?: ButtonProps[\"buttonSize\"];\n  variant?: ButtonProps[\"variant\"];\n};\n\nconst ToolbarButton = forwardRef<HTMLButtonElement, ToolbarButtonProps>(\n  (\n    {\n      children,\n      buttonSize = \"icon\",\n      variant = \"ghost\",\n      className,\n      tooltip,\n      tooltipShortcut,\n      activeClassname,\n      ...rest\n    },\n    ref\n  ) => {\n    const buttonClass = cn(\"gap-1 min-w-[2rem] px-2 w-auto\", className);\n\n    const content = (\n      <Button\n        type=\"button\"\n        activeClassname={activeClassname}\n        className={buttonClass}\n        variant={variant}\n        buttonSize={buttonSize}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </Button>\n    );\n\n    if (tooltip) {\n      return (\n        <Tooltip title={tooltip} shortcut={tooltipShortcut}>\n          {content}\n        </Tooltip>\n      );\n    }\n\n    return content;\n  }\n);\n\nToolbarButton.displayName = \"ToolbarButton\";\n\nexport const Toolbar = {\n  Wrapper: ToolbarWrapper,\n  Divider: ToolbarDivider,\n  Button: ToolbarButton,\n};\n"],"names":["forwardRef","cn","Button","Surface","Tooltip","ToolbarWrapper","shouldShowContent","children","isVertical","className","rest","ref","toolbarClassName","displayName","ToolbarDivider","horizontal","dividerClassName","div","ToolbarButton","buttonSize","variant","tooltip","tooltipShortcut","activeClassname","buttonClass","content","type","title","shortcut","Toolbar","Wrapper","Divider"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAA0CA,UAAU,QAAQ,QAAQ;AACpE,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,MAAM,QAAqB,qBAAqB;AACzD,SAASC,OAAO,QAAQ,eAAe;AACvC,OAAOC,aAAa,qBAAqB;AAOzC,MAAMC,+BAAiBL,WACrB,CACE,EACEM,oBAAoB,IAAI,EACxBC,QAAQ,EACRC,aAAa,KAAK,EAClBC,SAAS,EACT,GAAGC,MACJ,EACDC;IAEA,MAAMC,mBAAmBX,GACvB,sDACAO,aAAa,iBAAiB,6BAC9BC;IAGF,OACEH,mCACE,KAACH;QAAQM,WAAWG;QAAmB,GAAGF,IAAI;QAAEC,KAAKA;kBAClDJ;;AAIT;AAGFF,eAAeQ,WAAW,GAAG;AAM7B,MAAMC,+BAAiBd,WACrB,CAAC,EAAEe,UAAU,EAAEN,SAAS,EAAE,GAAGC,MAAM,EAAEC;IACnC,MAAMK,mBAAmBf,GACvB,sCACAc,aACI,4DACA,2DACJN;IAGF,qBAAO,KAACQ;QAAIR,WAAWO;QAAkBL,KAAKA;QAAM,GAAGD,IAAI;;AAC7D;AAGFI,eAAeD,WAAW,GAAG;AAW7B,MAAMK,8BAAgBlB,WACpB,CACE,EACEO,QAAQ,EACRY,aAAa,MAAM,EACnBC,UAAU,OAAO,EACjBX,SAAS,EACTY,OAAO,EACPC,eAAe,EACfC,eAAe,EACf,GAAGb,MACJ,EACDC;IAEA,MAAMa,cAAcvB,GAAG,kCAAkCQ;IAEzD,MAAMgB,wBACJ,KAACvB;QACCwB,MAAK;QACLH,iBAAiBA;QACjBd,WAAWe;QACXJ,SAASA;QACTD,YAAYA;QACZR,KAAKA;QACJ,GAAGD,IAAI;kBAEPH;;IAIL,IAAIc,SAAS;QACX,qBACE,KAACjB;YAAQuB,OAAON;YAASO,UAAUN;sBAChCG;;IAGP;IAEA,OAAOA;AACT;AAGFP,cAAcL,WAAW,GAAG;AAE5B,OAAO,MAAMgB,UAAU;IACrBC,SAASzB;IACT0B,SAASjB;IACTZ,QAAQgB;AACV,EAAE"}

package/dist/src/fields/TiptapEditor/features/ui/Tooltip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Tooltip/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAM,SAAS,EAAe,MAAM,OAAO,CAAC;AAInD,OAAO,EAAc,YAAY,EAAE,MAAM,YAAY,CAAC;AAsDtD,eAAO,MAAM,OAAO,0DAMjB,YAAY,KAAG,SA+CjB,CAAC;AAGF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Tooltip/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,SAAS,EAAe,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAc,YAAY,EAAE,MAAM,YAAY,CAAC;AA2BtD,eAAO,MAAM,OAAO,0DAMjB,YAAY,KAAG,SA2CjB,CAAC;AAGF,eAAe,OAAO,CAAC"}