payload-richtext-tiptap 0.0.28 → 0.0.30

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;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"}
+{"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"}

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

@@ -4,6 +4,7 @@ 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 })=>{
@@ -17,7 +18,7 @@ export const Menu = ({ customTrigger, trigger, triggerClassName, children, isOpe
                 asChild: true,
                 children: /*#__PURE__*/ _jsx(Toolbar.Button, {
                     type: "button",
-                    className: triggerClassName,
+                    style: twj(triggerClassName),
                     tooltip: !isOpen ? tooltip : "",
                     children: trigger
                 })
@@ -27,7 +28,7 @@ export const Menu = ({ customTrigger, trigger, triggerClassName, children, isOpe
                     asChild: true,
                     sideOffset: 8,
                     children: /*#__PURE__*/ _jsx(Surface, {
-                        className: "min-w-[15rem] p-2 flex flex-col gap-0.5 max-h-80 overflow-auto z-[9999]",
+                        style: twj("min-w-[15rem] p-2 flex flex-col gap-0.5 max-h-80 overflow-auto z-[9999]"),
                         children: children
                     })
                 })
@@ -35,7 +36,7 @@ export const Menu = ({ customTrigger, trigger, triggerClassName, children, isOpe
                 asChild: true,
                 sideOffset: 8,
                 children: /*#__PURE__*/ _jsx(Surface, {
-                    className: "min-w-[15rem] p-2 flex flex-col gap-0.5 max-h-80 overflow-auto z-[9999]",
+                    style: twj("min-w-[15rem] p-2 flex flex-col gap-0.5 max-h-80 overflow-auto z-[9999]"),
                     children: children
                 })
             })
@@ -49,12 +50,13 @@ export const Item = ({ label, close = true, icon, iconComponent, disabled, onCli
     const IconCustomComponent = iconComponent || null;
     const ItemComponent = close ? Popover.Close : "button";
     return /*#__PURE__*/ _jsxs(ItemComponent, {
-        className: className,
+        style: twj(className),
+        // onClick={className}
         onClick: onClick,
         disabled: disabled,
         children: [
             IconComponent && /*#__PURE__*/ _jsx(IconComponent, {
-                className: "w-4 h-4"
+                style: twj("w-4 h-4")
             }),
             IconCustomComponent,
             label
@@ -63,7 +65,7 @@ export const Item = ({ label, close = true, icon, iconComponent, disabled, onCli
 };
 export const CategoryTitle = ({ children })=>{
     return /*#__PURE__*/ _jsx("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",
+        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"),
         children: children
     });
 };
@@ -71,7 +73,7 @@ export const Divider = /*#__PURE__*/ forwardRef((props, ref)=>{
     return /*#__PURE__*/ _jsx("hr", {
         ...props,
         ref: ref,
-        className: "my-1 border-neutral-200 dark:border-neutral-800"
+        style: twj("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\";\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"}
+{"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"}

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;AAI1B,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;AAK1B,eAAO,MAAM,OAAO,qHASnB,CAAC"}

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

@@ -2,10 +2,11 @@ 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", {
-        className: spinnerClass,
+        style: twj(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\";\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"}
+{"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"}

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;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"}
+{"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"}

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

@@ -1,10 +1,11 @@
 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", {
-        className: surfaceClass,
+        style: twj(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\";\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"}
+{"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"}

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;AAG1C,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;AAI1C,eAAO,MAAM,QAAQ,+HAenB,CAAC"}

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

@@ -1,10 +1,11 @@
 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", {
-        className: textAreaClassName,
+        style: twj(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\";\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"}
+{"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"}

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;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"}
+{"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"}

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

@@ -1,6 +1,7 @@
 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";
@@ -13,7 +14,8 @@ export const Toggle = ({ onChange, active = false, size = "large" })=>{
         onChange
     ]);
     return /*#__PURE__*/ _jsx("button", {
-        className: buttonClass,
+        style: twj(buttonClass),
+        // className={buttonClass}
         type: "button",
         role: "switch",
         "aria-checked": active,
@@ -21,7 +23,8 @@ export const Toggle = ({ onChange, active = false, size = "large" })=>{
         value: value,
         onClick: handleChange,
         children: /*#__PURE__*/ _jsx("span", {
-            className: pinClass,
+            style: twj(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\";\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"}
+{"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"}

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;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"}
+{"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"}

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

@@ -4,10 +4,11 @@ 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, {
-        className: toolbarClassName,
+        style: twj(toolbarClassName),
         ...rest,
         ref: ref,
         children: children
@@ -17,7 +18,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", {
-        className: dividerClassName,
+        style: twj(dividerClassName),
         ref: ref,
         ...rest
     });
@@ -28,7 +29,8 @@ const ToolbarButton = /*#__PURE__*/ forwardRef(({ children, buttonSize = "icon",
     const content = /*#__PURE__*/ _jsx(Button, {
         type: "button",
         activeClassname: activeClassname,
-        className: buttonClass,
+        // className={buttonClass}
+        style: twj(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\";\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"}
+{"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"}

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":"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"}
+{"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"}

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

@@ -1,47 +1,48 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback } from "react";
+import { twj } from "tw-to-css";
 import Tippy from "@tippyjs/react";
 const isMac = typeof window !== "undefined" ? navigator.platform.toUpperCase().indexOf("MAC") >= 0 : false;
 const ShortcutKey = ({ children })=>{
     const className = "inline-flex items-center justify-center w-5 h-5 p-1 text-[0.625rem] rounded font-semibold leading-none border border-neutral-200 text-neutral-500 border-b-2";
     if (children === "Mod") {
         return /*#__PURE__*/ _jsx("kbd", {
-            className: className,
+            style: twj(className),
             children: isMac ? "⌘" : "Ctrl"
         }); // ⌃
     }
     if (children === "Shift") {
         return /*#__PURE__*/ _jsx("kbd", {
-            className: className,
+            style: twj(className),
             children: "⇧"
         });
     }
     if (children === "Alt") {
         return /*#__PURE__*/ _jsx("kbd", {
-            className: className,
+            style: twj(className),
             children: isMac ? "⌥" : "Alt"
         });
     }
     return /*#__PURE__*/ _jsx("kbd", {
-        className: className,
+        style: twj(className),
         children: children
     });
 };
 export const Tooltip = ({ children, enabled = true, title, shortcut, tippyOptions = {} })=>{
     const renderTooltip = useCallback((attrs)=>/*#__PURE__*/ _jsxs("span", {
-            className: "flex items-center gap-2 px-2.5 py-1 bg-white border border-neutral-100 rounded-lg shadow-sm z-[999]",
+            style: twj("flex items-center gap-2 px-2.5 py-1 bg-white border border-neutral-100 rounded-lg shadow-sm z-[999]"),
             tabIndex: -1,
             "data-placement": attrs["data-placement"],
             "data-reference-hidden": attrs["data-reference-hidden"],
             "data-escaped": attrs["data-escaped"],
             children: [
                 title && /*#__PURE__*/ _jsx("span", {
-                    className: "text-xs font-medium text-neutral-500",
+                    style: twj("text-xs font-medium text-neutral-500"),
                     children: title
                 }),
                 shortcut && /*#__PURE__*/ _jsx("span", {
-                    className: "flex items-center gap-0.5",
+                    style: twj("flex items-center gap-0.5"),
                     children: shortcut.map((shortcutKey)=>/*#__PURE__*/ _jsx(ShortcutKey, {
                             children: shortcutKey
                         }, shortcutKey))

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Tooltip/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { FC, ReactNode, useCallback } from \"react\";\n\nimport { TippyProps, TooltipProps } from \"./types.js\";\nimport Tippy from \"@tippyjs/react\";\n\nconst isMac =\n  typeof window !== \"undefined\"\n    ? navigator.platform.toUpperCase().indexOf(\"MAC\") >= 0\n    : false;\n\nconst ShortcutKey = ({ children }: { children: string }): ReactNode => {\n  const className =\n    \"inline-flex items-center justify-center w-5 h-5 p-1 text-[0.625rem] rounded font-semibold leading-none border border-neutral-200 text-neutral-500 border-b-2\";\n\n  if (children === \"Mod\") {\n    return <kbd className={className}>{isMac ? \"⌘\" : \"Ctrl\"}</kbd>; // ⌃\n  }\n\n  if (children === \"Shift\") {\n    return <kbd className={className}>⇧</kbd>;\n  }\n\n  if (children === \"Alt\") {\n    return <kbd className={className}>{isMac ? \"⌥\" : \"Alt\"}</kbd>;\n  }\n\n  return <kbd className={className}>{children}</kbd>;\n};\n\nexport const Tooltip = ({\n  children,\n  enabled = true,\n  title,\n  shortcut,\n  tippyOptions = {},\n}: TooltipProps): ReactNode => {\n  const renderTooltip = useCallback(\n    (attrs: TippyProps) => (\n      <span\n        className=\"flex items-center gap-2 px-2.5 py-1 bg-white border border-neutral-100 rounded-lg shadow-sm z-[999]\"\n        tabIndex={-1}\n        data-placement={attrs[\"data-placement\"]}\n        data-reference-hidden={attrs[\"data-reference-hidden\"]}\n        data-escaped={attrs[\"data-escaped\"]}\n      >\n        {title && (\n          <span className=\"text-xs font-medium text-neutral-500\">{title}</span>\n        )}\n        {shortcut && (\n          <span className=\"flex items-center gap-0.5\">\n            {shortcut.map((shortcutKey) => (\n              <ShortcutKey key={shortcutKey}>{shortcutKey}</ShortcutKey>\n            ))}\n          </span>\n        )}\n      </span>\n    ),\n    [shortcut, title]\n  );\n\n  if (enabled) {\n    return (\n      <TippyReact\n        delay={500}\n        offset={[0, 8]}\n        touch={false}\n        zIndex={99999}\n        appendTo={document.body}\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...tippyOptions}\n        render={renderTooltip}\n      >\n        <span>{children}</span>\n      </TippyReact>\n    );\n  }\n\n  return <>{children}</>;\n};\n\nconst TippyReact: FC<any> = Tippy as any;\nexport default Tooltip;\n"],"names":["useCallback","Tippy","isMac","window","navigator","platform","toUpperCase","indexOf","ShortcutKey","children","className","kbd","Tooltip","enabled","title","shortcut","tippyOptions","renderTooltip","attrs","span","tabIndex","data-placement","data-reference-hidden","data-escaped","map","shortcutKey","TippyReact","delay","offset","touch","zIndex","appendTo","document","body","render"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAEA,SAAwBA,WAAW,QAAQ,QAAQ;AAGnD,OAAOC,WAAW,iBAAiB;AAEnC,MAAMC,QACJ,OAAOC,WAAW,cACdC,UAAUC,QAAQ,CAACC,WAAW,GAAGC,OAAO,CAAC,UAAU,IACnD;AAEN,MAAMC,cAAc,CAAC,EAAEC,QAAQ,EAAwB;IACrD,MAAMC,YACJ;IAEF,IAAID,aAAa,OAAO;QACtB,qBAAO,KAACE;YAAID,WAAWA;sBAAYR,QAAQ,MAAM;YAAe,IAAI;IACtE;IAEA,IAAIO,aAAa,SAAS;QACxB,qBAAO,KAACE;YAAID,WAAWA;sBAAW;;IACpC;IAEA,IAAID,aAAa,OAAO;QACtB,qBAAO,KAACE;YAAID,WAAWA;sBAAYR,QAAQ,MAAM;;IACnD;IAEA,qBAAO,KAACS;QAAID,WAAWA;kBAAYD;;AACrC;AAEA,OAAO,MAAMG,UAAU,CAAC,EACtBH,QAAQ,EACRI,UAAU,IAAI,EACdC,KAAK,EACLC,QAAQ,EACRC,eAAe,CAAC,CAAC,EACJ;IACb,MAAMC,gBAAgBjB,YACpB,CAACkB,sBACC,MAACC;YACCT,WAAU;YACVU,UAAU,CAAC;YACXC,kBAAgBH,KAAK,CAAC,iBAAiB;YACvCI,yBAAuBJ,KAAK,CAAC,wBAAwB;YACrDK,gBAAcL,KAAK,CAAC,eAAe;;gBAElCJ,uBACC,KAACK;oBAAKT,WAAU;8BAAwCI;;gBAEzDC,0BACC,KAACI;oBAAKT,WAAU;8BACbK,SAASS,GAAG,CAAC,CAACC,4BACb,KAACjB;sCAA+BiB;2BAAdA;;;YAM5B;QAACV;QAAUD;KAAM;IAGnB,IAAID,SAAS;QACX,qBACE,KAACa;YACCC,OAAO;YACPC,QAAQ;gBAAC;gBAAG;aAAE;YACdC,OAAO;YACPC,QAAQ;YACRC,UAAUC,SAASC,IAAI;YAEtB,GAAGjB,YAAY;YAChBkB,QAAQjB;sBAER,cAAA,KAACE;0BAAMV;;;IAGb;IAEA,qBAAO;kBAAGA;;AACZ,EAAE;AAEF,MAAMiB,aAAsBzB;AAC5B,eAAeW,QAAQ"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Tooltip/index.tsx"],"sourcesContent":["\"use client\";\nimport { FC, ReactNode, useCallback } from \"react\";\nimport { twj } from \"tw-to-css\";\n\nimport Tippy from \"@tippyjs/react\";\nimport { TippyProps, TooltipProps } from \"./types.js\";\n\nconst isMac =\n  typeof window !== \"undefined\"\n    ? navigator.platform.toUpperCase().indexOf(\"MAC\") >= 0\n    : false;\n\nconst ShortcutKey = ({ children }: { children: string }): ReactNode => {\n  const className =\n    \"inline-flex items-center justify-center w-5 h-5 p-1 text-[0.625rem] rounded font-semibold leading-none border border-neutral-200 text-neutral-500 border-b-2\";\n\n  if (children === \"Mod\") {\n    return (\n      <kbd\n        style={twj(className)}\n        // className={className}\n      >\n        {isMac ? \"⌘\" : \"Ctrl\"}\n      </kbd>\n    ); // ⌃\n  }\n\n  if (children === \"Shift\") {\n    return (\n      <kbd\n        style={twj(className)}\n        // className={className}\n      >\n        ⇧\n      </kbd>\n    );\n  }\n\n  if (children === \"Alt\") {\n    return (\n      <kbd\n        style={twj(className)}\n        // className={className}\n      >\n        {isMac ? \"⌥\" : \"Alt\"}\n      </kbd>\n    );\n  }\n\n  return (\n    <kbd\n      style={twj(className)}\n      // className={className}\n    >\n      {children}\n    </kbd>\n  );\n};\n\nexport const Tooltip = ({\n  children,\n  enabled = true,\n  title,\n  shortcut,\n  tippyOptions = {},\n}: TooltipProps): ReactNode => {\n  const renderTooltip = useCallback(\n    (attrs: TippyProps) => (\n      <span\n        style={twj(\n          \"flex items-center gap-2 px-2.5 py-1 bg-white border border-neutral-100 rounded-lg shadow-sm z-[999]\"\n        )}\n        tabIndex={-1}\n        data-placement={attrs[\"data-placement\"]}\n        data-reference-hidden={attrs[\"data-reference-hidden\"]}\n        data-escaped={attrs[\"data-escaped\"]}\n      >\n        {title && (\n          <span style={twj(\"text-xs font-medium text-neutral-500\")}>\n            {title}\n          </span>\n        )}\n        {shortcut && (\n          <span style={twj(\"flex items-center gap-0.5\")}>\n            {shortcut.map((shortcutKey) => (\n              <ShortcutKey key={shortcutKey}>{shortcutKey}</ShortcutKey>\n            ))}\n          </span>\n        )}\n      </span>\n    ),\n    [shortcut, title]\n  );\n\n  if (enabled) {\n    return (\n      <TippyReact\n        delay={500}\n        offset={[0, 8]}\n        touch={false}\n        zIndex={99999}\n        appendTo={document.body}\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...tippyOptions}\n        render={renderTooltip}\n      >\n        <span>{children}</span>\n      </TippyReact>\n    );\n  }\n\n  return <>{children}</>;\n};\n\nconst TippyReact: FC<any> = Tippy as any;\nexport default Tooltip;\n"],"names":["useCallback","twj","Tippy","isMac","window","navigator","platform","toUpperCase","indexOf","ShortcutKey","children","className","kbd","style","Tooltip","enabled","title","shortcut","tippyOptions","renderTooltip","attrs","span","tabIndex","data-placement","data-reference-hidden","data-escaped","map","shortcutKey","TippyReact","delay","offset","touch","zIndex","appendTo","document","body","render"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,SAAwBA,WAAW,QAAQ,QAAQ;AACnD,SAASC,GAAG,QAAQ,YAAY;AAEhC,OAAOC,WAAW,iBAAiB;AAGnC,MAAMC,QACJ,OAAOC,WAAW,cACdC,UAAUC,QAAQ,CAACC,WAAW,GAAGC,OAAO,CAAC,UAAU,IACnD;AAEN,MAAMC,cAAc,CAAC,EAAEC,QAAQ,EAAwB;IACrD,MAAMC,YACJ;IAEF,IAAID,aAAa,OAAO;QACtB,qBACE,KAACE;YACCC,OAAOZ,IAAIU;sBAGVR,QAAQ,MAAM;YAEhB,IAAI;IACT;IAEA,IAAIO,aAAa,SAAS;QACxB,qBACE,KAACE;YACCC,OAAOZ,IAAIU;sBAEZ;;IAIL;IAEA,IAAID,aAAa,OAAO;QACtB,qBACE,KAACE;YACCC,OAAOZ,IAAIU;sBAGVR,QAAQ,MAAM;;IAGrB;IAEA,qBACE,KAACS;QACCC,OAAOZ,IAAIU;kBAGVD;;AAGP;AAEA,OAAO,MAAMI,UAAU,CAAC,EACtBJ,QAAQ,EACRK,UAAU,IAAI,EACdC,KAAK,EACLC,QAAQ,EACRC,eAAe,CAAC,CAAC,EACJ;IACb,MAAMC,gBAAgBnB,YACpB,CAACoB,sBACC,MAACC;YACCR,OAAOZ,IACL;YAEFqB,UAAU,CAAC;YACXC,kBAAgBH,KAAK,CAAC,iBAAiB;YACvCI,yBAAuBJ,KAAK,CAAC,wBAAwB;YACrDK,gBAAcL,KAAK,CAAC,eAAe;;gBAElCJ,uBACC,KAACK;oBAAKR,OAAOZ,IAAI;8BACde;;gBAGJC,0BACC,KAACI;oBAAKR,OAAOZ,IAAI;8BACdgB,SAASS,GAAG,CAAC,CAACC,4BACb,KAAClB;sCAA+BkB;2BAAdA;;;YAM5B;QAACV;QAAUD;KAAM;IAGnB,IAAID,SAAS;QACX,qBACE,KAACa;YACCC,OAAO;YACPC,QAAQ;gBAAC;gBAAG;aAAE;YACdC,OAAO;YACPC,QAAQ;YACRC,UAAUC,SAASC,IAAI;YAEtB,GAAGjB,YAAY;YAChBkB,QAAQjB;sBAER,cAAA,KAACE;0BAAMX;;;IAGb;IAEA,qBAAO;kBAAGA;;AACZ,EAAE;AAEF,MAAMkB,aAAsB1B;AAC5B,eAAeY,QAAQ"}

package/dist/src/fields/TiptapEditor/features/ui/crazy-spinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"crazy-spinner.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/features/ui/crazy-spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,QAAA,MAAM,YAAY,yBAQjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"crazy-spinner.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/features/ui/crazy-spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,QAAA,MAAM,YAAY,yBAkBjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/src/fields/TiptapEditor/features/ui/crazy-spinner.js

@@ -1,17 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
+import { twj } from "tw-to-css";
 const CrazySpinner = ()=>{
     return /*#__PURE__*/ _jsxs("div", {
-        className: "flex items-center justify-center gap-0.5",
+        style: twj("flex items-center justify-center gap-0.5"),
         children: [
             /*#__PURE__*/ _jsx("div", {
-                className: "h-1.5 w-1.5 animate-bounce rounded-full bg-blue-500 [animation-delay:-0.3s]"
+                style: twj("h-1.5 w-1.5 animate-bounce rounded-full bg-blue-500 [animation-delay:-0.3s]")
             }),
             /*#__PURE__*/ _jsx("div", {
-                className: "h-1.5 w-1.5 animate-bounce rounded-full bg-blue-500 [animation-delay:-0.15s]"
+                style: twj("h-1.5 w-1.5 animate-bounce rounded-full bg-blue-500 [animation-delay:-0.15s]")
             }),
             /*#__PURE__*/ _jsx("div", {
-                className: "h-1.5 w-1.5 animate-bounce rounded-full bg-blue-500"
+                style: twj("h-1.5 w-1.5 animate-bounce rounded-full bg-blue-500")
             })
         ]
     });

package/dist/src/fields/TiptapEditor/features/ui/crazy-spinner.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/ui/crazy-spinner.tsx"],"sourcesContent":["import React from \"react\";\n\nconst CrazySpinner = () => {\n  return (\n    <div className=\"flex items-center justify-center gap-0.5\">\n      <div className=\"h-1.5 w-1.5 animate-bounce rounded-full bg-blue-500 [animation-delay:-0.3s]\"></div>\n      <div className=\"h-1.5 w-1.5 animate-bounce rounded-full bg-blue-500 [animation-delay:-0.15s]\"></div>\n      <div className=\"h-1.5 w-1.5 animate-bounce rounded-full bg-blue-500\"></div>\n    </div>\n  );\n};\n\nexport default CrazySpinner;\n"],"names":["React","CrazySpinner","div","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAQ;AAE1B,MAAMC,eAAe;IACnB,qBACE,MAACC;QAAIC,WAAU;;0BACb,KAACD;gBAAIC,WAAU;;0BACf,KAACD;gBAAIC,WAAU;;0BACf,KAACD;gBAAIC,WAAU;;;;AAGrB;AAEA,eAAeF,aAAa"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/ui/crazy-spinner.tsx"],"sourcesContent":["import React from \"react\";\nimport { twj } from \"tw-to-css\";\n\nconst CrazySpinner = () => {\n  return (\n    <div style={twj(\"flex items-center justify-center gap-0.5\")}>\n      <div\n        style={twj(\n          \"h-1.5 w-1.5 animate-bounce rounded-full bg-blue-500 [animation-delay:-0.3s]\"\n        )}\n      ></div>\n      <div\n        style={twj(\n          \"h-1.5 w-1.5 animate-bounce rounded-full bg-blue-500 [animation-delay:-0.15s]\"\n        )}\n      ></div>\n      <div\n        style={twj(\"h-1.5 w-1.5 animate-bounce rounded-full bg-blue-500\")}\n      ></div>\n    </div>\n  );\n};\n\nexport default CrazySpinner;\n"],"names":["React","twj","CrazySpinner","div","style"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,GAAG,QAAQ,YAAY;AAEhC,MAAMC,eAAe;IACnB,qBACE,MAACC;QAAIC,OAAOH,IAAI;;0BACd,KAACE;gBACCC,OAAOH,IACL;;0BAGJ,KAACE;gBACCC,OAAOH,IACL;;0BAGJ,KAACE;gBACCC,OAAOH,IAAI;;;;AAInB;AAEA,eAAeC,aAAa"}

package/dist/src/fields/TiptapEditor/features/ui/scroll-area.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/features/ui/scroll-area.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAGnE,QAAA,MAAM,UAAU,+JAed,CAAC;AAGH,QAAA,MAAM,SAAS,wKAmBb,CAAC;AAGH,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/features/ui/scroll-area.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAInE,QAAA,MAAM,UAAU,+JAiBd,CAAC;AAGH,QAAA,MAAM,SAAS,wKAuBb,CAAC;AAGH,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}

package/dist/src/fields/TiptapEditor/features/ui/scroll-area.js

@@ -3,13 +3,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 import { cn } from "../../lib/utils/index.js";
+import { twj } from "tw-to-css";
 const ScrollArea = /*#__PURE__*/ React.forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ _jsxs(ScrollAreaPrimitive.Root, {
         ref: ref,
-        className: cn("relative overflow-hidden", className),
+        style: twj(cn("relative overflow-hidden", className)),
         ...props,
         children: [
             /*#__PURE__*/ _jsx(ScrollAreaPrimitive.Viewport, {
-                className: "h-full w-full rounded-[inherit]",
+                style: twj("h-full w-full rounded-[inherit]"),
                 children: children
             }),
             /*#__PURE__*/ _jsx(ScrollBar, {}),
@@ -20,10 +21,10 @@ ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
 const ScrollBar = /*#__PURE__*/ React.forwardRef(({ className, orientation = "vertical", ...props }, ref)=>/*#__PURE__*/ _jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, {
         ref: ref,
         orientation: orientation,
-        className: cn("flex touch-none select-none transition-colors", orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]", orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]", className),
+        style: twj(cn("flex touch-none select-none transition-colors", orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]", orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]", className)),
         ...props,
         children: /*#__PURE__*/ _jsx(ScrollAreaPrimitive.ScrollAreaThumb, {
-            className: "relative flex-1 rounded-full bg-border"
+            style: twj("relative flex-1 rounded-full bg-border")
         })
     }));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;

package/dist/src/fields/TiptapEditor/features/ui/scroll-area.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/ui/scroll-area.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\";\nimport { cn } from \"../../lib/utils/index.js\";\n\nconst ScrollArea = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>\n>(({ className, children, ...props }, ref) => (\n  <ScrollAreaPrimitive.Root\n    ref={ref}\n    className={cn(\"relative overflow-hidden\", className)}\n    {...props}\n  >\n    <ScrollAreaPrimitive.Viewport className=\"h-full w-full rounded-[inherit]\">\n      {children}\n    </ScrollAreaPrimitive.Viewport>\n    <ScrollBar />\n    <ScrollAreaPrimitive.Corner />\n  </ScrollAreaPrimitive.Root>\n));\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;\n\nconst ScrollBar = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>\n>(({ className, orientation = \"vertical\", ...props }, ref) => (\n  <ScrollAreaPrimitive.ScrollAreaScrollbar\n    ref={ref}\n    orientation={orientation}\n    className={cn(\n      \"flex touch-none select-none transition-colors\",\n      orientation === \"vertical\" &&\n        \"h-full w-2.5 border-l border-l-transparent p-[1px]\",\n      orientation === \"horizontal\" &&\n        \"h-2.5 flex-col border-t border-t-transparent p-[1px]\",\n      className\n    )}\n    {...props}\n  >\n    <ScrollAreaPrimitive.ScrollAreaThumb className=\"relative flex-1 rounded-full bg-border\" />\n  </ScrollAreaPrimitive.ScrollAreaScrollbar>\n));\nScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;\n\nexport { ScrollArea, ScrollBar };\n"],"names":["React","ScrollAreaPrimitive","cn","ScrollArea","forwardRef","className","children","props","ref","Root","Viewport","ScrollBar","Corner","displayName","orientation","ScrollAreaScrollbar","ScrollAreaThumb"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,YAAYC,yBAAyB,8BAA8B;AACnE,SAASC,EAAE,QAAQ,2BAA2B;AAE9C,MAAMC,2BAAaH,MAAMI,UAAU,CAGjC,CAAC,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,OAAO,EAAEC,oBACpC,MAACP,oBAAoBQ,IAAI;QACvBD,KAAKA;QACLH,WAAWH,GAAG,4BAA4BG;QACzC,GAAGE,KAAK;;0BAET,KAACN,oBAAoBS,QAAQ;gBAACL,WAAU;0BACrCC;;0BAEH,KAACK;0BACD,KAACV,oBAAoBW,MAAM;;;AAG/BT,WAAWU,WAAW,GAAGZ,oBAAoBQ,IAAI,CAACI,WAAW;AAE7D,MAAMF,0BAAYX,MAAMI,UAAU,CAGhC,CAAC,EAAEC,SAAS,EAAES,cAAc,UAAU,EAAE,GAAGP,OAAO,EAAEC,oBACpD,KAACP,oBAAoBc,mBAAmB;QACtCP,KAAKA;QACLM,aAAaA;QACbT,WAAWH,GACT,iDACAY,gBAAgB,cACd,sDACFA,gBAAgB,gBACd,wDACFT;QAED,GAAGE,KAAK;kBAET,cAAA,KAACN,oBAAoBe,eAAe;YAACX,WAAU;;;AAGnDM,UAAUE,WAAW,GAAGZ,oBAAoBc,mBAAmB,CAACF,WAAW;AAE3E,SAASV,UAAU,EAAEQ,SAAS,GAAG"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/ui/scroll-area.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\";\nimport { cn } from \"../../lib/utils/index.js\";\nimport { twj } from \"tw-to-css\";\n\nconst ScrollArea = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>\n>(({ className, children, ...props }, ref) => (\n  <ScrollAreaPrimitive.Root\n    ref={ref}\n    style={twj(cn(\"relative overflow-hidden\", className))}\n    {...props}\n  >\n    <ScrollAreaPrimitive.Viewport\n      style={twj(\"h-full w-full rounded-[inherit]\")}\n    >\n      {children}\n    </ScrollAreaPrimitive.Viewport>\n    <ScrollBar />\n    <ScrollAreaPrimitive.Corner />\n  </ScrollAreaPrimitive.Root>\n));\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;\n\nconst ScrollBar = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>\n>(({ className, orientation = \"vertical\", ...props }, ref) => (\n  <ScrollAreaPrimitive.ScrollAreaScrollbar\n    ref={ref}\n    orientation={orientation}\n    style={twj(\n      cn(\n        \"flex touch-none select-none transition-colors\",\n        orientation === \"vertical\" &&\n          \"h-full w-2.5 border-l border-l-transparent p-[1px]\",\n        orientation === \"horizontal\" &&\n          \"h-2.5 flex-col border-t border-t-transparent p-[1px]\",\n        className\n      )\n    )}\n    {...props}\n  >\n    <ScrollAreaPrimitive.ScrollAreaThumb\n      style={twj(\"relative flex-1 rounded-full bg-border\")}\n    />\n  </ScrollAreaPrimitive.ScrollAreaScrollbar>\n));\nScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;\n\nexport { ScrollArea, ScrollBar };\n"],"names":["React","ScrollAreaPrimitive","cn","twj","ScrollArea","forwardRef","className","children","props","ref","Root","style","Viewport","ScrollBar","Corner","displayName","orientation","ScrollAreaScrollbar","ScrollAreaThumb"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,YAAYC,yBAAyB,8BAA8B;AACnE,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,GAAG,QAAQ,YAAY;AAEhC,MAAMC,2BAAaJ,MAAMK,UAAU,CAGjC,CAAC,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,OAAO,EAAEC,oBACpC,MAACR,oBAAoBS,IAAI;QACvBD,KAAKA;QACLE,OAAOR,IAAID,GAAG,4BAA4BI;QACzC,GAAGE,KAAK;;0BAET,KAACP,oBAAoBW,QAAQ;gBAC3BD,OAAOR,IAAI;0BAEVI;;0BAEH,KAACM;0BACD,KAACZ,oBAAoBa,MAAM;;;AAG/BV,WAAWW,WAAW,GAAGd,oBAAoBS,IAAI,CAACK,WAAW;AAE7D,MAAMF,0BAAYb,MAAMK,UAAU,CAGhC,CAAC,EAAEC,SAAS,EAAEU,cAAc,UAAU,EAAE,GAAGR,OAAO,EAAEC,oBACpD,KAACR,oBAAoBgB,mBAAmB;QACtCR,KAAKA;QACLO,aAAaA;QACbL,OAAOR,IACLD,GACE,iDACAc,gBAAgB,cACd,sDACFA,gBAAgB,gBACd,wDACFV;QAGH,GAAGE,KAAK;kBAET,cAAA,KAACP,oBAAoBiB,eAAe;YAClCP,OAAOR,IAAI;;;AAIjBU,UAAUE,WAAW,GAAGd,oBAAoBgB,mBAAmB,CAACF,WAAW;AAE3E,SAASX,UAAU,EAAES,SAAS,GAAG"}