@commercetools/nimbus 0.0.0-canary-20250904053156 → 0.0.0-canary-20250916130207

package/dist/chunks/split-button-BIMKDmUe.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),o=require("react"),R=require("./button-DJYITnqc.cjs.js"),T=require("./icon-button-CPXhdrQY.cjs.js"),V=require("@chakra-ui/react"),O=require("./index-B3DGNvyC.cjs.js"),G=require("@commercetools/nimbus-icons"),u=require("./menu-DxXsyeUG.cjs.js"),{withProvider:N,withContext:d}=V.createSlotRecipeContext({recipe:O.splitButtonSlotRecipe}),z=N("div","root"),K=d("div","buttonGroup"),L=d("button","primaryButton"),W=d("button","dropdownTrigger"),D=p=>{const{size:S="md",variant:b="solid",tone:g,isDisabled:m=!1,"aria-label":y,onAction:l,isOpen:C,defaultOpen:j,onOpenChange:M}=p,h={size:S,variant:b,tone:g},f=t=>{if(!o.isValidElement(t)||!t.props)return!1;const n=t.props;return"id"in n&&typeof n.id=="string"},I=t=>!o.isValidElement(t)||!t.props?!1:"children"in t.props,x=o.Children.toArray(p.children),A=x.find(t=>o.isValidElement(t)&&t.props?.slot==="icon"),a=x.filter(t=>!o.isValidElement(t)||t.props?.slot!=="icon"),B=t=>{let n=!1;return o.Children.forEach(t,r=>{if(!n){if(f(r)&&!r.props.isDisabled){n=!0;return}I(r)&&(n=B(r.props.children))}}),n},q=()=>{const t=[],n=c=>{o.Children.forEach(c,i=>{f(i)&&t.push({content:i.props.children,isDisabled:i.props.isDisabled||!1,actionId:i.props.id}),I(i)&&n(i.props.children)})};return n(a),t.find(c=>!c.isDisabled)||t[0]||{content:"No actions available",isDisabled:!0,actionId:null}},E=B(a),s=q(),P=()=>{!s.isDisabled&&s.actionId&&l&&l(s.actionId)},v=m||s.isDisabled,w=m||!E;return e.jsx(z,{variant:b,"data-mode":"split",children:e.jsxs(K,{children:[e.jsx(L,{asChild:!0,children:e.jsxs(R.Button,{...h,isDisabled:v,onPress:P,children:[A,s.content]})}),e.jsxs(u.Menu.Root,{trigger:"press",isOpen:C,defaultOpen:j,onOpenChange:M,placement:"bottom end",selectionMode:"none",onAction:l?t=>l(String(t)):void 0,children:[e.jsx(u.Menu.Trigger,{asChild:!0,children:e.jsx(W,{asChild:!0,children:e.jsx(T.IconButton,{...h,"aria-label":y,isDisabled:w,children:e.jsx(G.KeyboardArrowDown,{})})})}),e.jsx(u.Menu.Content,{children:a})]})]})})};D.displayName="SplitButton";exports.SplitButton=D;
-//# sourceMappingURL=split-button-BIMKDmUe.cjs.js.map

