@commercetools/nimbus 0.0.11 → 0.0.12-rc2

package/dist/toggle-button.d.ts

@@ -0,0 +1,153 @@
+import { HTMLChakraProps } from '@chakra-ui/react/styled-system';
+import { JSX } from 'react/jsx-runtime';
+import { RecipeDefinition } from '@chakra-ui/react';
+import { RecipeVariantProps } from '@chakra-ui/react/styled-system';
+import { ToggleButtonProps as ToggleButtonProps_2 } from 'react-aria-components';
+import { UnstyledProp } from '@chakra-ui/react/styled-system';
+
+/**
+ * Additional properties we want to exclude from the ToggleButton component.
+ * These are chakra-ui props we don't want exposed for non-polymorphic components.
+ */
+declare type ExcludedProps = "css" | "colorScheme" | "unstyled" | "recipe" | "as" | "asChild";
+
+/**
+ * # ToggleButton
+ *
+ * A toggleable button component that can be pressed to switch between
+ * selected and unselected states.
+ *
+ * @see {@link https://nimbus-documentation.vercel.app/components/inputs/togglebutton}
+ */
+export declare const ToggleButton: {
+    ({ ref: forwardedRef, ...props }: ToggleButtonProps): JSX.Element;
+    displayName: string;
+};
+
+export declare interface ToggleButtonProps extends ToggleButtonProps_2, Omit<ToggleButtonRootProps, keyof ToggleButtonProps_2 | ExcludedProps> {
+    /**
+     * Ref to the underlying button element
+     */
+    ref?: React.Ref<HTMLButtonElement>;
+}
+
+declare const toggleButtonRecipe: RecipeDefinition<    {
+size: {
+"2xs"?: {
+h: "600";
+minW: "600";
+fontSize: "300";
+fontWeight: "500";
+lineHeight: "400";
+px: "200";
+gap: "100";
+_icon: {
+width: "400";
+height: "400";
+};
+} | undefined;
+xs?: {
+h: "800";
+minW: "800";
+fontSize: "350";
+fontWeight: "500";
+lineHeight: "400";
+px: "300";
+gap: "100";
+_icon: {
+width: "500";
+height: "500";
+};
+} | undefined;
+md?: {
+h: "1000";
+minW: "1000";
+fontSize: "400";
+lineHeight: "500";
+px: "400";
+gap: "200";
+_icon: {
+width: "600";
+height: "600";
+};
+} | undefined;
+};
+variant: {
+outline: {
+"--button-bg": "transparent";
+"--button-text": "{colors.colorPalette.11}";
+"--border-width": "{sizes.25}";
+"--border-color": "{colors.colorPalette.7}";
+bg: "var(--button-bg)";
+boxShadow: "0 0 0 var(--border-width) var(--border-color)";
+color: "var(--button-text)";
+"&[data-hovered='true']": {
+"--button-bg": "{colors.colorPalette.2}";
+"--border-color": "{colors.colorPalette.8}";
+};
+"&[data-selected=true]": {
+"--button-bg": "{colors.colorPalette.3}";
+"--border-color": "{colors.colorPalette.8}";
+_hover: {
+"--button-bg": "{colors.colorPalette.4}";
+"--border-color": "{colors.colorPalette.9}";
+};
+};
+};
+ghost: {
+"--button-text": "{colors.neutral.11}";
+"--button-bg": "transparent";
+color: "var(--button-text)";
+bg: "var(--button-bg)";
+"&[data-hovered='true']": {
+"--button-bg": "{colors.colorPalette.2}";
+};
+"&[data-selected='true']": {
+"--button-bg": "{colors.colorPalette.3}";
+"--button-text": "{colors.colorPalette.11}";
+"&[data-hovered='true']": {
+"--button-bg": "{colors.colorPalette.4}";
+};
+};
+};
+};
+tone: {
+primary?: {
+colorPalette: "primary";
+} | undefined;
+critical?: {
+colorPalette: "critical";
+} | undefined;
+neutral?: {
+colorPalette: "neutral";
+} | undefined;
+info?: {
+colorPalette: "info";
+} | undefined;
+};
+}>;
+
+/**
+ * Base recipe props interface that combines Chakra UI's recipe props
+ * with the unstyled prop option for the toggle button element.
+ */
+declare interface ToggleButtonRecipeProps extends RecipeVariantProps<typeof toggleButtonRecipe>, UnstyledProp {
+}
+
+/**
+ * Root props interface that extends Chakra's HTML props with our recipe props.
+ * This creates a complete set of props for the root element, combining
+ * HTML attributes, Chakra's styling system, and our custom recipe props.
+ */
+declare type ToggleButtonRootProps = HTMLChakraProps<"button", ToggleButtonRecipeProps>;
+
+export { }
+
+
+declare module "slate" {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor & HistoryEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/dist/toolbar.d.ts

@@ -0,0 +1,96 @@
+import { FC } from 'react';
+import { HTMLChakraProps } from '@chakra-ui/react';
+import { RecipeDefinition } from '@chakra-ui/react';
+import { RecipeProps } from '@chakra-ui/react';
+import { RecipeVariantProps } from '@chakra-ui/react';
+import { Ref } from 'react';
+import { ToolbarProps as ToolbarProps_2 } from 'react-aria-components';
+import { UnstyledProp } from '@chakra-ui/react';
+
+declare type DefaultExcludedProps = "css" | "asChild" | "as";
+
+export declare const Toolbar: ToolbarComponent;
+
+export declare type ToolbarComponent = FC<ToolbarProps>;
+
+export declare interface ToolbarProps extends Omit<ToolbarSlotProps, DefaultExcludedProps | "orientation" | "children" | "slot">, Omit<ToolbarProps_2, "orientation" | "className" | "style"> {
+    /**
+     * The orientation of the toolbar.
+     * Supports responsive values for different breakpoints.
+     * @default "horizontal"
+     */
+    orientation?: RecipeVariantProps<typeof toolbarRecipe>["orientation"];
+    /**
+     * The size of the toolbar.
+     * @default "md"
+     */
+    size?: RecipeVariantProps<typeof toolbarRecipe>["size"];
+    /**
+     * The visual variant of the toolbar.
+     * @default "plain"
+     */
+    variant?: RecipeVariantProps<typeof toolbarRecipe>["variant"];
+    ref?: Ref<HTMLDivElement>;
+}
+
+declare const toolbarRecipe: RecipeDefinition<    {
+size: {
+xs: {
+"--toolbar-spacing": "{spacing.100}";
+"--divider-size": "{sizes.600}";
+};
+md: {
+"--toolbar-spacing": "{spacing.200}";
+"--divider-size": "{sizes.800}";
+};
+};
+orientation: {
+horizontal: {
+"--toolbar-direction": "row";
+"& .nimbus-divider": {
+height: "var(--divider-size)";
+mx: "var(--toolbar-spacing)";
+};
+};
+vertical: {
+"--toolbar-direction": "column";
+"& .nimbus-divider": {
+width: "var(--divider-size)";
+my: "var(--toolbar-spacing)";
+};
+};
+};
+variant: {
+plain: {};
+outline: {
+boxShadow: "0 0 0 {sizes.25} {colors.neutral.6}";
+};
+};
+}>;
+
+/**
+ * Base recipe props interface that combines Chakra UI's recipe props
+ * with the unstyled prop option for the toolbar recipe.
+ */
+declare interface ToolbarRecipeProps extends RecipeProps<typeof toolbarRecipe>, UnstyledProp {
+}
+
+/**
+ * Root props interface that extends Chakra's HTML props with our recipe props.
+ * This creates a complete set of props for the root element, combining
+ * HTML attributes, Chakra's styling system, and our custom recipe props.
+ */
+declare interface ToolbarSlotProps extends Omit<HTMLChakraProps<"div", ToolbarRecipeProps>, "translate"> {
+    translate?: "yes" | "no";
+}
+
+export { }
+
+
+declare module "slate" {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor & HistoryEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/dist/tooltip.d.ts

@@ -1,17 +1,17 @@
 import { FocusableOptions } from 'react-aria';
 import { ForwardRefExoticComponent } from 'react';
-import { HTMLChakraProps } from '@chakra-ui/react';
+import { HTMLChakraProps } from '@chakra-ui/react/styled-system';
 import { JSX } from 'react/jsx-runtime';
 import { PropsWithChildren } from 'react';
 import { ReactNode } from 'react';
 import { RecipeDefinition } from '@chakra-ui/react';
-import { RecipeProps } from '@chakra-ui/react';
-import { RecipeVariantProps } from '@chakra-ui/react';
+import { RecipeProps } from '@chakra-ui/react/styled-system';
+import { RecipeVariantProps } from '@chakra-ui/react/styled-system';
 import { RecipeVariantRecord } from '@chakra-ui/react';
 import { RefAttributes } from 'react';
 import { TooltipProps as TooltipProps_2 } from 'react-aria-components';
 import { TooltipTriggerComponentProps } from 'react-aria-components';
-import { UnstyledProp } from '@chakra-ui/react';
+import { UnstyledProp } from '@chakra-ui/react/styled-system';
 
 /**
  * For use in components that use the polymorphic `as` and `asChild` props
@@ -99,13 +99,11 @@ declare interface TooltipRecipeProps extends RecipeProps<"div">, UnstyledProp {
 }
 
 /**
- * TooltipRoot
- * ============================================================
- * Root component that wraps around a trigger element and Tooltip content.
- * It handles opening and closing the Tooltip when the user hovers over or focuses the trigger,
- * and positioning the Tooltip relative to the trigger.
+ * # Tooltip
+ *
+ * A contextual popup that displays a description for an element.
  *
- * This acts as the context provider for the compound Tooltip component.
+ * @see {@link https://nimbus-documentation.vercel.app/components/feedback/tooltip}
  */
 export declare function _TooltipRoot({ delay, closeDelay, ...props }: TooltipTriggerComponentProps): JSX.Element;
 
@@ -132,3 +130,12 @@ declare interface TooltipRootProps extends HTMLChakraProps<"div", TooltipRecipeP
 declare type TooltipVariantProps = ExcludePolymorphicFromProps<TooltipRootProps & RecipeVariantProps<typeof tooltipRecipe> & TooltipProps_2>;
 
 export { }
+
+
+declare module "slate" {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor & HistoryEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/dist/utils.d.ts

@@ -0,0 +1,164 @@
+import { BaseText } from 'slate';
+import { Descendant } from 'slate';
+import { Editor } from 'slate';
+import { ReactElement } from 'react';
+import { RenderElementProps } from 'slate-react';
+import { RenderLeafProps } from 'slate-react';
+
+declare const BLOCK_TAGS: {
+    readonly blockquote: "block-quote";
+    readonly p: "paragraph";
+    readonly pre: "code";
+    readonly h1: "heading-one";
+    readonly h2: "heading-two";
+    readonly h3: "heading-three";
+    readonly h4: "heading-four";
+    readonly h5: "heading-five";
+    readonly ul: "bulleted-list";
+    readonly ol: "numbered-list";
+    readonly li: "list-item";
+    readonly a: "link";
+};
+
+declare type BlockType = (typeof blockTypes)[number] | "paragraph";
+
+/**
+ * Available block types for text style detection
+ *
+ * Used by:
+ * - hooks/useToolbarState.ts: Detects currently active block type in editor
+ * - Excludes "paragraph" as it's the default/fallback type
+ */
+declare const blockTypes: readonly ["heading-one", "heading-two", "heading-three", "heading-four", "heading-five", "block-quote"];
+
+export declare const createEmptyValue: () => Descendant[];
+
+/**
+ * Creates a block type from heading level
+ */
+export declare function createHeadingBlockType(level: number): BlockType | null;
+
+export declare interface CustomElement {
+    type: ElementFormat;
+    children: Descendant[];
+    align?: string;
+    url?: string;
+    htmlAttributes?: Record<string, string>;
+}
+
+export declare interface CustomText extends BaseText {
+    bold?: boolean;
+    code?: boolean;
+    italic?: boolean;
+    underline?: boolean;
+    superscript?: boolean;
+    subscript?: boolean;
+    strikethrough?: boolean;
+}
+
+declare const Element_2: ({ attributes, children, element, }: RenderElementProps) => ReactElement;
+export { Element_2 as Element }
+
+export declare type ElementFormat = (typeof BLOCK_TAGS)[keyof typeof BLOCK_TAGS];
+
+export declare const focusEditor: (editor: Editor) => void;
+
+export declare const fromHTML: (html: string) => Descendant[];
+
+/**
+ * Gets the heading level from a heading block type (1-6)
+ */
+export declare function getHeadingLevel(blockType: string): number | null;
+
+/**
+ * Gets a text style definition by its ID
+ */
+export declare function getTextStyleById(styleId: string): TextStyleDefinition | undefined;
+
+/**
+ * Gets all available text style IDs
+ */
+export declare function getTextStyleIds(): string[];
+
+/**
+ * Gets the display label for a text style ID
+ */
+export declare function getTextStyleLabel(styleId: string): string;
+
+/**
+ * Gets the text style properties for rendering
+ */
+export declare function getTextStyleProps(styleId: string): TextStyleDefinition["props"] | null;
+
+export declare const isBlockActive: (editor: Editor, format: ElementFormat) => boolean;
+
+/**
+ * Checks if a rich text HTML value is empty or contains no meaningful content
+ */
+export declare const isEmpty: (value: string) => boolean;
+
+/**
+ * Determines if a block type is a heading
+ */
+export declare function isHeadingType(blockType: string): boolean;
+
+export declare const isMarkActive: (editor: Editor, format: string) => boolean;
+
+/**
+ * Checks if a style ID is a valid text style
+ */
+export declare function isValidTextStyle(styleId: string): boolean;
+
+export declare const Leaf: ({ attributes, children, leaf, }: RenderLeafProps) => ReactElement;
+
+export declare const resetEditor: (editor: Editor, value: string) => void;
+
+export declare const Softbreaker: {
+    placeholderCharacter: string;
+    serialize: (string: string) => string;
+    deserialize: (string: string) => string;
+};
+
+/**
+ * Text style definitions for rich text editor block formatting
+ *
+ * Used by:
+ * - components/rich-text-toolbar.tsx: Renders text style dropdown menu with these options
+ * - hooks/useToolbarState.ts: Manages current text style state and selection logic
+ * - utils/text-style-utils.ts: Helper functions for text style operations
+ * - utils/validation-utils.ts: Validates if block types are supported
+ *
+ * Purpose:
+ * - Centralizes all available text styles and their visual properties
+ * - Maps block type IDs to user-friendly labels and Chakra UI styling props
+ * - Ensures consistent styling across the editor and UI controls
+ */
+declare interface TextStyleDefinition {
+    id: string;
+    label: string;
+    props: {
+        textStyle: string;
+        fontWeight: string;
+    };
+}
+
+export declare const toggleBlock: (editor: Editor, format: ElementFormat) => void;
+
+export declare const toggleMark: (editor: Editor, format: string) => void;
+
+export declare const toHTML: (value: Descendant[]) => string;
+
+export declare const validSlateStateAdapter: (value: unknown) => Descendant[];
+
+export declare const withLinks: (editor: Editor) => Editor;
+
+export { }
+
+
+declare module "slate" {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor & HistoryEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/dist/visually-hidden.d.ts

@@ -1,6 +1,13 @@
 import { JSX } from 'react/jsx-runtime';
 import { VisuallyHiddenProps as VisuallyHiddenProps_2 } from 'react-aria';
 
+/**
+ * # VisuallyHidden
+ *
+ * makes content accessible to screen readers but hides it visually
+ *
+ * @see {@link https://nimbus-documentation.vercel.app/components/accessibility/visually-hidden}
+ */
 export declare const VisuallyHidden: {
     (props: VisuallyHiddenProps): JSX.Element;
     displayName: string;
@@ -13,3 +20,12 @@ export declare interface VisuallyHiddenProps extends Omit<VisuallyHiddenProps_2,
 }
 
 export { }
+
+
+declare module "slate" {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor & HistoryEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools/nimbus",
-  "version": "0.0.11",
+  "version": "0.0.12-rc2",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "type": "module",
@@ -31,6 +31,10 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/commercetools/nimbus.git"
+  },
   "sideEffects": [
     "*.css"
   ],
@@ -42,41 +46,48 @@
     }
   },
   "dependencies": {
+    "@chakra-ui/react": "^3.26.0",
     "@emotion/is-prop-valid": "^1.3.1",
-    "@react-aria/interactions": "3.25.4",
+    "@react-aria/interactions": "3.25.5",
+    "escape-html": "^1.0.3",
+    "is-hotkey": "^0.2.0",
     "next-themes": "^0.4.6",
-    "react-aria": "3.41.1",
-    "react-aria-components": "1.10.1",
+    "react-aria": "3.43.1",
+    "react-aria-components": "1.12.1",
     "react-hotkeys-hook": "^4.6.1",
-    "react-stately": "3.39.0",
-    "react-use": "^17.5.1"
+    "react-stately": "3.41.0",
+    "react-use": "^17.5.1",
+    "slate": "^0.75.0",
+    "slate-history": "^0.113.1",
+    "slate-hyperscript": "^0.77.0",
+    "slate-react": "^0.75.0"
   },
   "devDependencies": {
-    "@chakra-ui/cli": "^3.17.0",
-    "@chakra-ui/react": "^3.22.0",
-    "@internationalized/date": "^3.8.0",
-    "@pandacss/types": "^0.53.6",
+    "@chakra-ui/cli": "^3.26.0",
+    "@internationalized/date": "^3.9.0",
     "@react-aria/optimize-locales-plugin": "1.1.5",
-    "@storybook/addon-a11y": "^9.0.18",
-    "@storybook/addon-docs": "^9.0.18",
-    "@storybook/addon-vitest": "^9.0.18",
-    "@storybook/react-vite": "^9.0.18",
+    "@storybook/addon-a11y": "^9.1.3",
+    "@storybook/addon-docs": "^9.1.3",
+    "@storybook/addon-vitest": "^9.1.3",
+    "@storybook/react-vite": "^9.1.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
+    "@types/escape-html": "^1.0.4",
+    "@types/is-hotkey": "^0.1.10",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
     "@vitejs/plugin-react": "^4.4.1",
     "@vitest/browser": "^3.2.4",
     "@vitest/coverage-v8": "^3.2.4",
-    "@vueless/storybook-dark-mode": "^9.0.6",
+    "@vueless/storybook-dark-mode": "^9.0.7",
     "apca-w3": "^0.1.9",
     "axe-core": "^4.10.2",
     "glob": "^11.0.3",
-    "playwright": "^1.52.0",
+    "playwright": "^1.55.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "rollup-plugin-tree-shakeable": "^1.0.3",
-    "storybook": "^9.0.18",
+    "storybook": "^9.1.3",
     "vite": "^7.0.5",
     "vite-plugin-dts": "^4.5.4",
     "vite-tsconfig-paths": "^5.1.4",
@@ -85,7 +96,7 @@
     "@commercetools/nimbus-tokens": "^0.0.11"
   },
   "peerDependencies": {
-    "@chakra-ui/react": "^3.22.0",
+    "@chakra-ui/react": "^3.26.0",
     "react": "^19.0.0",
     "@commercetools/nimbus-icons": "^0.0.11",
     "@commercetools/nimbus-tokens": "^0.0.11"
@@ -95,6 +106,7 @@
     "build:lib": "vite build",
     "dev": "vite build --watch",
     "test": "vitest",
+    "typecheck": "tsc --noEmit",
     "build-theme-typings": "pnpm chakra typegen ./src/theme/index.ts",
     "bundles:analyze": "ANALYZE_BUNDLE=true vite build",
     "storybook": "storybook dev -p 6006",

package/dist/chunks/Button-BjOgrRmH.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const g=require("./utils-sWqo2nmW.cjs.js"),F=require("./ProgressBar-Cot0VLjE.cjs.js"),m=require("./LiveAnnouncer-BkrEjKY8.cjs.js"),H=require("./Hidden-CNJIJ63M.cjs.js"),f=require("./mergeProps-VvQrkhSh.cjs.js"),B=require("./filterDOMProps-_f3L9QML.cjs.js"),s=require("react"),E=require("./useButton-Bnd1IfAy.cjs.js"),V=require("./useFocusRing-wD8IMPEh.cjs.js"),C=require("./useHover-B4ryD1zd.cjs.js"),w=new Set(["form","formAction","formEncType","formMethod","formNoValidate","formTarget","name","value"]),q=s.createContext({}),A=H.$f39a9eba43920ace$export$86427a43e3e48ebb(function(e,r){[e,r]=g.$64fa3d84918910a7$export$29f1550f4b0d4415(e,r,q),e=L(e);let u=e,{isPending:d}=u,{buttonProps:t,isPressed:y}=E.$701a24aa0da5b062$export$ea18c227d4417cc3(e,r),{focusProps:h,isFocused:n,isFocusVisible:$}=V.$f7dceffc5ad7768b$export$4e328f61c538687f(e),{hoverProps:D,isHovered:l}=C.$6179b936705e76d3$export$ae780daf29e6d456({...e,isDisabled:e.isDisabled||d}),P={isHovered:l,isPressed:(u.isPressed||y)&&!d,isFocused:n,isFocusVisible:$,isDisabled:e.isDisabled||!1,isPending:d??!1},x=g.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,values:P,defaultClassName:"react-aria-Button"}),c=f.$bdb11010cef70236$export$f680877a34711e37(t.id),o=f.$bdb11010cef70236$export$f680877a34711e37(),a=t["aria-labelledby"];d&&(a?a=`${a} ${o}`:t["aria-label"]&&(a=`${c} ${o}`));let b=s.useRef(d);return s.useEffect(()=>{let v={"aria-labelledby":a||c};(!b.current&&n&&d||b.current&&n&&!d)&&m.$319e236875307eab$export$a9b970dcc4ae71a9(v,"assertive"),b.current=d},[d,n,a,c]),s.createElement("button",{...B.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{propNames:w}),...f.$3ef42575df84b30b$export$9d1611c77c2fe928(t,h,D),...x,type:t.type==="submit"&&d?"button":t.type,id:c,ref:r,"aria-labelledby":a,slot:e.slot||void 0,"aria-disabled":d?"true":t["aria-disabled"],"data-disabled":e.isDisabled||void 0,"data-pressed":P.isPressed||void 0,"data-hovered":l||void 0,"data-focused":n||void 0,"data-pending":d||void 0,"data-focus-visible":$||void 0},s.createElement(F.$0393f8ab869a0f1a$export$e9f3bf65a26ce129.Provider,{value:{id:o}},x.children))});function L(i){return i.isPending&&(i.onPress=void 0,i.onPressStart=void 0,i.onPressEnd=void 0,i.onPressChange=void 0,i.onPressUp=void 0,i.onKeyDown=void 0,i.onKeyUp=void 0,i.onClick=void 0,i.href=void 0),i}exports.$d2b4bc8c273e7be6$export$24d547caef80ccd1=q;exports.$d2b4bc8c273e7be6$export$353f5b6fc5456de1=A;
-//# sourceMappingURL=Button-BjOgrRmH.cjs.js.map

