@chaibuilder/sdk 0.1.2 → 0.1.4

package/dist/useMutation-97876a40.js

@@ -0,0 +1,126 @@
+var g = (r, t, e) => {
+  if (!t.has(r))
+    throw TypeError("Cannot " + e);
+};
+var s = (r, t, e) => (g(r, t, "read from private field"), e ? e.call(r) : t.get(r)), l = (r, t, e) => {
+  if (t.has(r))
+    throw TypeError("Cannot add the same private member more than once");
+  t instanceof WeakSet ? t.add(r) : t.set(r, e);
+}, c = (r, t, e, i) => (g(r, t, "write to private field"), i ? i.call(r, e) : t.set(r, e), e);
+var d = (r, t, e) => (g(r, t, "access private method"), e);
+import * as f from "react";
+import { Z as w, _ as U, $ as k, a0 as E, X as L, a1 as j } from "./index-3f65447f.js";
+var n, h, o, u, p, M, v, y, x, q = (x = class extends w {
+  constructor(t, e) {
+    super();
+    l(this, p);
+    l(this, v);
+    l(this, n, void 0);
+    l(this, h, void 0);
+    l(this, o, void 0);
+    l(this, u, void 0);
+    c(this, h, void 0), c(this, n, t), this.setOptions(e), this.bindMethods(), d(this, p, M).call(this);
+  }
+  bindMethods() {
+    this.mutate = this.mutate.bind(this), this.reset = this.reset.bind(this);
+  }
+  setOptions(t) {
+    var i;
+    const e = this.options;
+    this.options = s(this, n).defaultMutationOptions(t), U(e, this.options) || s(this, n).getMutationCache().notify({
+      type: "observerOptionsUpdated",
+      mutation: s(this, o),
+      observer: this
+    }), (i = s(this, o)) == null || i.setOptions(this.options);
+  }
+  onUnsubscribe() {
+    var t;
+    this.hasListeners() || (t = s(this, o)) == null || t.removeObserver(this);
+  }
+  onMutationUpdate(t) {
+    d(this, p, M).call(this), d(this, v, y).call(this, t);
+  }
+  getCurrentResult() {
+    return s(this, h);
+  }
+  reset() {
+    c(this, o, void 0), d(this, p, M).call(this), d(this, v, y).call(this);
+  }
+  mutate(t, e) {
+    var i;
+    return c(this, u, e), (i = s(this, o)) == null || i.removeObserver(this), c(this, o, s(this, n).getMutationCache().build(s(this, n), this.options)), s(this, o).addObserver(this), s(this, o).execute(t);
+  }
+}, n = new WeakMap(), h = new WeakMap(), o = new WeakMap(), u = new WeakMap(), p = new WeakSet(), M = function() {
+  var e;
+  const t = ((e = s(this, o)) == null ? void 0 : e.state) ?? k();
+  c(this, h, {
+    ...t,
+    isPending: t.status === "pending",
+    isSuccess: t.status === "success",
+    isError: t.status === "error",
+    isIdle: t.status === "idle",
+    mutate: this.mutate,
+    reset: this.reset
+  });
+}, v = new WeakSet(), y = function(t) {
+  E.batch(() => {
+    var e, i, a, m, b, O, C, S;
+    s(this, u) && this.hasListeners() && ((t == null ? void 0 : t.type) === "success" ? ((i = (e = s(this, u)).onSuccess) == null || i.call(
+      e,
+      t.data,
+      s(this, h).variables,
+      s(this, h).context
+    ), (m = (a = s(this, u)).onSettled) == null || m.call(
+      a,
+      t.data,
+      null,
+      s(this, h).variables,
+      s(this, h).context
+    )) : (t == null ? void 0 : t.type) === "error" && ((O = (b = s(this, u)).onError) == null || O.call(
+      b,
+      t.error,
+      s(this, h).variables,
+      s(this, h).context
+    ), (S = (C = s(this, u)).onSettled) == null || S.call(
+      C,
+      void 0,
+      t.error,
+      s(this, h).variables,
+      s(this, h).context
+    ))), this.listeners.forEach((R) => {
+      R(s(this, h));
+    });
+  });
+}, x);
+function P(r, t) {
+  const e = L(t), [i] = f.useState(
+    () => new q(
+      e,
+      r
+    )
+  );
+  f.useEffect(() => {
+    i.setOptions(r);
+  }, [i, r]);
+  const a = f.useSyncExternalStore(
+    f.useCallback(
+      (b) => i.subscribe(E.batchCalls(b)),
+      [i]
+    ),
+    () => i.getCurrentResult(),
+    () => i.getCurrentResult()
+  ), m = f.useCallback(
+    (b, O) => {
+      i.mutate(b, O).catch(A);
+    },
+    [i]
+  );
+  if (a.error && j(i.options.throwOnError, [a.error]))
+    throw a.error;
+  return { ...a, mutate: m, mutateAsync: a.mutate };
+}
+function A() {
+}
+export {
+  P as u
+};

