@fragments-sdk/ui 0.17.1 → 0.19.0

package/dist/components/Drawer/Drawer.module.scss.cjs

@@ -1,49 +1,53 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const backdrop = "_backdrop_s6zg0_1";
-const popup = "_popup_s6zg0_16";
-const sideRight = "_side-right_s6zg0_40";
-const sideLeft = "_side-left_s6zg0_50";
-const sideTop = "_side-top_s6zg0_60";
-const sideBottom = "_side-bottom_s6zg0_70";
-const sizeSm = "_size-sm_s6zg0_80";
-const sizeMd = "_size-md_s6zg0_84";
-const sizeLg = "_size-lg_s6zg0_88";
-const sizeXl = "_size-xl_s6zg0_92";
-const sizeFull = "_size-full_s6zg0_96";
-const header = "_header_s6zg0_122";
-const title = "_title_s6zg0_126";
-const description = "_description_s6zg0_134";
-const body = "_body_s6zg0_141";
-const footer = "_footer_s6zg0_147";
-const close = "_close_s6zg0_157";
+const backdrop = "_backdrop_13zr4_1";
+const viewport = "_viewport_13zr4_16";
+const popup = "_popup_13zr4_26";
+const sideRight = "_side-right_13zr4_51";
+const sideLeft = "_side-left_13zr4_64";
+const sideTop = "_side-top_13zr4_77";
+const sideBottom = "_side-bottom_13zr4_90";
+const sizeSm = "_size-sm_13zr4_107";
+const sizeMd = "_size-md_13zr4_111";
+const sizeLg = "_size-lg_13zr4_115";
+const sizeXl = "_size-xl_13zr4_119";
+const sizeFull = "_size-full_13zr4_123";
+const header = "_header_13zr4_149";
+const title = "_title_13zr4_153";
+const description = "_description_13zr4_161";
+const body = "_body_13zr4_168";
+const footer = "_footer_13zr4_174";
+const close = "_close_13zr4_184";
+const swipeArea = "_swipeArea_13zr4_230";
 const styles = {
   backdrop,
+  viewport,
   popup,
-  "side-right": "_side-right_s6zg0_40",
+  "side-right": "_side-right_13zr4_51",
   sideRight,
-  "side-left": "_side-left_s6zg0_50",
+  "side-left": "_side-left_13zr4_64",
   sideLeft,
-  "side-top": "_side-top_s6zg0_60",
+  "side-top": "_side-top_13zr4_77",
   sideTop,
-  "side-bottom": "_side-bottom_s6zg0_70",
+  "side-bottom": "_side-bottom_13zr4_90",
   sideBottom,
-  "size-sm": "_size-sm_s6zg0_80",
+  "size-sm": "_size-sm_13zr4_107",
   sizeSm,
-  "size-md": "_size-md_s6zg0_84",
+  "size-md": "_size-md_13zr4_111",
   sizeMd,
-  "size-lg": "_size-lg_s6zg0_88",
+  "size-lg": "_size-lg_13zr4_115",
   sizeLg,
-  "size-xl": "_size-xl_s6zg0_92",
+  "size-xl": "_size-xl_13zr4_119",
   sizeXl,
-  "size-full": "_size-full_s6zg0_96",
+  "size-full": "_size-full_13zr4_123",
   sizeFull,
   header,
   title,
   description,
   body,
   footer,
-  close
+  close,
+  swipeArea
 };
 exports.backdrop = backdrop;
 exports.body = body;
@@ -62,4 +66,6 @@ exports.sizeLg = sizeLg;
 exports.sizeMd = sizeMd;
 exports.sizeSm = sizeSm;
 exports.sizeXl = sizeXl;
+exports.swipeArea = swipeArea;
 exports.title = title;
+exports.viewport = viewport;

package/dist/components/Drawer/Drawer.module.scss.js

