@puckeditor/core 0.21.3-canary.d7750318 → 0.21.3

package/README.md

@@ -9,7 +9,7 @@
   </picture>
 </a>
 
-_The visual editor for React_
+_Create your own AI page builder_
 
 [Documentation](https://puckeditor.com/docs?utm_source=readme&utm_medium=code&utm_campaign=repo&utm_contents=docs_link) • [Demo](https://demo.puckeditor.com/edit?utm_source=readme&utm_medium=code&utm_campaign=repo&utm_contents=demo_link) • [Discord](https://discord.gg/V9mDAhuxyZ) • [Contributing](https://github.com/puckeditor/puck/blob/main/CONTRIBUTING.md)
 

package/dist/{Editor-EPSED64A.mjs → Editor-MCVDFQH6.mjs}

@@ -4,20 +4,20 @@ import {
 import {
   EditorInner,
   LoadedRichTextMenu
-} from "./chunk-WCC2G7U7.mjs";
+} from "./chunk-TDQEUXB2.mjs";
 import "./chunk-AOEDIUVK.mjs";
-import "./chunk-G74MZKKD.mjs";
-import "./chunk-BCL7VBTL.mjs";
-import "./chunk-K23YHISE.mjs";
-import "./chunk-U6THAD4G.mjs";
+import "./chunk-HGJWUFLT.mjs";
+import "./chunk-DPDJ67KA.mjs";
+import "./chunk-ZMTK7SMX.mjs";
+import "./chunk-LODTL5KW.mjs";
 import {
   useAppStore,
   useAppStoreApi
-} from "./chunk-22UJFAFA.mjs";
-import "./chunk-YLLE6KXH.mjs";
-import "./chunk-BOKX3EBR.mjs";
+} from "./chunk-O7FT3KAM.mjs";
+import "./chunk-6XCJ3Y7O.mjs";
+import "./chunk-4HOGLOEA.mjs";
 import "./chunk-Y2EFNT5P.mjs";