package/dist/chunks/Button-BjOgrRmH.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button-BjOgrRmH.cjs.js","sources":["../../../../node_modules/.pnpm/react-aria-components@1.10.1_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-aria-components/dist/Button.mjs"],"sourcesContent":["import {useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3} from \"./utils.mjs\";\nimport {ProgressBarContext as $0393f8ab869a0f1a$export$e9f3bf65a26ce129} from \"./ProgressBar.mjs\";\nimport {announce as $fM325$announce} from \"@react-aria/live-announcer\";\nimport {useButton as $fM325$useButton, useFocusRing as $fM325$useFocusRing, useHover as $fM325$useHover, useId as $fM325$useId, mergeProps as $fM325$mergeProps} from \"react-aria\";\nimport {createHideableComponent as $fM325$createHideableComponent} from \"@react-aria/collections\";\nimport {filterDOMProps as $fM325$filterDOMProps} from \"@react-aria/utils\";\nimport $fM325$react, {createContext as $fM325$createContext, useRef as $fM325$useRef, useEffect as $fM325$useEffect} from \"react\";\n\n/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\n\n\nconst $d2b4bc8c273e7be6$var$additionalButtonHTMLAttributes = new Set([\n    'form',\n    'formAction',\n    'formEncType',\n    'formMethod',\n    'formNoValidate',\n    'formTarget',\n    'name',\n    'value'\n]);\nconst $d2b4bc8c273e7be6$export$24d547caef80ccd1 = /*#__PURE__*/ (0, $fM325$createContext)({});\nconst $d2b4bc8c273e7be6$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $fM325$createHideableComponent)(function Button(props, ref) {\n    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $d2b4bc8c273e7be6$export$24d547caef80ccd1);\n    props = $d2b4bc8c273e7be6$var$disablePendingProps(props);\n    let ctx = props;\n    let { isPending: isPending } = ctx;\n    let { buttonProps: buttonProps, isPressed: isPressed } = (0, $fM325$useButton)(props, ref);\n    let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $fM325$useFocusRing)(props);\n    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $fM325$useHover)({\n        ...props,\n        isDisabled: props.isDisabled || isPending\n    });\n    let renderValues = {\n        isHovered: isHovered,\n        isPressed: (ctx.isPressed || isPressed) && !isPending,\n        isFocused: isFocused,\n        isFocusVisible: isFocusVisible,\n        isDisabled: props.isDisabled || false,\n        isPending: isPending !== null && isPending !== void 0 ? isPending : false\n    };\n    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n        ...props,\n        values: renderValues,\n        defaultClassName: 'react-aria-Button'\n    });\n    let buttonId = (0, $fM325$useId)(buttonProps.id);\n    let progressId = (0, $fM325$useId)();\n    let ariaLabelledby = buttonProps['aria-labelledby'];\n    if (isPending) {\n        // aria-labelledby wins over aria-label\n        // https://www.w3.org/TR/accname-1.2/#computation-steps\n        if (ariaLabelledby) ariaLabelledby = `${ariaLabelledby} ${progressId}`;\n        else if (buttonProps['aria-label']) ariaLabelledby = `${buttonId} ${progressId}`;\n    }\n    let wasPending = (0, $fM325$useRef)(isPending);\n    (0, $fM325$useEffect)(()=>{\n        let message = {\n            'aria-labelledby': ariaLabelledby || buttonId\n        };\n        if (!wasPending.current && isFocused && isPending) (0, $fM325$announce)(message, 'assertive');\n        else if (wasPending.current && isFocused && !isPending) (0, $fM325$announce)(message, 'assertive');\n        wasPending.current = isPending;\n    }, [\n        isPending,\n        isFocused,\n        ariaLabelledby,\n        buttonId\n    ]);\n    // When the button is in a pending state, we want to stop implicit form submission (ie. when the user presses enter on a text input).\n    // We do this by changing the button's type to button.\n    return /*#__PURE__*/ (0, $fM325$react).createElement(\"button\", {\n        ...(0, $fM325$filterDOMProps)(props, {\n            propNames: $d2b4bc8c273e7be6$var$additionalButtonHTMLAttributes\n        }),\n        ...(0, $fM325$mergeProps)(buttonProps, focusProps, hoverProps),\n        ...renderProps,\n        type: buttonProps.type === 'submit' && isPending ? 'button' : buttonProps.type,\n        id: buttonId,\n        ref: ref,\n        \"aria-labelledby\": ariaLabelledby,\n        slot: props.slot || undefined,\n        \"aria-disabled\": isPending ? 'true' : buttonProps['aria-disabled'],\n        \"data-disabled\": props.isDisabled || undefined,\n        \"data-pressed\": renderValues.isPressed || undefined,\n        \"data-hovered\": isHovered || undefined,\n        \"data-focused\": isFocused || undefined,\n        \"data-pending\": isPending || undefined,\n        \"data-focus-visible\": isFocusVisible || undefined\n    }, /*#__PURE__*/ (0, $fM325$react).createElement((0, $0393f8ab869a0f1a$export$e9f3bf65a26ce129).Provider, {\n        value: {\n            id: progressId\n        }\n    }, renderProps.children));\n});\nfunction $d2b4bc8c273e7be6$var$disablePendingProps(props) {\n    // Don't allow interaction while isPending is true\n    if (props.isPending) {\n        props.onPress = undefined;\n        props.onPressStart = undefined;\n        props.onPressEnd = undefined;\n        props.onPressChange = undefined;\n        props.onPressUp = undefined;\n        props.onKeyDown = undefined;\n        props.onKeyUp = undefined;\n        props.onClick = undefined;\n        props.href = undefined;\n    }\n    return props;\n}\n\n\nexport {$d2b4bc8c273e7be6$export$24d547caef80ccd1 as ButtonContext, $d2b4bc8c273e7be6$export$353f5b6fc5456de1 as Button};\n//# sourceMappingURL=Button.module.js.map\n"],"names":["$d2b4bc8c273e7be6$var$additionalButtonHTMLAttributes","$d2b4bc8c273e7be6$export$24d547caef80ccd1","$fM325$createContext","$d2b4bc8c273e7be6$export$353f5b6fc5456de1","$fM325$createHideableComponent","props","ref","$64fa3d84918910a7$export$29f1550f4b0d4415","$d2b4bc8c273e7be6$var$disablePendingProps","ctx","isPending","buttonProps","isPressed","$fM325$useButton","focusProps","isFocused","isFocusVisible","$fM325$useFocusRing","hoverProps","isHovered","$fM325$useHover","renderValues","renderProps","$64fa3d84918910a7$export$4d86445c2cf5e3","buttonId","$fM325$useId","progressId","ariaLabelledby","wasPending","$fM325$useRef","$fM325$useEffect","message","$fM325$announce","$fM325$react","$fM325$filterDOMProps","$fM325$mergeProps","$0393f8ab869a0f1a$export$e9f3bf65a26ce129"],"mappings":"8ZAyBMA,EAAuD,IAAI,IAAI,CACjE,OACA,aACA,cACA,aACA,iBACA,aACA,OACA,OACJ,CAAC,EACKC,EAA8DC,EAAAA,cAAsB,CAAA,CAAE,EACtFC,EAA8DC,EAAAA,0CAAgC,SAAgBC,EAAOC,EAAK,CAC5H,CAACD,EAAOC,CAAG,EAAQC,EAAAA,0CAA2CF,EAAOC,EAAKL,CAAyC,EACnHI,EAAQG,EAA0CH,CAAK,EACvD,IAAII,EAAMJ,EACN,CAAE,UAAWK,CAAS,EAAKD,EAC3B,CAAE,YAAaE,EAAa,UAAWC,CAAS,EAASC,EAAAA,0CAAkBR,EAAOC,CAAG,EACrF,CAAE,WAAYQ,EAAY,UAAWC,EAAW,eAAgBC,CAAc,EAASC,EAAAA,0CAAqBZ,CAAK,EACjH,CAAE,WAAYa,EAAY,UAAWC,CAAS,EAASC,4CAAiB,CACxE,GAAGf,EACH,WAAYA,EAAM,YAAcK,CACxC,CAAK,EACGW,EAAe,CACf,UAAWF,EACX,WAAYV,EAAI,WAAaG,IAAc,CAACF,EAC5C,UAAWK,EACX,eAAgBC,EAChB,WAAYX,EAAM,YAAc,GAChC,UAAWK,GAAyD,EAC5E,EACQY,EAAkBC,0CAAyC,CAC3D,GAAGlB,EACH,OAAQgB,EACR,iBAAkB,mBAC1B,CAAK,EACGG,EAAeC,4CAAcd,EAAY,EAAE,EAC3Ce,EAAiBD,4CAAY,EAC7BE,EAAiBhB,EAAY,iBAAiB,EAC9CD,IAGIiB,EAAgBA,EAAiB,GAAGA,CAAc,IAAID,CAAU,GAC3Df,EAAY,YAAY,IAAGgB,EAAiB,GAAGH,CAAQ,IAAIE,CAAU,KAElF,IAAIE,EAAiBC,EAAAA,OAAenB,CAAS,EAC7C,OAAIoB,EAAAA,UAAkB,IAAI,CACtB,IAAIC,EAAU,CACV,kBAAmBJ,GAAkBH,CACjD,GACY,CAACI,EAAW,SAAWb,GAAaL,GAC/BkB,EAAW,SAAWb,GAAa,CAACL,IAAesB,EAAAA,0CAAiBD,EAAS,WAAW,EACjGH,EAAW,QAAUlB,CACzB,EAAG,CACCA,EACAK,EACAY,EACAH,CACR,CAAK,EAGwBS,EAAc,cAAc,SAAU,CAC3D,GAAOC,EAAAA,0CAAuB7B,EAAO,CACjC,UAAWL,CACvB,CAAS,EACD,GAAOmC,EAAAA,0CAAmBxB,EAAaG,EAAYI,CAAU,EAC7D,GAAGI,EACH,KAAMX,EAAY,OAAS,UAAYD,EAAY,SAAWC,EAAY,KAC1E,GAAIa,EACJ,IAAKlB,EACL,kBAAmBqB,EACnB,KAAMtB,EAAM,MAAQ,OACpB,gBAAiBK,EAAY,OAASC,EAAY,eAAe,EACjE,gBAAiBN,EAAM,YAAc,OACrC,eAAgBgB,EAAa,WAAa,OAC1C,eAAgBF,GAAa,OAC7B,eAAgBJ,GAAa,OAC7B,eAAgBL,GAAa,OAC7B,qBAAsBM,GAAkB,MAChD,EAAyBiB,EAAc,cAAkBG,EAAAA,0CAA2C,SAAU,CACtG,MAAO,CACH,GAAIV,CAChB,CACA,EAAOJ,EAAY,QAAQ,CAAC,CAC5B,CAAC,EACD,SAASd,EAA0CH,EAAO,CAEtD,OAAIA,EAAM,YACNA,EAAM,QAAU,OAChBA,EAAM,aAAe,OACrBA,EAAM,WAAa,OACnBA,EAAM,cAAgB,OACtBA,EAAM,UAAY,OAClBA,EAAM,UAAY,OAClBA,EAAM,QAAU,OAChBA,EAAM,QAAU,OAChBA,EAAM,KAAO,QAEVA,CACX","x_google_ignoreList":[0]}