@@ -1,47 +1,51 @@
-const backdrop = "_backdrop_s6zg0_1";
-const popup = "_popup_s6zg0_16";
-const sideRight = "_side-right_s6zg0_40";
-const sideLeft = "_side-left_s6zg0_50";
-const sideTop = "_side-top_s6zg0_60";
-const sideBottom = "_side-bottom_s6zg0_70";
-const sizeSm = "_size-sm_s6zg0_80";
-const sizeMd = "_size-md_s6zg0_84";
-const sizeLg = "_size-lg_s6zg0_88";
-const sizeXl = "_size-xl_s6zg0_92";
-const sizeFull = "_size-full_s6zg0_96";
-const header = "_header_s6zg0_122";
-const title = "_title_s6zg0_126";
-const description = "_description_s6zg0_134";
-const body = "_body_s6zg0_141";
-const footer = "_footer_s6zg0_147";
-const close = "_close_s6zg0_157";
+const backdrop = "_backdrop_13zr4_1";
+const viewport = "_viewport_13zr4_16";
+const popup = "_popup_13zr4_26";
+const sideRight = "_side-right_13zr4_51";
+const sideLeft = "_side-left_13zr4_64";
+const sideTop = "_side-top_13zr4_77";
+const sideBottom = "_side-bottom_13zr4_90";
+const sizeSm = "_size-sm_13zr4_107";
+const sizeMd = "_size-md_13zr4_111";
+const sizeLg = "_size-lg_13zr4_115";
+const sizeXl = "_size-xl_13zr4_119";
+const sizeFull = "_size-full_13zr4_123";
+const header = "_header_13zr4_149";
+const title = "_title_13zr4_153";
+const description = "_description_13zr4_161";
+const body = "_body_13zr4_168";
+const footer = "_footer_13zr4_174";
+const close = "_close_13zr4_184";
+const swipeArea = "_swipeArea_13zr4_230";
 const styles = {
   backdrop,
+  viewport,
   popup,
-  "side-right": "_side-right_s6zg0_40",
+  "side-right": "_side-right_13zr4_51",
   sideRight,
-  "side-left": "_side-left_s6zg0_50",
+  "side-left": "_side-left_13zr4_64",
   sideLeft,
-  "side-top": "_side-top_s6zg0_60",
+  "side-top": "_side-top_13zr4_77",
   sideTop,
-  "side-bottom": "_side-bottom_s6zg0_70",
+  "side-bottom": "_side-bottom_13zr4_90",
   sideBottom,
-  "size-sm": "_size-sm_s6zg0_80",
+  "size-sm": "_size-sm_13zr4_107",
   sizeSm,
-  "size-md": "_size-md_s6zg0_84",
+  "size-md": "_size-md_13zr4_111",
   sizeMd,
-  "size-lg": "_size-lg_s6zg0_88",
+  "size-lg": "_size-lg_13zr4_115",
   sizeLg,
-  "size-xl": "_size-xl_s6zg0_92",
+  "size-xl": "_size-xl_13zr4_119",
   sizeXl,
-  "size-full": "_size-full_s6zg0_96",
+  "size-full": "_size-full_13zr4_123",
   sizeFull,
   header,
   title,
   description,
   body,
   footer,
-  close
+  close,
+  swipeArea
 };
 export {
   backdrop,
@@ -61,5 +65,7 @@ export {
   sizeMd,
   sizeSm,
   sizeXl,
-  title
+  swipeArea,
+  title,
+  viewport
 };

package/dist/components/Drawer/index.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const dialog = require("@base-ui/react/dialog");
+const drawer = require("@base-ui/react/drawer");
 const Drawer_module = require("./Drawer.module.scss.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -53,15 +53,23 @@ function DrawerRoot({
   open,
   defaultOpen,
   onOpenChange,
-  modal = true
+  onOpenChangeComplete,
+  modal = true,
+  swipeDirection,
+  snapPoints,
+  disablePointerDismissal
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    dialog.Dialog.Root,
+    drawer.Drawer.Root,
     {
       open,
       defaultOpen,
       onOpenChange,
+      onOpenChangeComplete,
       modal,
+      swipeDirection,
+      snapPoints,
+      disablePointerDismissal,
       children
     }
   );
@@ -74,9 +82,9 @@ function DrawerTrigger({
 }) {
   if (asChild) {
     const child = getAsChildElement(children, "Drawer.Trigger");
-    return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Trigger, { ...htmlProps, className, render: child, children: null });
+    return /* @__PURE__ */ jsxRuntime.jsx(drawer.Drawer.Trigger, { ...htmlProps, className, render: child, children: null });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Trigger, { ...htmlProps, className, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(drawer.Drawer.Trigger, { ...htmlProps, className, children });
 }
 function DrawerContent({
   children,
@@ -93,9 +101,9 @@ function DrawerContent({
     Drawer_module.default[`size-${size}`],
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxRuntime.jsxs(dialog.Dialog.Portal, { children: [
-    backdrop && /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Backdrop, { className: Drawer_module.default.backdrop }),
-    /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Popup, { initialFocus, ...htmlProps, "data-side": side, className: popupClasses, children })
+  return /* @__PURE__ */ jsxRuntime.jsxs(drawer.Drawer.Portal, { children: [
+    backdrop && /* @__PURE__ */ jsxRuntime.jsx(drawer.Drawer.Backdrop, { className: Drawer_module.default.backdrop }),
+    /* @__PURE__ */ jsxRuntime.jsx(drawer.Drawer.Viewport, { className: Drawer_module.default.viewport, children: /* @__PURE__ */ jsxRuntime.jsx(drawer.Drawer.Popup, { initialFocus, ...htmlProps, "data-side": side, className: popupClasses, children: /* @__PURE__ */ jsxRuntime.jsx(drawer.Drawer.Content, { children }) }) })
   ] });
 }
 function DrawerHeader({ children, className, ...htmlProps }) {
@@ -104,11 +112,11 @@ function DrawerHeader({ children, className, ...htmlProps }) {
 }
 function DrawerTitle({ children, className, ...htmlProps }) {
   const classes = [Drawer_module.default.title, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Title, { ...htmlProps, className: classes, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(drawer.Drawer.Title, { ...htmlProps, className: classes, children });
 }
 function DrawerDescription({ children, className, ...htmlProps }) {
   const classes = [Drawer_module.default.description, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Description, { ...htmlProps, className: classes, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(drawer.Drawer.Description, { ...htmlProps, className: classes, children });
 }
 function DrawerBody({ children, className, ...htmlProps }) {
   const classes = [Drawer_module.default.body, className].filter(Boolean).join(" ");
@@ -121,7 +129,7 @@ function DrawerFooter({ children, className, ...htmlProps }) {
 function DrawerClose({ children, asChild, className, ...htmlProps }) {
   if (!children) {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      dialog.Dialog.Close,
+      drawer.Drawer.Close,
       {
         ...htmlProps,
         "data-drawer-close": true,
@@ -134,7 +142,7 @@ function DrawerClose({ children, asChild, className, ...htmlProps }) {
   if (asChild) {
     const child = getAsChildElement(children, "Drawer.Close");
     return /* @__PURE__ */ jsxRuntime.jsx(
-      dialog.Dialog.Close,
+      drawer.Drawer.Close,
       {
         ...htmlProps,
         "data-drawer-close": true,
@@ -144,7 +152,19 @@ function DrawerClose({ children, asChild, className, ...htmlProps }) {
       }
     );
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Close, { ...htmlProps, "data-drawer-close": true, className, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(drawer.Drawer.Close, { ...htmlProps, "data-drawer-close": true, className, children });
+}
+function DrawerSwipeArea({ swipeDirection, disabled, className, ...htmlProps }) {
+  const classes = [Drawer_module.default.swipeArea, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    drawer.Drawer.SwipeArea,
+    {
+      ...htmlProps,
+      swipeDirection,
+      disabled,
+      className: classes
+    }
+  );
 }
 const Drawer = Object.assign(DrawerRoot, {
   Trigger: DrawerTrigger,
@@ -154,7 +174,8 @@ const Drawer = Object.assign(DrawerRoot, {
   Description: DrawerDescription,
   Body: DrawerBody,
   Footer: DrawerFooter,
-  Close: DrawerClose
+  Close: DrawerClose,
+  SwipeArea: DrawerSwipeArea
 });
 exports.Drawer = Drawer;
 exports.DrawerBody = DrawerBody;
@@ -164,5 +185,6 @@ exports.DrawerDescription = DrawerDescription;
 exports.DrawerFooter = DrawerFooter;
 exports.DrawerHeader = DrawerHeader;
 exports.DrawerRoot = DrawerRoot;
+exports.DrawerSwipeArea = DrawerSwipeArea;
 exports.DrawerTitle = DrawerTitle;
 exports.DrawerTrigger = DrawerTrigger;

package/dist/components/Drawer/index.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 /**
  * Slide-in panel for navigation, forms, or supplementary content.
+ * Now backed by Base UI's stable Drawer (v1.3.0) with native swipe gestures.
  * @see https://usefragments.com/components/drawer
  */
 export interface DrawerProps {
@@ -11,9 +12,18 @@ export interface DrawerProps {
     defaultOpen?: boolean;
     /** Called when open state changes */
     onOpenChange?: (open: boolean) => void;
+    /** Called after open/close animation completes */
+    onOpenChangeComplete?: (open: boolean) => void;
     /** Whether the drawer blocks interaction with the rest of the page.
      * @default true */
-    modal?: boolean;
+    modal?: boolean | 'trap-focus';
+    /** Swipe direction to dismiss.
+     * @default derived from `side` prop on Content */
+    swipeDirection?: 'up' | 'down' | 'left' | 'right';
+    /** Preset snap-point heights for bottom-sheet drawers */
+    snapPoints?: number[];
+    /** Disable outside-click dismissal */
+    disablePointerDismissal?: boolean;
 }
 export interface DrawerContentProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
@@ -52,7 +62,13 @@ export interface DrawerCloseProps extends React.ButtonHTMLAttributes<HTMLButtonE
     children?: React.ReactNode;
     asChild?: boolean;
 }
-declare function DrawerRoot({ children, open, defaultOpen, onOpenChange, modal, }: DrawerProps): import("react/jsx-runtime").JSX.Element;
+export interface DrawerSwipeAreaProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Swipe direction to open the drawer */
+    swipeDirection?: 'up' | 'down' | 'left' | 'right';
+    /** Disable swipe detection */
+    disabled?: boolean;
+}
+declare function DrawerRoot({ children, open, defaultOpen, onOpenChange, onOpenChangeComplete, modal, swipeDirection, snapPoints, disablePointerDismissal, }: DrawerProps): import("react/jsx-runtime").JSX.Element;
 declare function DrawerTrigger({ children, asChild, className, ...htmlProps }: DrawerTriggerProps): import("react/jsx-runtime").JSX.Element;
 declare function DrawerContent({ children, side, size, backdrop, initialFocus, className, ...htmlProps }: DrawerContentProps): import("react/jsx-runtime").JSX.Element;
 declare function DrawerHeader({ children, className, ...htmlProps }: DrawerHeaderProps): import("react/jsx-runtime").JSX.Element;
@@ -61,6 +77,7 @@ declare function DrawerDescription({ children, className, ...htmlProps }: Drawer
 declare function DrawerBody({ children, className, ...htmlProps }: DrawerBodyProps): import("react/jsx-runtime").JSX.Element;
 declare function DrawerFooter({ children, className, ...htmlProps }: DrawerFooterProps): import("react/jsx-runtime").JSX.Element;
 declare function DrawerClose({ children, asChild, className, ...htmlProps }: DrawerCloseProps): import("react/jsx-runtime").JSX.Element;
+declare function DrawerSwipeArea({ swipeDirection, disabled, className, ...htmlProps }: DrawerSwipeAreaProps): import("react/jsx-runtime").JSX.Element;
 export declare const Drawer: typeof DrawerRoot & {
     Trigger: typeof DrawerTrigger;
     Content: typeof DrawerContent;
@@ -70,6 +87,7 @@ export declare const Drawer: typeof DrawerRoot & {
     Body: typeof DrawerBody;
     Footer: typeof DrawerFooter;
     Close: typeof DrawerClose;
+    SwipeArea: typeof DrawerSwipeArea;
 };
-export { DrawerRoot, DrawerTrigger, DrawerContent, DrawerHeader, DrawerTitle, DrawerDescription, DrawerBody, DrawerFooter, DrawerClose, };
+export { DrawerRoot, DrawerTrigger, DrawerContent, DrawerHeader, DrawerTitle, DrawerDescription, DrawerBody, DrawerFooter, DrawerClose, DrawerSwipeArea, };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Drawer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Drawer/index.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { Dialog } from "@base-ui/react/dialog";
+import { Drawer as Drawer$1 } from "@base-ui/react/drawer";
 import styles from "./Drawer.module.scss.js";
 function getAsChildElement(children, componentName) {
   if (!React.isValidElement(children)) {
@@ -34,15 +34,23 @@ function DrawerRoot({
   open,
   defaultOpen,
   onOpenChange,
-  modal = true
+  onOpenChangeComplete,
+  modal = true,
+  swipeDirection,
+  snapPoints,
+  disablePointerDismissal
 }) {
   return /* @__PURE__ */ jsx(
-    Dialog.Root,
+    Drawer$1.Root,
     {
       open,
       defaultOpen,
       onOpenChange,
+      onOpenChangeComplete,
       modal,
+      swipeDirection,
+      snapPoints,
+      disablePointerDismissal,
       children
     }
   );
@@ -55,9 +63,9 @@ function DrawerTrigger({
 }) {
   if (asChild) {
     const child = getAsChildElement(children, "Drawer.Trigger");
-    return /* @__PURE__ */ jsx(Dialog.Trigger, { ...htmlProps, className, render: child, children: null });
+    return /* @__PURE__ */ jsx(Drawer$1.Trigger, { ...htmlProps, className, render: child, children: null });
   }
-  return /* @__PURE__ */ jsx(Dialog.Trigger, { ...htmlProps, className, children });
+  return /* @__PURE__ */ jsx(Drawer$1.Trigger, { ...htmlProps, className, children });
 }
 function DrawerContent({
   children,
@@ -74,9 +82,9 @@ function DrawerContent({
     styles[`size-${size}`],
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs(Dialog.Portal, { children: [
-    backdrop && /* @__PURE__ */ jsx(Dialog.Backdrop, { className: styles.backdrop }),
-    /* @__PURE__ */ jsx(Dialog.Popup, { initialFocus, ...htmlProps, "data-side": side, className: popupClasses, children })
+  return /* @__PURE__ */ jsxs(Drawer$1.Portal, { children: [
+    backdrop && /* @__PURE__ */ jsx(Drawer$1.Backdrop, { className: styles.backdrop }),
+    /* @__PURE__ */ jsx(Drawer$1.Viewport, { className: styles.viewport, children: /* @__PURE__ */ jsx(Drawer$1.Popup, { initialFocus, ...htmlProps, "data-side": side, className: popupClasses, children: /* @__PURE__ */ jsx(Drawer$1.Content, { children }) }) })
   ] });
 }
 function DrawerHeader({ children, className, ...htmlProps }) {
@@ -85,11 +93,11 @@ function DrawerHeader({ children, className, ...htmlProps }) {
 }
 function DrawerTitle({ children, className, ...htmlProps }) {
   const classes = [styles.title, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx(Dialog.Title, { ...htmlProps, className: classes, children });
+  return /* @__PURE__ */ jsx(Drawer$1.Title, { ...htmlProps, className: classes, children });
 }
 function DrawerDescription({ children, className, ...htmlProps }) {
   const classes = [styles.description, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx(Dialog.Description, { ...htmlProps, className: classes, children });
+  return /* @__PURE__ */ jsx(Drawer$1.Description, { ...htmlProps, className: classes, children });
 }
 function DrawerBody({ children, className, ...htmlProps }) {
   const classes = [styles.body, className].filter(Boolean).join(" ");
@@ -102,7 +110,7 @@ function DrawerFooter({ children, className, ...htmlProps }) {
 function DrawerClose({ children, asChild, className, ...htmlProps }) {
   if (!children) {
     return /* @__PURE__ */ jsx(
-      Dialog.Close,
+      Drawer$1.Close,
       {
         ...htmlProps,
         "data-drawer-close": true,
@@ -115,7 +123,7 @@ function DrawerClose({ children, asChild, className, ...htmlProps }) {
   if (asChild) {
     const child = getAsChildElement(children, "Drawer.Close");
     return /* @__PURE__ */ jsx(
-      Dialog.Close,
+      Drawer$1.Close,
       {
         ...htmlProps,
         "data-drawer-close": true,
@@ -125,7 +133,19 @@ function DrawerClose({ children, asChild, className, ...htmlProps }) {
       }
     );
   }
-  return /* @__PURE__ */ jsx(Dialog.Close, { ...htmlProps, "data-drawer-close": true, className, children });
+  return /* @__PURE__ */ jsx(Drawer$1.Close, { ...htmlProps, "data-drawer-close": true, className, children });
+}
+function DrawerSwipeArea({ swipeDirection, disabled, className, ...htmlProps }) {
+  const classes = [styles.swipeArea, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(
+    Drawer$1.SwipeArea,
+    {
+      ...htmlProps,
+      swipeDirection,
+      disabled,
+      className: classes
+    }
+  );
 }
 const Drawer = Object.assign(DrawerRoot, {
   Trigger: DrawerTrigger,
@@ -135,7 +155,8 @@ const Drawer = Object.assign(DrawerRoot, {
   Description: DrawerDescription,
   Body: DrawerBody,
   Footer: DrawerFooter,
-  Close: DrawerClose
+  Close: DrawerClose,
+  SwipeArea: DrawerSwipeArea
 });
 export {
   Drawer,
@@ -146,6 +167,7 @@ export {
   DrawerFooter,
   DrawerHeader,
   DrawerRoot,
+  DrawerSwipeArea,
   DrawerTitle,
   DrawerTrigger
 };

package/dist/components/Editor/Editor.module.scss.cjs

@@ -1,22 +1,22 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const editor = "_editor_g3ufc_1";
-const contentTextarea = "_contentTextarea_g3ufc_19";
-const content = "_content_g3ufc_19";
-const toolbar = "_toolbar_g3ufc_38";
-const toolbarGroup = "_toolbarGroup_g3ufc_49";
-const toolbarButton = "_toolbarButton_g3ufc_55";
-const toolbarButtonActive = "_toolbarButtonActive_g3ufc_110";
-const separator = "_separator_g3ufc_121";
-const statusIndicator = "_statusIndicator_g3ufc_129";
-const statusError = "_statusError_g3ufc_142";
-const contentRich = "_contentRich_g3ufc_152";
-const statusBar = "_statusBar_g3ufc_275";
-const statusBarLeft = "_statusBarLeft_g3ufc_285";
-const statusBarRight = "_statusBarRight_g3ufc_291";
-const statusBarItem = "_statusBarItem_g3ufc_298";
-const statusBarItemWarning = "_statusBarItemWarning_g3ufc_305";
-const statusBarItemError = "_statusBarItemError_g3ufc_310";
+const editor = "_editor_zjtu1_1";
+const contentTextarea = "_contentTextarea_zjtu1_19";
+const content = "_content_zjtu1_19";
+const toolbar = "_toolbar_zjtu1_38";
+const toolbarGroup = "_toolbarGroup_zjtu1_49";
+const toolbarButton = "_toolbarButton_zjtu1_55";
+const toolbarButtonActive = "_toolbarButtonActive_zjtu1_110";
+const separator = "_separator_zjtu1_121";
+const statusIndicator = "_statusIndicator_zjtu1_129";
+const statusError = "_statusError_zjtu1_142";
+const contentRich = "_contentRich_zjtu1_152";
+const statusBar = "_statusBar_zjtu1_275";
+const statusBarLeft = "_statusBarLeft_zjtu1_285";
+const statusBarRight = "_statusBarRight_zjtu1_291";
+const statusBarItem = "_statusBarItem_zjtu1_298";
+const statusBarItemWarning = "_statusBarItemWarning_zjtu1_305";
+const statusBarItemError = "_statusBarItemError_zjtu1_310";
 const styles = {
   editor,
   contentTextarea,

package/dist/components/Editor/Editor.module.scss.js

@@ -1,20 +1,20 @@
-const editor = "_editor_g3ufc_1";
-const contentTextarea = "_contentTextarea_g3ufc_19";
-const content = "_content_g3ufc_19";
-const toolbar = "_toolbar_g3ufc_38";
-const toolbarGroup = "_toolbarGroup_g3ufc_49";
-const toolbarButton = "_toolbarButton_g3ufc_55";
-const toolbarButtonActive = "_toolbarButtonActive_g3ufc_110";
-const separator = "_separator_g3ufc_121";
-const statusIndicator = "_statusIndicator_g3ufc_129";
-const statusError = "_statusError_g3ufc_142";
-const contentRich = "_contentRich_g3ufc_152";
-const statusBar = "_statusBar_g3ufc_275";
-const statusBarLeft = "_statusBarLeft_g3ufc_285";
-const statusBarRight = "_statusBarRight_g3ufc_291";
-const statusBarItem = "_statusBarItem_g3ufc_298";
-const statusBarItemWarning = "_statusBarItemWarning_g3ufc_305";
-const statusBarItemError = "_statusBarItemError_g3ufc_310";
+const editor = "_editor_zjtu1_1";
+const contentTextarea = "_contentTextarea_zjtu1_19";
+const content = "_content_zjtu1_19";
+const toolbar = "_toolbar_zjtu1_38";
+const toolbarGroup = "_toolbarGroup_zjtu1_49";
+const toolbarButton = "_toolbarButton_zjtu1_55";
+const toolbarButtonActive = "_toolbarButtonActive_zjtu1_110";
+const separator = "_separator_zjtu1_121";
+const statusIndicator = "_statusIndicator_zjtu1_129";
+const statusError = "_statusError_zjtu1_142";
+const contentRich = "_contentRich_zjtu1_152";
+const statusBar = "_statusBar_zjtu1_275";
+const statusBarLeft = "_statusBarLeft_zjtu1_285";
+const statusBarRight = "_statusBarRight_zjtu1_291";
+const statusBarItem = "_statusBarItem_zjtu1_298";
+const statusBarItemWarning = "_statusBarItemWarning_zjtu1_305";
+const statusBarItemError = "_statusBarItemError_zjtu1_310";
 const styles = {
   editor,
   contentTextarea,

package/dist/components/EmptyState/EmptyState.module.scss.cjs

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const emptyState = "_emptyState_t13np_1";
-const sm = "_sm_t13np_11";
-const title = "_title_t13np_14";
-const description = "_description_t13np_17";
-const icon = "_icon_t13np_21";
-const actions = "_actions_t13np_24";
-const md = "_md_t13np_28";
-const lg = "_lg_t13np_45";
+const emptyState = "_emptyState_1tx2d_1";
+const sm = "_sm_1tx2d_11";
+const title = "_title_1tx2d_14";
+const description = "_description_1tx2d_17";
+const icon = "_icon_1tx2d_21";
+const actions = "_actions_1tx2d_24";
+const md = "_md_1tx2d_28";
+const lg = "_lg_1tx2d_45";
 const styles = {
   emptyState,
   sm,

package/dist/components/EmptyState/EmptyState.module.scss.js

@@ -1,11 +1,11 @@
-const emptyState = "_emptyState_t13np_1";
-const sm = "_sm_t13np_11";
-const title = "_title_t13np_14";
-const description = "_description_t13np_17";
-const icon = "_icon_t13np_21";
-const actions = "_actions_t13np_24";
-const md = "_md_t13np_28";
-const lg = "_lg_t13np_45";
+const emptyState = "_emptyState_1tx2d_1";
+const sm = "_sm_1tx2d_11";
+const title = "_title_1tx2d_14";
+const description = "_description_1tx2d_17";
+const icon = "_icon_1tx2d_21";
+const actions = "_actions_1tx2d_24";
+const md = "_md_1tx2d_28";
+const lg = "_lg_1tx2d_45";
 const styles = {
   emptyState,
   sm,

package/dist/components/Field/Field.module.scss.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "_root_1xj1w_1";
-const label = "_label_1xj1w_6";
-const description = "_description_1xj1w_17";
-const error = "_error_1xj1w_24";
+const root = "_root_a26f9_1";
+const label = "_label_a26f9_6";
+const description = "_description_a26f9_17";
+const error = "_error_a26f9_24";
 const styles = {
   root,
   label,