package/dist/chunks/split-button-BIMKDmUe.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"split-button-BIMKDmUe.cjs.js","sources":["../../src/components/split-button/split-button.slots.tsx","../../src/components/split-button/split-button.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-object-type */\nimport {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n} from \"@chakra-ui/react\";\nimport { splitButtonSlotRecipe } from \"./split-button.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: splitButtonSlotRecipe,\n});\n\n// Root Container\nexport interface SplitButtonRootSlotProps\n  extends HTMLChakraProps<\n    \"div\",\n    RecipeVariantProps<typeof splitButtonSlotRecipe>\n  > {}\nexport const SplitButtonRootSlot = withProvider<\n  HTMLDivElement,\n  SplitButtonRootSlotProps\n>(\"div\", \"root\");\n\n// Button Group Container\nexport interface SplitButtonButtonGroupSlotProps\n  extends HTMLChakraProps<\"div\"> {}\nexport const SplitButtonButtonGroupSlot = withContext<\n  HTMLDivElement,\n  SplitButtonButtonGroupSlotProps\n>(\"div\", \"buttonGroup\");\n\n// Primary Action Button\nexport interface SplitButtonPrimaryButtonSlotProps\n  extends HTMLChakraProps<\"button\"> {}\nexport const SplitButtonPrimaryButtonSlot = withContext<\n  HTMLButtonElement,\n  SplitButtonPrimaryButtonSlotProps\n>(\"button\", \"primaryButton\");\n\n// Dropdown Trigger Button\nexport interface SplitButtonTriggerSlotProps\n  extends HTMLChakraProps<\"button\"> {}\nexport const SplitButtonTriggerSlot = withContext<\n  HTMLButtonElement,\n  SplitButtonTriggerSlotProps\n>(\"button\", \"dropdownTrigger\");\n","import React from \"react\";\nimport { Button } from \"@/components/button\";\nimport { IconButton } from \"@/components/icon-button\";\nimport { Menu } from \"@/components/menu\";\nimport type { SplitButtonProps } from \"./split-button.types\";\nimport {\n  SplitButtonRootSlot,\n  SplitButtonButtonGroupSlot,\n  SplitButtonPrimaryButtonSlot,\n  SplitButtonTriggerSlot,\n} from \"./split-button.slots\";\nimport { KeyboardArrowDown } from \"@commercetools/nimbus-icons\";\n\n// Re-export types\nexport type * from \"./split-button.types\";\n\n/**\n * # SplitButton\n *\n * A split-button component that combines a primary action button with a dropdown menu.\n *\n * Shows a primary action button + dropdown trigger. The primary button automatically\n * executes the first enabled Menu.Item action, while the dropdown trigger opens a menu\n * with all available options.\n *\n * Use with Menu.Item, Menu.Section, and Divider components for content.\n */\nexport const SplitButton = (props: SplitButtonProps) => {\n  const {\n    size = \"md\",\n    variant = \"solid\",\n    tone,\n    isDisabled = false,\n    \"aria-label\": ariaLabel,\n    onAction,\n    isOpen,\n    defaultOpen,\n    onOpenChange,\n  } = props;\n\n  const buttonProps = { size, variant, tone };\n\n  /**\n   * CORE CONCEPT: In split button mode, we need to populate the primary button\n   * with content from a Menu.Item (specified by defaultAction prop).\n   *\n   * Why this complexity exists:\n   * - Users define actions as <Menu.Item id=\"save\">Save Document</Menu.Item>\n   * - We need to extract \"Save Document\" text to show on the primary button\n   * - Menu.Items can be nested inside Menu.Section components\n   * - We need to handle disabled states and fallbacks\n   */\n\n  // Type guards for safe prop access\n  interface MenuItemProps {\n    id: string;\n    children: React.ReactNode;\n    isDisabled?: boolean;\n    isCritical?: boolean;\n  }\n\n  interface ComponentWithChildren {\n    children: React.ReactNode;\n  }\n\n  // Check if element is a Menu.Item with required props\n  const isMenuItemWithId = (\n    element: React.ReactNode\n  ): element is React.ReactElement<MenuItemProps> => {\n    if (!React.isValidElement(element) || !element.props) return false;\n    const props = element.props as Record<string, unknown>;\n    return \"id\" in props && typeof props.id === \"string\";\n  };\n\n  // Check if element has children prop\n  const hasChildren = (\n    element: React.ReactNode\n  ): element is React.ReactElement<ComponentWithChildren> => {\n    if (!React.isValidElement(element) || !element.props) return false;\n    const props = element.props as Record<string, unknown>;\n    return \"children\" in props;\n  };\n\n  // Separate Icon slots from Menu items\n  const childArray = React.Children.toArray(props.children);\n  const iconElement = childArray.find(\n    (child): child is React.ReactElement =>\n      React.isValidElement(child) &&\n      (child.props as { slot?: string })?.slot === \"icon\"\n  );\n  const menuItems = childArray.filter(\n    (child) =>\n      !React.isValidElement(child) ||\n      (child.props as { slot?: string })?.slot !== \"icon\"\n  );\n\n  /**\n   * Check if there are any actionable (enabled) Menu.Items in the children.\n   * This is used to determine if the dropdown trigger should be disabled.\n   */\n  const hasActionableMenuItems = (children: React.ReactNode): boolean => {\n    let hasActionable = false;\n\n    React.Children.forEach(children, (child) => {\n      if (hasActionable) return;\n\n      // Check if this is an enabled Menu.Item\n      if (isMenuItemWithId(child) && !child.props.isDisabled) {\n        hasActionable = true;\n        return;\n      }\n\n      // Recurse into Menu.Section or any component with children\n      if (hasChildren(child)) {\n        hasActionable = hasActionableMenuItems(child.props.children);\n      }\n    });\n\n    return hasActionable;\n  };\n\n  /**\n   * Find the primary Menu.Item using the same logic as the original PrimaryActionDropdown.\n   * Selects the first enabled Menu.Item, or falls back to the first Menu.Item if all are disabled.\n   */\n  const findPrimaryMenuItem = () => {\n    const allMenuItems: Array<{\n      content: React.ReactNode;\n      isDisabled: boolean;\n      actionId: string | null;\n    }> = [];\n\n    // Recursively collect all Menu.Items from children (including nested ones)\n    const collectMenuItems = (children: React.ReactNode): void => {\n      React.Children.forEach(children, (child) => {\n        if (isMenuItemWithId(child)) {\n          allMenuItems.push({\n            content: child.props.children,\n            isDisabled: child.props.isDisabled || false,\n            actionId: child.props.id,\n          });\n        }\n\n        // Recurse into Menu.Section or any component with children\n        if (hasChildren(child)) {\n          collectMenuItems(child.props.children);\n        }\n      });\n    };\n\n    collectMenuItems(menuItems);\n\n    // Find first enabled Menu.Item, or fallback to first Menu.Item\n    const primaryMenuItem =\n      allMenuItems.find((item) => !item.isDisabled) || allMenuItems[0];\n\n    return (\n      primaryMenuItem || {\n        // TODO: Localize this\n        content: \"No actions available\",\n        isDisabled: true,\n        actionId: null,\n      }\n    );\n  };\n\n  // Check if there are any actionable menu items for dropdown functionality\n  const hasActionableItems = hasActionableMenuItems(menuItems);\n\n  // Get the primary button content using smart selection\n  const buttonContent = findPrimaryMenuItem();\n\n  const executePrimaryAction = () => {\n    if (!buttonContent.isDisabled && buttonContent.actionId && onAction) {\n      onAction(buttonContent.actionId);\n    }\n  };\n\n  const isPrimaryDisabled = isDisabled || buttonContent.isDisabled;\n  const isDropdownTriggerDisabled = isDisabled || !hasActionableItems;\n\n  return (\n    <SplitButtonRootSlot variant={variant} data-mode=\"split\">\n      <SplitButtonButtonGroupSlot>\n        {/* Primary Action Button */}\n        <SplitButtonPrimaryButtonSlot asChild>\n          <Button\n            {...buttonProps}\n            isDisabled={isPrimaryDisabled}\n            onPress={executePrimaryAction}\n          >\n            {iconElement}\n            {buttonContent.content}\n          </Button>\n        </SplitButtonPrimaryButtonSlot>\n\n        {/* Menu Trigger and Dropdown */}\n        <Menu.Root\n          trigger=\"press\"\n          isOpen={isOpen}\n          defaultOpen={defaultOpen}\n          onOpenChange={onOpenChange}\n          placement=\"bottom end\"\n          selectionMode=\"none\"\n          onAction={onAction ? (key) => onAction(String(key)) : undefined}\n        >\n          <Menu.Trigger asChild>\n            <SplitButtonTriggerSlot asChild>\n              <IconButton\n                {...buttonProps}\n                aria-label={ariaLabel}\n                isDisabled={isDropdownTriggerDisabled}\n              >\n                <KeyboardArrowDown />\n              </IconButton>\n            </SplitButtonTriggerSlot>\n          </Menu.Trigger>\n\n          <Menu.Content>{menuItems}</Menu.Content>\n        </Menu.Root>\n      </SplitButtonButtonGroupSlot>\n    </SplitButtonRootSlot>\n  );\n};\n\nSplitButton.displayName = \"SplitButton\";\n\n// Export for internal use by react-docgen\nexport { SplitButton as _SplitButton };\n"],"names":["withProvider","withContext","createSlotRecipeContext","splitButtonSlotRecipe","SplitButtonRootSlot","SplitButtonButtonGroupSlot","SplitButtonPrimaryButtonSlot","SplitButtonTriggerSlot","SplitButton","props","size","variant","tone","isDisabled","ariaLabel","onAction","isOpen","defaultOpen","onOpenChange","buttonProps","isMenuItemWithId","element","React","hasChildren","childArray","iconElement","child","menuItems","hasActionableMenuItems","children","hasActionable","findPrimaryMenuItem","allMenuItems","collectMenuItems","item","hasActionableItems","buttonContent","executePrimaryAction","isPrimaryDisabled","isDropdownTriggerDisabled","jsx","jsxs","Button","Menu","key","IconButton","KeyboardArrowDown"],"mappings":"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"}

package/dist/chunks/split-button-C5Op1s7Z.es.js

