@chaibuilder/sdk 0.1.1 → 0.1.3

package/dist/AddBlocks-e047b93d.js

@@ -1,260 +0,0 @@
-import { j as e } from "./jsx-runtime-944c88e2.js";
-import y, { createElement as z, useState as g, useMemo as D, useCallback as G, useEffect as U, Suspense as K } from "react";
-import { has as H, first as f, filter as j, values as B, groupBy as C, mergeWith as q, isArray as L, get as V, map as v, isEmpty as N, find as W, uniq as $, includes as A, reject as P } from "lodash";
-import { useAtom as x } from "jotai";
-import { A as J, a as Q, b as X, c as Y } from "./accordion-c0176dc5.js";
-import { S as Z } from "./scroll-area-9f64a082.js";
-import { T as ee, a as se, b as T } from "./tabs-85caa1e8.js";
-import { d as re, e as oe, f as te, u as le, B as ae, S as ce } from "./useBuilderProp-81a14920.js";
-import { useDrag as M, DragPreviewImage as E } from "react-dnd";
-import { BoxIcon as ne, ExclamationTriangleIcon as ie, Cross1Icon as de } from "@radix-ui/react-icons";
-import { O as I, h as w, a as S, b as k, R as me, S as ue, T as pe, y as xe } from "./index-32d7b6e5.js";
-import "react-i18next";
-import { syncBlocksWithDefaults as R, useChaiBlocks as O } from "@chaibuilder/blocks";
-import { Loader as he } from "lucide-react";
-import { c as fe } from "./utils-ac68b2c8.js";
-import { C as ge, c as be, e as je, f as ye, g as we, T as ke, d as Te, A as Be, a as Ce } from "./textarea-0750bcd2.js";
-import { L as ve } from "./label-e770a087.js";
-import { g as Ne } from "./html-to-json-fecbbe16.js";
-import "@radix-ui/react-accordion";
-import "@radix-ui/react-scroll-area";
-import "@radix-ui/react-tabs";
-import "@radix-ui/react-slot";
-import "class-variance-authority";
-import "@radix-ui/react-tooltip";
-import "@radix-ui/react-toast";
-import "i18next";
-import "flagged";
-import "@minoru/react-dnd-treeview";
-import "react-hotkeys-hook";
-import "flat-to-nested";
-import "./Class-e6b07b79.js";
-import "redux-undo";
-import "@react-hookz/web";
-import "./CONTROLS-442caee5.js";
-import "clsx";
-import "tailwind-merge";
-import "@radix-ui/react-label";
-import "himalaya";
-const Ae = ({ block: s }) => {
-  const { type: r, icon: t, label: c } = s, { addCoreBlock: n, addPredefinedBlock: m } = I(), [u] = w(), [, i] = x(S), [, l] = x(k), h = () => {
-    H(s, "blocks") ? m(R(s.blocks), f(u)) : n(s, f(u)), l(!1), i("layers");
-  }, [, p, a] = M(() => ({
-    type: "CHAI_BLOCK",
-    item: s
-  }));
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(
-      E,
-      {
-        connect: a,
-        src: "https://placehold.co/100x30/000000/FFF?text=" + (c || r).replace(/ /g, "+")
-      }
-    ),
-    /* @__PURE__ */ e.jsxs(re, { children: [
-      /* @__PURE__ */ e.jsx(oe, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
-        "button",
-        {
-          onClick: h,
-          type: "button",
-          ref: p,
-          className: "cursor-grab space-y-2 rounded-lg border border-border p-3 text-center hover:bg-slate-300/50",
-          children: [
-            z(t || ne, { className: "w-4 h-4 mx-auto" }),
-            /* @__PURE__ */ e.jsx("p", { className: "truncate text-xs", children: c || r })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ e.jsx(te, { children: /* @__PURE__ */ e.jsx("p", { children: c || r }) })
-    ] })
-  ] });
-}, Ie = ({ block: s, closePopover: r }) => {
-  var a;
-  const [t, c] = g(!1), n = le("getExternalPredefinedBlock"), { addCoreBlock: m, addPredefinedBlock: u } = I(), [i] = w(), [, l, h] = M(
-    () => ({
-      type: "CHAI_BLOCK",
-      item: s
-    }),
-    [s]
-  ), p = G(
-    async (b) => {
-      if (b.stopPropagation(), H(s, "component")) {
-        m(s, f(i)), r();
-        return;
-      }
-      c(!0);
-      const o = await n(s);
-      N(o) || u(R(o), f(i)), r();
-    },
-    [s]
-  );
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(
-      E,
-      {
-        connect: h,
-        src: "https://placehold.co/100x30/000000/FFF?text=" + ((a = s.name || s.label) == null ? void 0 : a.replace(" ", "+"))
-      }
-    ),
-    /* @__PURE__ */ e.jsxs(
-      "div",
-      {
-        ref: l,
-        onClick: t ? () => {
-        } : p,
-        className: "relative cursor-grab overflow-hidden rounded-md border border-transparent duration-200 hover:scale-x-105 hover:border-foreground/20 hover:shadow-2xl",
-        children: [
-          t && /* @__PURE__ */ e.jsxs("div", { className: "absolute flex h-full w-full items-center justify-center bg-black bg-opacity-70", children: [
-            /* @__PURE__ */ e.jsx(he, { className: "animate-spin", size: 15, color: "white" }),
-            " ",
-            /* @__PURE__ */ e.jsx("span", { className: "pl-2 text-sm text-white", children: "Adding..." })
-          ] }),
-          s.preview ? /* @__PURE__ */ e.jsx("img", { src: s.preview, className: "min-h-[50px] w-full rounded-md border border-gray-300", alt: s.name }) : /* @__PURE__ */ e.jsx("div", { className: "flex h-20 items-center justify-center rounded-md border border-border border-gray-300 bg-gray-200", children: /* @__PURE__ */ e.jsx("p", { className: "max-w-xs text-center text-sm text-gray-700", children: s.name }) })
-        ]
-      }
-    )
-  ] });
-}, Le = () => {
-  const { data: s, isLoading: r } = me(), t = O(), c = j(B(t), { category: "custom" }), n = C(c, "group"), m = C(s, "group"), [u, i] = g(null), l = D(() => q(n, m, (o, d) => {
-    if (L(o) && L(d))
-      return [...o, ...d];
-  }), [n, m]), [, h] = x(k), [p, a] = g("Navbar"), b = V(l, p, []);
-  return /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-full max-h-full overflow-hidden py-2", children: [
-    /* @__PURE__ */ e.jsx("ul", { className: "sticky top-0 h-full w-48 space-y-1 overflow-y-auto border-r px-2", children: r ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx("li", { className: "h-8 w-full animate-pulse bg-gray-200" }),
-      /* @__PURE__ */ e.jsx("li", { className: "mt-2 h-8 w-full animate-pulse bg-gray-200" }),
-      /* @__PURE__ */ e.jsx("li", { className: "mt-2 h-8 w-full animate-pulse bg-gray-200" }),
-      /* @__PURE__ */ e.jsx("li", { className: "mt-2 h-8 w-full animate-pulse bg-gray-200" }),
-      /* @__PURE__ */ e.jsx("li", { className: "mt-2 h-8 w-full animate-pulse bg-gray-200" }),
-      /* @__PURE__ */ e.jsx("li", { className: "mt-2 h-8 w-full animate-pulse bg-gray-200" })
-    ] }) : y.Children.toArray(
-      v(l, (o, d) => /* @__PURE__ */ e.jsx(
-        "li",
-        {
-          onMouseOut: () => {
-            clearTimeout(u), i(null);
-          },
-          onMouseEnter: () => {
-            const _ = setTimeout(() => {
-              a(d);
-            }, 300);
-            i(_);
-          },
-          onClick: () => a(d),
-          className: fe(
-            "-mx-2 cursor-default rounded-md rounded-r-none px-2 py-1 text-sm font-medium capitalize",
-            p === d ? "bg-blue-500 text-white" : " text-gray-700 hover:bg-foreground/10"
-          ),
-          children: d
-        }
-      ))
-    ) }),
-    /* @__PURE__ */ e.jsx("div", { className: "h-full w-full space-y-2 overflow-y-auto px-8", children: y.Children.toArray(
-      b.map((o) => /* @__PURE__ */ e.jsx(Ie, { block: o, closePopover: () => h(!1) }))
-    ) })
-  ] });
-}, Pe = () => {
-  const [s, r] = g(""), { addPredefinedBlock: t } = I(), [c] = w(), [, n] = x(ue), [, m] = x(S), [, u] = x(k), i = () => {
-    const l = Ne(s);
-    t([...l], f(c) || null), r(""), n(!1), m("layers"), u(!1);
-  };
-  return /* @__PURE__ */ e.jsxs(ge, { className: "border-border/0 p-0 shadow-none", children: [
-    /* @__PURE__ */ e.jsxs(be, { className: "p-3", children: [
-      /* @__PURE__ */ e.jsx(je, { children: "Import HTML" }),
-      /* @__PURE__ */ e.jsx(ye, { children: "Use HTML snippets from component libraries like Tailwind UI, Flowbite, Preline, Kitwind, Tailblocks etc. or just copy paste your own HTML code. Only Tailwind CSS markup is supported." })
-    ] }),
-    /* @__PURE__ */ e.jsx(we, { className: "space-y-2 px-3 py-0", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ e.jsx(ve, { htmlFor: "current", className: "text-sm", children: "Enter HTML Code:" }),
-      /* @__PURE__ */ e.jsx(
-        ke,
-        {
-          autoFocus: !0,
-          tabIndex: 1,
-          ref: (l) => l && l.focus(),
-          defaultValue: s,
-          onChange: (l) => r(l.target.value),
-          rows: 12,
-          placeholder: `<div>
-    <h1>Enter code here</h1>
-</div>`,
-          className: "resize-none overflow-x-auto whitespace-pre font-mono font-normal"
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ e.jsxs(Te, { className: "flex flex-col justify-end p-3", children: [
-      /* @__PURE__ */ e.jsx(ae, { disabled: s.trim() === "", onClick: () => i(), size: "sm", className: "w-full", children: "Import" }),
-      /* @__PURE__ */ e.jsxs(Be, { variant: "default", className: "mt-2 p-1 text-blue-400", children: [
-        /* @__PURE__ */ e.jsx(ie, { className: "h-4 w-4" }),
-        /* @__PURE__ */ e.jsx(Ce, { className: "text-sm leading-4", children: "Imported html will be added to the currently selected block. If no block is selected, the html will be added to the page." })
-      ] })
-    ] })
-  ] });
-}, Fe = Pe, F = ["ListItem", "TableHead", "TableBody", "TableRow", "TableCell", "Column"], He = (s, r) => {
-  if (!s)
-    return !A(F, r);
-  const t = s._type;
-  return t === "List" ? r === "ListItem" : t === "Table" ? r === "TableHead" || r === "TableBody" : t === "TableHead" || t === "TableBody" ? r === "TableRow" : t === "TableRow" ? r === "TableCell" : t === "Row" ? r === "Column" : !A(F, r);
-}, bs = () => {
-  const [s, r] = g("core"), [t, c] = g("basic"), n = O(), [, m] = x(pe), [, u] = x(k), [i] = w(), l = xe(), h = W(l, { _id: f(i) });
-  console.log("chaiBlocks", n);
-  const p = C(
-    j(n, (o) => He(h, o.type)),
-    "category"
-  ), a = $(v(p.core, "group"));
-  U(() => {
-    !A(a, t) && !N(a) && !N(t) && c(f(a));
-  }, [a, t]);
-  const b = (o) => c((d) => d === o ? "" : o);
-  return /* @__PURE__ */ e.jsxs("div", { className: "flex h-full flex-col overflow-hidden", children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "mb-2 flex justify-between rounded-md bg-background/30 p-1", children: [
-      /* @__PURE__ */ e.jsxs("h1", { className: "flex flex-col items-baseline px-1 text-2xl font-semibold xl:flex-row", children: [
-        "Add block",
-        /* @__PURE__ */ e.jsx("span", { className: "p-0 text-xs font-light leading-3 opacity-80 xl:pl-1", children: s === "html" ? "(Enter or paste your own HTML code)" : "(Drag & drop into tree view or click to add)" })
-      ] }),
-      /* @__PURE__ */ e.jsxs(
-        "button",
-        {
-          onClick: () => u(!1),
-          className: "flex h-max items-center gap-x-1 rounded-full border p-px text-xs text-gray-800 hover:bg-gray-100 md:p-2",
-          children: [
-            /* @__PURE__ */ e.jsx(de, { width: 12 }),
-            " Close"
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e.jsx(
-      ee,
-      {
-        onValueChange: (o) => {
-          m(""), r(o);
-        },
-        value: s,
-        className: "h-max",
-        children: /* @__PURE__ */ e.jsxs(se, { className: "grid w-full grid-cols-3", children: [
-          /* @__PURE__ */ e.jsx(T, { value: "core", children: "Core" }),
-          /* @__PURE__ */ e.jsx(T, { value: "ui-blocks", children: "UI Blocks" }),
-          /* @__PURE__ */ e.jsx(T, { value: "html", children: "Import" })
-        ] })
-      }
-    ),
-    s === "core" && /* @__PURE__ */ e.jsx(Z, { className: "-mx-1.5 h-full", children: /* @__PURE__ */ e.jsx(J, { type: "single", value: t, className: "w-full px-3", children: y.Children.toArray(
-      v(
-        a,
-        (o) => P(j(B(p.core), { group: o }), {
-          hidden: !0
-        }).length ? /* @__PURE__ */ e.jsxs(Q, { value: o, className: "border-border", children: [
-          /* @__PURE__ */ e.jsx(X, { onClick: () => b(o), className: "py-2 capitalize", children: o }),
-          /* @__PURE__ */ e.jsx(Y, { children: /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-4 gap-2", children: y.Children.toArray(
-            P(j(B(p.core), { group: o }), { hidden: !0 }).map((d) => /* @__PURE__ */ e.jsx(Ae, { block: d }))
-          ) }) })
-        ] }) : null
-      )
-    ) }) }),
-    s === "ui-blocks" && /* @__PURE__ */ e.jsx(K, { fallback: /* @__PURE__ */ e.jsx(ce, { className: "h-32 w-full" }), children: /* @__PURE__ */ e.jsx(Le, {}) }),
-    s === "html" && /* @__PURE__ */ e.jsx(Fe, {})
-  ] });
-};
-export {
-  bs as default
-};

package/dist/CanvasArea-9ce217a4.cjs

@@ -1,60 +0,0 @@
-"use strict";var He=Object.defineProperty;var Ke=(e,n,r)=>n in e?He(e,n,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[n]=r;var Z=(e,n,r)=>(Ke(e,typeof n!="symbol"?n+"":n,r),r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./jsx-runtime-5c3ac4f7.cjs"),g=require("react"),v=require("lodash"),Y=require("@radix-ui/react-icons"),G=require("./useBuilderProp-5e57d0c8.cjs"),h=require("./index-506fb888.cjs"),$e=require("react-i18next"),re=require("./separator-a597dba7.cjs"),L=require("./dropdown-menu-a9b096f9.cjs"),Ve=require("./label-167415e5.cjs"),Q=require("jotai"),Ge=require("@floating-ui/dom"),we=require("@floating-ui/react-dom"),Xe=require("react-dnd"),Ze=require("@react-hookz/web"),Je=require("@bobthered/tailwindcss-palette-generator"),Qe=require("react-wrap-balancer"),et=require("tailwind-merge"),oe=require("./CONTROLS-031e1de3.cjs"),tt=require("@chaibuilder/blocks"),ke=require("react-dom"),nt=require("./_commonjsHelpers-5a53b418.cjs");require("@radix-ui/react-slot");require("class-variance-authority");require("./utils-3c452dd0.cjs");require("clsx");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");require("i18next");require("flagged");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");require("flat-to-nested");require("./Class-0801d193.cjs");require("redux-undo");require("@radix-ui/react-separator");require("@radix-ui/react-switch");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-hover-card");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-label");const rt=()=>{const{undoCount:e,redoCount:n,undo:r,redo:a}=h.useCanvasHistory();return t.jsxRuntimeExports.jsxs("div",{className:"flex items-center",children:[t.jsxRuntimeExports.jsx(G.Button,{disabled:!e,size:"sm",onClick:r,className:"rounded-full",variant:"ghost",children:t.jsxRuntimeExports.jsx(Y.ResetIcon,{})}),t.jsxRuntimeExports.jsx(G.Button,{disabled:!n,onClick:a,size:"sm",className:"rounded-full",variant:"ghost",children:t.jsxRuntimeExports.jsx(Y.ResetIcon,{className:"rotate-180 scale-y-[-1] transform"})})]})};function st(){const[e,n]=h.useDarkMode(),{t:r}=$e.useTranslation();return t.jsxRuntimeExports.jsxs("div",{className:"flex items-center",children:[t.jsxRuntimeExports.jsx(Ve.Label,{htmlFor:"dark-mode-switch",children:r("dark_mode")}),t.jsxRuntimeExports.jsxs(L.Switch,{id:"dark-mode-switch",checked:e,onCheckedChange:()=>{n(!e)},className:`${e?"bg-violet-600":"bg-violet-300"}
-          relative ml-2 inline-flex h-[20px] w-[40px] shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus-visible:ring-2  focus-visible:ring-white focus-visible:ring-opacity-75`,children:[t.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Use setting"}),t.jsxRuntimeExports.jsx("span",{"aria-hidden":"true",className:`${e?"translate-x-5":"translate-x-0"}
-            pointer-events-none -mt-px inline-block h-[18px] w-[20px] transform rounded-full bg-white shadow-lg ring-0 transition duration-200 ease-in-out`})]})]})}const Ce=({landscape:e=!1})=>t.jsxRuntimeExports.jsxs("svg",{className:e?"rotate-90":"",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13 13",xmlSpace:"preserve",width:13,height:13,children:[t.jsxRuntimeExports.jsx("g",{strokeWidth:0}),t.jsxRuntimeExports.jsx("g",{strokeLinecap:"round",strokeLinejoin:"round"}),t.jsxRuntimeExports.jsx("path",{d:"M10.65 0H2.349a.851.851 0 0 0-.851.852v11.299c0 .47.382.852.851.852h8.3a.851.851 0 0 0 .851-.852V.852A.851.851 0 0 0 10.65 0zM6.599 12.466a.367.367 0 1 1 0-.735.367.367 0 0 1 0 .735zm3.9-1.267H2.5V1h8.001v10.199z",style:{fill:"#000"}})]}),Te=[{title:"Mobile (XS)",content:"Styles set here are applied to all screen unless edited at higher breakpoint",breakpoint:"xs",icon:t.jsxRuntimeExports.jsx(Y.MobileIcon,{}),width:400},{title:"Mobile landscape (SM)",content:"Styles set here are applied at 640px and up unless edited at higher breakpoint",breakpoint:"sm",icon:t.jsxRuntimeExports.jsx(Y.MobileIcon,{className:"rotate-90"}),width:640},{title:"Tablet (MD)",content:"Styles set here are applied at 768px and up",breakpoint:"md",icon:t.jsxRuntimeExports.jsx(Ce,{}),width:800},{title:"Tablet Landscape (LG)",content:"Styles set here are applied at 1024px and up unless edited at higher breakpoint",breakpoint:"lg",icon:t.jsxRuntimeExports.jsx(Ce,{landscape:!0}),width:1024},{title:"Desktop (XL)",content:"Styles set here are applied at 1280px and up unless edited at higher breakpoint",breakpoint:"xl",icon:t.jsxRuntimeExports.jsx(Y.LaptopIcon,{}),width:1420},{title:"Large Desktop (2XL)",content:"Styles set here are applied at 1536px and up",breakpoint:"2xl",icon:t.jsxRuntimeExports.jsx(Y.DesktopIcon,{}),width:1920}],ot=({title:e,content:n,currentBreakpoint:r,breakpoint:a,width:u,icon:o,onClick:i})=>t.jsxRuntimeExports.jsxs(L.HoverCard,{children:[t.jsxRuntimeExports.jsx(L.HoverCardTrigger,{asChild:!0,children:t.jsxRuntimeExports.jsx(G.Button,{onClick:()=>i(u),size:"sm",variant:a===r?"secondary":"ghost",children:o})}),t.jsxRuntimeExports.jsx(L.HoverCardContent,{className:"w-52 border-border",children:t.jsxRuntimeExports.jsx("div",{className:"flex justify-between space-x-4",children:t.jsxRuntimeExports.jsxs("div",{className:"space-y-1",children:[t.jsxRuntimeExports.jsx("h4",{className:"text-sm font-semibold",children:e}),t.jsxRuntimeExports.jsx("p",{className:"text-xs",children:n})]})})})]}),it=()=>{const[,e,n]=h.useCanvasWidth(),[r,a]=h.useSelectedBreakpoints(),u=o=>{r.includes(o)?r.length>2&&a(r.filter(i=>i!==o)):a(i=>[...i,o])};return t.jsxRuntimeExports.jsxs("div",{className:"flex items-center rounded-md",children:[v.map(Te.filter(o=>v.includes(r,v.toUpper(o.breakpoint))),o=>g.createElement(ot,{...o,onClick:n,key:o.breakpoint,currentBreakpoint:e})),t.jsxRuntimeExports.jsxs(L.DropdownMenu,{children:[t.jsxRuntimeExports.jsx(L.DropdownMenuTrigger,{asChild:!0,children:t.jsxRuntimeExports.jsx("span",{className:"cursor-pointer px-2.5 hover:opacity-80",children:t.jsxRuntimeExports.jsx(Y.DotsVerticalIcon,{className:"scale-90 transform"})})}),t.jsxRuntimeExports.jsxs(L.DropdownMenuContent,{className:"w-56 border-border text-xs",children:[t.jsxRuntimeExports.jsx(L.DropdownMenuLabel,{children:"Breakpoints"}),t.jsxRuntimeExports.jsx(L.DropdownMenuSeparator,{}),v.map(Te,o=>t.jsxRuntimeExports.jsx(L.DropdownMenuCheckboxItem,{disabled:o.breakpoint==="xs",onCheckedChange:()=>u(v.toUpper(o.breakpoint)),checked:v.includes(r,v.toUpper(o.breakpoint)),children:o.title},o.breakpoint))]})]})]})},at=()=>{const[e]=h.useSetAllBlocks(),{createSnapshot:n}=h.useCanvasHistory(),[,r]=h.useSelectedBlockIds(),[,a]=h.useSelectedStylingBlocks(),u=g.useCallback(()=>{e([]),r([]),a([]),n()},[e,n]);return t.jsxRuntimeExports.jsx("div",{className:"flex items-center",children:t.jsxRuntimeExports.jsxs(L.AlertDialog,{children:[t.jsxRuntimeExports.jsx(L.AlertDialogTrigger,{asChild:!0,children:t.jsxRuntimeExports.jsxs(G.Button,{size:"sm",variant:"ghost",className:"flex items-center gap-x-1",children:[t.jsxRuntimeExports.jsx(Y.EraserIcon,{})," Clear"]})}),t.jsxRuntimeExports.jsxs(L.AlertDialogContent,{className:"border-border",children:[t.jsxRuntimeExports.jsxs(L.AlertDialogHeader,{children:[t.jsxRuntimeExports.jsx(L.AlertDialogTitle,{children:"Clear whole canvas?"}),t.jsxRuntimeExports.jsx(L.AlertDialogDescription,{children:"Are you sure you want to clear the whole canvas?"})]}),t.jsxRuntimeExports.jsxs(L.AlertDialogFooter,{children:[t.jsxRuntimeExports.jsx(L.AlertDialogCancel,{children:"Cancel"}),t.jsxRuntimeExports.jsx(L.AlertDialogAction,{onClick:u,children:"Yes"})]})]})]})})},ct=()=>{const e=h.useFeatureSupport("darkMode",!1),[n]=h.useCanvasZoom();return t.jsxRuntimeExports.jsxs("div",{className:"flex h-10 items-center justify-between border-b bg-background/70 px-2",children:[t.jsxRuntimeExports.jsxs("div",{className:"flex h-full space-x-2",children:[e?t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(st,{}),t.jsxRuntimeExports.jsx(re.Separator,{orientation:"vertical"})]}):null,t.jsxRuntimeExports.jsx(it,{}),t.jsxRuntimeExports.jsx(re.Separator,{orientation:"vertical"}),t.jsxRuntimeExports.jsxs("div",{className:"flex w-12 items-center justify-center gap-x-1 space-x-0 font-medium",children:[t.jsxRuntimeExports.jsx(Y.ZoomInIcon,{className:"h-3.5 w-3.5 flex-shrink-0"})," ",t.jsxRuntimeExports.jsxs("div",{className:"text-xs leading-3",children:[v.round(n,0),"%"]})]}),t.jsxRuntimeExports.jsx(re.Separator,{orientation:"vertical"}),t.jsxRuntimeExports.jsx(rt,{})]}),t.jsxRuntimeExports.jsxs("div",{className:"flex h-full items-center space-x-2",children:[t.jsxRuntimeExports.jsx(re.Separator,{orientation:"vertical"}),t.jsxRuntimeExports.jsx(at,{})]})]})},pe={FRAMEWORK:"FRAMEWORK",STATIC:"STATIC",EMAIL:"EMAIL",PRESENTATION:"PRESENTATION",GRAPHIC:"GRAPHIC"},lt=`<!doctype html>
-<html class="scroll-smooth h-full overflow-y-auto">
-  <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script src="https://old.chaibuilder.com/offline/tailwind.cdn.js"><\/script>
-    <style>
-    html { height: 100%; overflow:auto; }
-    body { height: 100%; }
-    .air-highlight{ outline: 1px solid #42a1fc !important; outline-offset: -1px;}
-    .air-highlight-multi{ outline: 1px solid #29e503 !important; outline-offset: -1px;}
-    body{   -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;
-            -moz-user-select: none;-ms-user-select: none; user-select: none; }
-    html{
-      -ms-overflow-style: none;  /* IE and Edge */
-        scrollbar-width: none;  /* Firefox */
-    }
-    /** IMPORTANT: Make fields content editable in SAFARI */
-    [contenteditable] {-webkit-user-select: text;user-select: text;}
-
-    html::-webkit-scrollbar { width: 0 !important }
-    .aspect-auto{aspect-ratio: auto;}
-    .aspect-square{aspect-ratio: 1/1;}
-    .aspect-video{aspect-ratio: 16/9;}
-    a{ pointer-events: none !important; }
-    </style>
-    <style id="hidden-blocks"></style>
-    <style id="selected-block"></style>
-    <style id="selected-styling-block"></style>
-    <style id="highlighted-block"></style>
-  </head>
-  <body class="font-body antialiased h-full">
-    <div class="frame-root"></div>
-  </body>
-</html>`,ut=e=>{const[n]=h.useCanvasWidth(),[,r]=h.useCanvasZoom(),[a,u]=g.useState({}),o=g.useCallback(()=>{const{width:i,height:p}=e;if(i<n){const y=parseFloat((i/n).toString());let f={};p&&(f={height:p+2*p*(1-y)}),u({transform:`scale(${y})`,transformOrigin:"top left",...f,maxWidth:"none"}),r(y*100)}else u({}),r(100)},[n,e,r]);return g.useEffect(()=>{o()},[n,e,r,o]),a};var ge={exports:{}},se={exports:{}},O={};/** @license React v16.13.1
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var _e;function dt(){if(_e)return O;_e=1;var e=typeof Symbol=="function"&&Symbol.for,n=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,a=e?Symbol.for("react.fragment"):60107,u=e?Symbol.for("react.strict_mode"):60108,o=e?Symbol.for("react.profiler"):60114,i=e?Symbol.for("react.provider"):60109,p=e?Symbol.for("react.context"):60110,y=e?Symbol.for("react.async_mode"):60111,f=e?Symbol.for("react.concurrent_mode"):60111,m=e?Symbol.for("react.forward_ref"):60112,x=e?Symbol.for("react.suspense"):60113,R=e?Symbol.for("react.suspense_list"):60120,E=e?Symbol.for("react.memo"):60115,B=e?Symbol.for("react.lazy"):60116,w=e?Symbol.for("react.block"):60121,_=e?Symbol.for("react.fundamental"):60117,j=e?Symbol.for("react.responder"):60118,H=e?Symbol.for("react.scope"):60119;function q(l){if(typeof l=="object"&&l!==null){var $=l.$$typeof;switch($){case n:switch(l=l.type,l){case y:case f:case a:case o:case u:case x:return l;default:switch(l=l&&l.$$typeof,l){case p:case m:case B:case E:case i:return l;default:return $}}case r:return $}}}function N(l){return q(l)===f}return O.AsyncMode=y,O.ConcurrentMode=f,O.ContextConsumer=p,O.ContextProvider=i,O.Element=n,O.ForwardRef=m,O.Fragment=a,O.Lazy=B,O.Memo=E,O.Portal=r,O.Profiler=o,O.StrictMode=u,O.Suspense=x,O.isAsyncMode=function(l){return N(l)||q(l)===y},O.isConcurrentMode=N,O.isContextConsumer=function(l){return q(l)===p},O.isContextProvider=function(l){return q(l)===i},O.isElement=function(l){return typeof l=="object"&&l!==null&&l.$$typeof===n},O.isForwardRef=function(l){return q(l)===m},O.isFragment=function(l){return q(l)===a},O.isLazy=function(l){return q(l)===B},O.isMemo=function(l){return q(l)===E},O.isPortal=function(l){return q(l)===r},O.isProfiler=function(l){return q(l)===o},O.isStrictMode=function(l){return q(l)===u},O.isSuspense=function(l){return q(l)===x},O.isValidElementType=function(l){return typeof l=="string"||typeof l=="function"||l===a||l===f||l===o||l===u||l===x||l===R||typeof l=="object"&&l!==null&&(l.$$typeof===B||l.$$typeof===E||l.$$typeof===i||l.$$typeof===p||l.$$typeof===m||l.$$typeof===_||l.$$typeof===j||l.$$typeof===H||l.$$typeof===w)},O.typeOf=q,O}var M={};/** @license React v16.13.1
- * react-is.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var Ae;function pt(){return Ae||(Ae=1,process.env.NODE_ENV!=="production"&&function(){var e=typeof Symbol=="function"&&Symbol.for,n=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,a=e?Symbol.for("react.fragment"):60107,u=e?Symbol.for("react.strict_mode"):60108,o=e?Symbol.for("react.profiler"):60114,i=e?Symbol.for("react.provider"):60109,p=e?Symbol.for("react.context"):60110,y=e?Symbol.for("react.async_mode"):60111,f=e?Symbol.for("react.concurrent_mode"):60111,m=e?Symbol.for("react.forward_ref"):60112,x=e?Symbol.for("react.suspense"):60113,R=e?Symbol.for("react.suspense_list"):60120,E=e?Symbol.for("react.memo"):60115,B=e?Symbol.for("react.lazy"):60116,w=e?Symbol.for("react.block"):60121,_=e?Symbol.for("react.fundamental"):60117,j=e?Symbol.for("react.responder"):60118,H=e?Symbol.for("react.scope"):60119;function q(c){return typeof c=="string"||typeof c=="function"||c===a||c===f||c===o||c===u||c===x||c===R||typeof c=="object"&&c!==null&&(c.$$typeof===B||c.$$typeof===E||c.$$typeof===i||c.$$typeof===p||c.$$typeof===m||c.$$typeof===_||c.$$typeof===j||c.$$typeof===H||c.$$typeof===w)}function N(c){if(typeof c=="object"&&c!==null){var V=c.$$typeof;switch(V){case n:var ne=c.type;switch(ne){case y:case f:case a:case o:case u:case x:return ne;default:var Se=ne&&ne.$$typeof;switch(Se){case p:case m:case B:case E:case i:return Se;default:return V}}case r:return V}}}var l=y,$=f,U=p,z=i,ie=n,ae=m,ee=a,ce=B,le=E,J=r,ue=o,K=u,X=x,te=!1;function de(c){return te||(te=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),s(c)||N(c)===y}function s(c){return N(c)===f}function d(c){return N(c)===p}function T(c){return N(c)===i}function k(c){return typeof c=="object"&&c!==null&&c.$$typeof===n}function b(c){return N(c)===m}function A(c){return N(c)===a}function S(c){return N(c)===B}function C(c){return N(c)===E}function I(c){return N(c)===r}function D(c){return N(c)===o}function P(c){return N(c)===u}function F(c){return N(c)===x}M.AsyncMode=l,M.ConcurrentMode=$,M.ContextConsumer=U,M.ContextProvider=z,M.Element=ie,M.ForwardRef=ae,M.Fragment=ee,M.Lazy=ce,M.Memo=le,M.Portal=J,M.Profiler=ue,M.StrictMode=K,M.Suspense=X,M.isAsyncMode=de,M.isConcurrentMode=s,M.isContextConsumer=d,M.isContextProvider=T,M.isElement=k,M.isForwardRef=b,M.isFragment=A,M.isLazy=S,M.isMemo=C,M.isPortal=I,M.isProfiler=D,M.isStrictMode=P,M.isSuspense=F,M.isValidElementType=q,M.typeOf=N}()),M}var Ie;function Ne(){return Ie||(Ie=1,process.env.NODE_ENV==="production"?se.exports=dt():se.exports=pt()),se.exports}/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/var fe,Pe;function ft(){if(Pe)return fe;Pe=1;var e=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;function a(o){if(o==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(o)}function u(){try{if(!Object.assign)return!1;var o=new String("abc");if(o[5]="de",Object.getOwnPropertyNames(o)[0]==="5")return!1;for(var i={},p=0;p<10;p++)i["_"+String.fromCharCode(p)]=p;var y=Object.getOwnPropertyNames(i).map(function(m){return i[m]});if(y.join("")!=="0123456789")return!1;var f={};return"abcdefghijklmnopqrst".split("").forEach(function(m){f[m]=m}),Object.keys(Object.assign({},f)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return fe=u()?Object.assign:function(o,i){for(var p,y=a(o),f,m=1;m<arguments.length;m++){p=Object(arguments[m]);for(var x in p)n.call(p,x)&&(y[x]=p[x]);if(e){f=e(p);for(var R=0;R<f.length;R++)r.call(p,f[R])&&(y[f[R]]=p[f[R]])}}return y},fe}var xe,Oe;function be(){if(Oe)return xe;Oe=1;var e="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return xe=e,xe}var me,Me;function Le(){return Me||(Me=1,me=Function.call.bind(Object.prototype.hasOwnProperty)),me}var he,De;function xt(){if(De)return he;De=1;var e=function(){};if(process.env.NODE_ENV!=="production"){var n=be(),r={},a=Le();e=function(o){var i="Warning: "+o;typeof console<"u"&&console.error(i);try{throw new Error(i)}catch{}}}function u(o,i,p,y,f){if(process.env.NODE_ENV!=="production"){for(var m in o)if(a(o,m)){var x;try{if(typeof o[m]!="function"){var R=Error((y||"React class")+": "+p+" type `"+m+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof o[m]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw R.name="Invariant Violation",R}x=o[m](i,m,y,p,null,n)}catch(B){x=B}if(x&&!(x instanceof Error)&&e((y||"React class")+": type specification of "+p+" `"+m+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof x+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),x instanceof Error&&!(x.message in r)){r[x.message]=!0;var E=f?f():"";e("Failed "+p+" type: "+x.message+(E??""))}}}}return u.resetWarningCache=function(){process.env.NODE_ENV!=="production"&&(r={})},he=u,he}var ye,Be;function mt(){if(Be)return ye;Be=1;var e=Ne(),n=ft(),r=be(),a=Le(),u=xt(),o=function(){};process.env.NODE_ENV!=="production"&&(o=function(p){var y="Warning: "+p;typeof console<"u"&&console.error(y);try{throw new Error(y)}catch{}});function i(){return null}return ye=function(p,y){var f=typeof Symbol=="function"&&Symbol.iterator,m="@@iterator";function x(s){var d=s&&(f&&s[f]||s[m]);if(typeof d=="function")return d}var R="<<anonymous>>",E={array:j("array"),bigint:j("bigint"),bool:j("boolean"),func:j("function"),number:j("number"),object:j("object"),string:j("string"),symbol:j("symbol"),any:H(),arrayOf:q,element:N(),elementType:l(),instanceOf:$,node:ae(),objectOf:z,oneOf:U,oneOfType:ie,shape:ce,exact:le};function B(s,d){return s===d?s!==0||1/s===1/d:s!==s&&d!==d}function w(s,d){this.message=s,this.data=d&&typeof d=="object"?d:{},this.stack=""}w.prototype=Error.prototype;function _(s){if(process.env.NODE_ENV!=="production")var d={},T=0;function k(A,S,C,I,D,P,F){if(I=I||R,P=P||C,F!==r){if(y){var c=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw c.name="Invariant Violation",c}else if(process.env.NODE_ENV!=="production"&&typeof console<"u"){var V=I+":"+C;!d[V]&&T<3&&(o("You are manually calling a React.PropTypes validation function for the `"+P+"` prop on `"+I+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),d[V]=!0,T++)}}return S[C]==null?A?S[C]===null?new w("The "+D+" `"+P+"` is marked as required "+("in `"+I+"`, but its value is `null`.")):new w("The "+D+" `"+P+"` is marked as required in "+("`"+I+"`, but its value is `undefined`.")):null:s(S,C,I,D,P)}var b=k.bind(null,!1);return b.isRequired=k.bind(null,!0),b}function j(s){function d(T,k,b,A,S,C){var I=T[k],D=K(I);if(D!==s){var P=X(I);return new w("Invalid "+A+" `"+S+"` of type "+("`"+P+"` supplied to `"+b+"`, expected ")+("`"+s+"`."),{expectedType:s})}return null}return _(d)}function H(){return _(i)}function q(s){function d(T,k,b,A,S){if(typeof s!="function")return new w("Property `"+S+"` of component `"+b+"` has invalid PropType notation inside arrayOf.");var C=T[k];if(!Array.isArray(C)){var I=K(C);return new w("Invalid "+A+" `"+S+"` of type "+("`"+I+"` supplied to `"+b+"`, expected an array."))}for(var D=0;D<C.length;D++){var P=s(C,D,b,A,S+"["+D+"]",r);if(P instanceof Error)return P}return null}return _(d)}function N(){function s(d,T,k,b,A){var S=d[T];if(!p(S)){var C=K(S);return new w("Invalid "+b+" `"+A+"` of type "+("`"+C+"` supplied to `"+k+"`, expected a single ReactElement."))}return null}return _(s)}function l(){function s(d,T,k,b,A){var S=d[T];if(!e.isValidElementType(S)){var C=K(S);return new w("Invalid "+b+" `"+A+"` of type "+("`"+C+"` supplied to `"+k+"`, expected a single ReactElement type."))}return null}return _(s)}function $(s){function d(T,k,b,A,S){if(!(T[k]instanceof s)){var C=s.name||R,I=de(T[k]);return new w("Invalid "+A+" `"+S+"` of type "+("`"+I+"` supplied to `"+b+"`, expected ")+("instance of `"+C+"`."))}return null}return _(d)}function U(s){if(!Array.isArray(s))return process.env.NODE_ENV!=="production"&&(arguments.length>1?o("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):o("Invalid argument supplied to oneOf, expected an array.")),i;function d(T,k,b,A,S){for(var C=T[k],I=0;I<s.length;I++)if(B(C,s[I]))return null;var D=JSON.stringify(s,function(F,c){var V=X(c);return V==="symbol"?String(c):c});return new w("Invalid "+A+" `"+S+"` of value `"+String(C)+"` "+("supplied to `"+b+"`, expected one of "+D+"."))}return _(d)}function z(s){function d(T,k,b,A,S){if(typeof s!="function")return new w("Property `"+S+"` of component `"+b+"` has invalid PropType notation inside objectOf.");var C=T[k],I=K(C);if(I!=="object")return new w("Invalid "+A+" `"+S+"` of type "+("`"+I+"` supplied to `"+b+"`, expected an object."));for(var D in C)if(a(C,D)){var P=s(C,D,b,A,S+"."+D,r);if(P instanceof Error)return P}return null}return _(d)}function ie(s){if(!Array.isArray(s))return process.env.NODE_ENV!=="production"&&o("Invalid argument supplied to oneOfType, expected an instance of array."),i;for(var d=0;d<s.length;d++){var T=s[d];if(typeof T!="function")return o("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+te(T)+" at index "+d+"."),i}function k(b,A,S,C,I){for(var D=[],P=0;P<s.length;P++){var F=s[P],c=F(b,A,S,C,I,r);if(c==null)return null;c.data&&a(c.data,"expectedType")&&D.push(c.data.expectedType)}var V=D.length>0?", expected one of type ["+D.join(", ")+"]":"";return new w("Invalid "+C+" `"+I+"` supplied to "+("`"+S+"`"+V+"."))}return _(k)}function ae(){function s(d,T,k,b,A){return J(d[T])?null:new w("Invalid "+b+" `"+A+"` supplied to "+("`"+k+"`, expected a ReactNode."))}return _(s)}function ee(s,d,T,k,b){return new w((s||"React class")+": "+d+" type `"+T+"."+k+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+b+"`.")}function ce(s){function d(T,k,b,A,S){var C=T[k],I=K(C);if(I!=="object")return new w("Invalid "+A+" `"+S+"` of type `"+I+"` "+("supplied to `"+b+"`, expected `object`."));for(var D in s){var P=s[D];if(typeof P!="function")return ee(b,A,S,D,X(P));var F=P(C,D,b,A,S+"."+D,r);if(F)return F}return null}return _(d)}function le(s){function d(T,k,b,A,S){var C=T[k],I=K(C);if(I!=="object")return new w("Invalid "+A+" `"+S+"` of type `"+I+"` "+("supplied to `"+b+"`, expected `object`."));var D=n({},T[k],s);for(var P in D){var F=s[P];if(a(s,P)&&typeof F!="function")return ee(b,A,S,P,X(F));if(!F)return new w("Invalid "+A+" `"+S+"` key `"+P+"` supplied to `"+b+"`.\nBad object: "+JSON.stringify(T[k],null,"  ")+`
-Valid keys: `+JSON.stringify(Object.keys(s),null,"  "));var c=F(C,P,b,A,S+"."+P,r);if(c)return c}return null}return _(d)}function J(s){switch(typeof s){case"number":case"string":case"undefined":return!0;case"boolean":return!s;case"object":if(Array.isArray(s))return s.every(J);if(s===null||p(s))return!0;var d=x(s);if(d){var T=d.call(s),k;if(d!==s.entries){for(;!(k=T.next()).done;)if(!J(k.value))return!1}else for(;!(k=T.next()).done;){var b=k.value;if(b&&!J(b[1]))return!1}}else return!1;return!0;default:return!1}}function ue(s,d){return s==="symbol"?!0:d?d["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&d instanceof Symbol:!1}function K(s){var d=typeof s;return Array.isArray(s)?"array":s instanceof RegExp?"object":ue(d,s)?"symbol":d}function X(s){if(typeof s>"u"||s===null)return""+s;var d=K(s);if(d==="object"){if(s instanceof Date)return"date";if(s instanceof RegExp)return"regexp"}return d}function te(s){var d=X(s);switch(d){case"array":case"object":return"an "+d;case"boolean":case"date":case"regexp":return"a "+d;default:return d}}function de(s){return!s.constructor||!s.constructor.name?R:s.constructor.name}return E.checkPropTypes=u,E.resetWarningCache=u.resetWarningCache,E.PropTypes=E,E},ye}var ve,qe;function ht(){if(qe)return ve;qe=1;var e=be();function n(){}function r(){}return r.resetWarningCache=n,ve=function(){function a(i,p,y,f,m,x){if(x!==e){var R=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw R.name="Invariant Violation",R}}a.isRequired=a;function u(){return a}var o={array:a,bigint:a,bool:a,func:a,number:a,object:a,string:a,symbol:a,any:a,arrayOf:u,element:a,elementType:a,instanceOf:u,node:a,objectOf:u,oneOf:u,oneOfType:u,shape:u,exact:u,checkPropTypes:r,resetWarningCache:n};return o.PropTypes=o,o},ve}if(process.env.NODE_ENV!=="production"){var yt=Ne(),vt=!0;ge.exports=mt()(yt.isElement,vt)}else ge.exports=ht()();var gt=ge.exports;const W=nt.getDefaultExportFromCjs(gt);let Fe,We;typeof document<"u"&&(Fe=document);typeof window<"u"&&(We=window);const Ye=g.createContext({document:Fe,window:We}),Re=()=>g.useContext(Ye),{Provider:Et,Consumer:$t}=Ye;class Ue extends g.Component{componentDidMount(){this.props.contentDidMount()}componentDidUpdate(){this.props.contentDidUpdate()}render(){return g.Children.only(this.props.children)}}Z(Ue,"propTypes",{children:W.element.isRequired,contentDidMount:W.func.isRequired,contentDidUpdate:W.func.isRequired});class Ee extends g.Component{constructor(r,a){super(r,a);Z(this,"setRef",r=>{this.nodeRef.current=r;const{forwardedRef:a}=this.props;typeof a=="function"?a(r):a&&(a.current=r)});Z(this,"handleLoad",()=>{clearInterval(this.loadCheck),this.state.iframeLoaded||this.setState({iframeLoaded:!0})});Z(this,"loadCheck",()=>setInterval(()=>{this.handleLoad()},500));this._isMounted=!1,this.nodeRef=g.createRef(),this.state={iframeLoaded:!1}}componentDidMount(){this._isMounted=!0,this.getDoc()&&this.nodeRef.current.contentWindow.addEventListener("DOMContentLoaded",this.handleLoad)}componentWillUnmount(){this._isMounted=!1,this.nodeRef.current.removeEventListener("DOMContentLoaded",this.handleLoad)}getDoc(){return this.nodeRef.current?this.nodeRef.current.contentDocument:null}getMountTarget(){const r=this.getDoc();return this.props.mountTarget?r.querySelector(this.props.mountTarget):r.body.children[0]}renderFrameContents(){if(!this._isMounted)return null;const r=this.getDoc();if(!r)return null;const a=this.props.contentDidMount,u=this.props.contentDidUpdate,o=r.defaultView||r.parentView,i=t.jsxRuntimeExports.jsx(Ue,{contentDidMount:a,contentDidUpdate:u,children:t.jsxRuntimeExports.jsx(Et,{value:{document:r,window:o},children:t.jsxRuntimeExports.jsx("div",{className:"frame-content",children:this.props.children})})}),p=this.getMountTarget();return[ke.createPortal(this.props.head,this.getDoc().head),ke.createPortal(i,p)]}render(){const r={...this.props,srcDoc:this.props.initialContent,children:void 0};return delete r.head,delete r.initialContent,delete r.mountTarget,delete r.contentDidMount,delete r.contentDidUpdate,delete r.forwardedRef,t.jsxRuntimeExports.jsx("iframe",{...r,ref:this.setRef,onLoad:this.handleLoad,children:this.state.iframeLoaded&&this.renderFrameContents()})}}Z(Ee,"propTypes",{style:W.object,head:W.node,initialContent:W.string,mountTarget:W.string,contentDidMount:W.func,contentDidUpdate:W.func,children:W.oneOfType([W.element,W.arrayOf(W.element)])}),Z(Ee,"defaultProps",{style:{},head:null,children:void 0,mountTarget:void 0,contentDidMount:()=>{},contentDidUpdate:()=>{},initialContent:'<!DOCTYPE html><html><head></head><body><div class="frame-root"></div></body></html>'});const jt=g.forwardRef((e,n)=>t.jsxRuntimeExports.jsx(Ee,{...e,forwardedRef:n})),bt=({children:e})=>{const{document:n}=Re(),[r]=h.useSelectedBlockIds(),[a,u]=h.useSelectedStylingBlocks();return g.useEffect(()=>{setTimeout(()=>{if(!v.isEmpty(a))return;const o=ze(n,v.first(r));if(o){const i=o.getAttribute("data-style-prop");if(i){const p=o.getAttribute("data-style-id"),y=o.getAttribute("data-block-parent");u([{id:p,prop:i,blockId:y}])}}},100)},[n,r,u,a]),t.jsxRuntimeExports.jsx("div",{id:"canvas",className:"relative h-screen max-w-full outline-2",children:e})},ze=(e,n)=>e.querySelector(`[data-block-id="${n}"]`),Rt=()=>{const{window:e}=Re(),[n,r]=h.useSelectedBlockIds(),[,a]=h.useSelectedStylingBlocks(),{undo:u,redo:o}=h.useCanvasHistory(),i=h.useDuplicateBlocks(),[,p]=h.useCutBlockIds(),[,y]=h.useCopyBlockIds(),{pasteBlocks:f}=h.usePasteBlocks(),[,m]=h.usePreviewMode(),x=h.useRemoveBlocks(),{savePage:R}=h.useSavePage(),[E]=Q.useAtom(h.inlineEditingActiveAtom),[,B]=Q.useAtom(h.editLayerNameAtom),w=_=>{_.key==="Enter"&&(_.preventDefault(),n.length===1&&B(v.first(n)))};return g.useEffect(()=>{const _=j=>{if(j.key==="Escape"){r([]),a([]);return}if(w(j),!E&&(j.key==="Delete"||j.key==="Backspace")&&(j.preventDefault(),x(n)),j.ctrlKey||j.metaKey){if(["z","y","d","x","c","p","s","v"].includes(j.key)){if(E&&["x","z","v"].includes(j.key))return!0;j.preventDefault()}j.key==="s"&&(j.stopPropagation(),j.preventDefault(),R()),j.key==="z"&&u(),j.key==="y"&&o(),j.key==="d"&&i(n),j.key==="x"&&p(n),j.key==="c"&&y(n),j.key==="v"&&n.length>0&&f(n[0])}};return e.removeEventListener("keydown",_),e.addEventListener("keydown",_),()=>{e.removeEventListener("keydown",_)}},[n,r,u,x,m,o,i,p,y,f,E,R,e]),null},St=({block:e,label:n})=>{const[,r]=Xe.useDrag(()=>({type:"CANVAS_BLOCK",item:e}));return t.jsxRuntimeExports.jsxs("div",{className:"mr-10 flex cursor-grab items-center space-x-1 px-1",ref:r,onDragStart:()=>{console.log("drag start")},children:[t.jsxRuntimeExports.jsx(Y.DragHandleDots2Icon,{}),n]})},wt=({selectedBlockElement:e,block:n})=>{const r=h.useRemoveBlocks(),a=h.useDuplicateBlocks(),[,u]=h.useSelectedBlockIds(),[,o]=h.useSelectedStylingBlocks(),{floatingStyles:i,refs:p,update:y}=we.useFloating({placement:"top-start",middleware:[we.shift(),Ge.flip()],elements:{reference:e}});Ze.useResizeObserver(e,()=>y(),e!==null);const f=v.get(n,"_parent",null),m=v.isEmpty(v.get(n,"_name",""))?v.get(n,"_type",""):v.get(n,"_name","");return!e||!n?null:t.jsxRuntimeExports.jsxs("div",{role:"button",tabIndex:0,ref:p.setFloating,style:i,onClick:x=>{x.stopPropagation(),x.preventDefault()},onKeyDown:x=>x.stopPropagation(),className:"z-50 flex h-6 items-center bg-blue-500  py-2 text-xs text-white",children:[t.jsxRuntimeExports.jsx(St,{label:m,block:n}),t.jsxRuntimeExports.jsxs("div",{className:"flex gap-2 px-1 ",children:[f&&t.jsxRuntimeExports.jsx(Y.ArrowUpIcon,{className:"hover:scale-105 ",onClick:()=>{o([]),u([f])}}),h.canDuplicateBlock(v.get(n,"_type",""))?t.jsxRuntimeExports.jsx(Y.CopyIcon,{className:"hover:scale-105 ",onClick:()=>a([n==null?void 0:n._id])}):null,h.canDeleteBlock(v.get(n,"_type",""))?t.jsxRuntimeExports.jsx(Y.TrashIcon,{className:"hover:scale-105 ",onClick:()=>r([n==null?void 0:n._id])}):null]})]})},kt=({model:e})=>{const[n]=h.useBrandingOptions(),[r]=h.useSelectedBlockIds(),[a]=h.useDarkMode(),[u]=h.useHighlightBlockId(),[o]=h.useSelectedStylingBlocks(),{document:i,window:p}=Re(),[y]=g.useState(i==null?void 0:i.getElementById("highlighted-block")),[f]=g.useState(i==null?void 0:i.getElementById("selected-block")),[m]=g.useState(i==null?void 0:i.getElementById("selected-styling-block"));g.useEffect(()=>{a?i==null||i.documentElement.classList.add("dark"):i==null||i.documentElement.classList.remove("dark")},[a,i]);const x=v.get(n,"_headingFont","DM Sans"),R=v.get(n,"_bodyFont","DM Sans");return g.useEffect(()=>{const E=v.get(n,"_primaryColor","#000"),B=v.get(n,"_secondaryColor","#FFF"),w=Je.tailwindcssPaletteGenerator({colors:[E,B],names:["primary","secondary"]});w.primary.DEFAULT=E,w.secondary.DEFAULT=B;const _=v.get(n,"_roundedCorners","0");!p||!p.tailwind||(p.tailwind.config={darkMode:"class",theme:{fontFamily:{heading:[x],body:[R]},extend:{borderRadius:{global:`${_||"0"}px`},colors:w}},plugins:[p.tailwind.plugin.withOptions(({prefix:j="ui"}={})=>({addVariant:H})=>{for(const q of["open","checked","selected","active","disabled"])H(`${j}-${q}`,[`&[data-headlessui-state~="${q}"]`,`:where([data-headlessui-state~="${q}"]) &`]),H(`${j}-not-${q}`,[`&[data-headlessui-state]:not([data-headlessui-state~="${q}"])`,`:where([data-headlessui-state]:not([data-headlessui-state~="${q}"])) &:not([data-headlessui-state])`])})]})},[n,p,x,R]),g.useEffect(()=>{f&&(f.textContent=`${v.map(r,E=>`[data-block-id="${E}"]`).join(",")}{
-                outline: 1px solid ${r.length===1?"#42a1fc":"orange"} !important; outline-offset: -1px;
-            }`)},[r,f]),g.useEffect(()=>{y&&(y.textContent=u?`[data-style-id="${u}"]{ outline: 1px solid orange !important; outline-offset: -1px;}`:"")},[u,r,y]),g.useEffect(()=>{m&&(m.textContent=`${v.map(o,({id:E})=>`[data-style-id="${E}"]`).join(",")}{
-                outline: 1px solid orange !important; outline-offset: -1px;
-            }`)},[o,m]),g.useEffect(()=>{if(e==="section")return;const E=v.get(n,"_bodyTextLightColor","#64748b"),B=v.get(n,"_bodyTextDarkColor","#94a3b8"),w=v.get(n,"_bodyBgLightColor","#FFFFFF"),_=v.get(n,"_bodyBgDarkColor","#0f172a");i.body.className=`font-body antialiased text-[${E}] bg-[${w}] dark:text-[${B}] dark:bg-[${_}]`},[n,i,e]),e==="page"?t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[x&&t.jsxRuntimeExports.jsx("link",{id:"heading-font",rel:"stylesheet",type:"text/css",href:`https://fonts.googleapis.com/css2?family=${x.replace(/ /g,"+")}:wght@300;400;500;600;700;800;900&display=swap`,media:"all"}),R&&x!==R&&t.jsxRuntimeExports.jsx("link",{id:"body-font",rel:"stylesheet",type:"text/css",href:`https://fonts.googleapis.com/css2?family=${R.replace(/ /g,"+")}:wght@300;400;500;600;700;800;900&display=swap`,media:"all"}),x&&t.jsxRuntimeExports.jsx("style",{children:`h1,h2,h3,h4,h5,h6{font-family: "${x}",ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}`})]}):null},Ct=()=>{const{t:e}=$e.useTranslation();return t.jsxRuntimeExports.jsx("div",{className:"my-auto py-24 text-center text-gray-600 dark:text-white",children:t.jsxRuntimeExports.jsx("h1",{className:"mb-10 text-4xl ",children:e("canvas_empty")})})},Tt=e=>{const n={};return Object.keys(e).forEach(r=>{v.isString(e[r])&&e[r].startsWith(oe.SLOT_KEY)&&(n[r]=e[r].replace(oe.SLOT_KEY,"").split(","))}),n},_t=v.memoize(e=>{const n=e.replace(oe.STYLES_KEY,"").split(",");return et.twMerge(n[0],n[1])});function At(e,n){return v.get(e,`${n}_attrs`,{})}function It(e,n,r,a){const u={};return Object.keys(e).forEach(o=>{if(v.isString(e[o])&&e[o].startsWith(oe.STYLES_KEY)){const i=_t(e[o]);u[o]={className:i,"data-style-prop":o,"data-block-parent":e._id,"data-style-id":`${o}-${e._id}`,onMouseEnter:n,onMouseLeave:r,onClick:a,...At(e,o)}}}),u}function je({blocks:e}){const n=h.useAllBlocks(),[,r]=h.useHighlightBlockId(),[,a]=h.useSelectedStylingBlocks(),[,u]=h.useSelectedBlockIds(),o=g.useCallback(f=>{var x;const m=(x=f.currentTarget)==null?void 0:x.getAttribute("data-style-id");r(m||""),f.stopPropagation()},[r]),i=g.useCallback(f=>{r(""),f.stopPropagation()},[r]),p=g.useCallback(f=>{f.stopPropagation();const m=f.currentTarget;if(m.getAttribute("data-block-parent")){const x=m.getAttribute("data-style-prop"),R=m.getAttribute("data-style-id"),E=m.getAttribute("data-block-parent");a([{id:R,prop:x,blockId:E}]),u([E])}else if(m.getAttribute("data-block-id")&&(u([m.getAttribute("data-block-id")]),m.getAttribute("data-block-parent"))){const x=m.getAttribute("data-style-prop"),R=m.getAttribute("data-style-id"),E=m.getAttribute("data-block-parent");a([{id:R,prop:x,blockId:E}])}},[a,u]),y=g.useCallback(f=>It(f,o,i,p),[o,i]);return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:g.Children.toArray(e.map((f,m)=>{const x=Tt(f),R={};v.isEmpty(x)||Object.keys(x).forEach(_=>{R[_]=g.Children.toArray(x[_].map(j=>t.jsxRuntimeExports.jsx(je,{blocks:[v.find(n,{_id:j})]})))});const E=v.filter(n,{_parent:f._id});R.children=E.length?t.jsxRuntimeExports.jsx(je,{blocks:E}):null;const B=tt.getBlockComponent(f._type),w=(B==null?void 0:B.component)||null;return g.createElement(w,{blockProps:{onClick:p,"data-block-id":f._id,"data-block-type":f._type},...f,index:m,...y(f),...R,inBuilder:!0})}))})}const Pt=()=>{const e=h.useAllBlocks();return t.jsxRuntimeExports.jsx(Qe.Provider,{children:e.length?t.jsxRuntimeExports.jsx(je,{blocks:v.filter(e,n=>v.isEmpty(n._parent))}):t.jsxRuntimeExports.jsx(Ct,{})})},Ot=(e,n)=>e.querySelector(`[data-style-id="${n}"]`),Mt=()=>{const[e]=Q.useAtom(h.networkModeAtom),[n]=h.usePreviewMode(),[r]=h.useCanvasWidth(),[,a]=h.useSelectedBlockIds(),u=h.useSelectedBlock(),[,o]=h.useHighlightBlockId(),i=g.useRef(null),p=g.useRef(null),[y,f]=g.useState({width:0,height:0}),m=ut(y),[x,R]=g.useState(0),[E,B]=g.useState([]),[,w]=g.useState([]),[,_]=Q.useAtom(h.canvasIframeAtom),[j,H]=h.useSelectedStylingBlocks(),q=G.useBuilderProp("loadingCanvas",!1);g.useEffect(()=>{const{clientWidth:$,clientHeight:U}=p.current;f({width:$,height:U}),x===0&&R($)},[p,r,x]);const N=($,U=0)=>{const{top:z}=$.getBoundingClientRect();return z+U>=0&&z-U<=window.innerHeight};g.useEffect(()=>{var $,U;if(u&&u.type!=="Multiple"&&i.current){const z=ze(i.current.contentDocument,u._id);z&&(N(z)||(U=($=i.current)==null?void 0:$.contentWindow)==null||U.scrollTo({top:z.offsetTop,behavior:"smooth"}),B([z]))}},[u]),g.useEffect(()=>{if(!v.isEmpty(j)&&i.current){const $=Ot(i.current.contentDocument,v.first(j).id);w($?[$]:[null])}else w([null])},[j]);const l=g.useMemo(()=>{let $=lt;return e==="offline"&&($=$.replace("https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio","/offline/tailwind.cdn.js"),$=$.replace("https://unpkg.com/aos@next/dist/aos.css","/offline/aos.css"),$=$.replace("https://unpkg.com/aos@next/dist/aos.js","/offline/aos.js")),$},[e]);return t.jsxRuntimeExports.jsx("div",{onClick:()=>{a([]),H([])},onMouseLeave:()=>setTimeout(()=>o(""),300),className:"relative mx-auto h-full w-full bg-black/80",style:x>0&&!v.isEmpty(m)?{width:n?"100%":x}:{},ref:p,children:t.jsxRuntimeExports.jsxs(jt,{contentDidMount:()=>_(i.current),ref:i,id:"canvas-iframe",style:{width:`${r}px`,...m},className:"relative mx-auto box-content h-full max-w-full shadow-md transition-all duration-300 ease-linear",initialContent:l,children:[t.jsxRuntimeExports.jsx(Rt,{}),t.jsxRuntimeExports.jsx(wt,{block:u,selectedBlockElement:v.first(E)}),t.jsxRuntimeExports.jsx(kt,{model:"page"}),t.jsxRuntimeExports.jsxs(bt,{children:[q?t.jsxRuntimeExports.jsx("div",{className:"h-full p-4",children:t.jsxRuntimeExports.jsx(G.Skeleton,{className:"h-full"})}):t.jsxRuntimeExports.jsx(Pt,{}),t.jsxRuntimeExports.jsx("div",{className:"h-60"})]})]})})},Dt=g.lazy(()=>Promise.resolve().then(()=>require("./AddBlocks-52d9b4d7.cjs"))),Bt=()=>{const e=G.useBuilderProp("mode",pe.STATIC),[n,r]=Q.useAtom(h.addBlocksModalAtom),a={[pe.STATIC]:t.jsxRuntimeExports.jsx(Mt,{}),[pe.FRAMEWORK]:null}[e];return t.jsxRuntimeExports.jsxs("div",{className:"flex h-full w-full flex-col",children:[t.jsxRuntimeExports.jsx(ct,{}),t.jsxRuntimeExports.jsxs("div",{className:"relative flex-1 overflow-hidden bg-slate-800/20 bg-[linear-gradient(to_right,#EEE_0.5px,transparent_0.5px),linear-gradient(to_bottom,#EEE_0.5px,transparent_0.5px)] bg-[size:12px_12px]",children:[t.jsxRuntimeExports.jsx(g.Suspense,{fallback:t.jsxRuntimeExports.jsx(G.Skeleton,{className:"h-full"}),children:t.jsxRuntimeExports.jsx(h.ErrorBoundary,{children:a})}),n?t.jsxRuntimeExports.jsx("div",{onClick:()=>r(!1),className:"absolute inset-0 z-50 flex items-center bg-black/30 backdrop-blur-sm",children:t.jsxRuntimeExports.jsx("div",{onClick:u=>u.stopPropagation(),className:"mx-auto h-[90%] w-[90%] max-w-3xl rounded-md bg-white p-4 shadow-lg shadow-black/10 xl:w-[65%]",children:t.jsxRuntimeExports.jsx(Dt,{})})}):null]})]})};exports.default=Bt;

package/dist/Class-0801d193.cjs

@@ -1 +0,0 @@
-"use strict";const r=require("lodash");function p(e=6,s="abcdefghijklmnopqrstuvwxyzABCD"){let a="";for(let o=e;o>0;--o)a+=s[Math.floor(Math.random()*s.length)];return a}const g=e=>e>=1536?"2XL":e>=1280?"XL":e>=1024?"LG":e>=768?"MD":e>=640?"SM":"XS",x=["hover","focus","focus-within","focus-visible","active","visited","target","first","last","only","odd","even","first-of-type","last-of-type","only-of-type","empty","disabled","checked","indeterminate","default","required","valid","invalid","in-range","out-of-range","placeholder-shown","autofill","read-only","open","before","after","first-letter","first-line","marker","selection","file","placeholder","ui-open","ui-disabled","ui-active","ui-selected","ui-checked","ui-not-open","ui-not-disabled","ui-not-active","ui-not-selected","ui-not-checked"],m={_bodyFont:"Inter",_headingFont:"Inter",_roundedCorners:5,_primaryColor:"#570df8",_secondaryColor:"#f002b8",_bodyBgDarkColor:"#031022",_bodyBgLightColor:"#fcfcfc",_bodyTextDarkColor:"#ffffff",_bodyTextLightColor:"#000000"},n=[0,1,2,3,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96],t={columns:[...r.range(1,13),"auto","3xs","2xs","xs","sm","md","lg","xl",...r.map(r.range(2,8),e=>`${e}xl`)],breakAfter:["auto","avoid","all","avoid-page","page","left","right","column"],breakInside:["auto","avoid","avoid-page","avoid-column"],display:["block","flex","grid","inline-block","inline","hidden"],objectFit:["contain","cover","fill","none","scale-down"],objectPosition:["bottom","center","left","left-bottom","left-top","right","right-bottom","right-top","top"],overflow:["auto","hidden","clip","visible","scroll"],overscroll:["auto","contain","none"],trbl:[0,"px","0.5",1,1.5,2,2.5,3,3.5,...r.range(4,13),14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96,"auto","1/2","1/3","2/3","1/4","2/4","3/4","full"],flexBasis:[...n,"auto","px","0.5","1.5","2.5","3.5","1/2","1/3","2/3","1/4","2/4","3/4","1/5","2/5","3/5","4/5","1/6","2/6","3/6","4/6","5/6","1/12","2/12","3/12","4/12","5/12","6/12","7/12","8/12","9/12","10/12","11/12","full"],padding:[...n,"px","0.5","1.5","2.5","3.5"],margin:["auto",...n,"px","0.5","1.5","2.5","3.5"],scale:[0,50,75,90,95,100,105,110,125,150],origin:["center","top","top-right","right","bottom-right","bottom","bottom-left","left","top-left"],blendEffect:["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],borderWidth:[0,2,4,8],borderRadius:["global","none","sm","md","lg","xl","2xl","3xl","full"],indent:[0,"px","0.5",1,1.5,2,2.5,3,3.5,...r.range(4,13),14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96],maxHeight:[0,"px","0.5",1,1.5,2,2.5,3,3.5,...r.range(4,13),14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96,"full","screen","min","max","fit"],space:[0,"px","0.5",1,1.5,2,2.5,3,3.5,...r.range(4,13),14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96,"px","reverse"],width:["0","px","0.5","1","1.5","2","2.5","3","3.5","4","5","6","7","8","9","10","11","12","14","16","20","24","28","32","36","40","44","48","52","56","60","64","72","80","96","auto","1/2","1/3","2/3","1/4","2/4","3/4","1/5","2/5","3/5","4/5","1/6","2/6","3/6","4/6","5/6","1/12","2/12","3/12","4/12","5/12","6/12","7/12","8/12","9/12","10/12","11/12"],maxWidth:["0","none","xs","sm","md","lg","xl","2xl","3xl","4xl","5xl","6xl","7xl","full","min","max","fit","prose","screen-sm","screen-md","screen-lg","screen-xl","screen-2xl"],height:["0","px","0.5","1","1.5","2","2.5","3","3.5","4","5","6","7","8","9","10","11","12","14","16","20","24","28","32","36","40","44","48","52","56","60","64","72","80","96","auto","1/2","1/3","2/3","1/4","2/4","3/4","1/5","2/5","3/5","4/5","1/6","2/6","3/6","4/6","5/6","full","screen","min","max","fit"]},l={textColor:{classes:[],regExp:"text-(black|transparent|current|white|primary(-\\d+)?|secondary(-\\d+)?|\\S+-\\d+)"},aspectRatio:{classes:["aspect-auto","aspect-square","aspect-video"],regExp:"aspect-(auto|square|video)"},container:{classes:["container"],regExp:"container"},columns:{classes:r.map(t.columns,e=>`columns-${e}`),regExp:"columns-(auto|[0-9]xl|[0-9]xs|xs|sm|md|lg|xl|\\d+)"},breakAfter:{classes:r.map(t.breakAfter,e=>`break-after-${e}`),regExp:"break-after-\\S+"},breakBefore:{classes:r.map(t.breakAfter,e=>`break-before-${e}`),regExp:"break-before-\\S+"},breakInside:{classes:r.map(t.breakInside,e=>`break-inside-${e}`),regExp:"break-inside-\\S+"},boxDecoration:{classes:["box-decoration-clone","box-decoration-slice"],regExp:"box-decoration-\\S+"},boxSizing:{classes:["box-border","box-content"],regExp:"box-(border|content)"},flexDirection:{classes:["flex-row","flex-row-reverse","flex-col","flex-col-reverse"],regExp:"flex-(row|row-reverse|col|col-reverse)"},flexWrap:{classes:["flex-wrap","flex-wrap-reverse","flex-nowrap"],regExp:"flex-(wrap|wrap-reverse|nowrap)"},flexGrowShrink:{classes:["flex-1","flex-auto","flex-initial","flex-none"],regExp:"flex-1|flex-auto|flex-initial|flex-none"},gridColumns:{classes:r.map([...r.range(0,13),"none"],e=>`grid-cols-${e}`),regExp:"grid-cols-(\\d+|none)"},gridFlow:{classes:["grid-flow-row","grid-flow-col","grid-flow-row-dense","grid-flow-col-dense"],regExp:"grid-flow-(row|col|row-dense|col-dense)"},outlineStyle:{classes:r.map(["none","dashed","dotted","double","hidden"],e=>`outline-${e}`),regExp:"outline-(none|dashed|dotted|double|hidden)"},borderStyle:{classes:r.map(["solid","dashed","dotted","double","hidden","none"],e=>`border-${e}`),regExp:"border-(solid|dashed|dotted|double|hidden|none)"},overflow:{classes:r.map(t.overflow,e=>`overflow-${e}`),regExp:`overflow-(${t.overflow.join("|")})`},overflowX:{classes:r.map(t.overflow,e=>`overflow-x-${e}`),regExp:`overflow-x-(${t.overflow.join("|")})`},overflowY:{classes:r.map(t.overflow,e=>`overflow-y-${e}`),regExp:`overflow-y-(${t.overflow.join("|")})`},gridRows:{classes:r.map([1,2,3,4,5,6,"none"],e=>`grid-rows-${e}`),regExp:"grid-rows-(\\d|none)"},display:{classes:r.map(t.display,e=>e.toString()),regExp:`(${t.display.join("|")})`},float:{classes:["float-right","float-left","float-none"],regExp:"float-\\S+"},clear:{classes:["clear-right","clear-left","clear-none","clear-both"],regExp:"clear-\\S+"},isolation:{classes:["isolate","isolation-auto"],regExp:"isolate|isolation-auto"},objectFit:{classes:r.map(t.objectFit,e=>`object-${e}`),regExp:"object-(contain|cover|fill|none|scale-down)"},objectPosition:{classes:r.map(t.objectPosition,e=>`object-${e}`),regExp:`object-(${t.objectPosition.join("|")})`},overscroll:{classes:r.map(t.overscroll,e=>`overscroll-${e}`),regExp:`overscroll-(${t.overscroll.join("|")})`},overscrollX:{classes:r.map(t.overscroll,e=>`overscroll-x-${e}`),regExp:`overscroll-x-(${t.overscroll.join("|")})`},overscrollY:{classes:r.map(t.overscroll,e=>`overscroll-y-${e}`),regExp:`overscroll-y-(${t.overscroll.join("|")})`},inset:{classes:r.map(t.trbl,e=>`inset-${e}`),regExp:"-?inset-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"},insetX:{classes:r.map(t.trbl,e=>`inset-x-${e}`),regExp:"-?inset-x-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"},insetY:{classes:r.map(t.trbl,e=>`inset-y-${e}`),regExp:"-?inset-y-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"},top:{classes:r.map(t.trbl,e=>`top-${e}`),regExp:"-?top-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"},topX:{classes:r.map(t.trbl,e=>`top-x-${e}`),regExp:"-?top-x-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"},topY:{classes:r.map(t.trbl,e=>`top-y-${e}`),regExp:"-?top-y-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"},right:{classes:r.map(t.trbl,e=>`right-${e}`),regExp:"-?right-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"},rightX:{classes:r.map(t.trbl,e=>`right-x-${e}`),regExp:"-?right-x-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"},rightY:{classes:r.map(t.trbl,e=>`right-y-${e}`),regExp:"-?right-y-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"},bottom:{classes:r.map(t.trbl,e=>`bottom-${e}`),regExp:"-?bottom-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"},bottomX:{classes:r.map(t.trbl,e=>`bottom-x-${e}`),regExp:"-?bottom-x-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"},bottomY:{classes:r.map(t.trbl,e=>`bottom-y-${e}`),regExp:"-?bottom-y-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"},left:{classes:r.map(t.trbl,e=>`left-${e}`),regExp:"-?left-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"},leftX:{classes:r.map(t.trbl,e=>`left-x-${e}`),regExp:"-?left-x-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"},leftY:{classes:r.map(t.trbl,e=>`left-y-${e}`),regExp:"-?left-y-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"},visibility:{classes:["visible","invisible"],regExp:"invisible|visible"},zIndex:{classes:r.map(["0",10,20,30,40,50,"auto"],e=>`z-${e}`),regExp:"-?z-(\\d+|auto|\\[.*\\])"},flexBasis:{classes:r.map(t.flexBasis,e=>`basis-${e}`),regExp:"basis-(\\d+|\\S+)"},flexGrow:{classes:["grow","grow-0"],regExp:"grow(-0)?"},flexShrink:{classes:["shrink","shrink-0"],regExp:"shrink(-0)?"},gridColSpan:{classes:["col-auto",...r.map(r.range(1,13),e=>`col-span-${e}`),"col-span-full"],regExp:"col-(auto|span-(\\d+|full))"},gridColStart:{classes:[...r.map(r.range(1,14),e=>`col-start-${e}`),"col-start-auto"],regExp:"col-start-(\\d+|auto)"},gridColEnd:{classes:[...r.map(r.range(1,14),e=>`col-end-${e}`),"col-end-auto"],regExp:"col-end-(\\d+|auto)"},gridRowSpan:{classes:["row-auto",...r.map(r.range(1,7),e=>`row-span-${e}`),"row-span-full"],regExp:"row-(auto|span-(\\d+|full))"},gridRowStart:{classes:[...r.map(r.range(1,8),e=>`row-start-${e}`),"row-start-auto"],regExp:"row-start-(\\d+|auto)"},gridRowEnd:{classes:[...r.map(r.range(1,8),e=>`row-end-${e}`),"row-end-auto"],regExp:"row-end-(\\d+|auto)"},gridAutoColumns:{classes:["auto-cols-auto","auto-cols-min","auto-cols-max","auto-cols-fr"],regExp:"auto-cols-(auto|min|max|fr)"},gridAutoRows:{classes:["auto-rows-auto","auto-rows-min","auto-rows-max","auto-rows-fr"],regExp:"auto-rows-(auto|min|max|fr)"},gap:{classes:r.map(t.indent,e=>`gap-${e}`),regExp:"gap-(px|\\d.\\d|\\d|\\[.*\\])"},gapX:{classes:r.map(t.indent,e=>`gap-x-${e}`),regExp:"gap-x-(px|\\d.\\d|\\d|\\[.*\\])"},gapY:{classes:r.map(t.indent,e=>`gap-y-${e}`),regExp:"gap-y-(px|\\d.\\d|\\d|\\[.*\\])"},justifyContent:{classes:["justify-start","justify-end","justify-center","justify-between","justify-around","justify-evenly"],regExp:"justify-(start|end|center|between|around|evenly)"},justifyItems:{classes:["justify-items-start","justify-items-end","justify-items-center","justify-items-stretch"],regExp:"justify-items-(start|end|center|stretch)"},justifySelf:{classes:["justify-self-auto","justify-self-start","justify-self-end","justify-self-center","justify-self-stretch"],regExp:"justify-self-(auto|start|end|center|stretch)"},placeContent:{classes:["place-content-center","place-content-start","place-content-end","place-content-between","place-content-around","place-content-evenly","place-content-stretch"],regExp:"place-content-(center|start|end|between|around|evenly|stretch)"},placeItems:{classes:["place-items-start","place-items-end","place-items-center","place-items-stretch"],regExp:"place-items-(start|end|center|stretch)"},placeSelf:{classes:["place-self-auto","place-self-start","place-self-end","place-self-center","place-self-stretch"],regExp:"place-self-(auto|start|end|center|stretch)"},alignContent:{classes:["content-center","content-start","content-end","content-between","content-around","content-evenly"],regExp:"content-(center|start|end|between|around|evenly)"},alignItems:{classes:["items-start","items-end","items-center","items-baseline","items-stretch"],regExp:"items-(start|end|center|baseline|stretch)"},alignSelf:{classes:["self-auto","self-start","self-end","self-center","self-stretch","self-baseline"],regExp:"self-(auto|start|end|center|stretch|baseline)"},backgroundClip:{classes:["bg-clip-border","bg-clip-padding","bg-clip-content","bg-clip-text"],regExp:"bg-clip-(border|padding|content|text)"},dropShadow:{classes:r.map(["sm","md","lg","xl","2xl","none"],e=>`drop-shadow-${e}`),regExp:"drop-shadow-(sm|md|lg|xl|2xl|none)"},backdropBlur:{classes:r.map(["none","sm","md","lg","xl","2xl","3xl"],e=>`backdrop-blur-${e}`),regExp:"backdrop-blur-(none|sm|md|lg|xl|2xl|3xl)"},backdropBrightness:{classes:r.map([0,50,75,90,95,100,105,110,125,150,200],e=>`backdrop-brightness-${e}`),regExp:"backdrop-brightness-(\\d+)"},backdropContrast:{classes:r.map([0,50,75,100,125,150,200],e=>`backdrop-contrast-${e}`),regExp:"backdrop-contrast-(\\d+)"},backdropGrayScale:{classes:["backdrop-grayscale-0","backdrop-grayscale"],regExp:"backdrop-grayscale(-0)?"},backdropHueRotate:{classes:r.map([0,15,30,60,90,180],e=>`backdrop-hue-rotate-${e}`),regExp:"-?backdrop-hue-rotate-(\\d+)"},backdropInvert:{classes:["backdrop-invert-0","backdrop-invert"],regExp:"backdrop-invert(-0)?"},backdropOpacity:{classes:r.map([0,5,10,20,25,30,40,50,60,70,75,80,90,95,100],e=>`backdrop-opacity-${e}`),regExp:"backdrop-opacity-(\\d+)"},backdropSaturate:{classes:r.map([0,50,100,150,200],e=>`backdrop-saturate-${e}`),regExp:"backdrop-saturate-(\\d+)"},backdropSepia:{classes:["backdrop-sepia-0, backdrop-sepia"],regExp:"backdrop-sepia(-0)?"},backgroundOrigin:{classes:["bg-origin-border","bg-origin-padding","bg-origin-content"],regExp:"bg-origin-(border|padding|content)"},transformOrigin:{classes:r.map(t.origin,e=>`origin-${e}`),regExp:"origin-(\\d+|\\S+)"},padding:{classes:r.map(t.padding,e=>`p-${e}`),regExp:"p-(\\d+|\\S+|\\[.*\\])"},paddingX:{classes:r.map(t.padding,e=>`px-${e}`),regExp:"px-(\\d+|\\S+|\\[.*\\])"},paddingY:{classes:r.map(t.padding,e=>`py-${e}`),regExp:"py-(\\d+|\\S+|\\[.*\\])"},paddingTop:{classes:r.map(t.padding,e=>`pt-${e}`),regExp:"pt-(\\d+|\\S+|\\[.*\\])"},paddingRight:{classes:r.map(t.padding,e=>`pr-${e}`),regExp:"pr-(\\d+|\\S+|\\[.*\\])"},paddingBottom:{classes:r.map(t.padding,e=>`pb-${e}`),regExp:"pb-(\\d+|\\S+|\\[.*\\])"},paddingLeft:{classes:r.map(t.padding,e=>`pl-${e}`),regExp:"pl-(\\d+|\\S+|\\[.*\\])"},textDecorationStyle:{classes:["decoration-solid","decoration-double","decoration-dotted","decoration-dashed","decoration-wavy"],regExp:"decoration-(solid|double|dotted|dashed|wavy)"},textDecorationThickness:{classes:r.map(["auto","from-font","0",1,2,4,8],e=>`decoration-${e}`),regExp:"decoration-(auto|from-font|\\d+|\\S+)"},fromColor:{classes:[],regExp:"from-(black|transparent|current|white|primary(-\\d+)?|secondary(-\\d+)?|\\S+-\\d+)"},margin:{classes:r.map(t.margin,e=>`m-${e}`),regExp:"-?m-(\\d+|\\S+|\\[.*\\])"},marginX:{classes:r.map(t.margin,e=>`mx-${e}`),regExp:"-?mx-(\\d+|\\S+|\\[.*\\])"},marginY:{classes:r.map(t.margin,e=>`my-${e}`),regExp:"-?my-(\\d+|\\S+|\\[.*\\])"},marginTop:{classes:r.map(t.margin,e=>`mt-${e}`),regExp:"-?mt-(\\d+|\\S+|\\[.*\\])"},marginRight:{classes:r.map(t.margin,e=>`mr-${e}`),regExp:"-?mr-(\\d+|\\S+|\\[.*\\])"},marginBottom:{classes:r.map(t.margin,e=>`mb-${e}`),regExp:"-?mb-(\\d+|\\S+|\\[.*\\])"},marginLeft:{classes:r.map(t.margin,e=>`ml-${e}`),regExp:"-?ml-(\\d+|\\S+|\\[.*\\])"},spaceX:{classes:r.map(t.space,e=>`space-x-${e}`),regExp:"-?space-x-(\\d+|\\S+|\\[.*\\])"},spaceY:{classes:r.map(t.space,e=>`space-y-${e}`),regExp:"-?space-y-(\\d+|\\S+|\\[.*\\])"},boxShadow:{classes:r.map(["sm","md","lg","xl","2xl","inner","none"],e=>`shadow-${e}`),regExp:"shadow-(sm|md|lg|xl|2xl|inner|none)"},minWidth:{classes:["min-w-0","min-w-full","min-w-min","min-w-max","min-w-fit"],regExp:"min-w-(\\d+|\\S+|\\[.*\\])"},maxWidth:{classes:r.map(t.maxWidth,e=>`max-w-${e}`),regExp:"max-w-(\\d+|\\S+|\\[.*\\])"},width:{classes:r.map([...t.width,"full","screen","min","max","fit"],e=>`w-${e}`),regExp:"w-(\\d+.\\d+|\\d+|px|auto|full|screen|min|max|fit|\\[.*\\])"},minHeight:{classes:["min-h-0","min-h-full","min-h-screen","min-h-min","min-h-max","min-h-fit"],regExp:"min-h-(\\d+|\\S+|\\[.*\\])"},maxHeight:{classes:r.map(t.maxHeight,e=>`max-h-${e}`),regExp:"max-h-(\\d+|\\S+|\\[.*\\])"},height:{classes:r.map(t.height,e=>`h-${e}`),regExp:"h-(\\d+.\\d+|\\d+|px|auto|full|screen|min|max|fit|\\[.*\\])"},fontFamily:{classes:["font-heading","font-body","font-sans","font-serif","font-mono"],regExp:"font-(heading|body|sans|serif|mono)"},textAlign:{classes:["text-left","text-center","text-right","text-justify"],regExp:"text-(left|center|right|justify)"},textOverflow:{classes:["truncate","text-ellipsis","text-clip"],regExp:"truncate|text-ellipsis|text-clip"},verticalAlign:{classes:["align-baseline","align-top","align-middle","align-bottom","align-text-top","align-text-bottom","align-sub","align-super"],regExp:"align-(baseline|top|middle|bottom|text-top|text-bottom|sub|super)"},fontSize:{classes:["text-xs","text-sm","text-base","text-lg","text-xl","text-2xl","text-3xl","text-4xl","text-5xl","text-6xl","text-7xl","text-8xl","text-9xl"],regExp:"text-(\\d+|\\S+|\\[.*\\])"},fontSmoothing:{classes:["antialiased","subpixel-antialiased"],regExp:"antialiased|subpixel-antialiased"},fontStyle:{classes:["italic","not-italic"],regExp:"not-italic|italic"},fontWeight:{classes:["font-thin","font-extralight","font-light","font-normal","font-medium","font-semibold","font-bold","font-extrabold","font-black"],regExp:"font-(thin|extralight|light|normal|medium|semibold|bold|extrabold|black)"},fontVariantNum:{classes:["normal-nums","ordinal","diagonal-fractions","stacked-fractions","tabular-nums","oldstyle-nums","proportional-nums","lining-nums","slashed-zero"],regExp:"normal-nums|ordinal|diagonal-fractions|stacked-fractions|tabular-nums|oldstyle-nums|proportional-nums|lining-nums|slashed-zero"},letterSpacing:{classes:["tracking-tighter","tracking-tight","tracking-normal","tracking-wide","tracking-wider","tracking-widest"],regExp:"-?tracking-(tighter|tight|normal|wide|wider|widest|\\[.*\\])"},lineHeight:{classes:["leading-none","leading-tight","leading-snug","leading-normal","leading-relaxed","leading-loose","leading-3","leading-4","leading-5","leading-6","leading-7","leading-8","leading-9","leading-10"],regExp:"leading-(none|tight|snug|normal|relaxed|loose|\\[.*\\]|\\d+)"},listStyleType:{classes:["list-none","list-disc","list-decimal"],regExp:"list-(none|disc|decimal)"},listStylePosition:{classes:["list-inside","list-outside"],regExp:"list-(inside|outside)"},textUnderlineOffset:{classes:["underline-offset-auto","underline-offset-0","underline-offset-1","underline-offset-2","underline-offset-4","underline-offset-8"],regExp:"underline-offset-(auto|\\d+|\\S+)"},textDecoration:{classes:["underline","overline","line-through","no-underline"],regExp:"underline|overline|line-through|no-underline"},textDecorationColor:{classes:[],regExp:"decoration-(black|transparent|current|white|primary(-\\d+)?|secondary(-\\d+)?|\\S+-\\d+)"},textTransform:{classes:["uppercase","lowercase","capitalize","normal-case"],regExp:"uppercase|lowercase|capitalize|normal-case"},textIndent:{classes:r.map(t.indent,e=>`indent-${e}`),regExp:"-?indent-(\\d+|\\S+)"},whitespace:{classes:["whitespace-normal","whitespace-no-wrap","whitespace-pre","whitespace-pre-line","whitespace-pre-wrap"],regExp:"whitespace-(normal|no-wrap|pre|pre-line|pre-wrap)"},wordBreak:{classes:["break-normal","break-words","break-all"],regExp:"break-(normal|words|all)"},content:{classes:["content-none"],regExp:"content-none"},backgroundColor:{classes:[],regExp:"bg-(black|transparent|current|white|primary(-\\d+)?|secondary(-\\d+)?|\\S+-\\d+)"},backgroundAttachment:{classes:["bg-fixed","bg-local","bg-scroll"],regExp:"bg-(fixed|local|scroll)"},backgroundPosition:{classes:["bg-bottom","bg-center","bg-left","bg-left-bottom","bg-left-top","bg-right","bg-right-bottom","bg-right-top","bg-top"],regExp:"bg-(bottom|center|left|left-bottom|left-top|right|right-bottom|right-top|top)"},backgroundRepeat:{classes:["bg-repeat","bg-repeat-x","bg-repeat-y","bg-no-repeat","bg-repeat-round","bg-repeat-space"],regExp:"bg-(repeat|repeat-x|repeat-y|no-repeat|repeat-round|repeat-space)"},backgroundSize:{classes:["bg-auto","bg-cover","bg-contain"],regExp:"bg-(auto|cover|contain)"},backgroundGradient:{classes:["bg-gradient-none","bg-gradient-to-t","bg-gradient-to-tr","bg-gradient-to-r","bg-gradient-to-br","bg-gradient-to-b","bg-gradient-to-bl","bg-gradient-to-l","bg-gradient-to-tl"],regExp:"bg-gradient-(none|to-(t|tr|r|br|b|bl|l|tl))"},viaColor:{classes:[],regExp:"via-(black|transparent|current|white|primary(-\\d+)?|secondary(-\\d+)?|\\S+-\\d+)"},toColor:{classes:[],regExp:"to-(black|transparent|current|white|primary(-\\d+)?|secondary(-\\d+)?|\\S+-\\d+)"},position:{classes:["static","fixed","absolute","relative","sticky"],regExp:"(static|fixed|absolute|relative|sticky)"},borderRadiusTopLeft:{classes:["rounded-tl",...r.map(t.borderRadius,e=>`rounded-tl-${e}`)],regExp:"rounded-tl-?(\\d+|\\S+)?"},borderRadiusTopRight:{classes:["rounded-tr",...r.map(t.borderRadius,e=>`rounded-tr-${e}`)],regExp:"rounded-tr-?(\\d+|\\S+)?"},borderRadiusBottomRight:{classes:["rounded-br",...r.map(t.borderRadius,e=>`rounded-br-${e}`)],regExp:"rounded-br-?(\\d+|\\S+)?"},borderRadiusBottomLeft:{classes:["rounded-bl",...r.map(t.borderRadius,e=>`rounded-bl-${e}`)],regExp:"rounded-bl-?(\\d+|\\S+)?"},borderRadiusTop:{classes:["rounded-t",...r.map(t.borderRadius,e=>`rounded-t-${e}`)],regExp:"rounded-t-?(\\d+|\\S+)?"},borderRadiusRight:{classes:["rounded-r",...r.map(t.borderRadius,e=>`rounded-r-${e}`)],regExp:"rounded-r-?(\\d+|\\S+)?"},borderRadiusBottom:{classes:["rounded-b",...r.map(t.borderRadius,e=>`rounded-b-${e}`)],regExp:"rounded-b-?(\\d+|\\S+)?"},borderRadiusLeft:{classes:["rounded-l",...r.map(t.borderRadius,e=>`rounded-l-${e}`)],regExp:`(rounded-l-(${t.borderRadius.join("|")})|rounded-l$)`},borderRadius:{classes:["rounded",...r.map(t.borderRadius,e=>`rounded-${e}`)],regExp:`(rounded-(${t.borderRadius.join("|")}$)|rounded)`},borderX:{classes:["border-x",...r.map(t.borderWidth,e=>`border-x-${e}`)],regExp:"border-x-?(\\d+|\\S+|\\[.*\\])?"},borderY:{classes:["border-y",...r.map(t.borderWidth,e=>`border-y-${e}`)],regExp:"border-y-?(\\d+|\\S+|\\[.*\\])?"},borderTop:{classes:["border-t",...r.map(t.borderWidth,e=>`border-t-${e}`)],regExp:"border-t-?(\\d+|\\S+|\\[.*\\])?"},borderRight:{classes:["border-r",...r.map(t.borderWidth,e=>`border-r-${e}`)],regExp:"border-r-?(\\d+|\\S+|\\[.*\\])?"},borderBottom:{classes:["border-b",...r.map(t.borderWidth,e=>`border-b-${e}`)],regExp:"border-b-?(\\d+|\\S+|\\[.*\\])?"},borderLeft:{classes:["border-l",...r.map(t.borderWidth,e=>`border-l-${e}`)],regExp:"border-l-?(\\d+|\\S+|\\[.*\\])?"},borderColor:{classes:[],regExp:"border-(black|transparent|current|white|primary(-\\d+)?|secondary(-\\d+)?|\\S+-\\d+)"},border:{classes:["border",...r.map(t.borderWidth,e=>`border-${e}`)],regExp:"border-?(\\d+|\\S+|\\[.*\\])?"},order:{classes:r.map([...r.range(0,13),"first","last","none"],e=>`order-${e}`),regExp:"-?order-(\\d+|first|last|none)"},divideXWidth:{classes:r.map(["0",2,4,8],e=>`divide-x-${e}`),regExp:"divide-x-(\\d+|\\[.*\\])"},divideYWidth:{classes:r.map(["0",2,4,8],e=>`divide-y-${e}`),regExp:"divide-y-(\\d+|\\[.*\\])"},divideColor:{classes:[],regExp:"divide-(black|transparent|current|white|primary(-\\d+)?|secondary(-\\d+)?|\\S+-\\d+)"},divideStyle:{classes:r.map(["solid","dashed","dotted","double","none"],e=>`divide-${e}`),regExp:"divide-(solid|dashed|dotted|double|none)"},outlineWidth:{classes:r.map([0,1,2,4,8],e=>`outline-${e}`),regExp:"outline-(\\d+)"},outlineOffset:{classes:r.map([0,1,2,4,8],e=>`outline-offset-${e}`),regExp:"outline-offset-(\\d+)"},outlineColor:{classes:[],regExp:"outline-(black|transparent|current|white|primary(-\\d+)?|secondary(-\\d+)?|\\S+-\\d+)"},ringWidth:{classes:r.map([0,1,2,4,8,"inset"],e=>`ring-${e}`),regExp:"ring-(\\d+|inset)"},ringOffsetWidth:{classes:r.map([0,1,2,4,8],e=>`ring-offset-${e}`),regExp:"ring-offset-(\\d+)"},ringOffsetColor:{classes:[],regExp:"ring-offset-(black|transparent|current|white|primary(-\\d+)?|secondary(-\\d+)?|\\S+-\\d+)"},ringColor:{classes:[],regExp:"ring-(black|transparent|current|white|primary(-\\d+)?|secondary(-\\d+)?|\\S+-\\d+)"},boxShadowColor:{classes:[],regExp:"shadow-(black|transparent|current|white|primary(-\\d+)?|secondary(-\\d+)?|\\S+-\\d+)"},opacity:{classes:r.map([0,5,10,20,25,30,40,50,60,70,75,80,90,95,100],e=>`opacity-${e}`),regExp:"opacity-(\\d+|\\[.*\\])"},mixBlendMode:{classes:r.map(t.blendEffect,e=>`mix-blend-${e}`),regExp:"mix-blend-(\\d+|\\S+)"},bgBlendMode:{classes:r.map(t.blendEffect,e=>`bg-blend-${e}`),regExp:"bg-blend-(\\d+|\\S+)"},blur:{classes:r.map(["none","sm","md","lg","xl","2xl","3xl"],e=>`blur-${e}`),regExp:"blur-(none|sm|md|lg|xl|2xl|3xl)"},brightness:{classes:r.map([0,50,75,90,95,100,105,110,125,150,200],e=>`brightness-${e}`),regExp:"brightness-(\\d+)"},contrast:{classes:r.map([0,50,75,100,125,150,200],e=>`contrast-${e}`),regExp:"contrast-(\\d+)"},grayScale:{classes:["grayscale-0","grayscale"],regExp:"grayscale(-0)?"},hueRotate:{classes:r.map([0,15,30,60,90,180],e=>`hue-rotate-${e}`),regExp:"-?hue-rotate-(\\d+)"},invert:{classes:["invert-0","invert"],regExp:"invert(-0)?"},saturate:{classes:r.map([0,50,100,150,200],e=>`saturate-${e}`),regExp:"saturate-(\\d+)"},sepia:{classes:["sepia-0","sepia"],regExp:"sepia(-0)?"},transition:{classes:["transition-none","transition-all","transition-colors","transition-opacity","transition-shadow","transition-transform"],regExp:"transition-(none|all|colors|opacity|shadow|transform)"},duration:{classes:r.map([75,100,150,200,300,500,700,1e3],e=>`duration-${e}`),regExp:"duration-(\\d+|\\[.*\\])"},transitionEase:{classes:["ease-linear","ease-in","ease-out","ease-in-out"],regExp:"eas(e-linear|e-in|e-out|e-in-out)"},transitionDelay:{classes:r.map([75,100,150,200,300,500,700,1e3],e=>`delay-${e}`),regExp:"delay-(\\d+|\\[.*\\])"},animation:{classes:["animation-none","animation-spin","animation-ping"],regExp:"animation-(none|spin|ping)"},scaleX:{classes:r.map(t.scale,e=>`scale-x-${e}`),regExp:"-?scale-x-(\\d+|\\S+|\\[.*\\])"},scaleY:{classes:r.map(t.scale,e=>`scale-y-${e}`),regExp:"-?scale-y-(\\d+|\\S+|\\[.*\\])"},scale:{classes:r.map(t.scale,e=>`scale-${e}`),regExp:"-?scale-(\\d+|\\S+|\\[.*\\])"},rotate:{classes:r.map([0,1,2,3,6,12,45,90,180],e=>`rotate-${e}`),regExp:"-?rotate-(\\d+|\\S+|\\[.*\\])"},translateX:{classes:r.map([0,"px","0.5",1],e=>`translate-x-${e}`),regExp:"-?translate-x-(\\d+|\\S+|\\[.*\\])"},translateY:{classes:r.map([0,"px","0.5",1],e=>`translate-y-${e}`),regExp:"-?translate-y-(\\d+|\\S+|\\[.*\\])"},skewX:{classes:r.map([0,1,2,3,6,12],e=>`skew-x-${e}`),regExp:"-?skew-x-(\\d+|\\S+|\\[.*\\])"},skewY:{classes:r.map([0,1,2,3,6,12],e=>`skew-y-${e}`),regExp:"-?skew-y-(\\d+|\\S+|\\[.*\\])"},accentColor:{classes:[],regExp:"accent-(black|transparent|current|white|primary(-\\d+)?|secondary(-\\d+)?|\\S+-\\d+)"},appearance:{classes:["appearance-none"],regExp:"appearance-none"},cursor:{classes:["cursor-auto","cursor-default","cursor-pointer","cursor-wait","cursor-text","cursor-move","cursor-help","cursor-not-allowed"],regExp:"cursor-(auto|default|pointer|wait|text|move|help|not-allowed)"},caretColor:{classes:[],regExp:"caret-(black|transparent|current|white|primary(-\\d+)?|secondary(-\\d+)?|\\S+-\\d+)"},pointerEvents:{classes:["pointer-events-none","pointer-events-auto"],regExp:"pointer-events-(none|auto)"},userSelect:{classes:["select-none","select-text","select-all","select-auto"],regExp:"select-(none|text|all|auto)"},fill:{classes:[],regExp:"caret-(black|transparent|current|white|primary(-\\d+)?|secondary(-\\d+)?|\\S+-\\d+)"},stroke:{classes:[],regExp:"caret-(black|transparent|current|white|primary(-\\d+)?|secondary(-\\d+)?|\\S+-\\d+)"},strokeWidth:{classes:["stroke-0","stroke-1","stroke-2"],regExp:"stroke-(\\d+|\\[.*\\])"}},u={backgroundColor:"bg",textColor:"text",borderColor:"border",boxShadowColor:"shadow",outlineColor:"outline",divideColor:"divide",fromColor:"from",viaColor:"via",toColor:"to",ringColor:"ring",ringOffsetColor:"ring-offset"},b=["current","inherit","transparent","black","white","primary","secondary"],f=["primary","secondary"],E=["slate","gray","zinc","neutral","stone","red","orange","amber","yellow","lime","green","emerald","teal","cyan","sky","blue","indigo","violet","purple","fuchsia","pink","rose"],c=["50","100","200","300","400","500","600","700","800","900"],d=r.map(r.values(u),e=>e),h=r.flattenDeep([...r.map(b,e=>r.flatten(r.map(d,s=>`${s}-${e}`))),...r.map(f,e=>r.flattenDeep(r.map(d,s=>r.flattenDeep(r.map(c,a=>`${s}-${e}-${a}`))))),...r.map(E,e=>r.flattenDeep(r.map(d,s=>r.flattenDeep(r.map(c,a=>`${s}-${e}-${a}`)))))]),y=r.map(r.flattenDeep(r.values(l).map(e=>e.classes).concat(h)),e=>({name:e}));function w(e){if(r.isEmpty(e.trim()))return"";const s=e.match(/sm:|md:|lg:|xl:|2xl:/g);return r.get(s,0,"xs").replace(":","")}function $(e){const s=r.map(x,o=>`${o}:`).join("|"),a=new RegExp(s,"g");return r.get(a.exec(e.trim()),0,"").replace(":","")}function S(e){return e.trim().split(":").pop()||""}const i={};function k(e){if(r.isEmpty(e))return"";if(i[e])return i[e];let s="";for(const a in l){const o=r.get(l,`${a}.regExp`,"");if(new RegExp(o,"g").test(e)){s=a,i[e]=s;break}}return s}function v(e){return r.isEmpty(e)?null:{dark:r.startsWith(e,"dark:"),mq:w(e),mod:$(e),cls:S(e),fullCls:e,property:k(e)}}function C(e){let s="";return e.dark&&(s+="dark:"),e.mq.toLowerCase()!=="xs"&&(s+=`${e.mq}:`),e.mod&&(s+=`${e.mod}:`),s+=e.cls,s}exports.ALL_TW_CLASSES=y;exports.BRANDING_OPTIONS_DEFAULTS=m;exports.CLASSES_LIST=l;exports.constructClassObject=v;exports.generateFullClsName=C;exports.generateUUID=p;exports.getBreakpointValue=g;