-import "./chunk-754HNMU2.mjs";
+import "./chunk-SHVCBQDY.mjs";
 import {
   __spreadProps,
   __spreadValues,

package/dist/{Editor-IQP25PUX.css → Editor-SWYBDXGU.css}

@@ -41,7 +41,7 @@
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/IconButton/IconButton.module.css/#css-module-data */
-._IconButton_ffob9_1 {
+._IconButton_1c68y_1 {
   align-items: center;
   background: transparent;
   border: none;
@@ -53,35 +53,26 @@
   padding: 4px;
   transition: background-color 50ms ease-in, color 50ms ease-in;
 }
-._IconButton--active_ffob9_14 {
+._IconButton--active_1c68y_14 {
   color: var(--puck-color-azure-04);
 }
-._IconButton_ffob9_1:focus-visible {
+._IconButton_1c68y_1:focus-visible {
   outline: 2px solid var(--puck-color-azure-05);
   outline-offset: -2px;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._IconButton_ffob9_1:hover:not(._IconButton--disabled_ffob9_24) {
+  ._IconButton_1c68y_1:hover:not(._IconButton--disabled_1c68y_24) {
     background: var(--puck-color-grey-10);
     color: var(--puck-color-azure-04);
     cursor: pointer;
     transition: none;
   }
 }
-._IconButton_ffob9_1:active {
+._IconButton_1c68y_1:active {
   background: var(--puck-color-azure-11);
   transition: none;
 }
-._IconButton-title_ffob9_37 {
-  clip: rect(0 0 0 0);
-  clip-path: inset(100%);
-  height: 1px;
-  overflow: hidden;
-  position: absolute;
-  white-space: nowrap;
-  width: 1px;
-}
-._IconButton--disabled_ffob9_24 {
+._IconButton--disabled_1c68y_24 {
   color: var(--puck-color-grey-07);
 }
 

package/dist/{Render-CU35UAWV.mjs → Render-MJ563JES.mjs}

@@ -32,6 +32,9 @@ function RichTextRender({
       return content;
     }
     if (typeof content === "string") {
+      if (!content) {
+        return { type: "doc", content: [] };
+      }
       const isHtml = /<\/?[a-z][\s\S]*>/i.test(content);
       if (isHtml) {
         return generateJSON(content, loadedExtensions);

package/dist/{chunk-BOKX3EBR.mjs → chunk-4HOGLOEA.mjs}

@@ -1,7 +1,7 @@
 import {
   mapFields,
   toComponent
-} from "./chunk-754HNMU2.mjs";
+} from "./chunk-SHVCBQDY.mjs";
 import {
   __async,
   __spreadProps,

package/dist/{chunk-YLLE6KXH.mjs → chunk-6XCJ3Y7O.mjs}

@@ -1,10 +1,9 @@
 import {
-  generateId,
   rootDroppableId,
   setupZone,
   walkAppState,
   walkTree
-} from "./chunk-754HNMU2.mjs";
+} from "./chunk-SHVCBQDY.mjs";
 import {
   __spreadProps,
   __spreadValues,
@@ -41,6 +40,11 @@ var insert = (list, index, item) => {
   return result;
 };
 
+// lib/generate-id.ts
+init_react_import();
+import { v4 as uuidv4 } from "uuid";
+var generateId = (type) => type ? `${type}-${uuidv4()}` : uuidv4();
+
 // lib/data/get-ids-for-parent.ts
 init_react_import();
 var getIdsForParent = (zoneCompound, state) => {
@@ -515,6 +519,7 @@ function createReducer({
 
 export {
   insert,
+  generateId,
   populateIds,
   insertAction,
   getItem,

package/dist/{chunk-BCL7VBTL.mjs → chunk-DPDJ67KA.mjs}

@@ -3,7 +3,7 @@ import {
   AlignJustify,
   AlignLeft,
   AlignRight
-} from "./chunk-22UJFAFA.mjs";
+} from "./chunk-O7FT3KAM.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{chunk-G74MZKKD.mjs → chunk-HGJWUFLT.mjs}

@@ -1,12 +1,12 @@
 import {
   useAlignOptions
-} from "./chunk-BCL7VBTL.mjs";
+} from "./chunk-DPDJ67KA.mjs";
 import {
   useHeadingOptions
-} from "./chunk-K23YHISE.mjs";
+} from "./chunk-ZMTK7SMX.mjs";
 import {
   useListOptions
-} from "./chunk-U6THAD4G.mjs";
+} from "./chunk-LODTL5KW.mjs";
 import {
   AlignCenter,
   AlignJustify,
@@ -26,7 +26,7 @@ import {
   Strikethrough,
   Underline,
   useControlContext
-} from "./chunk-22UJFAFA.mjs";
+} from "./chunk-O7FT3KAM.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
@@ -95,7 +95,7 @@ import { useState } from "react";
 
 // css-module:/home/runner/work/puck/puck/packages/core/components/IconButton/IconButton.module.css#css-module
 init_react_import();
-var IconButton_module_default = { "IconButton": "_IconButton_ffob9_1", "IconButton--active": "_IconButton--active_ffob9_14", "IconButton--disabled": "_IconButton--disabled_ffob9_24", "IconButton-title": "_IconButton-title_ffob9_37" };
+var IconButton_module_default = { "IconButton": "_IconButton_1c68y_1", "IconButton--active": "_IconButton--active_1c68y_14", "IconButton--disabled": "_IconButton--disabled_1c68y_24" };
 
 // components/Loader/index.tsx
 init_react_import();
@@ -169,9 +169,9 @@ var IconButton = ({
       rel: newTab ? "noreferrer" : void 0,
       href,
       title,
+      "aria-label": title,
       suppressHydrationWarning,
       children: [
-        /* @__PURE__ */ jsx3("span", { className: getClassName3("title"), children: title }),
         children,
         loading && /* @__PURE__ */ jsxs2(Fragment, { children: [
           "\xA0\xA0",
@@ -349,7 +349,7 @@ function AlignSelectFallback() {
 // components/RichTextMenu/controls/AlignSelect/index.tsx
 import { jsx as jsx10 } from "react/jsx-runtime";
 var AlignSelectLoaded = lazy(
-  () => import("./loaded-MIY725CK.mjs").then((m) => ({
+  () => import("./loaded-54625GTL.mjs").then((m) => ({
     default: m.AlignSelectLoaded
   }))
 );
@@ -580,7 +580,7 @@ function HeadingSelectFallback() {
 // components/RichTextMenu/controls/HeadingSelect/index.tsx
 import { jsx as jsx22 } from "react/jsx-runtime";
 var HeadingSelectLoaded = lazy2(
-  () => import("./loaded-F37CNCVG.mjs").then((m) => ({
+  () => import("./loaded-OMRIYZIQ.mjs").then((m) => ({
     default: m.HeadingSelectLoaded
   }))
 );
@@ -612,7 +612,7 @@ function ListSelectFallback() {
 // components/RichTextMenu/controls/ListSelect/index.tsx
 import { jsx as jsx24 } from "react/jsx-runtime";
 var ListSelectLoaded = lazy3(
-  () => import("./loaded-H325ZSK5.mjs").then((m) => ({
+  () => import("./loaded-Y4ZWZC55.mjs").then((m) => ({
     default: m.ListSelectLoaded
   }))
 );

package/dist/{chunk-U6THAD4G.mjs → chunk-LODTL5KW.mjs}

@@ -1,7 +1,7 @@
 import {
   List,
   ListOrdered
-} from "./chunk-22UJFAFA.mjs";
+} from "./chunk-O7FT3KAM.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{chunk-22UJFAFA.mjs → chunk-O7FT3KAM.mjs}

@@ -1,21 +1,21 @@
 import {
   createReducer,
+  generateId,
   getItem,
   makeStatePublic
-} from "./chunk-YLLE6KXH.mjs";
+} from "./chunk-6XCJ3Y7O.mjs";
 import {
   defaultAppState,
   defaultViewports,
   getChanged,
   resolveComponentData
-} from "./chunk-BOKX3EBR.mjs";
+} from "./chunk-4HOGLOEA.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
 import {
-  generateId,
   walkAppState
-} from "./chunk-754HNMU2.mjs";
+} from "./chunk-SHVCBQDY.mjs";
 import {
   __async,
   __objRest,

package/dist/{chunk-754HNMU2.mjs → chunk-SHVCBQDY.mjs}

@@ -37,20 +37,10 @@ var walkField = ({
   if (map && fieldType === "slot") {
     const content = value || [];
     const mappedContent = recurseSlots ? content.map((el) => {
-      var _a2;
-      const componentConfig = config.components[el.type];
-      if (!componentConfig) {
+      if (!config.components[el.type]) {
         throw new Error(`Could not find component config for ${el.type}`);
       }
-      const fields2 = (_a2 = componentConfig.fields) != null ? _a2 : {};
-      return walkField({
-        value: __spreadProps(__spreadValues({}, el), { props: defaultSlots(el.props, fields2) }),
-        fields: fields2,
-        mappers,
-        id: el.props.id,
-        config,
-        recurseSlots
-      });
+      return mapFields(el, mappers, config, recurseSlots);
     }) : content;
     if (containsPromise(mappedContent)) {
       return Promise.all(mappedContent);
@@ -428,11 +418,6 @@ function walkAppState(state, config, mapContent = (content) => content, mapNodeO
   });
 }
 
-// lib/generate-id.ts
-init_react_import();
-import { v4 as uuidv4 } from "uuid";
-var generateId = (type) => type ? `${type}-${uuidv4()}` : uuidv4();
-
 // lib/data/setup-zone.ts
 init_react_import();
 var setupZone = (data, zoneKey) => {
@@ -457,7 +442,6 @@ export {
   expandNode,
   toComponent,
   walkAppState,
-  generateId,
   walkTree,
   setupZone
 };

package/dist/{chunk-WCC2G7U7.mjs → chunk-TDQEUXB2.mjs}

@@ -3,11 +3,11 @@ import {
 } from "./chunk-AOEDIUVK.mjs";
 import {
   LoadedRichTextMenuInner
-} from "./chunk-G74MZKKD.mjs";
+} from "./chunk-HGJWUFLT.mjs";
 import {
   useAppStore,
   useAppStoreApi
-} from "./chunk-22UJFAFA.mjs";
+} from "./chunk-O7FT3KAM.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
@@ -100,7 +100,7 @@ init_react_import();
 import { lazy, Suspense } from "react";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var LoadedRichTextMenuFull = lazy(
-  () => import("./full-N67EAB2Q.mjs").then((m) => ({
+  () => import("./full-5QCBHXRC.mjs").then((m) => ({
     default: m.LoadedRichTextMenuFull
   }))
 );

package/dist/{chunk-FOGDNETJ.mjs → chunk-X2ZFWNCU.mjs}

@@ -4,18 +4,17 @@ import {
 import {
   defaultAppState,
   resolveComponentData
-} from "./chunk-BOKX3EBR.mjs";
+} from "./chunk-4HOGLOEA.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
 import {
-  generateId,
   getZoneId,
   mapFields,
   toComponent,
   walkAppState,
   walkTree
-} from "./chunk-754HNMU2.mjs";
+} from "./chunk-SHVCBQDY.mjs";
 import {
   __async,
   __objRest,
@@ -400,7 +399,7 @@ function useRichtextProps(fields, props) {
   const richtextProps = useMemo2(() => {
     if (!(richtextKeys == null ? void 0 : richtextKeys.length)) return {};
     const RichTextRender = lazy(
-      () => import("./Render-CU35UAWV.mjs").then((m) => ({
+      () => import("./Render-MJ563JES.mjs").then((m) => ({
         default: m.RichTextRender
       }))
     );
@@ -412,7 +411,7 @@ function useRichtextProps(fields, props) {
           fallback: /* @__PURE__ */ jsx2(RichTextRenderFallback, { content }),
           children: /* @__PURE__ */ jsx2(RichTextRender, { content, field })
         },
-        generateId()
+        path.join(".")
       ));
     }
     return result;

package/dist/{chunk-Y72HCWJK.mjs → chunk-YXFTA2VL.mjs}

@@ -1,7 +1,7 @@
 import {
   EditorInner,
   LoadedRichTextMenu
-} from "./chunk-WCC2G7U7.mjs";
+} from "./chunk-TDQEUXB2.mjs";
 import {
   RichTextRenderFallback,
   SlotRender,
@@ -10,13 +10,13 @@ import {
   getSlotTransform,
   useRichtextProps,
   useSlots
-} from "./chunk-FOGDNETJ.mjs";
+} from "./chunk-X2ZFWNCU.mjs";
 import {
   ActionBar,
   IconButton,
   LoadedRichTextMenuInner,
   Loader
-} from "./chunk-G74MZKKD.mjs";
+} from "./chunk-HGJWUFLT.mjs";
 import {
   ChevronDown,
   ChevronRight,
@@ -68,25 +68,25 @@ import {
   useRegisterHistorySlice,
   useRegisterPermissionsSlice,
   useResetAutoZoom
-} from "./chunk-22UJFAFA.mjs";
+} from "./chunk-O7FT3KAM.mjs";
 import {
+  generateId,
   getItem,
   insert,
   insertAction,
   makeStatePublic,
   populateIds
-} from "./chunk-YLLE6KXH.mjs";
+} from "./chunk-6XCJ3Y7O.mjs";
 import {
   defaultAppState,
   defaultViewports
-} from "./chunk-BOKX3EBR.mjs";
+} from "./chunk-4HOGLOEA.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
 import {
   defaultSlots,
   expandNode,
-  generateId,
   mapFields,
   rootAreaId,
   rootDroppableId,
@@ -95,7 +95,7 @@ import {
   toComponent,
   walkAppState,
   walkField
-} from "./chunk-754HNMU2.mjs";
+} from "./chunk-SHVCBQDY.mjs";
 import {
   __async,
   __objRest,
@@ -1991,7 +1991,7 @@ EditorFallback.displayName = "EditorFallback";
 // components/AutoField/fields/RichtextField/index.tsx
 import { Fragment as Fragment5, jsx as jsx18 } from "react/jsx-runtime";
 var Editor = lazy(
-  () => import("./Editor-EPSED64A.mjs").then((m) => ({
+  () => import("./Editor-MCVDFQH6.mjs").then((m) => ({
     default: m.Editor
   }))
 );
@@ -2914,6 +2914,10 @@ var DraggableComponent = ({
     },
     [zoom]
   );
+  const actionBarRef = useRef2(null);
+  useEffect8(() => {
+    syncActionsPosition(actionBarRef.current);
+  }, [actionBarRef.current, syncActionsPosition]);
   useEffect8(() => {
     if (userDragAxis) {
       setDragAxis(userDragAxis);
@@ -2991,7 +2995,7 @@ var DraggableComponent = ({
                       paddingLeft: actionsSide,
                       paddingRight: actionsSide
                     },
-                    ref: syncActionsPosition,
+                    ref: actionBarRef,
                     children: /* @__PURE__ */ jsxs7(
                       CustomActionBar,
                       {
@@ -3665,7 +3669,7 @@ var DragDropContextClient = ({
             const { previewIndex = {} } = zoneStore.getState() || {};
             const thisPreview = ((_b = previewIndex[zone]) == null ? void 0 : _b.props.id) === source.id ? previewIndex[zone] : null;
             const onAnimationEnd = () => {
-              var _a2, _b2;
+              var _a2, _b2, _c, _d;
               zoneStore.setState({ draggedItem: null });
               if (event.canceled || (target == null ? void 0 : target.type) === "void") {
                 zoneStore.setState({ previewIndex: {} });
@@ -3699,15 +3703,16 @@ var DragDropContextClient = ({
                   );
                 }
               }
+              const movedToNewPosition = ((_b2 = initialSelector.current) == null ? void 0 : _b2.zone) !== (thisPreview == null ? void 0 : thisPreview.zone) || ((_c = initialSelector.current) == null ? void 0 : _c.index) !== (thisPreview == null ? void 0 : thisPreview.index);
               dispatch({
                 type: "setUi",
                 ui: {
                   itemSelector: { index, zone },
                   isDragging: false
                 },
-                recordHistory: false
+                recordHistory: movedToNewPosition
               });
-              (_b2 = dragListeners.dragend) == null ? void 0 : _b2.forEach((fn) => {
+              (_d = dragListeners.dragend) == null ? void 0 : _d.forEach((fn) => {
                 fn(event, manager);
               });
             };
@@ -4342,8 +4347,9 @@ var InlineTextFieldInternal = ({
       );
     }
     if (ref.current) {
-      if (value !== ref.current.innerText) {
-        ref.current.replaceChildren(value);
+      const safeValue = value != null ? value : "";
+      if (safeValue !== ref.current.innerText) {
+        ref.current.replaceChildren(safeValue);
       }
       const cleanupPortal = registerOverlayPortal(ref.current);
       const handleInput = (e) => __async(null, null, function* () {
@@ -4478,12 +4484,12 @@ import {
 } from "react";
 import { jsx as jsx28 } from "react/jsx-runtime";
 var Editor2 = lazy2(
-  () => import("./Editor-EPSED64A.mjs").then((m) => ({
+  () => import("./Editor-MCVDFQH6.mjs").then((m) => ({
     default: m.Editor
   }))
 );
 var RichTextRender = lazy2(
-  () => import("./Render-CU35UAWV.mjs").then((m) => ({
+  () => import("./Render-MJ563JES.mjs").then((m) => ({
     default: m.RichTextRender
   }))
 );
@@ -7463,7 +7469,7 @@ var ViewportControls = ({
 
 // css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Canvas/styles.module.css#css-module
 init_react_import();
-var styles_module_default25 = { "PuckCanvas": "_PuckCanvas_t6s9b_1", "PuckCanvas-controls": "_PuckCanvas-controls_t6s9b_17", "PuckCanvas--fullScreen": "_PuckCanvas--fullScreen_t6s9b_22", "PuckCanvas-inner": "_PuckCanvas-inner_t6s9b_33", "PuckCanvas-root": "_PuckCanvas-root_t6s9b_42", "PuckCanvas--ready": "_PuckCanvas--ready_t6s9b_67", "PuckCanvas-loader": "_PuckCanvas-loader_t6s9b_72", "PuckCanvas--showLoader": "_PuckCanvas--showLoader_t6s9b_82" };
+var styles_module_default25 = { "PuckCanvas": "_PuckCanvas_ur8dl_1", "PuckCanvas-controls": "_PuckCanvas-controls_ur8dl_17", "PuckCanvas--fullScreen": "_PuckCanvas--fullScreen_ur8dl_22", "PuckCanvas-inner": "_PuckCanvas-inner_ur8dl_33", "PuckCanvas-root": "_PuckCanvas-root_ur8dl_42", "PuckCanvas--ready": "_PuckCanvas--ready_ur8dl_67", "PuckCanvas-loader": "_PuckCanvas-loader_ur8dl_72", "PuckCanvas--showLoader": "_PuckCanvas--showLoader_ur8dl_83" };
 
 // components/Puck/components/Canvas/index.tsx
 import { useShallow as useShallow9 } from "zustand/react/shallow";

package/dist/{chunk-K23YHISE.mjs → chunk-ZMTK7SMX.mjs}

@@ -5,7 +5,7 @@ import {
   Heading4,
   Heading5,
   Heading6
-} from "./chunk-22UJFAFA.mjs";
+} from "./chunk-O7FT3KAM.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{full-N67EAB2Q.mjs → full-5QCBHXRC.mjs}

@@ -1,14 +1,14 @@
 import {
   LoadedRichTextMenuInner
-} from "./chunk-G74MZKKD.mjs";
-import "./chunk-BCL7VBTL.mjs";
-import "./chunk-K23YHISE.mjs";
-import "./chunk-U6THAD4G.mjs";
-import "./chunk-22UJFAFA.mjs";
-import "./chunk-YLLE6KXH.mjs";
-import "./chunk-BOKX3EBR.mjs";
+} from "./chunk-HGJWUFLT.mjs";
+import "./chunk-DPDJ67KA.mjs";
+import "./chunk-ZMTK7SMX.mjs";
+import "./chunk-LODTL5KW.mjs";
+import "./chunk-O7FT3KAM.mjs";
+import "./chunk-6XCJ3Y7O.mjs";
+import "./chunk-4HOGLOEA.mjs";
 import "./chunk-Y2EFNT5P.mjs";
-import "./chunk-754HNMU2.mjs";
+import "./chunk-SHVCBQDY.mjs";
 import {
   __spreadValues,
   init_react_import
@@ -24,7 +24,7 @@ init_react_import();
 var defaultEditorState = (ctx, readOnly) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B;
   const editor = ctx.editor;
-  if (!editor) return {};
+  if (!editor || editor.isDestroyed) return {};
   const canChain = () => editor.can().chain();
   return {
     isAlignLeft: editor.isActive({ textAlign: "left" }),

package/dist/{full-2GJTAAZE.css → full-FFFM5OTN.css}

@@ -41,7 +41,7 @@
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/IconButton/IconButton.module.css/#css-module-data */
-._IconButton_ffob9_1 {
+._IconButton_1c68y_1 {
   align-items: center;
   background: transparent;
   border: none;
@@ -53,35 +53,26 @@
   padding: 4px;
   transition: background-color 50ms ease-in, color 50ms ease-in;
 }
-._IconButton--active_ffob9_14 {
+._IconButton--active_1c68y_14 {
   color: var(--puck-color-azure-04);
 }
-._IconButton_ffob9_1:focus-visible {
+._IconButton_1c68y_1:focus-visible {
   outline: 2px solid var(--puck-color-azure-05);
   outline-offset: -2px;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._IconButton_ffob9_1:hover:not(._IconButton--disabled_ffob9_24) {
+  ._IconButton_1c68y_1:hover:not(._IconButton--disabled_1c68y_24) {
     background: var(--puck-color-grey-10);
     color: var(--puck-color-azure-04);
     cursor: pointer;
     transition: none;
   }
 }
-._IconButton_ffob9_1:active {
+._IconButton_1c68y_1:active {
   background: var(--puck-color-azure-11);
   transition: none;
 }
-._IconButton-title_ffob9_37 {
-  clip: rect(0 0 0 0);
-  clip-path: inset(100%);
-  height: 1px;
-  overflow: hidden;
-  position: absolute;
-  white-space: nowrap;
-  width: 1px;
-}
-._IconButton--disabled_ffob9_24 {
+._IconButton--disabled_1c68y_24 {
   color: var(--puck-color-grey-07);
 }