@@ -1,103 +0,0 @@
-import { jsx as n, jsxs as c } from "react/jsx-runtime";
-import i from "react";
-import { B as V } from "./button-DEgBQobR.es.js";
-import { I as O } from "./icon-button-DPtCLr1A.es.js";
-import { createSlotRecipeContext as j } from "@chakra-ui/react";
-import { a as G } from "./index-BDXHumM1.es.js";
-import { KeyboardArrowDown as N } from "@commercetools/nimbus-icons";
-import { M as d } from "./menu-aLEA43vB.es.js";
-const { withProvider: _, withContext: u } = /* @__PURE__ */ j({
-  recipe: G
-}), z = /* @__PURE__ */ _("div", "root"), K = /* @__PURE__ */ u("div", "buttonGroup"), L = /* @__PURE__ */ u("button", "primaryButton"), W = /* @__PURE__ */ u("button", "dropdownTrigger"), k = (m) => {
-  const {
-    size: B = "md",
-    variant: f = "solid",
-    tone: y,
-    isDisabled: b = !1,
-    "aria-label": C,
-    onAction: a,
-    isOpen: M,
-    defaultOpen: A,
-    onOpenChange: E
-  } = m, h = { size: B, variant: f, tone: y }, I = (t) => {
-    if (!i.isValidElement(t) || !t.props) return !1;
-    const o = t.props;
-    return "id" in o && typeof o.id == "string";
-  }, D = (t) => !i.isValidElement(t) || !t.props ? !1 : "children" in t.props, S = i.Children.toArray(m.children), P = S.find(
-    (t) => i.isValidElement(t) && t.props?.slot === "icon"
-  ), l = S.filter(
-    (t) => !i.isValidElement(t) || t.props?.slot !== "icon"
-  ), g = (t) => {
-    let o = !1;
-    return i.Children.forEach(t, (s) => {
-      if (!o) {
-        if (I(s) && !s.props.isDisabled) {
-          o = !0;
-          return;
-        }
-        D(s) && (o = g(s.props.children));
-      }
-    }), o;
-  }, v = () => {
-    const t = [], o = (p) => {
-      i.Children.forEach(p, (r) => {
-        I(r) && t.push({
-          content: r.props.children,
-          isDisabled: r.props.isDisabled || !1,
-          actionId: r.props.id
-        }), D(r) && o(r.props.children);
-      });
-    };
-    return o(l), t.find((p) => !p.isDisabled) || t[0] || {
-      // TODO: Localize this
-      content: "No actions available",
-      isDisabled: !0,
-      actionId: null
-    };
-  }, w = g(l), e = v(), x = () => {
-    !e.isDisabled && e.actionId && a && a(e.actionId);
-  }, R = b || e.isDisabled, T = b || !w;
-  return /* @__PURE__ */ n(z, { variant: f, "data-mode": "split", children: /* @__PURE__ */ c(K, { children: [
-    /* @__PURE__ */ n(L, { asChild: !0, children: /* @__PURE__ */ c(
-      V,
-      {
-        ...h,
-        isDisabled: R,
-        onPress: x,
-        children: [
-          P,
-          e.content
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ c(
-      d.Root,
-      {
-        trigger: "press",
-        isOpen: M,
-        defaultOpen: A,
-        onOpenChange: E,
-        placement: "bottom end",
-        selectionMode: "none",
-        onAction: a ? (t) => a(String(t)) : void 0,
-        children: [
-          /* @__PURE__ */ n(d.Trigger, { asChild: !0, children: /* @__PURE__ */ n(W, { asChild: !0, children: /* @__PURE__ */ n(
-            O,
-            {
-              ...h,
-              "aria-label": C,
-              isDisabled: T,
-              children: /* @__PURE__ */ n(N, {})
-            }
-          ) }) }),
-          /* @__PURE__ */ n(d.Content, { children: l })
-        ]
-      }
-    )
-  ] }) });
-};
-k.displayName = "SplitButton";
-export {
-  k as S
-};
-//# sourceMappingURL=split-button-C5Op1s7Z.es.js.map

package/dist/chunks/split-button-C5Op1s7Z.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"split-button-C5Op1s7Z.es.js","sources":["../../src/components/split-button/split-button.slots.tsx","../../src/components/split-button/split-button.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-object-type */\nimport {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n} from \"@chakra-ui/react\";\nimport { splitButtonSlotRecipe } from \"./split-button.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: splitButtonSlotRecipe,\n});\n\n// Root Container\nexport interface SplitButtonRootSlotProps\n  extends HTMLChakraProps<\n    \"div\",\n    RecipeVariantProps<typeof splitButtonSlotRecipe>\n  > {}\nexport const SplitButtonRootSlot = withProvider<\n  HTMLDivElement,\n  SplitButtonRootSlotProps\n>(\"div\", \"root\");\n\n// Button Group Container\nexport interface SplitButtonButtonGroupSlotProps\n  extends HTMLChakraProps<\"div\"> {}\nexport const SplitButtonButtonGroupSlot = withContext<\n  HTMLDivElement,\n  SplitButtonButtonGroupSlotProps\n>(\"div\", \"buttonGroup\");\n\n// Primary Action Button\nexport interface SplitButtonPrimaryButtonSlotProps\n  extends HTMLChakraProps<\"button\"> {}\nexport const SplitButtonPrimaryButtonSlot = withContext<\n  HTMLButtonElement,\n  SplitButtonPrimaryButtonSlotProps\n>(\"button\", \"primaryButton\");\n\n// Dropdown Trigger Button\nexport interface SplitButtonTriggerSlotProps\n  extends HTMLChakraProps<\"button\"> {}\nexport const SplitButtonTriggerSlot = withContext<\n  HTMLButtonElement,\n  SplitButtonTriggerSlotProps\n>(\"button\", \"dropdownTrigger\");\n","import React from \"react\";\nimport { Button } from \"@/components/button\";\nimport { IconButton } from \"@/components/icon-button\";\nimport { Menu } from \"@/components/menu\";\nimport type { SplitButtonProps } from \"./split-button.types\";\nimport {\n  SplitButtonRootSlot,\n  SplitButtonButtonGroupSlot,\n  SplitButtonPrimaryButtonSlot,\n  SplitButtonTriggerSlot,\n} from \"./split-button.slots\";\nimport { KeyboardArrowDown } from \"@commercetools/nimbus-icons\";\n\n// Re-export types\nexport type * from \"./split-button.types\";\n\n/**\n * # SplitButton\n *\n * A split-button component that combines a primary action button with a dropdown menu.\n *\n * Shows a primary action button + dropdown trigger. The primary button automatically\n * executes the first enabled Menu.Item action, while the dropdown trigger opens a menu\n * with all available options.\n *\n * Use with Menu.Item, Menu.Section, and Divider components for content.\n */\nexport const SplitButton = (props: SplitButtonProps) => {\n  const {\n    size = \"md\",\n    variant = \"solid\",\n    tone,\n    isDisabled = false,\n    \"aria-label\": ariaLabel,\n    onAction,\n    isOpen,\n    defaultOpen,\n    onOpenChange,\n  } = props;\n\n  const buttonProps = { size, variant, tone };\n\n  /**\n   * CORE CONCEPT: In split button mode, we need to populate the primary button\n   * with content from a Menu.Item (specified by defaultAction prop).\n   *\n   * Why this complexity exists:\n   * - Users define actions as <Menu.Item id=\"save\">Save Document</Menu.Item>\n   * - We need to extract \"Save Document\" text to show on the primary button\n   * - Menu.Items can be nested inside Menu.Section components\n   * - We need to handle disabled states and fallbacks\n   */\n\n  // Type guards for safe prop access\n  interface MenuItemProps {\n    id: string;\n    children: React.ReactNode;\n    isDisabled?: boolean;\n    isCritical?: boolean;\n  }\n\n  interface ComponentWithChildren {\n    children: React.ReactNode;\n  }\n\n  // Check if element is a Menu.Item with required props\n  const isMenuItemWithId = (\n    element: React.ReactNode\n  ): element is React.ReactElement<MenuItemProps> => {\n    if (!React.isValidElement(element) || !element.props) return false;\n    const props = element.props as Record<string, unknown>;\n    return \"id\" in props && typeof props.id === \"string\";\n  };\n\n  // Check if element has children prop\n  const hasChildren = (\n    element: React.ReactNode\n  ): element is React.ReactElement<ComponentWithChildren> => {\n    if (!React.isValidElement(element) || !element.props) return false;\n    const props = element.props as Record<string, unknown>;\n    return \"children\" in props;\n  };\n\n  // Separate Icon slots from Menu items\n  const childArray = React.Children.toArray(props.children);\n  const iconElement = childArray.find(\n    (child): child is React.ReactElement =>\n      React.isValidElement(child) &&\n      (child.props as { slot?: string })?.slot === \"icon\"\n  );\n  const menuItems = childArray.filter(\n    (child) =>\n      !React.isValidElement(child) ||\n      (child.props as { slot?: string })?.slot !== \"icon\"\n  );\n\n  /**\n   * Check if there are any actionable (enabled) Menu.Items in the children.\n   * This is used to determine if the dropdown trigger should be disabled.\n   */\n  const hasActionableMenuItems = (children: React.ReactNode): boolean => {\n    let hasActionable = false;\n\n    React.Children.forEach(children, (child) => {\n      if (hasActionable) return;\n\n      // Check if this is an enabled Menu.Item\n      if (isMenuItemWithId(child) && !child.props.isDisabled) {\n        hasActionable = true;\n        return;\n      }\n\n      // Recurse into Menu.Section or any component with children\n      if (hasChildren(child)) {\n        hasActionable = hasActionableMenuItems(child.props.children);\n      }\n    });\n\n    return hasActionable;\n  };\n\n  /**\n   * Find the primary Menu.Item using the same logic as the original PrimaryActionDropdown.\n   * Selects the first enabled Menu.Item, or falls back to the first Menu.Item if all are disabled.\n   */\n  const findPrimaryMenuItem = () => {\n    const allMenuItems: Array<{\n      content: React.ReactNode;\n      isDisabled: boolean;\n      actionId: string | null;\n    }> = [];\n\n    // Recursively collect all Menu.Items from children (including nested ones)\n    const collectMenuItems = (children: React.ReactNode): void => {\n      React.Children.forEach(children, (child) => {\n        if (isMenuItemWithId(child)) {\n          allMenuItems.push({\n            content: child.props.children,\n            isDisabled: child.props.isDisabled || false,\n            actionId: child.props.id,\n          });\n        }\n\n        // Recurse into Menu.Section or any component with children\n        if (hasChildren(child)) {\n          collectMenuItems(child.props.children);\n        }\n      });\n    };\n\n    collectMenuItems(menuItems);\n\n    // Find first enabled Menu.Item, or fallback to first Menu.Item\n    const primaryMenuItem =\n      allMenuItems.find((item) => !item.isDisabled) || allMenuItems[0];\n\n    return (\n      primaryMenuItem || {\n        // TODO: Localize this\n        content: \"No actions available\",\n        isDisabled: true,\n        actionId: null,\n      }\n    );\n  };\n\n  // Check if there are any actionable menu items for dropdown functionality\n  const hasActionableItems = hasActionableMenuItems(menuItems);\n\n  // Get the primary button content using smart selection\n  const buttonContent = findPrimaryMenuItem();\n\n  const executePrimaryAction = () => {\n    if (!buttonContent.isDisabled && buttonContent.actionId && onAction) {\n      onAction(buttonContent.actionId);\n    }\n  };\n\n  const isPrimaryDisabled = isDisabled || buttonContent.isDisabled;\n  const isDropdownTriggerDisabled = isDisabled || !hasActionableItems;\n\n  return (\n    <SplitButtonRootSlot variant={variant} data-mode=\"split\">\n      <SplitButtonButtonGroupSlot>\n        {/* Primary Action Button */}\n        <SplitButtonPrimaryButtonSlot asChild>\n          <Button\n            {...buttonProps}\n            isDisabled={isPrimaryDisabled}\n            onPress={executePrimaryAction}\n          >\n            {iconElement}\n            {buttonContent.content}\n          </Button>\n        </SplitButtonPrimaryButtonSlot>\n\n        {/* Menu Trigger and Dropdown */}\n        <Menu.Root\n          trigger=\"press\"\n          isOpen={isOpen}\n          defaultOpen={defaultOpen}\n          onOpenChange={onOpenChange}\n          placement=\"bottom end\"\n          selectionMode=\"none\"\n          onAction={onAction ? (key) => onAction(String(key)) : undefined}\n        >\n          <Menu.Trigger asChild>\n            <SplitButtonTriggerSlot asChild>\n              <IconButton\n                {...buttonProps}\n                aria-label={ariaLabel}\n                isDisabled={isDropdownTriggerDisabled}\n              >\n                <KeyboardArrowDown />\n              </IconButton>\n            </SplitButtonTriggerSlot>\n          </Menu.Trigger>\n\n          <Menu.Content>{menuItems}</Menu.Content>\n        </Menu.Root>\n      </SplitButtonButtonGroupSlot>\n    </SplitButtonRootSlot>\n  );\n};\n\nSplitButton.displayName = \"SplitButton\";\n\n// Export for internal use by react-docgen\nexport { SplitButton as _SplitButton };\n"],"names":["withProvider","withContext","createSlotRecipeContext","splitButtonSlotRecipe","SplitButtonRootSlot","SplitButtonButtonGroupSlot","SplitButtonPrimaryButtonSlot","SplitButtonTriggerSlot","SplitButton","props","size","variant","tone","isDisabled","ariaLabel","onAction","isOpen","defaultOpen","onOpenChange","buttonProps","isMenuItemWithId","element","React","hasChildren","childArray","iconElement","child","menuItems","hasActionableMenuItems","children","hasActionable","findPrimaryMenuItem","allMenuItems","collectMenuItems","item","hasActionableItems","buttonContent","executePrimaryAction","isPrimaryDisabled","isDropdownTriggerDisabled","jsx","jsxs","Button","Menu","key","IconButton","KeyboardArrowDown"],"mappings":"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"}

package/dist/chunks/use-formatting-state-B26nE9CO.es.js

@@ -1,113 +0,0 @@
-import { useCallback as h, useMemo as o } from "react";
-import { h as x, b as f, S as E, j as C, R as A, u as g, a as d, d as S, i as a, k as T } from "./slate-helpers-DsTiLoO8.es.js";
-import { HOTKEYS as K, blockTypes as D, textStyles as R, BASIC_FORMATTING as F, SCRIPT_FORMATTING as M } from "../components/constants.es.js";
-const L = ({ editor: t }) => ({ handleKeyDown: h(
-  (r) => {
-    if ((r.metaKey || r.ctrlKey) && r.key === "z") {
-      r.preventDefault(), r.shiftKey ? t.redo() : t.undo();
-      return;
-    }
-    for (const c in K)
-      if (x(c, r)) {
-        r.preventDefault();
-        const i = K[c];
-        f(t, i);
-        return;
-      }
-    if (r.shiftKey && r.key === "Enter") {
-      r.preventDefault(), t.insertText(E.placeholderCharacter);
-      return;
-    }
-  },
-  [t]
-) }), O = (t) => h(
-  (e) => () => {
-    const { selection: r } = t;
-    e(), r && !t.selection && C.select(t, r), A.isFocused(t) || A.focus(t);
-  },
-  [t]
-), G = ({
-  withPreservedSelection: t
-}) => {
-  const e = g(), r = o(() => D.find(
-    (s) => d(e, s)
-  ) || "paragraph", [e.selection, e.children]), c = R.find((s) => s.id === r), i = c?.label || "", b = h(
-    (s) => {
-      t(() => {
-        S(e, s);
-      })();
-    },
-    [e, t]
-  ), n = h(
-    (s) => {
-      t(() => {
-        const u = Array.from(s)[0], k = d(e, "bulleted-list") ? "bulleted-list" : d(e, "numbered-list") ? "numbered-list" : null;
-        u ? S(e, u) : k && S(e, k);
-      })();
-    },
-    [e, t]
-  ), l = o(() => {
-    const s = [];
-    return a(e, "bold") && s.push("bold"), a(e, "italic") && s.push("italic"), a(e, "underline") && s.push("underline"), new Set(s);
-  }, [e.selection, e.children, T.marks(e)]), y = o(() => {
-    const s = [];
-    return d(e, "bulleted-list") && s.push("bulleted-list"), d(e, "numbered-list") && s.push("numbered-list"), new Set(s);
-  }, [e.selection, e.children]), p = o(() => e.history && e.history.undos.length > 0, [e.selection, e.children]), m = o(() => e.history && e.history.redos.length > 0, [e.selection, e.children]);
-  return {
-    currentTextStyle: r,
-    selectedTextStyle: c,
-    selectedTextStyleLabel: i,
-    handleTextStyleChange: b,
-    handleListToggle: n,
-    selectedFormatKeys: l,
-    selectedListKeys: y,
-    hasUndos: p,
-    hasRedos: m
-  };
-}, H = ({
-  withPreservedSelection: t
-}) => {
-  const e = g(), r = o(() => {
-    const n = [];
-    return F.forEach((l) => {
-      a(e, l) && n.push(l);
-    }), new Set(n);
-  }, [e.selection, e.children, T.marks(e)]), c = o(() => {
-    const n = [];
-    return M.forEach((l) => {
-      a(e, l) && n.push(l);
-    }), new Set(n);
-  }, [e.selection, e.children, T.marks(e)]), i = o(() => /* @__PURE__ */ new Set([
-    ...Array.from(r),
-    ...Array.from(c)
-  ]), [r, c]), b = h(
-    (n) => {
-      if (n === "all") return;
-      const l = Array.from(n), y = Array.from(i), p = l.filter(
-        (s) => !y.includes(s)
-      ), m = y.filter(
-        (s) => !l.includes(s)
-      );
-      [...p, ...m].forEach((s) => {
-        s === "superscript" || s === "subscript" ? t(() => {
-          const u = a(e, "superscript") ? "superscript" : a(e, "subscript") ? "subscript" : null;
-          p.includes(s) ? (u && u !== s && f(e, u), f(e, s)) : f(e, s);
-        })() : t(() => f(e, s))();
-      });
-    },
-    [e, i, t]
-  );
-  return {
-    selectedKeys: r,
-    selectedScriptKeys: c,
-    allSelectedKeys: i,
-    handleAllSelectionChange: b
-  };
-};
-export {
-  L as a,
-  G as b,
-  H as c,
-  O as u
-};
-//# sourceMappingURL=use-formatting-state-B26nE9CO.es.js.map

package/dist/chunks/use-formatting-state-B26nE9CO.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-formatting-state-B26nE9CO.es.js","sources":["../../src/components/rich-text-input/hooks/use-keyboard-shortcuts.ts","../../src/components/rich-text-input/hooks/use-preserved-selection.ts","../../src/components/rich-text-input/hooks/use-toolbar-state.ts","../../src/components/rich-text-input/hooks/use-formatting-state.ts"],"sourcesContent":["/**\n * Hook for handling keyboard shortcuts in the rich text editor\n *\n * Used by:\n * - components/rich-text-editor.tsx: Attaches keyboard event handler to the editor\n *\n * Purpose:\n * - Centralizes all keyboard shortcut logic for the editor\n * - Handles formatting shortcuts (Cmd+B, Cmd+I, etc.)\n * - Manages undo/redo keyboard combinations\n * - Processes soft line breaks (Shift+Enter)\n * - Extracted from rich-text-editor.tsx to improve organization and testability\n *\n * @param editor - The Slate editor instance for applying changes\n * @returns Object containing the keyboard event handler\n */\nimport { useCallback } from \"react\";\nimport { Editor } from \"slate\";\nimport isHotkey from \"is-hotkey\";\nimport { HOTKEYS } from \"../constants\";\nimport { toggleMark } from \"../utils/slate-helpers\";\nimport { Softbreaker } from \"../utils/slate-helpers\";\n\nexport interface UseKeyboardShortcutsProps {\n  editor: Editor;\n}\n\nexport const useKeyboardShortcuts = ({ editor }: UseKeyboardShortcutsProps) => {\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent) => {\n      // Handle undo/redo shortcuts\n      if ((event.metaKey || event.ctrlKey) && event.key === \"z\") {\n        event.preventDefault();\n        if (event.shiftKey) {\n          editor.redo();\n        } else {\n          editor.undo();\n        }\n        return;\n      }\n\n      // Handle formatting shortcuts\n      for (const hotkey in HOTKEYS) {\n        if (isHotkey(hotkey, event)) {\n          event.preventDefault();\n          const mark = HOTKEYS[hotkey as keyof typeof HOTKEYS];\n          toggleMark(editor, mark);\n          return;\n        }\n      }\n\n      // Handle soft line breaks (Shift+Enter)\n      if (event.shiftKey && event.key === \"Enter\") {\n        event.preventDefault();\n        editor.insertText(Softbreaker.placeholderCharacter);\n        return;\n      }\n    },\n    [editor]\n  );\n\n  return { handleKeyDown };\n};\n","import { useCallback } from \"react\";\nimport { Editor, Transforms } from \"slate\";\nimport { ReactEditor } from \"slate-react\";\n\n/**\n * Hook that provides a helper function to preserve selection when toolbar actions are executed.\n * This prevents losing text selection when interacting with toolbar buttons and menus.\n *\n * TODO: This works for toggle buttons, but not for menus.\n *\n * @param editor - The Slate editor instance\n * @returns A function that wraps actions to preserve selection and focus\n */\nexport const usePreservedSelection = (editor: Editor) => {\n  return useCallback(\n    (action: () => void) => {\n      return () => {\n        // Save the current selection\n        const { selection } = editor;\n\n        // Execute the action\n        action();\n\n        // Restore selection if it was lost\n        if (selection && !editor.selection) {\n          Transforms.select(editor, selection);\n        }\n\n        // Ensure editor stays focused\n        if (!ReactEditor.isFocused(editor)) {\n          ReactEditor.focus(editor);\n        }\n      };\n    },\n    [editor]\n  );\n};\n","/**\n * Hook for managing rich text toolbar state and interactions\n *\n * Used by:\n * - components/rich-text-toolbar.tsx: Manages all toolbar state and event handlers\n *\n * Purpose:\n * - Centralizes complex toolbar state management logic\n * - Handles text style changes, list toggling, format detection\n * - Manages undo/redo button states\n * - Extracted from rich-text-toolbar.tsx to improve organization and testability\n * - Provides clean separation between UI and business logic\n *\n * @param withPreservedSelection - Function for preserving editor selection during operations\n * @returns Object containing all toolbar state and event handlers\n */\nimport { useMemo, useCallback } from \"react\";\nimport { Editor } from \"slate\";\nimport { useSlate } from \"slate-react\";\nimport type { Key } from \"react-aria\";\nimport { textStyles, blockTypes, type BlockType } from \"../constants\";\nimport {\n  isMarkActive,\n  isBlockActive,\n  toggleBlock,\n} from \"../utils/slate-helpers\";\nimport type { CustomElement } from \"../utils/types\";\n\nexport interface UseToolbarStateProps {\n  withPreservedSelection: (fn: () => void) => () => void;\n}\n\nexport const useToolbarState = ({\n  withPreservedSelection,\n}: UseToolbarStateProps) => {\n  const editor = useSlate();\n\n  // Get current block type - using useSlate() means this automatically updates\n  const currentTextStyle = useMemo(() => {\n    return (\n      blockTypes.find((type) =>\n        isBlockActive(editor, type as CustomElement[\"type\"])\n      ) || \"paragraph\"\n    );\n  }, [editor.selection, editor.children]);\n\n  const selectedTextStyle = textStyles.find((v) => v.id === currentTextStyle);\n  const selectedTextStyleLabel = selectedTextStyle?.label || \"\";\n\n  // Handle text style changes\n  const handleTextStyleChange = useCallback(\n    (styleId: string) => {\n      withPreservedSelection(() => {\n        toggleBlock(editor, styleId as BlockType);\n      })();\n    },\n    [editor, withPreservedSelection]\n  );\n\n  // Handle list formatting\n  const handleListToggle = useCallback(\n    (selectedKeys: Set<Key>) => {\n      withPreservedSelection(() => {\n        const selected = Array.from(selectedKeys)[0] as BlockType | undefined;\n        const currentlyActive = isBlockActive(editor, \"bulleted-list\")\n          ? \"bulleted-list\"\n          : isBlockActive(editor, \"numbered-list\")\n            ? \"numbered-list\"\n            : null;\n\n        if (selected) {\n          toggleBlock(editor, selected);\n        } else if (currentlyActive) {\n          toggleBlock(editor, currentlyActive);\n        }\n      })();\n    },\n    [editor, withPreservedSelection]\n  );\n\n  // Get currently selected formatting keys - simplified deps\n  const selectedFormatKeys = useMemo(() => {\n    const keys: string[] = [];\n    if (isMarkActive(editor, \"bold\")) keys.push(\"bold\");\n    if (isMarkActive(editor, \"italic\")) keys.push(\"italic\");\n    if (isMarkActive(editor, \"underline\")) keys.push(\"underline\");\n    return new Set(keys);\n  }, [editor.selection, editor.children, Editor.marks(editor)]);\n\n  // Get currently selected list formatting key\n  const selectedListKeys = useMemo(() => {\n    const keys: string[] = [];\n    if (isBlockActive(editor, \"bulleted-list\")) keys.push(\"bulleted-list\");\n    if (isBlockActive(editor, \"numbered-list\")) keys.push(\"numbered-list\");\n    return new Set(keys);\n  }, [editor.selection, editor.children]);\n\n  // Check history state for undo/redo buttons\n  const hasUndos = useMemo(() => {\n    return editor.history && editor.history.undos.length > 0;\n  }, [editor.selection, editor.children]);\n\n  const hasRedos = useMemo(() => {\n    return editor.history && editor.history.redos.length > 0;\n  }, [editor.selection, editor.children]);\n\n  return {\n    currentTextStyle,\n    selectedTextStyle,\n    selectedTextStyleLabel,\n    handleTextStyleChange,\n    handleListToggle,\n    selectedFormatKeys,\n    selectedListKeys,\n    hasUndos,\n    hasRedos,\n  };\n};\n","/**\n * Hook for managing formatting menu state with mutual exclusion logic\n *\n * Used by:\n * - components/formatting-menu.tsx: Manages complex formatting state and interactions\n *\n * Purpose:\n * - Handles mutual exclusion between superscript and subscript formatting\n * - Manages state for all formatting options in the \"More Options\" menu\n * - Processes complex selection changes with custom logic\n * - Extracted from formatting-menu.tsx to improve organization and testability\n * - Separates complex business logic from UI rendering\n *\n * @param withPreservedSelection - Function for preserving editor selection during operations\n * @returns Object containing formatting state and selection change handler\n */\nimport { useMemo, useCallback } from \"react\";\nimport { Editor } from \"slate\";\nimport { useSlate } from \"slate-react\";\nimport type { Key } from \"react-aria\";\nimport { BASIC_FORMATTING, SCRIPT_FORMATTING } from \"../constants\";\nimport { isMarkActive, toggleMark } from \"../utils/slate-helpers\";\n\nexport interface UseFormattingStateProps {\n  withPreservedSelection: (fn: () => void) => () => void;\n}\n\nexport const useFormattingState = ({\n  withPreservedSelection,\n}: UseFormattingStateProps) => {\n  const editor = useSlate();\n\n  // Get currently selected formatting keys (strikethrough and code)\n  const selectedKeys = useMemo(() => {\n    const keys: string[] = [];\n    BASIC_FORMATTING.forEach((format) => {\n      if (isMarkActive(editor, format)) keys.push(format);\n    });\n    return new Set(keys);\n  }, [editor.selection, editor.children, Editor.marks(editor)]);\n\n  // Get currently selected script formatting key (superscript or subscript - mutually exclusive)\n  const selectedScriptKeys = useMemo(() => {\n    const keys: string[] = [];\n    SCRIPT_FORMATTING.forEach((format) => {\n      if (isMarkActive(editor, format)) keys.push(format);\n    });\n    return new Set(keys);\n  }, [editor.selection, editor.children, Editor.marks(editor)]);\n\n  // Combine all selected keys for display purposes\n  const allSelectedKeys = useMemo(() => {\n    return new Set([\n      ...Array.from(selectedKeys),\n      ...Array.from(selectedScriptKeys),\n    ]);\n  }, [selectedKeys, selectedScriptKeys]);\n\n  // Handle all selection changes with custom logic for mutual exclusion\n  const handleAllSelectionChange = useCallback(\n    (keys: \"all\" | Set<Key>) => {\n      if (keys === \"all\") return;\n\n      const keyArray = Array.from(keys) as string[];\n      const currentKeys = Array.from(allSelectedKeys);\n\n      // Find newly selected keys (toggle on)\n      const newlySelected = keyArray.filter(\n        (key) => !currentKeys.includes(key)\n      );\n      // Find newly deselected keys (toggle off)\n      const newlyDeselected = currentKeys.filter(\n        (key) => !keyArray.includes(key)\n      );\n\n      // Handle changes for each key\n      [...newlySelected, ...newlyDeselected].forEach((key) => {\n        if (key === \"superscript\" || key === \"subscript\") {\n          // Handle script formatting with mutual exclusion\n          withPreservedSelection(() => {\n            const currentlyActive = isMarkActive(editor, \"superscript\")\n              ? \"superscript\"\n              : isMarkActive(editor, \"subscript\")\n                ? \"subscript\"\n                : null;\n\n            if (newlySelected.includes(key)) {\n              // If selecting a script format, deactivate the other one first\n              if (currentlyActive && currentlyActive !== key) {\n                toggleMark(editor, currentlyActive);\n              }\n              toggleMark(editor, key);\n            } else {\n              // Deselecting\n              toggleMark(editor, key);\n            }\n          })();\n        } else {\n          // Handle regular formatting (strikethrough, code)\n          withPreservedSelection(() => toggleMark(editor, key))();\n        }\n      });\n    },\n    [editor, allSelectedKeys, withPreservedSelection]\n  );\n\n  return {\n    selectedKeys,\n    selectedScriptKeys,\n    allSelectedKeys,\n    handleAllSelectionChange,\n  };\n};\n"],"names":["useKeyboardShortcuts","editor","useCallback","event","hotkey","HOTKEYS","isHotkey","mark","toggleMark","Softbreaker","usePreservedSelection","action","selection","Transforms","ReactEditor","useToolbarState","withPreservedSelection","useSlate","currentTextStyle","useMemo","blockTypes","type","isBlockActive","selectedTextStyle","textStyles","v","selectedTextStyleLabel","handleTextStyleChange","styleId","toggleBlock","handleListToggle","selectedKeys","selected","currentlyActive","selectedFormatKeys","keys","isMarkActive","Editor","selectedListKeys","hasUndos","hasRedos","useFormattingState","BASIC_FORMATTING","format","selectedScriptKeys","SCRIPT_FORMATTING","allSelectedKeys","handleAllSelectionChange","keyArray","currentKeys","newlySelected","key","newlyDeselected"],"mappings":"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"}

package/dist/chunks/use-formatting-state-D7zenGZW.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const c=require("react"),t=require("./slate-helpers-CcSj-DBm.cjs.js"),d=require("../components/constants.cjs"),g=({editor:r})=>({handleKeyDown:c.useCallback(l=>{if((l.metaKey||l.ctrlKey)&&l.key==="z"){l.preventDefault(),l.shiftKey?r.redo():r.undo();return}for(const i in d.HOTKEYS)if(t.isHotkey(i,l)){l.preventDefault();const u=d.HOTKEYS[i];t.toggleMark(r,u);return}if(l.shiftKey&&l.key==="Enter"){l.preventDefault(),r.insertText(t.Softbreaker.placeholderCharacter);return}},[r])}),p=r=>c.useCallback(e=>()=>{const{selection:l}=r;e(),l&&!r.selection&&t.Transforms.select(r,l),t.ReactEditor.isFocused(r)||t.ReactEditor.focus(r)},[r]),m=({withPreservedSelection:r})=>{const e=t.useSlate(),l=c.useMemo(()=>d.blockTypes.find(s=>t.isBlockActive(e,s))||"paragraph",[e.selection,e.children]),i=d.textStyles.find(s=>s.id===l),u=i?.label||"",h=c.useCallback(s=>{r(()=>{t.toggleBlock(e,s)})()},[e,r]),n=c.useCallback(s=>{r(()=>{const a=Array.from(s)[0],b=t.isBlockActive(e,"bulleted-list")?"bulleted-list":t.isBlockActive(e,"numbered-list")?"numbered-list":null;a?t.toggleBlock(e,a):b&&t.toggleBlock(e,b)})()},[e,r]),o=c.useMemo(()=>{const s=[];return t.isMarkActive(e,"bold")&&s.push("bold"),t.isMarkActive(e,"italic")&&s.push("italic"),t.isMarkActive(e,"underline")&&s.push("underline"),new Set(s)},[e.selection,e.children,t.Editor.marks(e)]),f=c.useMemo(()=>{const s=[];return t.isBlockActive(e,"bulleted-list")&&s.push("bulleted-list"),t.isBlockActive(e,"numbered-list")&&s.push("numbered-list"),new Set(s)},[e.selection,e.children]),y=c.useMemo(()=>e.history&&e.history.undos.length>0,[e.selection,e.children]),k=c.useMemo(()=>e.history&&e.history.redos.length>0,[e.selection,e.children]);return{currentTextStyle:l,selectedTextStyle:i,selectedTextStyleLabel:u,handleTextStyleChange:h,handleListToggle:n,selectedFormatKeys:o,selectedListKeys:f,hasUndos:y,hasRedos:k}},A=({withPreservedSelection:r})=>{const e=t.useSlate(),l=c.useMemo(()=>{const n=[];return d.BASIC_FORMATTING.forEach(o=>{t.isMarkActive(e,o)&&n.push(o)}),new Set(n)},[e.selection,e.children,t.Editor.marks(e)]),i=c.useMemo(()=>{const n=[];return d.SCRIPT_FORMATTING.forEach(o=>{t.isMarkActive(e,o)&&n.push(o)}),new Set(n)},[e.selection,e.children,t.Editor.marks(e)]),u=c.useMemo(()=>new Set([...Array.from(l),...Array.from(i)]),[l,i]),h=c.useCallback(n=>{if(n==="all")return;const o=Array.from(n),f=Array.from(u),y=o.filter(s=>!f.includes(s)),k=f.filter(s=>!o.includes(s));[...y,...k].forEach(s=>{s==="superscript"||s==="subscript"?r(()=>{const a=t.isMarkActive(e,"superscript")?"superscript":t.isMarkActive(e,"subscript")?"subscript":null;y.includes(s)&&a&&a!==s&&t.toggleMark(e,a),t.toggleMark(e,s)})():r(()=>t.toggleMark(e,s))()})},[e,u,r]);return{selectedKeys:l,selectedScriptKeys:i,allSelectedKeys:u,handleAllSelectionChange:h}};exports.useFormattingState=A;exports.useKeyboardShortcuts=g;exports.usePreservedSelection=p;exports.useToolbarState=m;
-//# sourceMappingURL=use-formatting-state-D7zenGZW.cjs.js.map

package/dist/chunks/use-formatting-state-D7zenGZW.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-formatting-state-D7zenGZW.cjs.js","sources":["../../src/components/rich-text-input/hooks/use-keyboard-shortcuts.ts","../../src/components/rich-text-input/hooks/use-preserved-selection.ts","../../src/components/rich-text-input/hooks/use-toolbar-state.ts","../../src/components/rich-text-input/hooks/use-formatting-state.ts"],"sourcesContent":["/**\n * Hook for handling keyboard shortcuts in the rich text editor\n *\n * Used by:\n * - components/rich-text-editor.tsx: Attaches keyboard event handler to the editor\n *\n * Purpose:\n * - Centralizes all keyboard shortcut logic for the editor\n * - Handles formatting shortcuts (Cmd+B, Cmd+I, etc.)\n * - Manages undo/redo keyboard combinations\n * - Processes soft line breaks (Shift+Enter)\n * - Extracted from rich-text-editor.tsx to improve organization and testability\n *\n * @param editor - The Slate editor instance for applying changes\n * @returns Object containing the keyboard event handler\n */\nimport { useCallback } from \"react\";\nimport { Editor } from \"slate\";\nimport isHotkey from \"is-hotkey\";\nimport { HOTKEYS } from \"../constants\";\nimport { toggleMark } from \"../utils/slate-helpers\";\nimport { Softbreaker } from \"../utils/slate-helpers\";\n\nexport interface UseKeyboardShortcutsProps {\n  editor: Editor;\n}\n\nexport const useKeyboardShortcuts = ({ editor }: UseKeyboardShortcutsProps) => {\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent) => {\n      // Handle undo/redo shortcuts\n      if ((event.metaKey || event.ctrlKey) && event.key === \"z\") {\n        event.preventDefault();\n        if (event.shiftKey) {\n          editor.redo();\n        } else {\n          editor.undo();\n        }\n        return;\n      }\n\n      // Handle formatting shortcuts\n      for (const hotkey in HOTKEYS) {\n        if (isHotkey(hotkey, event)) {\n          event.preventDefault();\n          const mark = HOTKEYS[hotkey as keyof typeof HOTKEYS];\n          toggleMark(editor, mark);\n          return;\n        }\n      }\n\n      // Handle soft line breaks (Shift+Enter)\n      if (event.shiftKey && event.key === \"Enter\") {\n        event.preventDefault();\n        editor.insertText(Softbreaker.placeholderCharacter);\n        return;\n      }\n    },\n    [editor]\n  );\n\n  return { handleKeyDown };\n};\n","import { useCallback } from \"react\";\nimport { Editor, Transforms } from \"slate\";\nimport { ReactEditor } from \"slate-react\";\n\n/**\n * Hook that provides a helper function to preserve selection when toolbar actions are executed.\n * This prevents losing text selection when interacting with toolbar buttons and menus.\n *\n * TODO: This works for toggle buttons, but not for menus.\n *\n * @param editor - The Slate editor instance\n * @returns A function that wraps actions to preserve selection and focus\n */\nexport const usePreservedSelection = (editor: Editor) => {\n  return useCallback(\n    (action: () => void) => {\n      return () => {\n        // Save the current selection\n        const { selection } = editor;\n\n        // Execute the action\n        action();\n\n        // Restore selection if it was lost\n        if (selection && !editor.selection) {\n          Transforms.select(editor, selection);\n        }\n\n        // Ensure editor stays focused\n        if (!ReactEditor.isFocused(editor)) {\n          ReactEditor.focus(editor);\n        }\n      };\n    },\n    [editor]\n  );\n};\n","/**\n * Hook for managing rich text toolbar state and interactions\n *\n * Used by:\n * - components/rich-text-toolbar.tsx: Manages all toolbar state and event handlers\n *\n * Purpose:\n * - Centralizes complex toolbar state management logic\n * - Handles text style changes, list toggling, format detection\n * - Manages undo/redo button states\n * - Extracted from rich-text-toolbar.tsx to improve organization and testability\n * - Provides clean separation between UI and business logic\n *\n * @param withPreservedSelection - Function for preserving editor selection during operations\n * @returns Object containing all toolbar state and event handlers\n */\nimport { useMemo, useCallback } from \"react\";\nimport { Editor } from \"slate\";\nimport { useSlate } from \"slate-react\";\nimport type { Key } from \"react-aria\";\nimport { textStyles, blockTypes, type BlockType } from \"../constants\";\nimport {\n  isMarkActive,\n  isBlockActive,\n  toggleBlock,\n} from \"../utils/slate-helpers\";\nimport type { CustomElement } from \"../utils/types\";\n\nexport interface UseToolbarStateProps {\n  withPreservedSelection: (fn: () => void) => () => void;\n}\n\nexport const useToolbarState = ({\n  withPreservedSelection,\n}: UseToolbarStateProps) => {\n  const editor = useSlate();\n\n  // Get current block type - using useSlate() means this automatically updates\n  const currentTextStyle = useMemo(() => {\n    return (\n      blockTypes.find((type) =>\n        isBlockActive(editor, type as CustomElement[\"type\"])\n      ) || \"paragraph\"\n    );\n  }, [editor.selection, editor.children]);\n\n  const selectedTextStyle = textStyles.find((v) => v.id === currentTextStyle);\n  const selectedTextStyleLabel = selectedTextStyle?.label || \"\";\n\n  // Handle text style changes\n  const handleTextStyleChange = useCallback(\n    (styleId: string) => {\n      withPreservedSelection(() => {\n        toggleBlock(editor, styleId as BlockType);\n      })();\n    },\n    [editor, withPreservedSelection]\n  );\n\n  // Handle list formatting\n  const handleListToggle = useCallback(\n    (selectedKeys: Set<Key>) => {\n      withPreservedSelection(() => {\n        const selected = Array.from(selectedKeys)[0] as BlockType | undefined;\n        const currentlyActive = isBlockActive(editor, \"bulleted-list\")\n          ? \"bulleted-list\"\n          : isBlockActive(editor, \"numbered-list\")\n            ? \"numbered-list\"\n            : null;\n\n        if (selected) {\n          toggleBlock(editor, selected);\n        } else if (currentlyActive) {\n          toggleBlock(editor, currentlyActive);\n        }\n      })();\n    },\n    [editor, withPreservedSelection]\n  );\n\n  // Get currently selected formatting keys - simplified deps\n  const selectedFormatKeys = useMemo(() => {\n    const keys: string[] = [];\n    if (isMarkActive(editor, \"bold\")) keys.push(\"bold\");\n    if (isMarkActive(editor, \"italic\")) keys.push(\"italic\");\n    if (isMarkActive(editor, \"underline\")) keys.push(\"underline\");\n    return new Set(keys);\n  }, [editor.selection, editor.children, Editor.marks(editor)]);\n\n  // Get currently selected list formatting key\n  const selectedListKeys = useMemo(() => {\n    const keys: string[] = [];\n    if (isBlockActive(editor, \"bulleted-list\")) keys.push(\"bulleted-list\");\n    if (isBlockActive(editor, \"numbered-list\")) keys.push(\"numbered-list\");\n    return new Set(keys);\n  }, [editor.selection, editor.children]);\n\n  // Check history state for undo/redo buttons\n  const hasUndos = useMemo(() => {\n    return editor.history && editor.history.undos.length > 0;\n  }, [editor.selection, editor.children]);\n\n  const hasRedos = useMemo(() => {\n    return editor.history && editor.history.redos.length > 0;\n  }, [editor.selection, editor.children]);\n\n  return {\n    currentTextStyle,\n    selectedTextStyle,\n    selectedTextStyleLabel,\n    handleTextStyleChange,\n    handleListToggle,\n    selectedFormatKeys,\n    selectedListKeys,\n    hasUndos,\n    hasRedos,\n  };\n};\n","/**\n * Hook for managing formatting menu state with mutual exclusion logic\n *\n * Used by:\n * - components/formatting-menu.tsx: Manages complex formatting state and interactions\n *\n * Purpose:\n * - Handles mutual exclusion between superscript and subscript formatting\n * - Manages state for all formatting options in the \"More Options\" menu\n * - Processes complex selection changes with custom logic\n * - Extracted from formatting-menu.tsx to improve organization and testability\n * - Separates complex business logic from UI rendering\n *\n * @param withPreservedSelection - Function for preserving editor selection during operations\n * @returns Object containing formatting state and selection change handler\n */\nimport { useMemo, useCallback } from \"react\";\nimport { Editor } from \"slate\";\nimport { useSlate } from \"slate-react\";\nimport type { Key } from \"react-aria\";\nimport { BASIC_FORMATTING, SCRIPT_FORMATTING } from \"../constants\";\nimport { isMarkActive, toggleMark } from \"../utils/slate-helpers\";\n\nexport interface UseFormattingStateProps {\n  withPreservedSelection: (fn: () => void) => () => void;\n}\n\nexport const useFormattingState = ({\n  withPreservedSelection,\n}: UseFormattingStateProps) => {\n  const editor = useSlate();\n\n  // Get currently selected formatting keys (strikethrough and code)\n  const selectedKeys = useMemo(() => {\n    const keys: string[] = [];\n    BASIC_FORMATTING.forEach((format) => {\n      if (isMarkActive(editor, format)) keys.push(format);\n    });\n    return new Set(keys);\n  }, [editor.selection, editor.children, Editor.marks(editor)]);\n\n  // Get currently selected script formatting key (superscript or subscript - mutually exclusive)\n  const selectedScriptKeys = useMemo(() => {\n    const keys: string[] = [];\n    SCRIPT_FORMATTING.forEach((format) => {\n      if (isMarkActive(editor, format)) keys.push(format);\n    });\n    return new Set(keys);\n  }, [editor.selection, editor.children, Editor.marks(editor)]);\n\n  // Combine all selected keys for display purposes\n  const allSelectedKeys = useMemo(() => {\n    return new Set([\n      ...Array.from(selectedKeys),\n      ...Array.from(selectedScriptKeys),\n    ]);\n  }, [selectedKeys, selectedScriptKeys]);\n\n  // Handle all selection changes with custom logic for mutual exclusion\n  const handleAllSelectionChange = useCallback(\n    (keys: \"all\" | Set<Key>) => {\n      if (keys === \"all\") return;\n\n      const keyArray = Array.from(keys) as string[];\n      const currentKeys = Array.from(allSelectedKeys);\n\n      // Find newly selected keys (toggle on)\n      const newlySelected = keyArray.filter(\n        (key) => !currentKeys.includes(key)\n      );\n      // Find newly deselected keys (toggle off)\n      const newlyDeselected = currentKeys.filter(\n        (key) => !keyArray.includes(key)\n      );\n\n      // Handle changes for each key\n      [...newlySelected, ...newlyDeselected].forEach((key) => {\n        if (key === \"superscript\" || key === \"subscript\") {\n          // Handle script formatting with mutual exclusion\n          withPreservedSelection(() => {\n            const currentlyActive = isMarkActive(editor, \"superscript\")\n              ? \"superscript\"\n              : isMarkActive(editor, \"subscript\")\n                ? \"subscript\"\n                : null;\n\n            if (newlySelected.includes(key)) {\n              // If selecting a script format, deactivate the other one first\n              if (currentlyActive && currentlyActive !== key) {\n                toggleMark(editor, currentlyActive);\n              }\n              toggleMark(editor, key);\n            } else {\n              // Deselecting\n              toggleMark(editor, key);\n            }\n          })();\n        } else {\n          // Handle regular formatting (strikethrough, code)\n          withPreservedSelection(() => toggleMark(editor, key))();\n        }\n      });\n    },\n    [editor, allSelectedKeys, withPreservedSelection]\n  );\n\n  return {\n    selectedKeys,\n    selectedScriptKeys,\n    allSelectedKeys,\n    handleAllSelectionChange,\n  };\n};\n"],"names":["useKeyboardShortcuts","editor","useCallback","event","hotkey","HOTKEYS","isHotkey","mark","toggleMark","Softbreaker","usePreservedSelection","action","selection","Transforms","ReactEditor","useToolbarState","withPreservedSelection","useSlate","currentTextStyle","useMemo","blockTypes","type","isBlockActive","selectedTextStyle","textStyles","v","selectedTextStyleLabel","handleTextStyleChange","styleId","toggleBlock","handleListToggle","selectedKeys","selected","currentlyActive","selectedFormatKeys","keys","isMarkActive","Editor","selectedListKeys","hasUndos","hasRedos","useFormattingState","BASIC_FORMATTING","format","selectedScriptKeys","SCRIPT_FORMATTING","allSelectedKeys","handleAllSelectionChange","keyArray","currentKeys","newlySelected","key","newlyDeselected"],"mappings":"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"}