package/dist/usePageActions-ac9ad321.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("./index-133d90a5.cjs"),i=require("./useMutation-7d536740.cjs"),a=require("sonner");require("react-i18next");const c=require("./useBuilderProp-5e57d0c8.cjs"),o=()=>{const[u]=["SAVED"],[e,s]=t.useCurrentPage(),n=t.useBuilderReset();return r=>u==="UNSAVED"?(c.toast({variant:"destructive",title:"Please save unsaved changes"}),!1):e===r.uuid?!1:(n(),setTimeout(()=>{s(r.uuid)},100),!0)},d=()=>{const u=t.useQueryClient(),e=o();return i.useMutation({mutationFn:async s=>fetch("/pages",{method:"POST",body:JSON.stringify(s)}).then(n=>n.json()),onSuccess:s=>{u.invalidateQueries({queryKey:["pages"]}),e({uuid:s.uuid,slug:s.slug}),a.toast.success("Page added successfully.")}})},g=()=>{const u=t.useQueryClient();return i.useMutation({mutationFn:async e=>fetch(`/page?uuid=${e.uuid}`,{method:"DELETE",body:JSON.stringify(e)}),onSuccess:()=>{a.toast.success("Page deleted successfully."),u.invalidateQueries({queryKey:["pages"]})}})};exports.useAddPage=d;exports.useDeletePage=g;

package/dist/usePageActions-de3b7515.js

@@ -0,0 +1,37 @@
+import { a2 as o, a3 as c, X as r } from "./index-3f65447f.js";
+import { u as n } from "./useMutation-97876a40.js";
+import { toast as i } from "sonner";
+import "react-i18next";
+import { t as d } from "./useBuilderProp-81a14920.js";
+const g = () => {
+  const [t] = ["SAVED"], [e, s] = o(), u = c();
+  return (a) => t === "UNSAVED" ? (d({ variant: "destructive", title: "Please save unsaved changes" }), !1) : e === a.uuid ? !1 : (u(), setTimeout(() => {
+    s(a.uuid);
+  }, 100), !0);
+}, h = () => {
+  const t = r(), e = g();
+  return n({
+    mutationFn: async (s) => fetch("/pages", {
+      method: "POST",
+      body: JSON.stringify(s)
+    }).then((u) => u.json()),
+    onSuccess: (s) => {
+      t.invalidateQueries({ queryKey: ["pages"] }), e({ uuid: s.uuid, slug: s.slug }), i.success("Page added successfully.");
+    }
+  });
+}, S = () => {
+  const t = r();
+  return n({
+    mutationFn: async (e) => fetch(`/page?uuid=${e.uuid}`, {
+      method: "DELETE",
+      body: JSON.stringify(e)
+    }),
+    onSuccess: () => {
+      i.success("Page deleted successfully."), t.invalidateQueries({ queryKey: ["pages"] });
+    }
+  });
+};
+export {
+  S as a,
+  h as u
+};

package/dist/useProjectActions-3b1dbb5e.js

