@commercetools/nimbus 0.0.0-canary-20250826065101 → 0.0.0-canary-20250826164027

package/dist/rich-text-input.d.ts

@@ -0,0 +1,79 @@
+import { FocusEventHandler } from 'react';
+import { HTMLChakraProps } from '@chakra-ui/react';
+import { JSX } from 'react/jsx-runtime';
+import { RecipeVariantProps } from '@chakra-ui/react';
+import { Ref } from 'react';
+import { SlotRecipeDefinition } from '@chakra-ui/react';
+import { UnstyledProp } from '@chakra-ui/react';
+
+declare type DefaultExcludedProps = "css" | "asChild" | "as" | "onChange";
+
+/**
+ RichTextInput - A rich text input component with formatting capabilities.
+ */
+export declare const RichTextInput: {
+    (props: RichTextInputProps): JSX.Element;
+    displayName: string;
+};
+
+export declare interface RichTextInputProps extends Omit<RichTextInputRootSlotProps, DefaultExcludedProps | "children"> {
+    /**
+     * The ref for the rich text input component
+     */
+    ref?: Ref<HTMLDivElement>;
+    /**
+     * The HTML value of the rich text input
+     */
+    value?: string;
+    /**
+     * The default HTML value of the rich text input (uncontrolled)
+     */
+    defaultValue?: string;
+    /**
+     * Called when the value changes
+     */
+    onChange?: (value: string) => void;
+    /**
+     * Called when the input is focused
+     */
+    onFocus?: FocusEventHandler<HTMLDivElement>;
+    /**
+     * Called when the input is blurred
+     */
+    onBlur?: FocusEventHandler<HTMLDivElement>;
+    /**
+     * Placeholder text to show when the editor is empty
+     */
+    placeholder?: string;
+    /**
+     * Whether the input is disabled
+     */
+    isDisabled?: boolean;
+    /**
+     * Whether the input is read-only
+     */
+    isReadOnly?: boolean;
+    /**
+     * Whether the input is in an invalid state
+     */
+    isInvalid?: boolean;
+    /**
+     * Whether to focus the input when it mounts
+     */
+    autoFocus?: boolean;
+}
+
+declare const richTextInputRecipe: SlotRecipeDefinition<"toolbar" | "root" | "editable", {}>;
+
+declare type RichTextInputRootSlotProps = HTMLChakraProps<"div", RecipeVariantProps<typeof richTextInputRecipe> & UnstyledProp>;
+
+export { }
+
+
+declare module "slate" {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor & HistoryEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/dist/select.d.ts

@@ -148,3 +148,12 @@ trigger: {
 }>;
 
 export { }
+
+
+declare module "slate" {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor & HistoryEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/dist/setup-jsdom-polyfills.d.ts

@@ -1 +1,10 @@
 export { }
+
+
+declare module "slate" {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor & HistoryEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/dist/simple-grid.d.ts

@@ -24,3 +24,12 @@ export declare interface SimpleGridProps extends SimpleGridProps_2 {
 }
 
 export { }
+
+
+declare module "slate" {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor & HistoryEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/dist/split-button.d.ts

@@ -65,3 +65,12 @@ export declare interface SplitButtonProps extends Omit<MenuTriggerProps, "trigge
 }
 
 export { }
+
+
+declare module "slate" {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor & HistoryEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/dist/stack.d.ts

@@ -19,3 +19,12 @@ export declare interface StackProps extends StackProps_2 {
 }
 
 export { }
+
+
+declare module "slate" {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor & HistoryEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/dist/switch.d.ts

@@ -75,3 +75,12 @@ label: {
 }>;
 
 export { }
+
+
+declare module "slate" {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor & HistoryEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/dist/table.d.ts

@@ -3,3 +3,12 @@ import { Table } from '@chakra-ui/react/table';
 export { Table }
 
 export { }
+
+
+declare module "slate" {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor & HistoryEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/dist/tag-group.d.ts

@@ -97,3 +97,12 @@ export declare type TagGroupTagProps = TagProps & Omit<TagGroupTagSlotProps, key
 declare type TagGroupTagSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
 
 export { }
+
+
+declare module "slate" {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor & HistoryEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/dist/text-input.d.ts

@@ -61,3 +61,12 @@ declare interface TextInputRecipeProps extends RecipeVariantProps<typeof textInp
 declare type TextInputRootSlotProps = HTMLChakraProps<"input", TextInputRecipeProps>;
 
 export { }
+
+
+declare module "slate" {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor & HistoryEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/dist/text.d.ts

@@ -20,3 +20,12 @@ export declare interface TextProps extends Omit<TextProps_2, "slot"> {
 }
 
 export { }
+
+
+declare module "slate" {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor & HistoryEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/dist/time-input.d.ts

@@ -100,3 +100,12 @@ declare interface TimeInputRootProps extends HTMLChakraProps<"div", TimeInputRec
 }
 
 export { }
+
+
+declare module "slate" {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor & HistoryEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/dist/toggle-button-group.d.ts

@@ -112,3 +112,12 @@ declare type ToggleButtonGroupRootProps = ToggleButtonGroupRootSlotProps & AriaT
 declare type ToggleButtonGroupRootSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
 
 export { }
+
+
+declare module "slate" {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor & HistoryEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/dist/toggle-button.d.ts

@@ -142,3 +142,12 @@ declare interface ToggleButtonRecipeProps extends RecipeVariantProps<typeof togg
 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

@@ -37,22 +37,25 @@ 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: "auto";
+height: "var(--divider-size)";
 mx: "var(--toolbar-spacing)";
 };
 };
 vertical: {
 "--toolbar-direction": "column";
 "& .nimbus-divider": {
+width: "var(--divider-size)";
 my: "var(--toolbar-spacing)";
 };
 };
@@ -82,3 +85,12 @@ declare interface ToolbarSlotProps extends Omit<HTMLChakraProps<"div", ToolbarRe
 }
 
 export { }
+
+
+declare module "slate" {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor & HistoryEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/dist/tooltip.d.ts

@@ -130,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

@@ -20,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.0-canary-20250826065101",
+  "version": "0.0.0-canary-20250826164027",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "type": "module",
@@ -49,12 +49,18 @@
     "@chakra-ui/react": "^3.25.0",
     "@emotion/is-prop-valid": "^1.3.1",
     "@react-aria/interactions": "3.25.4",
+    "escape-html": "^1.0.3",
+    "is-hotkey": "^0.2.0",
     "next-themes": "^0.4.6",
     "react-aria": "3.42.0",
     "react-aria-components": "1.11.0",
     "react-hotkeys-hook": "^4.6.1",
     "react-stately": "3.40.0",
-    "react-use": "^17.5.1"
+    "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.25.0",
@@ -66,6 +72,8 @@
     "@storybook/react-vite": "^9.0.18",
     "@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",
@@ -84,24 +92,24 @@
     "vite-plugin-dts": "^4.5.4",
     "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^3.2.4",
-    "@commercetools/nimbus-icons": "^0.0.0-canary-20250826065101",
-    "@commercetools/nimbus-tokens": "^0.0.0-canary-20250826065101"
+    "@commercetools/nimbus-icons": "^0.0.0-canary-20250826164027",
+    "@commercetools/nimbus-tokens": "^0.0.0-canary-20250826164027"
   },
   "peerDependencies": {
     "@chakra-ui/react": "^3.25.0",
     "react": "^19.0.0",
-    "@commercetools/nimbus-icons": "^0.0.0-canary-20250826065101",
-    "@commercetools/nimbus-tokens": "^0.0.0-canary-20250826065101"
+    "@commercetools/nimbus-icons": "^0.0.0-canary-20250826164027",
+    "@commercetools/nimbus-tokens": "^0.0.0-canary-20250826164027"
   },
   "scripts": {
     "build": "pnpm run build-theme-typings && pnpm run build:lib",
     "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",
-    "build-storybook": "storybook build",
-    "typecheck": "tsc --noEmit"
+    "build-storybook": "storybook build"
   }
 }

package/dist/chunks/DatePicker-BQ6EfAU2.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const ae=require("./Button-DQ_WkLNH.cjs.js"),ue=require("./Heading-CQJ-3eon.cjs.js"),E=require("./utils-BHdR5Nww.cjs.js"),f=require("./DateField-D-KvZd-Q.cjs.js"),H=require("./Dialog-B4OIDU7t.cjs.js"),se=require("./FieldError-DyGFfqST.cjs.js"),ce=require("./Form-BuOomA4T.cjs.js"),le=require("./Group-KVM7Xnxu.cjs.js"),te=require("./Label-BgrYyYXn.cjs.js"),ie=require("./Text-BWSfeB9p.cjs.js"),L=require("./mergeProps-BA5Cwf5w.cjs.js"),X=require("./filterDOMProps-WUskt27c.cjs.js"),fe=require("./useResizeObserver-Dx-vDLiW.cjs.js"),o=require("react"),W=require("./useDateFormatter-G9oGkNG5.cjs.js"),k=require("./useFormValidation-DJy_cdgv.cjs.js"),$e=require("./OverlayArrow-aq8OInch.cjs.js"),be=require("./useControlledState-D0L6S_5r.cjs.js"),ve=require("./FocusScope-B78iFLeF.cjs.js"),me=require("./scrollIntoView-BzIqpHLO.cjs.js"),xe=require("./useFocusWithin-i-cVKYQ8.cjs.js"),ge=require("./useField-DmqO9k7a.cjs.js"),he=require("./context-D0_cRaDZ.cjs.js"),Ve=require("./useLocalizedStringFormatter-fJnbqb2x.cjs.js"),ye=require("./useFocusRing-DRIoF592.cjs.js");function Ce(e){return e&&e.__esModule?e.default:e}function Oe(e,a,r){let D=L.$bdb11010cef70236$export$f680877a34711e37(),m=L.$bdb11010cef70236$export$f680877a34711e37(),x=L.$bdb11010cef70236$export$f680877a34711e37(),v=Ve.$fca6afa0e843324b$export$f12b703ca79dfbb1(Ce(f.$dfb4eba373ed9493$exports),"@react-aria/datepicker"),{isInvalid:t,validationErrors:u,validationDetails:l}=a.displayValidation,{labelProps:R,fieldProps:C,descriptionProps:g,errorMessageProps:I}=ge.$2baaea4c71418dea$export$294aa081a6c6f55d({...e,labelElementType:"span",isInvalid:t,errorMessage:e.errorMessage||u}),O=f.$3dfb0f96be0d6a08$export$4a931266a3838b86(a,r),M=C["aria-labelledby"]||C.id,{locale:T}=he.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),c=a.formatValue(T,{month:"long"}),B=c?v.format("selectedDateDescription",{date:c}):"",i=me.$ef06256079686ba0$export$f8aeda7b10753fa1(B),Z=[i["aria-describedby"],C["aria-describedby"]].filter(Boolean).join(" ")||void 0,q=X.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e),S=o.useMemo(()=>ve.$9bf71ea28793e738$export$c5251b9e124bf29(r),[r]),y=o.useRef(!1),{focusWithinProps:w}=xe.$9ab94262bd0047c7$export$420e68273165f4ec({...e,isDisabled:a.isOpen,onBlurWithin:$=>{let h=document.getElementById(m);if(!h?.contains($.relatedTarget)){var P,p;y.current=!1,(P=e.onBlur)===null||P===void 0||P.call(e,$),(p=e.onFocusChange)===null||p===void 0||p.call(e,!1)}},onFocusWithin:$=>{if(!y.current){var h,P;y.current=!0,(h=e.onFocus)===null||h===void 0||h.call(e,$),(P=e.onFocusChange)===null||P===void 0||P.call(e,!0)}}});return{groupProps:L.$3ef42575df84b30b$export$9d1611c77c2fe928(q,O,C,i,w,{role:"group","aria-disabled":e.isDisabled||null,"aria-labelledby":M,"aria-describedby":Z,onKeyDown($){a.isOpen||e.onKeyDown&&e.onKeyDown($)},onKeyUp($){a.isOpen||e.onKeyUp&&e.onKeyUp($)}}),labelProps:{...R,onClick:()=>{S.focusFirst()}},fieldProps:{...C,id:x,[f.$16f0b7bb276bc17e$export$300019f83c56d282]:"presentation","aria-describedby":Z,value:a.value,defaultValue:a.defaultValue,onChange:a.setValue,placeholderValue:e.placeholderValue,hideTimeZone:e.hideTimeZone,hourCycle:e.hourCycle,shouldForceLeadingZeros:e.shouldForceLeadingZeros,granularity:e.granularity,isDisabled:e.isDisabled,isReadOnly:e.isReadOnly,isRequired:e.isRequired,validationBehavior:e.validationBehavior,[k.$e5be200c675c3b3a$export$a763b9476acd3eb]:a,autoFocus:e.autoFocus,name:e.name,form:e.form},descriptionProps:g,errorMessageProps:I,buttonProps:{...i,id:D,"aria-haspopup":"dialog","aria-label":v.format("calendar"),"aria-labelledby":`${D} ${M}`,"aria-describedby":Z,"aria-expanded":a.isOpen,isDisabled:e.isDisabled||e.isReadOnly,onPress:()=>a.setOpen(!0)},dialogProps:{id:m,"aria-labelledby":`${D} ${M}`},calendarProps:{autoFocus:!0,value:a.dateValue,onChange:a.setDateValue,minValue:e.minValue,maxValue:e.maxValue,isDisabled:e.isDisabled,isReadOnly:e.isReadOnly,isDateUnavailable:e.isDateUnavailable,defaultFocusedValue:a.dateValue?void 0:e.placeholderValue,isInvalid:a.isInvalid,errorMessage:typeof e.errorMessage=="function"?e.errorMessage(a.displayValidation):e.errorMessage||a.displayValidation.validationErrors.join(" ")},isInvalid:t,validationErrors:u,validationDetails:l}}function Te(e){return e&&e.__esModule?e.default:e}function Ze(e,a,r){var D,m,x,v,t;let u=Ve.$fca6afa0e843324b$export$f12b703ca79dfbb1(Te(f.$dfb4eba373ed9493$exports),"@react-aria/datepicker"),{isInvalid:l,validationErrors:R,validationDetails:C}=a.displayValidation,{labelProps:g,fieldProps:I,descriptionProps:O,errorMessageProps:M}=ge.$2baaea4c71418dea$export$294aa081a6c6f55d({...e,labelElementType:"span",isInvalid:l,errorMessage:e.errorMessage||R}),T=I["aria-labelledby"]||I.id,{locale:c}=he.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),B=a.formatValue(c,{month:"long"}),i=B?u.format("selectedRangeDescription",{startDate:B.start,endDate:B.end}):"",Z=me.$ef06256079686ba0$export$f8aeda7b10753fa1(i),q={"aria-label":u.format("startDate"),"aria-labelledby":T},S={"aria-label":u.format("endDate"),"aria-labelledby":T},y=L.$bdb11010cef70236$export$f680877a34711e37(),w=L.$bdb11010cef70236$export$f680877a34711e37(),$=f.$3dfb0f96be0d6a08$export$4a931266a3838b86(a,r),h=[Z["aria-describedby"],I["aria-describedby"]].filter(Boolean).join(" ")||void 0,P=o.useMemo(()=>ve.$9bf71ea28793e738$export$c5251b9e124bf29(r,{accept:d=>d.id!==y}),[r,y]),p={[f.$16f0b7bb276bc17e$export$7b3062cd49e80452]:P,[f.$16f0b7bb276bc17e$export$300019f83c56d282]:"presentation","aria-describedby":h,placeholderValue:e.placeholderValue,hideTimeZone:e.hideTimeZone,hourCycle:e.hourCycle,granularity:e.granularity,shouldForceLeadingZeros:e.shouldForceLeadingZeros,isDisabled:e.isDisabled,isReadOnly:e.isReadOnly,isRequired:e.isRequired,validationBehavior:e.validationBehavior},V=X.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e),F=o.useRef(!1),{focusWithinProps:K}=xe.$9ab94262bd0047c7$export$420e68273165f4ec({...e,isDisabled:a.isOpen,onBlurWithin:d=>{let b=document.getElementById(w);if(!b?.contains(d.relatedTarget)){var _,A;F.current=!1,(_=e.onBlur)===null||_===void 0||_.call(e,d),(A=e.onFocusChange)===null||A===void 0||A.call(e,!1)}},onFocusWithin:d=>{if(!F.current){var b,_;F.current=!0,(b=e.onFocus)===null||b===void 0||b.call(e,d),(_=e.onFocusChange)===null||_===void 0||_.call(e,!0)}}}),N=o.useRef(k.$e5be200c675c3b3a$export$dad6ae84456c676a),j=o.useRef(k.$e5be200c675c3b3a$export$dad6ae84456c676a);var n,s;return{groupProps:L.$3ef42575df84b30b$export$9d1611c77c2fe928(V,$,I,Z,K,{role:"group","aria-disabled":e.isDisabled||null,"aria-describedby":h,onKeyDown(d){a.isOpen||e.onKeyDown&&e.onKeyDown(d)},onKeyUp(d){a.isOpen||e.onKeyUp&&e.onKeyUp(d)}}),labelProps:{...g,onClick:()=>{P.focusFirst()}},buttonProps:{...Z,id:y,"aria-haspopup":"dialog","aria-label":u.format("calendar"),"aria-labelledby":`${y} ${T}`,"aria-describedby":h,"aria-expanded":a.isOpen,isDisabled:e.isDisabled||e.isReadOnly,onPress:()=>a.setOpen(!0)},dialogProps:{id:w,"aria-labelledby":`${y} ${T}`},startFieldProps:{...q,...p,value:(n=(D=a.value)===null||D===void 0?void 0:D.start)!==null&&n!==void 0?n:null,defaultValue:(m=a.defaultValue)===null||m===void 0?void 0:m.start,onChange:d=>a.setDateTime("start",d),autoFocus:e.autoFocus,name:e.startName,form:e.form,[k.$e5be200c675c3b3a$export$a763b9476acd3eb]:{realtimeValidation:a.realtimeValidation,displayValidation:a.displayValidation,updateValidation(d){N.current=d,a.updateValidation(k.$e5be200c675c3b3a$export$75ee7c75d68f5b0e(d,j.current))},resetValidation:a.resetValidation,commitValidation:a.commitValidation}},endFieldProps:{...S,...p,value:(s=(x=a.value)===null||x===void 0?void 0:x.end)!==null&&s!==void 0?s:null,defaultValue:(v=a.defaultValue)===null||v===void 0?void 0:v.end,onChange:d=>a.setDateTime("end",d),name:e.endName,form:e.form,[k.$e5be200c675c3b3a$export$a763b9476acd3eb]:{realtimeValidation:a.realtimeValidation,displayValidation:a.displayValidation,updateValidation(d){j.current=d,a.updateValidation(k.$e5be200c675c3b3a$export$75ee7c75d68f5b0e(N.current,d))},resetValidation:a.resetValidation,commitValidation:a.commitValidation}},descriptionProps:O,errorMessageProps:M,calendarProps:{autoFocus:!0,value:!((t=a.dateRange)===null||t===void 0)&&t.start&&a.dateRange.end?a.dateRange:null,onChange:a.setDateRange,minValue:e.minValue,maxValue:e.maxValue,isDisabled:e.isDisabled,isReadOnly:e.isReadOnly,isDateUnavailable:e.isDateUnavailable,allowsNonContiguousRanges:e.allowsNonContiguousRanges,defaultFocusedValue:a.dateRange?void 0:e.placeholderValue,isInvalid:a.isInvalid,errorMessage:typeof e.errorMessage=="function"?e.errorMessage(a.displayValidation):e.errorMessage||a.displayValidation.validationErrors.join(" ")},isInvalid:l,validationErrors:R,validationDetails:C}}function Ie(e){let a=$e.$fc909762b330b746$export$61c6a8c84e605fb6(e),[r,D]=be.$458b0a5536c1a7cf$export$40bfa8c7b0832715(e.value,e.defaultValue||null,e.onChange),[m]=o.useState(r),x=r||e.placeholderValue||null,[v,t]=f.$35a22f14a1f04b11$export$2440da353cedad43(x,e.granularity),u=r!=null?r.toDate(t??"UTC"):null,l=v==="hour"||v==="minute"||v==="second";var R;let C=(R=e.shouldCloseOnSelect)!==null&&R!==void 0?R:!0,[g,I]=o.useState(null),[O,M]=o.useState(null);if(r&&(g=r,"hour"in r&&(O=r)),x&&!(v in x))throw new Error("Invalid granularity "+v+" for value "+x.toString());let T=r?.calendar.identifier==="gregory"&&r.era==="BC",c=o.useMemo(()=>({granularity:v,timeZone:t,hideTimeZone:e.hideTimeZone,hourCycle:e.hourCycle,shouldForceLeadingZeros:e.shouldForceLeadingZeros,showEra:T}),[v,e.hourCycle,e.shouldForceLeadingZeros,t,e.hideTimeZone,T]),{minValue:B,maxValue:i,isDateUnavailable:Z}=e,q=o.useMemo(()=>f.$35a22f14a1f04b11$export$f18627323ab57ac0(r,B,i,Z,c),[r,B,i,Z,c]),S=k.$e5be200c675c3b3a$export$fc1a364ae1f3ff10({...e,value:r,builtinValidation:q}),y=S.displayValidation.isInvalid,w=e.validationState||(y?"invalid":null),$=(V,F)=>{D("timeZone"in F?F.set(W.$11d87f3f76e88657$export$93522d1a439f3617(V)):W.$11d87f3f76e88657$export$b21e0b124e224484(V,F)),I(null),M(null),S.commitValidation()},h=V=>{let F=typeof C=="function"?C():C;l?O||F?$(V,O||f.$35a22f14a1f04b11$export$c5221a78ef73c5e9(e.defaultValue||e.placeholderValue)):I(V):(D(V),S.commitValidation()),F&&a.setOpen(!1)},P=V=>{g&&V?$(g,V):M(V)};var p;return{...S,value:r,defaultValue:(p=e.defaultValue)!==null&&p!==void 0?p:m,setValue:D,dateValue:g,timeValue:O,setDateValue:h,setTimeValue:P,granularity:v,hasTime:l,...a,setOpen(V){!V&&!r&&g&&l&&$(g,O||f.$35a22f14a1f04b11$export$c5221a78ef73c5e9(e.defaultValue||e.placeholderValue)),a.setOpen(V)},validationState:w,isInvalid:y,formatValue(V,F){if(!u)return"";let K=f.$35a22f14a1f04b11$export$7e319ea407e63bc0(F,c);return new W.$fb18d541ea1ad717$export$ad991b66133851cf(V,K).format(u)},getDateFormatter(V,F){let K={...c,...F},N=f.$35a22f14a1f04b11$export$7e319ea407e63bc0({},K);return new W.$fb18d541ea1ad717$export$ad991b66133851cf(V,N)}}}function Me(e){var a,r;let D=$e.$fc909762b330b746$export$61c6a8c84e605fb6(e),[m,x]=be.$458b0a5536c1a7cf$export$40bfa8c7b0832715(e.value,e.defaultValue||null,e.onChange),[v]=o.useState(m),[t,u]=o.useState(()=>m||{start:null,end:null});m==null&&t.start&&t.end&&(t={start:null,end:null},u(t));let l=m||t,R=n=>{l=n||{start:null,end:null},u(l),G(l)?x(l):x(null)},C=l?.start||l?.end||e.placeholderValue||null,[g,I]=f.$35a22f14a1f04b11$export$2440da353cedad43(C,e.granularity),O=g==="hour"||g==="minute"||g==="second";var M;let T=(M=e.shouldCloseOnSelect)!==null&&M!==void 0?M:!0,[c,B]=o.useState(null),[i,Z]=o.useState(null);l&&G(l)&&(c=l,"hour"in l.start&&(i=l));let q=(n,s)=>{R({start:"timeZone"in s.start?s.start.set(W.$11d87f3f76e88657$export$93522d1a439f3617(n.start)):W.$11d87f3f76e88657$export$b21e0b124e224484(n.start,s.start),end:"timeZone"in s.end?s.end.set(W.$11d87f3f76e88657$export$93522d1a439f3617(n.end)):W.$11d87f3f76e88657$export$b21e0b124e224484(n.end,s.end)}),B(null),Z(null),F.commitValidation()},S=n=>{let s=typeof T=="function"?T():T;O?G(n)&&(s||i?.start&&i?.end)?q(n,{start:i?.start||f.$35a22f14a1f04b11$export$c5221a78ef73c5e9(e.placeholderValue),end:i?.end||f.$35a22f14a1f04b11$export$c5221a78ef73c5e9(e.placeholderValue)}):B(n):G(n)?(R(n),F.commitValidation()):B(n),s&&D.setOpen(!1)},y=n=>{G(c)&&G(n)?q(c,n):Z(n)},w=(l==null||(a=l.start)===null||a===void 0?void 0:a.calendar.identifier)==="gregory"&&l.start.era==="BC"||(l==null||(r=l.end)===null||r===void 0?void 0:r.calendar.identifier)==="gregory"&&l.end.era==="BC",$=o.useMemo(()=>({granularity:g,timeZone:I,hideTimeZone:e.hideTimeZone,hourCycle:e.hourCycle,shouldForceLeadingZeros:e.shouldForceLeadingZeros,showEra:w}),[g,e.hourCycle,e.shouldForceLeadingZeros,I,e.hideTimeZone,w]),{minValue:h,maxValue:P,isDateUnavailable:p}=e,V=o.useMemo(()=>f.$35a22f14a1f04b11$export$80ff8fc0ae339c13(l,h,P,p,$),[l,h,P,p,$]),F=k.$e5be200c675c3b3a$export$fc1a364ae1f3ff10({...e,value:m,name:o.useMemo(()=>[e.startName,e.endName].filter(n=>n!=null),[e.startName,e.endName]),builtinValidation:V}),K=F.displayValidation.isInvalid,N=e.validationState||(K?"invalid":null);var j;return{...F,value:l,defaultValue:(j=e.defaultValue)!==null&&j!==void 0?j:v,setValue:R,dateRange:c,timeRange:i,granularity:g,hasTime:O,setDate(n,s){var d,b;S(n==="start"?{start:s,end:(d=c?.end)!==null&&d!==void 0?d:null}:{start:(b=c?.start)!==null&&b!==void 0?b:null,end:s})},setTime(n,s){var d,b;y(n==="start"?{start:s,end:(d=i?.end)!==null&&d!==void 0?d:null}:{start:(b=i?.start)!==null&&b!==void 0?b:null,end:s})},setDateTime(n,s){var d,b;R(n==="start"?{start:s,end:(d=l?.end)!==null&&d!==void 0?d:null}:{start:(b=l?.start)!==null&&b!==void 0?b:null,end:s})},setDateRange:S,setTimeRange:y,...D,setOpen(n){!n&&!(l?.start&&l?.end)&&G(c)&&O&&q(c,{start:i?.start||f.$35a22f14a1f04b11$export$c5221a78ef73c5e9(e.placeholderValue),end:i?.end||f.$35a22f14a1f04b11$export$c5221a78ef73c5e9(e.placeholderValue)}),D.setOpen(n)},validationState:N,isInvalid:K,formatValue(n,s){if(!l||!l.start||!l.end)return null;let d="timeZone"in l.start?l.start.timeZone:void 0,b=e.granularity||(l.start&&"minute"in l.start?"minute":"day"),_="timeZone"in l.end?l.end.timeZone:void 0,A=e.granularity||(l.end&&"minute"in l.end?"minute":"day"),Re=f.$35a22f14a1f04b11$export$7e319ea407e63bc0(s,{granularity:b,timeZone:d,hideTimeZone:e.hideTimeZone,hourCycle:e.hourCycle,showEra:l.start.calendar.identifier==="gregory"&&l.start.era==="BC"||l.end.calendar.identifier==="gregory"&&l.end.era==="BC"}),de=l.start.toDate(d||"UTC"),re=l.end.toDate(_||"UTC"),J=new W.$fb18d541ea1ad717$export$ad991b66133851cf(n,Re),Q;if(d===_&&b===A&&l.start.compare(l.end)!==0){try{let z=J.formatRangeToParts(de,re),Y=-1;for(let U=0;U<z.length;U++){let ee=z[U];if(ee.source==="shared"&&ee.type==="literal")Y=U;else if(ee.source==="endRange")break}let ne="",oe="";for(let U=0;U<z.length;U++)U<Y?ne+=z[U].value:U>Y&&(oe+=z[U].value);return{start:ne,end:oe}}catch{}Q=J}else{let z=f.$35a22f14a1f04b11$export$7e319ea407e63bc0(s,{granularity:A,timeZone:_,hideTimeZone:e.hideTimeZone,hourCycle:e.hourCycle});Q=new W.$fb18d541ea1ad717$export$ad991b66133851cf(n,z)}return{start:J.format(de),end:Q.format(re)}},getDateFormatter(n,s){let d={...$,...s},b=f.$35a22f14a1f04b11$export$7e319ea407e63bc0({},d);return new W.$fb18d541ea1ad717$export$ad991b66133851cf(n,b)}}}function G(e){return e?.start!=null&&e.end!=null}const Be=o.createContext(null),Se=o.createContext(null),Pe=o.createContext(null),De=o.createContext(null),Fe=[le.$a049562f99e7db0e$export$f9c6924e160136d1,ae.$d2b4bc8c273e7be6$export$24d547caef80ccd1,te.$01b77f81d0f07f68$export$75b6ee27786ba447,ie.$514c0188e459b4c0$export$9afb8bc826b033ea],pe=o.forwardRef(function(a,r){[a,r]=E.$64fa3d84918910a7$export$29f1550f4b0d4415(a,r,Be);let{validationBehavior:D}=E.$64fa3d84918910a7$export$fabf2dc03a41866e(ce.$d3e0e05bdfcf66bd$export$c24727297075ec6a)||{};var m,x;let v=(x=(m=a.validationBehavior)!==null&&m!==void 0?m:D)!==null&&x!==void 0?x:"native",t=Ie({...a,validationBehavior:v}),u=o.useRef(null),[l,R]=E.$64fa3d84918910a7$export$9d4c57ee4c6ffdd8(!a["aria-label"]&&!a["aria-labelledby"]),{groupProps:C,labelProps:g,fieldProps:I,buttonProps:O,dialogProps:M,calendarProps:T,descriptionProps:c,errorMessageProps:B,...i}=Oe({...E.$64fa3d84918910a7$export$ef03459518577ad4(a),label:R,validationBehavior:v},t,u),[Z,q]=o.useState(null),S=o.useCallback(()=>{u.current&&q(u.current.offsetWidth+"px")},[]);fe.$9daab02d461809db$export$683480f191c0e3ea({ref:u,onResize:S});let{focusProps:y,isFocused:w,isFocusVisible:$}=ye.$f7dceffc5ad7768b$export$4e328f61c538687f({within:!0}),h=E.$64fa3d84918910a7$export$4d86445c2cf5e3({...a,values:{state:t,isFocusWithin:w,isFocusVisible:$,isDisabled:a.isDisabled||!1,isInvalid:t.isInvalid,isOpen:t.isOpen},defaultClassName:"react-aria-DatePicker"}),P=X.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(a,{global:!0});return delete P.id,o.createElement(E.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[Pe,t],[le.$a049562f99e7db0e$export$f9c6924e160136d1,{...C,ref:u,isInvalid:t.isInvalid}],[f.$40825cdb76e74f70$export$7b3e670c86da5fe8,I],[ae.$d2b4bc8c273e7be6$export$24d547caef80ccd1,{...O,isPressed:t.isOpen}],[te.$01b77f81d0f07f68$export$75b6ee27786ba447,{...g,ref:l,elementType:"span"}],[ue.$dfd62f934fc76fed$export$3b805cea1f178355,T],[H.$de32f1b87079253c$export$d2f961adcb0afbe,t],[H.$07b14b47974efb58$export$9b9a0cd73afb7ca4,{trigger:"DatePicker",triggerRef:u,placement:"bottom start",style:{"--trigger-width":Z},clearContexts:Fe}],[H.$de32f1b87079253c$export$8b93a07348a7730c,M],[ie.$514c0188e459b4c0$export$9afb8bc826b033ea,{slots:{description:c,errorMessage:B}}],[se.$ee014567cb39d3f0$export$ff05c3ac10437e03,i]]},o.createElement("div",{...L.$3ef42575df84b30b$export$9d1611c77c2fe928(P,h,y),ref:r,slot:a.slot||void 0,"data-focus-within":w||void 0,"data-invalid":t.isInvalid||void 0,"data-focus-visible":$||void 0,"data-disabled":a.isDisabled||void 0,"data-open":t.isOpen||void 0}),o.createElement(f.$c699643d2073b351$export$eefa3e19139f00f3,{autoComplete:a.autoComplete,name:a.name,isDisabled:a.isDisabled,state:t}))}),we=o.forwardRef(function(a,r){[a,r]=E.$64fa3d84918910a7$export$29f1550f4b0d4415(a,r,Se);let{validationBehavior:D}=E.$64fa3d84918910a7$export$fabf2dc03a41866e(ce.$d3e0e05bdfcf66bd$export$c24727297075ec6a)||{};var m,x;let v=(x=(m=a.validationBehavior)!==null&&m!==void 0?m:D)!==null&&x!==void 0?x:"native",t=Me({...a,validationBehavior:v}),u=o.useRef(null),[l,R]=E.$64fa3d84918910a7$export$9d4c57ee4c6ffdd8(!a["aria-label"]&&!a["aria-labelledby"]),{groupProps:C,labelProps:g,startFieldProps:I,endFieldProps:O,buttonProps:M,dialogProps:T,calendarProps:c,descriptionProps:B,errorMessageProps:i,...Z}=Ze({...E.$64fa3d84918910a7$export$ef03459518577ad4(a),label:R,validationBehavior:v},t,u),[q,S]=o.useState(null),y=o.useCallback(()=>{u.current&&S(u.current.offsetWidth+"px")},[]);fe.$9daab02d461809db$export$683480f191c0e3ea({ref:u,onResize:y});let{focusProps:w,isFocused:$,isFocusVisible:h}=ye.$f7dceffc5ad7768b$export$4e328f61c538687f({within:!0}),P=E.$64fa3d84918910a7$export$4d86445c2cf5e3({...a,values:{state:t,isFocusWithin:$,isFocusVisible:h,isDisabled:a.isDisabled||!1,isInvalid:t.isInvalid,isOpen:t.isOpen},defaultClassName:"react-aria-DateRangePicker"}),p=X.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(a,{global:!0});return delete p.id,o.createElement(E.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[De,t],[le.$a049562f99e7db0e$export$f9c6924e160136d1,{...C,ref:u,isInvalid:t.isInvalid}],[ae.$d2b4bc8c273e7be6$export$24d547caef80ccd1,{...M,isPressed:t.isOpen}],[te.$01b77f81d0f07f68$export$75b6ee27786ba447,{...g,ref:l,elementType:"span"}],[ue.$dfd62f934fc76fed$export$233dd9682e1ad64b,c],[H.$de32f1b87079253c$export$d2f961adcb0afbe,t],[H.$07b14b47974efb58$export$9b9a0cd73afb7ca4,{trigger:"DateRangePicker",triggerRef:u,placement:"bottom start",style:{"--trigger-width":q},clearContexts:Fe}],[H.$de32f1b87079253c$export$8b93a07348a7730c,T],[f.$40825cdb76e74f70$export$7b3e670c86da5fe8,{slots:{start:I,end:O}}],[ie.$514c0188e459b4c0$export$9afb8bc826b033ea,{slots:{description:B,errorMessage:i}}],[se.$ee014567cb39d3f0$export$ff05c3ac10437e03,Z]]},o.createElement("div",{...L.$3ef42575df84b30b$export$9d1611c77c2fe928(p,P,w),ref:r,slot:a.slot||void 0,"data-focus-within":$||void 0,"data-invalid":t.isInvalid||void 0,"data-focus-visible":h||void 0,"data-disabled":a.isDisabled||void 0,"data-open":t.isOpen||void 0}))});exports.$06d5b8ec9ee5d538$export$17334619f3ac2224=we;exports.$06d5b8ec9ee5d538$export$50a10c048fdcdee9=Pe;exports.$06d5b8ec9ee5d538$export$5109c6dd95d8fb00=pe;exports.$06d5b8ec9ee5d538$export$80d7ae1f804790be=De;
-//# sourceMappingURL=DatePicker-BQ6EfAU2.cjs.js.map