@@ -0,0 +1,18 @@
+import { X as r, Y as u } from "./index-3f65447f.js";
+import { u as a } from "./useMutation-97876a40.js";
+import { toast as c } from "sonner";
+const m = (e = "Project updated successfully.") => {
+  const t = r(), s = u();
+  return a({
+    mutationFn: async (o) => await fetch(`${s}/project`, {
+      method: "PUT",
+      body: JSON.stringify(o)
+    }),
+    onSuccess: () => {
+      t.invalidateQueries({ queryKey: ["project"] }), c.success(e);
+    }
+  });
+};
+export {
+  m as u
+};

package/dist/useProjectActions-41af0f70.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./index-133d90a5.cjs"),c=require("./useMutation-7d536740.cjs"),o=require("sonner"),n=(t="Project updated successfully.")=>{const s=e.useQueryClient(),r=e.useApiBaseUrl();return c.useMutation({mutationFn:async u=>await fetch(`${r}/project`,{method:"PUT",body:JSON.stringify(u)}),onSuccess:()=>{s.invalidateQueries({queryKey:["project"]}),o.toast.success(t)}})};exports.useUpdateProject=n;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@chaibuilder/sdk",
   "private": false,
-  "version": "0.1.2",
+  "version": "0.1.4",
   "type": "module",
   "files": [
     "dist"
@@ -29,6 +29,11 @@
       "require": "./dist/lib.cjs",
       "types": "./dist/lib.d.ts"
     },
+    "./server": {
+      "import": "./dist/server.js",
+      "require": "./dist/server.cjs",
+      "types": "./dist/server.d.ts"
+    },
     "./styles": {
       "import": "./dist/style.css",
       "require": "./dist/style.css"
@@ -83,6 +88,7 @@
     "@tailwindcss/forms": "^0.5.6",
     "@tailwindcss/line-clamp": "^0.4.4",
     "@tailwindcss/typography": "^0.5.10",
+    "@tanstack/react-query": "^5.8.4",
     "analytics": "^0.8.9",
     "class-variance-authority": "0.6.1",
     "clsx": "1.2.1",
@@ -117,6 +123,7 @@
     "react-textarea-autosize": "^8.5.2",
     "react-wrap-balancer": "^1.0.0",
     "redux-undo": "1.1.0",
+    "sonner": "^1.2.0",
     "tailwind-merge": "1.13.2",
     "tailwindcss-animate": "1.0.6",
     "tippy.js": "^6.3.7",
@@ -126,7 +133,11 @@
   "devDependencies": {
     "@commitlint/cli": "17.7.1",
     "@commitlint/config-conventional": "17.7.0",
+    "@faker-js/faker": "^8.3.1",
+    "@nozbe/watermelondb": "^0.27.1",
     "@playwright/test": "^1.39.0",
+    "@tanstack/eslint-plugin-query": "^5.8.4",
+    "@types/better-sqlite3": "^7.6.7",
     "@types/jest": "^29.5.7",
     "@types/lodash": "^4.14.200",
     "@types/node": "^20.8.10",
@@ -137,12 +148,16 @@
     "@vitejs/plugin-react-swc": "^3.3.2",
     "autoprefixer": "^10.4.16",
     "better-docs": "^2.7.2",
+    "better-sqlite3": "^9.1.1",
+    "drizzle-kit": "^0.20.4",
+    "drizzle-orm": "^0.29.0",
     "eslint": "^8.45.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.3",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jsdoc": "^4.0.2",
+    "msw": "^2.0.8",
     "postcss": "^8.4.31",
     "prettier": "^3.0.3",
     "prettier-plugin-tailwindcss": "^0.5.6",
@@ -152,5 +167,8 @@
     "typescript": "^5.0.2",
     "vite": "^4.4.5",
     "vite-plugin-dts": "^3.6.3"
+  },
+  "msw": {
+    "workerDirectory": "public"
   }
-}
+}

package/dist/CanvasArea-c4554d61.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-73cf645f.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-e23baf9a.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;