@commercetools/nimbus 0.0.12-rc1 → 0.0.12-rc2

package/dist/chunks/date-range-picker-Dh-F7d4e.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker-Dh-F7d4e.es.js","sources":["../../src/components/date-range-picker/date-range-picker.slots.tsx","../../src/components/date-range-picker/components/date-range-picker.time-input.tsx","../../src/components/date-range-picker/components/date-range-picker.custom-context.tsx","../../src/components/date-range-picker/date-range-picker.tsx"],"sourcesContent":["import {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\n\nimport { dateRangePickerSlotRecipe } from \"./date-range-picker.recipe\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n */\ninterface DateRangePickerRecipeProps extends RecipeProps<\"div\">, UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface DateRangePickerRootProps\n  extends HTMLChakraProps<\"div\", DateRangePickerRecipeProps> {}\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: dateRangePickerSlotRecipe,\n});\n\n/**\n * Root component that provides the styling context for the DateRangePicker component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const DateRangePickerRootSlot = withProvider<\n  HTMLDivElement,\n  DateRangePickerRootProps\n>(\"div\", \"root\");\n\n/**\n * Slot component for the input group containing the DateInput and trigger button.\n */\nexport const DateRangePickerGroupSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"group\");\n\n/**\n * Slot component for the trigger button that opens the calendar popover.\n */\nexport const DateRangePickerTriggerSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"trigger\");\n\n/**\n * Slot component for the popover container.\n */\nexport const DateRangePickerPopoverSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"popover\");\n\n/**\n * Slot component for the calendar container within the popover.\n */\nexport const DateRangePickerCalendarSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"calendar\");\n\n/**\n * Slot component for the calendar header.\n */\nexport const DateRangePickerCalendarHeaderSlot = withContext<\n  HTMLElement,\n  HTMLChakraProps<\"header\">\n>(\"header\", \"calendarHeader\");\n\n/**\n * Slot component for the calendar grid.\n */\nexport const DateRangePickerCalendarGridSlot = withContext<\n  HTMLTableElement,\n  HTMLChakraProps<\"table\">\n>(\"table\", \"calendarGrid\");\n\n/**\n * Slot component for individual calendar cells.\n */\nexport const DateRangePickerCalendarCellSlot = withContext<\n  HTMLTableCellElement,\n  HTMLChakraProps<\"td\">\n>(\"td\", \"calendarCell\");\n","import { Flex, Text, TimeInput } from \"@/components\";\nimport { useContext, useRef, useEffect } from \"react\";\nimport { useLocale } from \"react-aria\";\nimport { DateRangePickerStateContext } from \"react-aria-components\";\nimport type { DateRangePickerTimeInputProps } from \"../date-range-picker.types\";\n\nexport const DateRangePickerTimeInput = ({\n  hideTimeZone,\n  hourCycle,\n}: DateRangePickerTimeInputProps) => {\n  const { locale } = useLocale();\n  const dateRangePickerState = useContext(DateRangePickerStateContext);\n  const { granularity, value } = dateRangePickerState!;\n  const timeInputRef = useRef<HTMLDivElement>(null);\n  const previousValueRef = useRef(value);\n\n  // do not show up to the party if you're not invited\n  if (granularity === \"day\") {\n    return null;\n  }\n\n  // Focus the time input when date range changes (user selects dates from calendar)\n  useEffect(() => {\n    let timeoutId: ReturnType<typeof setTimeout> | undefined;\n\n    // Check if date range changed by comparing start and end dates\n    const hasValueChanged =\n      (value?.start &&\n        previousValueRef.current?.start?.compare(value.start) !== 0) ||\n      (value?.end && previousValueRef.current?.end?.compare(value.end) !== 0);\n\n    if (hasValueChanged) {\n      // Only auto-focus if no time input segment currently has focus\n      // This prevents stealing focus during user interaction with time segments\n      const container = timeInputRef.current;\n      const activeElement = document.activeElement;\n      const hasTimeSegmentFocus =\n        container?.contains(activeElement) &&\n        activeElement?.getAttribute(\"role\") === \"spinbutton\";\n\n      if (!hasTimeSegmentFocus) {\n        // Small delay to ensure the DOM is ready\n        timeoutId = setTimeout(() => {\n          // Find the first focusable segment within the time input container\n          if (container) {\n            const firstSegment = container.querySelector(\n              '[role=\"spinbutton\"]'\n            ) as HTMLElement;\n\n            if (firstSegment) {\n              firstSegment.focus();\n            }\n          }\n        }, 50);\n      }\n    }\n\n    previousValueRef.current = value;\n\n    // Cleanup timeout on effect re-run or unmount to prevent memory leaks\n    return () => {\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n      }\n    };\n  }, [value]);\n\n  return (\n    <Flex\n      ref={timeInputRef}\n      borderTop=\"solid-25\"\n      borderColor=\"neutral.3\"\n      py=\"300\"\n      px=\"400\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      gap=\"200\"\n    >\n      {/* Start DateInput with separate label */}\n      <Flex alignItems=\"center\" gap=\"200\">\n        {/* TODO: translate hardcoded string */}\n        <Text\n          textStyle=\"xs\"\n          fontWeight=\"500\"\n          color=\"neutral.12\"\n          minWidth=\"fit-content\"\n        >\n          Start time\n        </Text>\n        <TimeInput\n          slot=\"startTimeInput\"\n          locale={locale}\n          variant=\"ghost\"\n          size=\"sm\"\n          hideTimeZone={hideTimeZone}\n          hourCycle={hourCycle}\n        />\n      </Flex>\n\n      {/* End DateInput with separate label */}\n      <Flex alignItems=\"center\" gap=\"200\">\n        {/* TODO: translate hardcoded string */}\n        <Text\n          textStyle=\"xs\"\n          fontWeight=\"500\"\n          color=\"neutral.12\"\n          minWidth=\"fit-content\"\n        >\n          End time\n        </Text>\n        <TimeInput\n          slot=\"endTimeInput\"\n          locale={locale}\n          variant=\"ghost\"\n          size=\"sm\"\n          hideTimeZone={hideTimeZone}\n          hourCycle={hourCycle}\n        />\n      </Flex>\n    </Flex>\n  );\n};\n","import { useContext, type ReactNode } from \"react\";\nimport {\n  Provider,\n  ButtonContext,\n  DateRangePickerStateContext,\n  TimeFieldContext,\n  useSlottedContext,\n} from \"react-aria-components\";\nimport type { PressEvent, TimeValue } from \"react-aria\";\n\nexport const DateRangePickerCustomContext = ({\n  children,\n}: {\n  children: ReactNode;\n}) => {\n  const buttonContext = useSlottedContext(ButtonContext) || {};\n  const dateRangePickerState = useContext(DateRangePickerStateContext);\n\n  // Check if all 6 segments (start: day, month, year; end: day, month, year) have values\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const hasCompleteRangeDate = (date: any) =>\n    date?.day && date?.month && date?.year;\n\n  const incompleteValue =\n    !dateRangePickerState?.value ||\n    !hasCompleteRangeDate(dateRangePickerState.value.start) ||\n    !hasCompleteRangeDate(dateRangePickerState.value.end);\n\n  const { granularity } = dateRangePickerState!;\n\n  // Extract time values from start and end dates separately\n  const startTimeValue =\n    dateRangePickerState?.value?.start &&\n    \"hour\" in dateRangePickerState.value.start\n      ? dateRangePickerState.value.start\n      : null;\n  const endTimeValue =\n    dateRangePickerState?.value?.end && \"hour\" in dateRangePickerState.value.end\n      ? dateRangePickerState.value.end\n      : null;\n\n  // Try to get disabled state from the button context\n  const isDateRangePickerDisabled = buttonContext?.isDisabled;\n\n  // Generate default aria-label based on granularity if not provided\n  const getDefaultTimeInputAriaLabel = (type: \"start\" | \"end\") => {\n    const prefix = type === \"start\" ? \"Start\" : \"End\";\n    switch (granularity) {\n      case \"hour\":\n        return `${prefix} time (hour)`;\n      case \"minute\":\n        return `${prefix} time (hour and minute)`;\n      case \"second\":\n        return `${prefix} time (hour, minute, and second)`;\n      default:\n        return `${prefix} time`;\n    }\n  };\n\n  /**\n   * Button slots\n   * ================================\n   */\n  const buttonSlots = {\n    /** toggles the calendar popover */\n    calendarToggle: {\n      ...buttonContext,\n      onPress: (event: PressEvent) => {\n        // Ensure any active input (e.g., date picker segment) loses focus\n        // because blurring the input will close the popover if it's open (or was just opened)\n        const activeElement = document?.activeElement as HTMLElement | null;\n\n        if (activeElement) {\n          activeElement.blur();\n        }\n\n        buttonContext.onPress?.(event);\n      },\n    },\n    /** Clear button that displays when there's a value in each segment - hidden from both visual and screen readers when there's no value */\n    clear: {\n      // Clear both start and end values\n      onPress: () => dateRangePickerState?.setValue(null),\n      \"aria-label\": \"Clear input value\",\n      isDisabled: isDateRangePickerDisabled,\n      // Hide the button when there's no value\n      style: incompleteValue ? { display: \"none\" } : undefined,\n      \"aria-hidden\": incompleteValue ? true : undefined,\n    },\n  };\n\n  /**\n   * TimeInput slots\n   * ================================\n   */\n\n  // Separate time input slots for start and end times\n  const timeInputSlots = {\n    startTimeInput: {\n      value: startTimeValue,\n      onChange: (value: TimeValue | null) => {\n        if (value !== null && dateRangePickerState?.value?.start) {\n          // Update the start date with the new time\n          const currentValue = dateRangePickerState.value;\n          const startDate = currentValue.start;\n          const endDate = currentValue.end;\n          if (startDate && endDate) {\n            const newStartDate = startDate.set({\n              hour: value.hour,\n              minute: value.minute || 0,\n              second: value.second || 0,\n              millisecond: value.millisecond || 0,\n            });\n\n            dateRangePickerState.setValue({\n              start: newStartDate,\n              end: endDate,\n            });\n          }\n        }\n      },\n      granularity: granularity === \"day\" ? undefined : granularity,\n      \"aria-label\": getDefaultTimeInputAriaLabel(\"start\"),\n    },\n    endTimeInput: {\n      value: endTimeValue,\n      onChange: (value: TimeValue | null) => {\n        if (value !== null && dateRangePickerState?.value?.end) {\n          // Update the end date with the new time\n          const currentValue = dateRangePickerState.value;\n          const startDate = currentValue.start;\n          const endDate = currentValue.end;\n          if (startDate && endDate) {\n            const newEndDate = endDate.set({\n              hour: value.hour,\n              minute: value.minute || 0,\n              second: value.second || 0,\n              millisecond: value.millisecond || 0,\n            });\n\n            dateRangePickerState.setValue({\n              start: startDate,\n              end: newEndDate,\n            });\n          }\n        }\n      },\n      granularity: granularity === \"day\" ? undefined : granularity,\n      \"aria-label\": getDefaultTimeInputAriaLabel(\"end\"),\n    },\n  };\n\n  return (\n    <Provider\n      values={[\n        [\n          ButtonContext,\n          {\n            slots: buttonSlots,\n          },\n        ],\n        [TimeFieldContext, { slots: timeInputSlots }],\n      ]}\n    >\n      {children}\n    </Provider>\n  );\n};\n","import {\n  DateRangePickerRootSlot,\n  DateRangePickerGroupSlot,\n  DateRangePickerTriggerSlot,\n  DateRangePickerPopoverSlot,\n  DateRangePickerCalendarSlot,\n} from \"./date-range-picker.slots\";\n\nimport { CalendarMonth, Close } from \"@commercetools/nimbus-icons\";\n\nimport {\n  DateRangePicker as ReactAriaDateRangePicker,\n  Group,\n  Popover,\n  Dialog,\n} from \"react-aria-components\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { dateRangePickerSlotRecipe } from \"./date-range-picker.recipe\";\nimport type { DateRangePickerProps } from \"./date-range-picker.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { DateInput, RangeCalendar, IconButton, Text } from \"@/components\";\nimport { DateRangePickerTimeInput } from \"./components/date-range-picker.time-input\";\nimport { DateRangePickerCustomContext } from \"./components/date-range-picker.custom-context\";\n\n/**\n * DateRangePicker\n * ============================================================\n * Combines a DateInput with a RangeCalendar popover for date range selection.\n * Users can either type a date range directly or select from the calendar.\n */\nexport const DateRangePicker = (props: DateRangePickerProps) => {\n  // Forward hideTimeZone and hourCycle to child components (footer time inputs)\n  const { granularity = \"day\", hideTimeZone, hourCycle } = props;\n  const recipe = useSlotRecipe({ recipe: dateRangePickerSlotRecipe });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(props);\n\n  const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n  // Extract size and variant from recipe props to pass to DateInputs\n  const { size = \"md\" } = recipeProps;\n\n  // the size of the buttons overlaying the input\n  const overlayButtonSize = size === \"md\" ? \"xs\" : \"2xs\";\n\n  // When granularity is \"day\", use the prop value (defaults to true if not provided)\n  // For other granularities (time-based), force to false so users can set both date and time\n  const shouldCloseOnSelect =\n    granularity === \"day\" ? props.shouldCloseOnSelect : false;\n\n  return (\n    <DateRangePickerRootSlot {...recipeProps} {...styleProps} asChild>\n      <ReactAriaDateRangePicker\n        {...otherProps}\n        shouldCloseOnSelect={shouldCloseOnSelect}\n      >\n        <DateRangePickerCustomContext>\n          <DateRangePickerGroupSlot asChild>\n            <Group>\n              <DateInput\n                slot=\"start\"\n                size={size}\n                variant=\"plain\"\n                width=\"auto\"\n                hideTimeZone={hideTimeZone}\n                hourCycle={hourCycle}\n              />\n              <Text\n                as=\"span\"\n                px=\"150\"\n                color=\"neutral.11\"\n                userSelect=\"none\"\n                aria-hidden=\"true\"\n                slot={null}\n              >\n                –\n              </Text>\n              <DateInput\n                slot=\"end\"\n                size={size}\n                variant=\"plain\"\n                width=\"auto\"\n                hideTimeZone={hideTimeZone}\n                hourCycle={hourCycle}\n              />\n              <DateRangePickerTriggerSlot>\n                {/* @ts-expect-error react aria is adding the aria-label prop */}\n                <IconButton\n                  tone=\"primary\"\n                  variant=\"ghost\"\n                  size={overlayButtonSize}\n                  slot=\"clear\"\n                >\n                  <Close />\n                </IconButton>\n                {/* @ts-expect-error react aria is adding the aria-label prop */}\n                <IconButton\n                  tone=\"primary\"\n                  variant=\"ghost\"\n                  size={overlayButtonSize}\n                  slot=\"calendarToggle\"\n                >\n                  <CalendarMonth />\n                </IconButton>\n              </DateRangePickerTriggerSlot>\n            </Group>\n          </DateRangePickerGroupSlot>\n          <DateRangePickerPopoverSlot asChild>\n            <Popover placement=\"bottom end\">\n              <Dialog>\n                <DateRangePickerCalendarSlot>\n                  <RangeCalendar />\n                </DateRangePickerCalendarSlot>\n                <DateRangePickerTimeInput\n                  hideTimeZone={hideTimeZone}\n                  hourCycle={hourCycle}\n                />\n              </Dialog>\n            </Popover>\n          </DateRangePickerPopoverSlot>\n        </DateRangePickerCustomContext>\n      </ReactAriaDateRangePicker>\n    </DateRangePickerRootSlot>\n  );\n};\n\nDateRangePicker.displayName = \"DateRangePicker\";\n"],"names":["withProvider","withContext","createSlotRecipeContext","dateRangePickerSlotRecipe","DateRangePickerRootSlot","DateRangePickerGroupSlot","DateRangePickerTriggerSlot","DateRangePickerPopoverSlot","DateRangePickerCalendarSlot","DateRangePickerTimeInput","hideTimeZone","hourCycle","locale","useLocale","dateRangePickerState","useContext","DateRangePickerStateContext","granularity","value","timeInputRef","useRef","previousValueRef","useEffect","timeoutId","container","activeElement","firstSegment","jsxs","Flex","jsx","Text","TimeInput","DateRangePickerCustomContext","children","buttonContext","useSlottedContext","ButtonContext","hasCompleteRangeDate","date","incompleteValue","startTimeValue","endTimeValue","isDateRangePickerDisabled","getDefaultTimeInputAriaLabel","type","prefix","buttonSlots","event","timeInputSlots","currentValue","startDate","endDate","newStartDate","newEndDate","Provider","TimeFieldContext","DateRangePicker","props","recipe","useSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","size","overlayButtonSize","shouldCloseOnSelect","ReactAriaDateRangePicker","Group","DateInput","IconButton","Close","CalendarMonth","Popover","Dialog","RangeCalendar"],"mappings":"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"}

package/dist/chunks/date-range-picker-i33UHqUE.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),q=require("./index-sFOzzmTG.cjs.js"),k=require("./create-slot-recipe-context-CimocFDH.cjs.js"),S=require("@commercetools/nimbus-icons"),R=require("./DatePicker-BdV6ICAm.cjs.js"),P=require("./Dialog-CYa26HlL.cjs.js"),E=require("./Group-MdeByg6t.cjs.js"),w=require("./extractStyleProps-BFdEZDYW.cjs.js"),C=require("./icon-button-D0NyGafI.cjs.js"),j=require("./text-Dg1sFCuC.cjs.js"),D=require("./date-input-CKu2_a2x.cjs.js"),z=require("./range-calendar-CnaQY0pH.cjs.js"),y=require("./time-input-BqTsxXMD.cjs.js"),f=require("react"),F=require("./context-OoV8SSWX.cjs.js"),v=require("./flex-yqydM5z_.cjs.js"),I=require("./Button-BtJHe9xY.cjs.js"),T=require("./utils-BHdR5Nww.cjs.js"),B=require("./DateField-rweHHCKR.cjs.js"),{withProvider:W,withContext:b}=k.createSlotRecipeContext({recipe:q.dateRangePickerSlotRecipe}),G=W("div","root"),A=b("div","group"),O=b("div","trigger"),H=b("div","popover"),L=b("div","calendar"),M=({hideTimeZone:s,hourCycle:o})=>{const{locale:t}=F.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),i=f.useContext(R.$06d5b8ec9ee5d538$export$80d7ae1f804790be),{granularity:p,value:r}=i,x=f.useRef(null),l=f.useRef(r);return p==="day"?null:(f.useEffect(()=>{let u;if(r?.start&&l.current?.start?.compare(r.start)!==0||r?.end&&l.current?.end?.compare(r.end)!==0){const c=x.current,m=document.activeElement;c?.contains(m)&&m?.getAttribute("role")==="spinbutton"||(u=setTimeout(()=>{if(c){const a=c.querySelector('[role="spinbutton"]');a&&a.focus()}},50))}return l.current=r,()=>{u&&clearTimeout(u)}},[r]),e.jsxs(v.Flex,{ref:x,borderTop:"solid-25",borderColor:"neutral.3",py:"300",px:"400",alignItems:"center",justifyContent:"center",gap:"200",children:[e.jsxs(v.Flex,{alignItems:"center",gap:"200",children:[e.jsx(j.Text,{textStyle:"xs",fontWeight:"500",color:"neutral.12",minWidth:"fit-content",children:"Start time"}),e.jsx(y.TimeInput,{slot:"startTimeInput",locale:t,variant:"ghost",size:"sm",hideTimeZone:s,hourCycle:o})]}),e.jsxs(v.Flex,{alignItems:"center",gap:"200",children:[e.jsx(j.Text,{textStyle:"xs",fontWeight:"500",color:"neutral.12",minWidth:"fit-content",children:"End time"}),e.jsx(y.TimeInput,{slot:"endTimeInput",locale:t,variant:"ghost",size:"sm",hideTimeZone:s,hourCycle:o})]})]}))},N=({children:s})=>{const o=T.$64fa3d84918910a7$export$fabf2dc03a41866e(I.$d2b4bc8c273e7be6$export$24d547caef80ccd1)||{},t=f.useContext(R.$06d5b8ec9ee5d538$export$80d7ae1f804790be),i=n=>n?.day&&n?.month&&n?.year,p=!t?.value||!i(t.value.start)||!i(t.value.end),{granularity:r}=t,x=t?.value?.start&&"hour"in t.value.start?t.value.start:null,l=t?.value?.end&&"hour"in t.value.end?t.value.end:null,u=o?.isDisabled,d=n=>{const a=n==="start"?"Start":"End";switch(r){case"hour":return`${a} time (hour)`;case"minute":return`${a} time (hour and minute)`;case"second":return`${a} time (hour, minute, and second)`;default:return`${a} time`}},c={calendarToggle:{...o,onPress:n=>{const a=document?.activeElement;a&&a.blur(),o.onPress?.(n)}},clear:{onPress:()=>t?.setValue(null),"aria-label":"Clear input value",isDisabled:u,style:p?{display:"none"}:void 0,"aria-hidden":p?!0:void 0}},m={startTimeInput:{value:x,onChange:n=>{if(n!==null&&t?.value?.start){const a=t.value,h=a.start,g=a.end;if(h&&g){const $=h.set({hour:n.hour,minute:n.minute||0,second:n.second||0,millisecond:n.millisecond||0});t.setValue({start:$,end:g})}}},granularity:r==="day"?void 0:r,"aria-label":d("start")},endTimeInput:{value:l,onChange:n=>{if(n!==null&&t?.value?.end){const a=t.value,h=a.start,g=a.end;if(h&&g){const $=g.set({hour:n.hour,minute:n.minute||0,second:n.second||0,millisecond:n.millisecond||0});t.setValue({start:h,end:$})}}},granularity:r==="day"?void 0:r,"aria-label":d("end")}};return e.jsx(T.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[I.$d2b4bc8c273e7be6$export$24d547caef80ccd1,{slots:c}],[B.$40825cdb76e74f70$export$8e17ddc448e87c1e,{slots:m}]],children:s})},V=s=>{const{granularity:o="day",hideTimeZone:t,hourCycle:i}=s,p=k.useSlotRecipe({recipe:q.dateRangePickerSlotRecipe}),[r,x]=p.splitVariantProps(s),[l,u]=w.extractStyleProps(x),{size:d="md"}=r,c=d==="md"?"xs":"2xs",m=o==="day"?s.shouldCloseOnSelect:!1;return e.jsx(G,{...r,...l,asChild:!0,children:e.jsx(R.$06d5b8ec9ee5d538$export$17334619f3ac2224,{...u,shouldCloseOnSelect:m,children:e.jsxs(N,{children:[e.jsx(A,{asChild:!0,children:e.jsxs(E.$a049562f99e7db0e$export$eb2fcfdbd7ba97d4,{children:[e.jsx(D.DateInput,{slot:"start",size:d,variant:"plain",width:"auto",hideTimeZone:t,hourCycle:i}),e.jsx(j.Text,{as:"span",px:"150",color:"neutral.11",userSelect:"none","aria-hidden":"true",slot:null,children:"–"}),e.jsx(D.DateInput,{slot:"end",size:d,variant:"plain",width:"auto",hideTimeZone:t,hourCycle:i}),e.jsxs(O,{children:[e.jsx(C.IconButton,{tone:"primary",variant:"ghost",size:c,slot:"clear",children:e.jsx(S.Close,{})}),e.jsx(C.IconButton,{tone:"primary",variant:"ghost",size:c,slot:"calendarToggle",children:e.jsx(S.CalendarMonth,{})})]})]})}),e.jsx(H,{asChild:!0,children:e.jsx(P.$07b14b47974efb58$export$5b6b19405a83ff9d,{placement:"bottom end",children:e.jsxs(P.$de32f1b87079253c$export$3ddf2d174ce01153,{children:[e.jsx(L,{children:e.jsx(z.RangeCalendar,{})}),e.jsx(M,{hideTimeZone:t,hourCycle:i})]})})})]})})})};V.displayName="DateRangePicker";exports.DateRangePicker=V;
+//# sourceMappingURL=date-range-picker-i33UHqUE.cjs.js.map

package/dist/chunks/date-range-picker-i33UHqUE.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker-i33UHqUE.cjs.js","sources":["../../src/components/date-range-picker/date-range-picker.slots.tsx","../../src/components/date-range-picker/components/date-range-picker.time-input.tsx","../../src/components/date-range-picker/components/date-range-picker.custom-context.tsx","../../src/components/date-range-picker/date-range-picker.tsx"],"sourcesContent":["import {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\n\nimport { dateRangePickerSlotRecipe } from \"./date-range-picker.recipe\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n */\ninterface DateRangePickerRecipeProps extends RecipeProps<\"div\">, UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface DateRangePickerRootProps\n  extends HTMLChakraProps<\"div\", DateRangePickerRecipeProps> {}\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: dateRangePickerSlotRecipe,\n});\n\n/**\n * Root component that provides the styling context for the DateRangePicker component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const DateRangePickerRootSlot = withProvider<\n  HTMLDivElement,\n  DateRangePickerRootProps\n>(\"div\", \"root\");\n\n/**\n * Slot component for the input group containing the DateInput and trigger button.\n */\nexport const DateRangePickerGroupSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"group\");\n\n/**\n * Slot component for the trigger button that opens the calendar popover.\n */\nexport const DateRangePickerTriggerSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"trigger\");\n\n/**\n * Slot component for the popover container.\n */\nexport const DateRangePickerPopoverSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"popover\");\n\n/**\n * Slot component for the calendar container within the popover.\n */\nexport const DateRangePickerCalendarSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"calendar\");\n\n/**\n * Slot component for the calendar header.\n */\nexport const DateRangePickerCalendarHeaderSlot = withContext<\n  HTMLElement,\n  HTMLChakraProps<\"header\">\n>(\"header\", \"calendarHeader\");\n\n/**\n * Slot component for the calendar grid.\n */\nexport const DateRangePickerCalendarGridSlot = withContext<\n  HTMLTableElement,\n  HTMLChakraProps<\"table\">\n>(\"table\", \"calendarGrid\");\n\n/**\n * Slot component for individual calendar cells.\n */\nexport const DateRangePickerCalendarCellSlot = withContext<\n  HTMLTableCellElement,\n  HTMLChakraProps<\"td\">\n>(\"td\", \"calendarCell\");\n","import { Flex, Text, TimeInput } from \"@/components\";\nimport { useContext, useRef, useEffect } from \"react\";\nimport { useLocale } from \"react-aria\";\nimport { DateRangePickerStateContext } from \"react-aria-components\";\nimport type { DateRangePickerTimeInputProps } from \"../date-range-picker.types\";\n\nexport const DateRangePickerTimeInput = ({\n  hideTimeZone,\n  hourCycle,\n}: DateRangePickerTimeInputProps) => {\n  const { locale } = useLocale();\n  const dateRangePickerState = useContext(DateRangePickerStateContext);\n  const { granularity, value } = dateRangePickerState!;\n  const timeInputRef = useRef<HTMLDivElement>(null);\n  const previousValueRef = useRef(value);\n\n  // do not show up to the party if you're not invited\n  if (granularity === \"day\") {\n    return null;\n  }\n\n  // Focus the time input when date range changes (user selects dates from calendar)\n  useEffect(() => {\n    let timeoutId: ReturnType<typeof setTimeout> | undefined;\n\n    // Check if date range changed by comparing start and end dates\n    const hasValueChanged =\n      (value?.start &&\n        previousValueRef.current?.start?.compare(value.start) !== 0) ||\n      (value?.end && previousValueRef.current?.end?.compare(value.end) !== 0);\n\n    if (hasValueChanged) {\n      // Only auto-focus if no time input segment currently has focus\n      // This prevents stealing focus during user interaction with time segments\n      const container = timeInputRef.current;\n      const activeElement = document.activeElement;\n      const hasTimeSegmentFocus =\n        container?.contains(activeElement) &&\n        activeElement?.getAttribute(\"role\") === \"spinbutton\";\n\n      if (!hasTimeSegmentFocus) {\n        // Small delay to ensure the DOM is ready\n        timeoutId = setTimeout(() => {\n          // Find the first focusable segment within the time input container\n          if (container) {\n            const firstSegment = container.querySelector(\n              '[role=\"spinbutton\"]'\n            ) as HTMLElement;\n\n            if (firstSegment) {\n              firstSegment.focus();\n            }\n          }\n        }, 50);\n      }\n    }\n\n    previousValueRef.current = value;\n\n    // Cleanup timeout on effect re-run or unmount to prevent memory leaks\n    return () => {\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n      }\n    };\n  }, [value]);\n\n  return (\n    <Flex\n      ref={timeInputRef}\n      borderTop=\"solid-25\"\n      borderColor=\"neutral.3\"\n      py=\"300\"\n      px=\"400\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      gap=\"200\"\n    >\n      {/* Start DateInput with separate label */}\n      <Flex alignItems=\"center\" gap=\"200\">\n        {/* TODO: translate hardcoded string */}\n        <Text\n          textStyle=\"xs\"\n          fontWeight=\"500\"\n          color=\"neutral.12\"\n          minWidth=\"fit-content\"\n        >\n          Start time\n        </Text>\n        <TimeInput\n          slot=\"startTimeInput\"\n          locale={locale}\n          variant=\"ghost\"\n          size=\"sm\"\n          hideTimeZone={hideTimeZone}\n          hourCycle={hourCycle}\n        />\n      </Flex>\n\n      {/* End DateInput with separate label */}\n      <Flex alignItems=\"center\" gap=\"200\">\n        {/* TODO: translate hardcoded string */}\n        <Text\n          textStyle=\"xs\"\n          fontWeight=\"500\"\n          color=\"neutral.12\"\n          minWidth=\"fit-content\"\n        >\n          End time\n        </Text>\n        <TimeInput\n          slot=\"endTimeInput\"\n          locale={locale}\n          variant=\"ghost\"\n          size=\"sm\"\n          hideTimeZone={hideTimeZone}\n          hourCycle={hourCycle}\n        />\n      </Flex>\n    </Flex>\n  );\n};\n","import { useContext, type ReactNode } from \"react\";\nimport {\n  Provider,\n  ButtonContext,\n  DateRangePickerStateContext,\n  TimeFieldContext,\n  useSlottedContext,\n} from \"react-aria-components\";\nimport type { PressEvent, TimeValue } from \"react-aria\";\n\nexport const DateRangePickerCustomContext = ({\n  children,\n}: {\n  children: ReactNode;\n}) => {\n  const buttonContext = useSlottedContext(ButtonContext) || {};\n  const dateRangePickerState = useContext(DateRangePickerStateContext);\n\n  // Check if all 6 segments (start: day, month, year; end: day, month, year) have values\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const hasCompleteRangeDate = (date: any) =>\n    date?.day && date?.month && date?.year;\n\n  const incompleteValue =\n    !dateRangePickerState?.value ||\n    !hasCompleteRangeDate(dateRangePickerState.value.start) ||\n    !hasCompleteRangeDate(dateRangePickerState.value.end);\n\n  const { granularity } = dateRangePickerState!;\n\n  // Extract time values from start and end dates separately\n  const startTimeValue =\n    dateRangePickerState?.value?.start &&\n    \"hour\" in dateRangePickerState.value.start\n      ? dateRangePickerState.value.start\n      : null;\n  const endTimeValue =\n    dateRangePickerState?.value?.end && \"hour\" in dateRangePickerState.value.end\n      ? dateRangePickerState.value.end\n      : null;\n\n  // Try to get disabled state from the button context\n  const isDateRangePickerDisabled = buttonContext?.isDisabled;\n\n  // Generate default aria-label based on granularity if not provided\n  const getDefaultTimeInputAriaLabel = (type: \"start\" | \"end\") => {\n    const prefix = type === \"start\" ? \"Start\" : \"End\";\n    switch (granularity) {\n      case \"hour\":\n        return `${prefix} time (hour)`;\n      case \"minute\":\n        return `${prefix} time (hour and minute)`;\n      case \"second\":\n        return `${prefix} time (hour, minute, and second)`;\n      default:\n        return `${prefix} time`;\n    }\n  };\n\n  /**\n   * Button slots\n   * ================================\n   */\n  const buttonSlots = {\n    /** toggles the calendar popover */\n    calendarToggle: {\n      ...buttonContext,\n      onPress: (event: PressEvent) => {\n        // Ensure any active input (e.g., date picker segment) loses focus\n        // because blurring the input will close the popover if it's open (or was just opened)\n        const activeElement = document?.activeElement as HTMLElement | null;\n\n        if (activeElement) {\n          activeElement.blur();\n        }\n\n        buttonContext.onPress?.(event);\n      },\n    },\n    /** Clear button that displays when there's a value in each segment - hidden from both visual and screen readers when there's no value */\n    clear: {\n      // Clear both start and end values\n      onPress: () => dateRangePickerState?.setValue(null),\n      \"aria-label\": \"Clear input value\",\n      isDisabled: isDateRangePickerDisabled,\n      // Hide the button when there's no value\n      style: incompleteValue ? { display: \"none\" } : undefined,\n      \"aria-hidden\": incompleteValue ? true : undefined,\n    },\n  };\n\n  /**\n   * TimeInput slots\n   * ================================\n   */\n\n  // Separate time input slots for start and end times\n  const timeInputSlots = {\n    startTimeInput: {\n      value: startTimeValue,\n      onChange: (value: TimeValue | null) => {\n        if (value !== null && dateRangePickerState?.value?.start) {\n          // Update the start date with the new time\n          const currentValue = dateRangePickerState.value;\n          const startDate = currentValue.start;\n          const endDate = currentValue.end;\n          if (startDate && endDate) {\n            const newStartDate = startDate.set({\n              hour: value.hour,\n              minute: value.minute || 0,\n              second: value.second || 0,\n              millisecond: value.millisecond || 0,\n            });\n\n            dateRangePickerState.setValue({\n              start: newStartDate,\n              end: endDate,\n            });\n          }\n        }\n      },\n      granularity: granularity === \"day\" ? undefined : granularity,\n      \"aria-label\": getDefaultTimeInputAriaLabel(\"start\"),\n    },\n    endTimeInput: {\n      value: endTimeValue,\n      onChange: (value: TimeValue | null) => {\n        if (value !== null && dateRangePickerState?.value?.end) {\n          // Update the end date with the new time\n          const currentValue = dateRangePickerState.value;\n          const startDate = currentValue.start;\n          const endDate = currentValue.end;\n          if (startDate && endDate) {\n            const newEndDate = endDate.set({\n              hour: value.hour,\n              minute: value.minute || 0,\n              second: value.second || 0,\n              millisecond: value.millisecond || 0,\n            });\n\n            dateRangePickerState.setValue({\n              start: startDate,\n              end: newEndDate,\n            });\n          }\n        }\n      },\n      granularity: granularity === \"day\" ? undefined : granularity,\n      \"aria-label\": getDefaultTimeInputAriaLabel(\"end\"),\n    },\n  };\n\n  return (\n    <Provider\n      values={[\n        [\n          ButtonContext,\n          {\n            slots: buttonSlots,\n          },\n        ],\n        [TimeFieldContext, { slots: timeInputSlots }],\n      ]}\n    >\n      {children}\n    </Provider>\n  );\n};\n","import {\n  DateRangePickerRootSlot,\n  DateRangePickerGroupSlot,\n  DateRangePickerTriggerSlot,\n  DateRangePickerPopoverSlot,\n  DateRangePickerCalendarSlot,\n} from \"./date-range-picker.slots\";\n\nimport { CalendarMonth, Close } from \"@commercetools/nimbus-icons\";\n\nimport {\n  DateRangePicker as ReactAriaDateRangePicker,\n  Group,\n  Popover,\n  Dialog,\n} from \"react-aria-components\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { dateRangePickerSlotRecipe } from \"./date-range-picker.recipe\";\nimport type { DateRangePickerProps } from \"./date-range-picker.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { DateInput, RangeCalendar, IconButton, Text } from \"@/components\";\nimport { DateRangePickerTimeInput } from \"./components/date-range-picker.time-input\";\nimport { DateRangePickerCustomContext } from \"./components/date-range-picker.custom-context\";\n\n/**\n * DateRangePicker\n * ============================================================\n * Combines a DateInput with a RangeCalendar popover for date range selection.\n * Users can either type a date range directly or select from the calendar.\n */\nexport const DateRangePicker = (props: DateRangePickerProps) => {\n  // Forward hideTimeZone and hourCycle to child components (footer time inputs)\n  const { granularity = \"day\", hideTimeZone, hourCycle } = props;\n  const recipe = useSlotRecipe({ recipe: dateRangePickerSlotRecipe });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(props);\n\n  const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n  // Extract size and variant from recipe props to pass to DateInputs\n  const { size = \"md\" } = recipeProps;\n\n  // the size of the buttons overlaying the input\n  const overlayButtonSize = size === \"md\" ? \"xs\" : \"2xs\";\n\n  // When granularity is \"day\", use the prop value (defaults to true if not provided)\n  // For other granularities (time-based), force to false so users can set both date and time\n  const shouldCloseOnSelect =\n    granularity === \"day\" ? props.shouldCloseOnSelect : false;\n\n  return (\n    <DateRangePickerRootSlot {...recipeProps} {...styleProps} asChild>\n      <ReactAriaDateRangePicker\n        {...otherProps}\n        shouldCloseOnSelect={shouldCloseOnSelect}\n      >\n        <DateRangePickerCustomContext>\n          <DateRangePickerGroupSlot asChild>\n            <Group>\n              <DateInput\n                slot=\"start\"\n                size={size}\n                variant=\"plain\"\n                width=\"auto\"\n                hideTimeZone={hideTimeZone}\n                hourCycle={hourCycle}\n              />\n              <Text\n                as=\"span\"\n                px=\"150\"\n                color=\"neutral.11\"\n                userSelect=\"none\"\n                aria-hidden=\"true\"\n                slot={null}\n              >\n                –\n              </Text>\n              <DateInput\n                slot=\"end\"\n                size={size}\n                variant=\"plain\"\n                width=\"auto\"\n                hideTimeZone={hideTimeZone}\n                hourCycle={hourCycle}\n              />\n              <DateRangePickerTriggerSlot>\n                {/* @ts-expect-error react aria is adding the aria-label prop */}\n                <IconButton\n                  tone=\"primary\"\n                  variant=\"ghost\"\n                  size={overlayButtonSize}\n                  slot=\"clear\"\n                >\n                  <Close />\n                </IconButton>\n                {/* @ts-expect-error react aria is adding the aria-label prop */}\n                <IconButton\n                  tone=\"primary\"\n                  variant=\"ghost\"\n                  size={overlayButtonSize}\n                  slot=\"calendarToggle\"\n                >\n                  <CalendarMonth />\n                </IconButton>\n              </DateRangePickerTriggerSlot>\n            </Group>\n          </DateRangePickerGroupSlot>\n          <DateRangePickerPopoverSlot asChild>\n            <Popover placement=\"bottom end\">\n              <Dialog>\n                <DateRangePickerCalendarSlot>\n                  <RangeCalendar />\n                </DateRangePickerCalendarSlot>\n                <DateRangePickerTimeInput\n                  hideTimeZone={hideTimeZone}\n                  hourCycle={hourCycle}\n                />\n              </Dialog>\n            </Popover>\n          </DateRangePickerPopoverSlot>\n        </DateRangePickerCustomContext>\n      </ReactAriaDateRangePicker>\n    </DateRangePickerRootSlot>\n  );\n};\n\nDateRangePicker.displayName = \"DateRangePicker\";\n"],"names":["withProvider","withContext","createSlotRecipeContext","dateRangePickerSlotRecipe","DateRangePickerRootSlot","DateRangePickerGroupSlot","DateRangePickerTriggerSlot","DateRangePickerPopoverSlot","DateRangePickerCalendarSlot","DateRangePickerTimeInput","hideTimeZone","hourCycle","locale","useLocale","dateRangePickerState","useContext","DateRangePickerStateContext","granularity","value","timeInputRef","useRef","previousValueRef","useEffect","timeoutId","container","activeElement","firstSegment","jsxs","Flex","jsx","Text","TimeInput","DateRangePickerCustomContext","children","buttonContext","useSlottedContext","ButtonContext","hasCompleteRangeDate","date","incompleteValue","startTimeValue","endTimeValue","isDateRangePickerDisabled","getDefaultTimeInputAriaLabel","type","prefix","buttonSlots","event","timeInputSlots","currentValue","startDate","endDate","newStartDate","newEndDate","Provider","TimeFieldContext","DateRangePicker","props","recipe","useSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","size","overlayButtonSize","shouldCloseOnSelect","ReactAriaDateRangePicker","Group","DateInput","IconButton","Close","CalendarMonth","Popover","Dialog","RangeCalendar"],"mappings":"mwBAyBM,CAAE,aAAAA,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,OAAQC,EAAAA,yBACV,CAAC,EAMYC,EAA0BJ,EAGrC,MAAO,MAAM,EAKFK,EAA2BJ,EAGtC,MAAO,OAAO,EAKHK,EAA6BL,EAGxC,MAAO,SAAS,EAKLM,EAA6BN,EAGxC,MAAO,SAAS,EAKLO,EAA8BP,EAGzC,MAAO,UAAU,EC9DNQ,EAA2B,CAAC,CACvC,aAAAC,EACA,UAAAC,CACF,IAAqC,CACnC,KAAM,CAAE,OAAAC,CAAA,EAAWC,4CAAA,EACbC,EAAuBC,EAAAA,WAAWC,2CAA2B,EAC7D,CAAE,YAAAC,EAAa,MAAAC,CAAA,EAAUJ,EACzBK,EAAeC,EAAAA,OAAuB,IAAI,EAC1CC,EAAmBD,EAAAA,OAAOF,CAAK,EAGrC,OAAID,IAAgB,MACX,MAITK,EAAAA,UAAU,IAAM,CACd,IAAIC,EAQJ,GAJGL,GAAO,OACNG,EAAiB,SAAS,OAAO,QAAQH,EAAM,KAAK,IAAM,GAC3DA,GAAO,KAAOG,EAAiB,SAAS,KAAK,QAAQH,EAAM,GAAG,IAAM,EAElD,CAGnB,MAAMM,EAAYL,EAAa,QACzBM,EAAgB,SAAS,cAE7BD,GAAW,SAASC,CAAa,GACjCA,GAAe,aAAa,MAAM,IAAM,eAIxCF,EAAY,WAAW,IAAM,CAE3B,GAAIC,EAAW,CACb,MAAME,EAAeF,EAAU,cAC7B,qBAAA,EAGEE,GACFA,EAAa,MAAA,CAEjB,CACF,EAAG,EAAE,EAET,CAEA,OAAAL,EAAiB,QAAUH,EAGpB,IAAM,CACPK,GACF,aAAaA,CAAS,CAE1B,CACF,EAAG,CAACL,CAAK,CAAC,EAGRS,EAAAA,KAACC,EAAAA,KAAA,CACC,IAAKT,EACL,UAAU,WACV,YAAY,YACZ,GAAG,MACH,GAAG,MACH,WAAW,SACX,eAAe,SACf,IAAI,MAGJ,SAAA,CAAAQ,EAAAA,KAACC,EAAAA,KAAA,CAAK,WAAW,SAAS,IAAI,MAE5B,SAAA,CAAAC,EAAAA,IAACC,EAAAA,KAAA,CACC,UAAU,KACV,WAAW,MACX,MAAM,aACN,SAAS,cACV,SAAA,YAAA,CAAA,EAGDD,EAAAA,IAACE,EAAAA,UAAA,CACC,KAAK,iBACL,OAAAnB,EACA,QAAQ,QACR,KAAK,KACL,aAAAF,EACA,UAAAC,CAAA,CAAA,CACF,EACF,EAGAgB,EAAAA,KAACC,EAAAA,KAAA,CAAK,WAAW,SAAS,IAAI,MAE5B,SAAA,CAAAC,EAAAA,IAACC,EAAAA,KAAA,CACC,UAAU,KACV,WAAW,MACX,MAAM,aACN,SAAS,cACV,SAAA,UAAA,CAAA,EAGDD,EAAAA,IAACE,EAAAA,UAAA,CACC,KAAK,eACL,OAAAnB,EACA,QAAQ,QACR,KAAK,KACL,aAAAF,EACA,UAAAC,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CAAA,CAAA,EAGN,EC/GaqB,EAA+B,CAAC,CAC3C,SAAAC,CACF,IAEM,CACJ,MAAMC,EAAgBC,EAAAA,0CAAkBC,EAAAA,yCAAa,GAAK,CAAA,EACpDtB,EAAuBC,EAAAA,WAAWC,2CAA2B,EAI7DqB,EAAwBC,GAC5BA,GAAM,KAAOA,GAAM,OAASA,GAAM,KAE9BC,EACJ,CAACzB,GAAsB,OACvB,CAACuB,EAAqBvB,EAAqB,MAAM,KAAK,GACtD,CAACuB,EAAqBvB,EAAqB,MAAM,GAAG,EAEhD,CAAE,YAAAG,GAAgBH,EAGlB0B,EACJ1B,GAAsB,OAAO,OAC7B,SAAUA,EAAqB,MAAM,MACjCA,EAAqB,MAAM,MAC3B,KACA2B,EACJ3B,GAAsB,OAAO,KAAO,SAAUA,EAAqB,MAAM,IACrEA,EAAqB,MAAM,IAC3B,KAGA4B,EAA4BR,GAAe,WAG3CS,EAAgCC,GAA0B,CAC9D,MAAMC,EAASD,IAAS,QAAU,QAAU,MAC5C,OAAQ3B,EAAA,CACN,IAAK,OACH,MAAO,GAAG4B,CAAM,eAClB,IAAK,SACH,MAAO,GAAGA,CAAM,0BAClB,IAAK,SACH,MAAO,GAAGA,CAAM,mCAClB,QACE,MAAO,GAAGA,CAAM,OAAA,CAEtB,EAMMC,EAAc,CAElB,eAAgB,CACd,GAAGZ,EACH,QAAUa,GAAsB,CAG9B,MAAMtB,EAAgB,UAAU,cAE5BA,GACFA,EAAc,KAAA,EAGhBS,EAAc,UAAUa,CAAK,CAC/B,CAAA,EAGF,MAAO,CAEL,QAAS,IAAMjC,GAAsB,SAAS,IAAI,EAClD,aAAc,oBACd,WAAY4B,EAEZ,MAAOH,EAAkB,CAAE,QAAS,QAAW,OAC/C,cAAeA,EAAkB,GAAO,MAAA,CAC1C,EASIS,EAAiB,CACrB,eAAgB,CACd,MAAOR,EACP,SAAWtB,GAA4B,CACrC,GAAIA,IAAU,MAAQJ,GAAsB,OAAO,MAAO,CAExD,MAAMmC,EAAenC,EAAqB,MACpCoC,EAAYD,EAAa,MACzBE,EAAUF,EAAa,IAC7B,GAAIC,GAAaC,EAAS,CACxB,MAAMC,EAAeF,EAAU,IAAI,CACjC,KAAMhC,EAAM,KACZ,OAAQA,EAAM,QAAU,EACxB,OAAQA,EAAM,QAAU,EACxB,YAAaA,EAAM,aAAe,CAAA,CACnC,EAEDJ,EAAqB,SAAS,CAC5B,MAAOsC,EACP,IAAKD,CAAA,CACN,CACH,CACF,CACF,EACA,YAAalC,IAAgB,MAAQ,OAAYA,EACjD,aAAc0B,EAA6B,OAAO,CAAA,EAEpD,aAAc,CACZ,MAAOF,EACP,SAAWvB,GAA4B,CACrC,GAAIA,IAAU,MAAQJ,GAAsB,OAAO,IAAK,CAEtD,MAAMmC,EAAenC,EAAqB,MACpCoC,EAAYD,EAAa,MACzBE,EAAUF,EAAa,IAC7B,GAAIC,GAAaC,EAAS,CACxB,MAAME,EAAaF,EAAQ,IAAI,CAC7B,KAAMjC,EAAM,KACZ,OAAQA,EAAM,QAAU,EACxB,OAAQA,EAAM,QAAU,EACxB,YAAaA,EAAM,aAAe,CAAA,CACnC,EAEDJ,EAAqB,SAAS,CAC5B,MAAOoC,EACP,IAAKG,CAAA,CACN,CACH,CACF,CACF,EACA,YAAapC,IAAgB,MAAQ,OAAYA,EACjD,aAAc0B,EAA6B,KAAK,CAAA,CAClD,EAGF,OACEd,EAAAA,IAACyB,EAAAA,0CAAA,CACC,OAAQ,CACN,CACElB,EAAAA,0CACA,CACE,MAAOU,CAAA,CACT,EAEF,CAACS,EAAAA,0CAAkB,CAAE,MAAOP,EAAgB,CAAA,EAG7C,SAAAf,CAAA,CAAA,CAGP,ECzIauB,EAAmBC,GAAgC,CAE9D,KAAM,CAAE,YAAAxC,EAAc,MAAO,aAAAP,EAAc,UAAAC,GAAc8C,EACnDC,EAASC,EAAAA,cAAc,CAAE,OAAQxD,EAAAA,0BAA2B,EAC5D,CAACyD,EAAaC,CAAc,EAAIH,EAAO,kBAAkBD,CAAK,EAE9D,CAACK,EAAYC,CAAU,EAAIC,EAAAA,kBAAkBH,CAAc,EAG3D,CAAE,KAAAI,EAAO,IAAA,EAASL,EAGlBM,EAAoBD,IAAS,KAAO,KAAO,MAI3CE,EACJlD,IAAgB,MAAQwC,EAAM,oBAAsB,GAEtD,aACGrD,EAAA,CAAyB,GAAGwD,EAAc,GAAGE,EAAY,QAAO,GAC/D,SAAAjC,EAAAA,IAACuC,EAAAA,0CAAA,CACE,GAAGL,EACJ,oBAAAI,EAEA,gBAACnC,EAAA,CACC,SAAA,CAAAH,MAACxB,EAAA,CAAyB,QAAO,GAC/B,SAAAsB,EAAAA,KAAC0C,4CAAA,CACC,SAAA,CAAAxC,EAAAA,IAACyC,EAAAA,UAAA,CACC,KAAK,QACL,KAAAL,EACA,QAAQ,QACR,MAAM,OACN,aAAAvD,EACA,UAAAC,CAAA,CAAA,EAEFkB,EAAAA,IAACC,EAAAA,KAAA,CACC,GAAG,OACH,GAAG,MACH,MAAM,aACN,WAAW,OACX,cAAY,OACZ,KAAM,KACP,SAAA,GAAA,CAAA,EAGDD,EAAAA,IAACyC,EAAAA,UAAA,CACC,KAAK,MACL,KAAAL,EACA,QAAQ,QACR,MAAM,OACN,aAAAvD,EACA,UAAAC,CAAA,CAAA,SAEDL,EAAA,CAEC,SAAA,CAAAuB,EAAAA,IAAC0C,EAAAA,WAAA,CACC,KAAK,UACL,QAAQ,QACR,KAAML,EACN,KAAK,QAEL,eAACM,EAAAA,MAAA,CAAA,CAAM,CAAA,CAAA,EAGT3C,EAAAA,IAAC0C,EAAAA,WAAA,CACC,KAAK,UACL,QAAQ,QACR,KAAML,EACN,KAAK,iBAEL,eAACO,EAAAA,cAAA,CAAA,CAAc,CAAA,CAAA,CACjB,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,EACA5C,EAAAA,IAACtB,GAA2B,QAAO,GACjC,eAACmE,EAAAA,0CAAA,CAAQ,UAAU,aACjB,SAAA/C,EAAAA,KAACgD,EAAAA,0CAAA,CACC,SAAA,CAAA9C,EAAAA,IAACrB,EAAA,CACC,SAAAqB,EAAAA,IAAC+C,EAAAA,cAAA,CAAA,CAAc,EACjB,EACA/C,EAAAA,IAACpB,EAAA,CACC,aAAAC,EACA,UAAAC,CAAA,CAAA,CACF,CAAA,CACF,EACF,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,EAEJ,CAEJ,EAEA6C,EAAgB,YAAc"}

package/dist/chunks/dialog-BQa_NWSr.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const x=require("react/jsx-runtime"),f=require("react"),fe=require("react-dom"),wt=require("./create-slot-recipe-context-CimocFDH.cjs.js"),Pt=require("./factory-CVGqU9CD.cjs.js");function Ot(e){return e==null?[]:Array.isArray(e)?e:[e]}var xt=e=>e!=null&&typeof e=="object",ce=e=>typeof e=="string",X=e=>typeof e=="function",Ct=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),Tt=e=>Object.prototype.toString.call(e),We=Function.prototype.toString,Dt=We.call(Object),kt=e=>{if(!xt(e)||Tt(e)!="[object Object]"||St(e))return!1;const t=Object.getPrototypeOf(e);if(t===null)return!0;const r=Ct(t,"constructor")&&t.constructor;return typeof r=="function"&&r instanceof r&&We.call(r)==Dt},Ft=e=>typeof e=="object"&&e!==null&&"$$typeof"in e&&"props"in e,Rt=e=>typeof e=="object"&&e!==null&&"__v_isVNode"in e,St=e=>Ft(e)||Rt(e),At=e=>e(),Ee=(...e)=>(...t)=>{e.forEach(function(r){r?.(...t)})};function qe(e){if(!kt(e)||e===void 0)return e;const t=Reflect.ownKeys(e).filter(n=>typeof n=="string"),r={};for(const n of t){const o=e[n];o!==void 0&&(r[n]=qe(o))}return r}function Ne(...e){const t=e.length===1?e[0]:e[1];(e.length===2?e[0]:!0)&&process.env.NODE_ENV!=="production"&&console.warn(t)}function It(e,t){if(e==null)throw new Error(t())}var Ke=()=>{},pe=e=>typeof e=="object"&&e!==null,Lt=1,Bt=9,Mt=11,D=e=>pe(e)&&e.nodeType===Lt&&typeof e.nodeName=="string",Ce=e=>pe(e)&&e.nodeType===Bt,$t=e=>pe(e)&&e===e.window,He=e=>D(e)?e.localName||"":"#document";function jt(e){return["html","body","#document"].includes(He(e))}var _t=e=>pe(e)&&e.nodeType!==void 0,Y=e=>_t(e)&&e.nodeType===Mt&&"host"in e,Gt=e=>D(e)&&e.localName==="input",Vt=e=>D(e)?e.offsetWidth>0||e.offsetHeight>0||e.getClientRects().length>0:!1,Ut=/(textarea|select)/;function Wt(e){if(e==null||!D(e))return!1;try{return Gt(e)&&e.selectionStart!=null||Ut.test(e.localName)||e.isContentEditable||e.getAttribute("contenteditable")==="true"||e.getAttribute("contenteditable")===""}catch{return!1}}function ue(e,t){if(!e||!t||!D(e)||!D(t))return!1;const r=t.getRootNode?.();if(e===t||e.contains(t))return!0;if(r&&Y(r)){let n=t;for(;n;){if(e===n)return!0;n=n.parentNode||n.host}}return!1}function L(e){return Ce(e)?e:$t(e)?e.document:e?.ownerDocument??document}function qt(e){return L(e).documentElement}function ne(e){return Y(e)?ne(e.host):Ce(e)?e.defaultView??window:D(e)?e.ownerDocument?.defaultView??window:window}function ze(e){let t=e.activeElement;for(;t?.shadowRoot;){const r=t.shadowRoot.activeElement;if(r===t)break;t=r}return t}function Kt(e){if(He(e)==="html")return e;const t=e.assignedSlot||e.parentNode||Y(e)&&e.host||qt(e);return Y(t)?t.host:t}var ge=new WeakMap;function Xe(e){return ge.has(e)||ge.set(e,ne(e).getComputedStyle(e)),ge.get(e)}var Ye=()=>typeof document<"u";function Ht(){return navigator.userAgentData?.platform??navigator.platform}var Te=e=>Ye()&&e.test(Ht()),Se=()=>Ye()&&!!navigator.maxTouchPoints,zt=()=>Te(/^iPhone/i),Xt=()=>Te(/^iPad/i)||Ze()&&navigator.maxTouchPoints>1,Yt=()=>zt()||Xt(),Ze=()=>Te(/^Mac/i);function Zt(e){return e.composedPath?.()??e.nativeEvent?.composedPath?.()}function M(e){return Zt(e)?.[0]??e.target}var Jt=e=>e.button===2||Ze()&&e.ctrlKey&&e.button===0,I=(e,t,r,n)=>{const o=typeof e=="function"?e():e;return o?.addEventListener(t,r,n),()=>{o?.removeEventListener(t,r,n)}},Je=e=>D(e)&&e.tagName==="IFRAME",Qt=e=>!Number.isNaN(parseInt(e.getAttribute("tabindex")||"0",10)),en=e=>parseInt(e.getAttribute("tabindex")||"0",10)<0,De="input:not([type='hidden']):not([disabled]), select:not([disabled]), textarea:not([disabled]), a[href], button:not([disabled]), [tabindex], iframe, object, embed, area[href], audio[controls], video[controls], [contenteditable]:not([contenteditable='false']), details > summary:first-of-type",Qe=(e,t=!1)=>{if(!e)return[];const r=Array.from(e.querySelectorAll(De));(t==!0||t=="if-empty"&&r.length===0)&&D(e)&&G(e)&&r.unshift(e);const o=r.filter(G);return o.forEach((s,i)=>{if(Je(s)&&s.contentDocument){const a=s.contentDocument.body;o.splice(i,1,...Qe(a))}}),o};function G(e){return!e||e.closest("[inert]")?!1:e.matches(De)&&Vt(e)}function et(e,t){if(!e)return[];const n=Array.from(e.querySelectorAll(De)).filter(W);return n.forEach((o,s)=>{if(Je(o)&&o.contentDocument){const i=o.contentDocument.body,a=et(i);n.splice(s,1,...a)}}),n.length,n}function W(e){return e!=null&&e.tabIndex>0?!0:G(e)&&!en(e)}function J(e){return e.tabIndex<0&&(/^(audio|video|details)$/.test(e.localName)||Wt(e))&&!Qt(e)?0:e.tabIndex}function tn(e){const t=new Set;function r(n){const o=globalThis.requestAnimationFrame(n);t.add(()=>globalThis.cancelAnimationFrame(o))}return r(()=>r(e)),function(){t.forEach(o=>o())}}function $(e){let t;const r=globalThis.requestAnimationFrame(()=>{t=e()});return()=>{globalThis.cancelAnimationFrame(r),t?.()}}function we(e){const t=Kt(e);return jt(t)?L(t).body:D(t)&&on(t)?t:we(t)}var nn=/auto|scroll|overlay|hidden|clip/,rn=new Set(["inline","contents"]);function on(e){const t=ne(e),{overflow:r,overflowX:n,overflowY:o,display:s}=t.getComputedStyle(e);return nn.test(r+o+n)&&!rn.has(s)}function le(e,t){if(!e)return Ke;const r=Object.keys(t).reduce((n,o)=>(n[o]=e.style.getPropertyValue(o),n),{});return Object.assign(e.style,t),()=>{Object.assign(e.style,r),e.style.length===0&&e.removeAttribute("style")}}function sn(e,t,r){if(!e)return Ke;const n=e.style.getPropertyValue(t);return e.style.setProperty(t,r),()=>{e.style.setProperty(t,n),e.style.length===0&&e.removeAttribute("style")}}function an(e,t,r){const{signal:n}=t;return[new Promise((i,a)=>{const u=setTimeout(()=>{a(new Error(`Timeout of ${r}ms exceeded`))},r);n.addEventListener("abort",()=>{clearTimeout(u),a(new Error("Promise aborted"))}),e.then(c=>{n.aborted||(clearTimeout(u),i(c))}).catch(c=>{n.aborted||(clearTimeout(u),a(c))})}),()=>t.abort()]}function cn(e,t){const{timeout:r,rootNode:n}=t,o=ne(n),s=L(n),i=new o.AbortController;return an(new Promise(a=>{const u=e();if(u){a(u);return}const c=new o.MutationObserver(()=>{const d=e();d&&d.isConnected&&(c.disconnect(),a(d))});c.observe(s.body,{childList:!0,subtree:!0})}),i,r)}var un=(...e)=>e.map(t=>t?.trim?.()).filter(Boolean).join(" "),ln=/((?:--)?(?:\w+-?)+)\s*:\s*([^;]*)/g,Ae=e=>{const t={};let r;for(;r=ln.exec(e);)t[r[1]]=r[2];return t},dn=(e,t)=>{if(ce(e)){if(ce(t))return`${e};${t}`;e=Ae(e)}else ce(t)&&(t=Ae(t));return Object.assign({},e??{},t??{})};function j(...e){let t={};for(let r of e){for(let n in t){if(n.startsWith("on")&&typeof t[n]=="function"&&typeof r[n]=="function"){t[n]=Ee(r[n],t[n]);continue}if(n==="className"||n==="class"){t[n]=un(t[n],r[n]);continue}if(n==="style"){t[n]=dn(t[n],r[n]);continue}t[n]=r[n]!==void 0?r[n]:t[n]}for(let n in r)t[n]===void 0&&(t[n]=r[n])}return t}var z=(e=>(e.NotStarted="Not Started",e.Started="Started",e.Stopped="Stopped",e))(z||{}),me="__init__";function fn(e){const t=()=>e.getRootNode?.()??document,r=()=>L(t()),n=()=>r().defaultView??window,o=()=>ze(t());return{...e,getRootNode:t,getDoc:r,getWin:n,getActiveElement:o,isActiveElement:a=>a===o(),getById:a=>t().getElementById(a)}}function pn(e){return new Proxy({},{get(t,r){return r==="style"?n=>e({style:n}).style:e}})}var tt=typeof globalThis.document<"u"?f.useLayoutEffect:f.useEffect;function de(e){const t=e().value??e().defaultValue,r=e().isEqual??Object.is,[n]=f.useState(t),[o,s]=f.useState(n),i=e().value!==void 0,a=f.useRef(o);a.current=i?e().value:o;const u=f.useRef(a.current);tt(()=>{u.current=a.current},[o,e().value]);const c=h=>{const l=u.current,v=X(h)?h(l):h;e().debug&&console.log(`[bindable > ${e().debug}] setValue`,{next:v,prev:l}),i||s(v),r(v,l)||e().onChange?.(v,l)};function d(){return i?e().value:o}return{initial:n,ref:a,get:d,set(h){(e().sync?fe.flushSync:At)(()=>c(h))},invoke(h,l){e().onChange?.(h,l)},hash(h){return e().hash?.(h)??String(h)}}}de.cleanup=e=>{f.useEffect(()=>e,[])};de.ref=e=>{const t=f.useRef(e);return{get:()=>t.current,set:r=>{t.current=r}}};function hn(e){const t=f.useRef(e);return{get(r){return t.current[r]},set(r,n){t.current[r]=n}}}var gn=(e,t)=>{const r=f.useRef(!1),n=f.useRef(!1);f.useEffect(()=>{if(r.current&&n.current)return t();n.current=!0},[...(e??[]).map(o=>typeof o=="function"?o():o)]),f.useEffect(()=>(r.current=!0,()=>{r.current=!1}),[])};function nt(e,t={}){const r=f.useMemo(()=>{const{id:p,ids:m,getRootNode:O}=t;return fn({id:p,ids:m,getRootNode:O})},[t]),n=(...p)=>{e.debug&&console.log(...p)},o=e.props?.({props:qe(t),scope:r})??t,s=mn(o),i=e.context?.({prop:s,bindable:de,scope:r,flush:Ie,getContext(){return u},getComputed(){return S},getRefs(){return y},getEvent(){return v()}}),a=rt(i),u={get(p){return a.current?.[p].ref.current},set(p,m){a.current?.[p].set(m)},initial(p){return a.current?.[p].initial},hash(p){const m=a.current?.[p].get();return a.current?.[p].hash(m)}},c=f.useRef(new Map),d=f.useRef(null),h=f.useRef(null),l=f.useRef({type:""}),v=()=>({...l.current,current(){return l.current},previous(){return h.current}}),g=()=>({...P,matches(...p){return p.includes(P.ref.current)},hasTag(p){return!!e.states[P.ref.current]?.tags?.includes(p)}}),y=hn(e.refs?.({prop:s,context:u})??{}),C=()=>({state:g(),context:u,event:v(),prop:s,send:Re,action:w,guard:b,track:gn,refs:y,computed:S,flush:Ie,scope:r,choose:T}),w=p=>{const m=X(p)?p(C()):p;if(!m)return;const O=m.map(N=>{const F=e.implementations?.actions?.[N];return F||Ne(`[zag-js] No implementation found for action "${JSON.stringify(N)}"`),F});for(const N of O)N?.(C())},b=p=>X(p)?p(C()):e.implementations?.guards?.[p](C()),k=p=>{const m=X(p)?p(C()):p;if(!m)return;const O=m.map(F=>{const _=e.implementations?.effects?.[F];return _||Ne(`[zag-js] No implementation found for effect "${JSON.stringify(F)}"`),_}),N=[];for(const F of O){const _=F?.(C());_&&N.push(_)}return()=>N.forEach(F=>F?.())},T=p=>Ot(p).find(m=>{let O=!m.guard;return ce(m.guard)?O=!!b(m.guard):X(m.guard)&&(O=m.guard(C())),O}),S=p=>{It(e.computed,()=>"[zag-js] No computed object found on machine");const m=e.computed[p];return m({context:u,event:v(),prop:s,refs:y,scope:r,computed:S})},P=de(()=>({defaultValue:e.initialState({prop:s}),onChange(p,m){m&&(c.current.get(m)?.(),c.current.delete(m)),m&&w(e.states[m]?.exit),w(d.current?.actions);const O=k(e.states[p]?.effects);if(O&&c.current.set(p,O),m===me){w(e.entry);const N=k(e.effects);N&&c.current.set(me,N)}w(e.states[p]?.entry)}})),Z=f.useRef(void 0),A=f.useRef(z.NotStarted);tt(()=>{queueMicrotask(()=>{const O=A.current===z.Started;A.current=z.Started,n(O?"rehydrating...":"initializing...");const N=Z.current??P.initial;P.invoke(N,O?P.get():me)});const p=c.current,m=P.ref.current;return()=>{n("unmounting..."),Z.current=m,A.current=z.Stopped,p.forEach(O=>O?.()),c.current=new Map,d.current=null,queueMicrotask(()=>{w(e.exit)})}},[]);const he=()=>"ref"in P?P.ref.current:P.get(),Re=p=>{queueMicrotask(()=>{if(A.current!==z.Started)return;h.current=l.current,l.current=p;let m=he();const O=e.states[m].on?.[p.type]??e.on?.[p.type],N=T(O);if(!N)return;d.current=N;const F=N.target??m;n("transition",p.type,N.target||m,`(${N.actions})`);const _=F!==m;_?fe.flushSync(()=>P.set(F)):N.reenter&&!_?P.invoke(m,m):w(N.actions??[])})};return e.watch?.(C()),{state:g(),send:Re,context:u,prop:s,scope:r,refs:y,computed:S,event:v(),getStatus:()=>A.current}}function rt(e){const t=f.useRef(e);return t.current=e,t}function mn(e){const t=rt(e);return function(n){return t.current[n]}}function Ie(e){queueMicrotask(()=>{fe.flushSync(()=>e())})}var vn=pn(e=>e);function ke(...e){return t=>{const r=[];for(const n of e)if(typeof n=="function"){const o=n(t);typeof o=="function"&&r.push(o)}else n&&(n.current=t);if(r.length)return()=>{for(const n of r)n()}}}function yn(e,t){return`${e} returned \`undefined\`. Seems you forgot to wrap component within ${t}`}function re(e={}){const{name:t,strict:r=!0,hookName:n="useContext",providerName:o="Provider",errorMessage:s,defaultValue:i}=e,a=f.createContext(i);a.displayName=t;function u(){const c=f.useContext(a);if(!c&&r){const d=new Error(s??yn(n,o));throw d.name="ContextError",Error.captureStackTrace?.(d,u),d}return c}return[a.Provider,u,a]}const ot=()=>(e,t)=>t.reduce((r,n)=>{const[o,s]=r,i=n;return s[i]!==void 0&&(o[i]=s[i]),delete s[i],[o,s]},[{},{...e}]),[bn,En]=re({name:"RenderStrategyContext",hookName:"useRenderStrategyContext",providerName:"<RenderStrategyPropsProvider />"}),Nn=e=>ot()(e,["lazyMount","unmountOnExit"]);function wn(e){let t=Object.getOwnPropertyDescriptor(e.props,"ref")?.get,r=t&&"isReactWarning"in t&&t.isReactWarning;return r?e.ref:(t=Object.getOwnPropertyDescriptor(e,"ref")?.get,r=t&&"isReactWarning"in t&&t.isReactWarning,r?e.props.ref:e.props.ref||e.ref)}const ve=e=>{const t=f.memo(f.forwardRef((r,n)=>{const{asChild:o,children:s,...i}=r;if(!o)return f.createElement(e,{...i,ref:n},s);if(!f.isValidElement(s))return null;const a=f.Children.only(s),u=wn(a);return f.cloneElement(a,{...j(i,a.props),ref:n?ke(n,u):u})}));return t.displayName=e.displayName||e.name,t},Pn=()=>{const e=new Map;return new Proxy(ve,{apply(t,r,n){return ve(n[0])},get(t,r){const n=r;return e.has(n)||e.set(n,ve(n)),e.get(n)}})},q=Pn();function On(e,t){const{state:r,send:n,context:o}=e,s=r.matches("mounted","unmountSuspended");return{skip:!o.get("initial"),present:s,setNode(i){i&&n({type:"NODE.SET",node:i})},unmount(){n({type:"UNMOUNT"})}}}var xn={props({props:e}){return{...e,present:!!e.present}},initialState({prop:e}){return e("present")?"mounted":"unmounted"},refs(){return{node:null,styles:null}},context({bindable:e}){return{unmountAnimationName:e(()=>({defaultValue:null})),prevAnimationName:e(()=>({defaultValue:null})),present:e(()=>({defaultValue:!1})),initial:e(()=>({sync:!0,defaultValue:!1}))}},exit:["clearInitial","cleanupNode"],watch({track:e,prop:t,send:r}){e([()=>t("present")],()=>{r({type:"PRESENCE.CHANGED"})})},on:{"NODE.SET":{actions:["setupNode"]},"PRESENCE.CHANGED":{actions:["setInitial","syncPresence"]}},states:{mounted:{on:{UNMOUNT:{target:"unmounted",actions:["clearPrevAnimationName","invokeOnExitComplete"]},"UNMOUNT.SUSPEND":{target:"unmountSuspended"}}},unmountSuspended:{effects:["trackAnimationEvents"],on:{MOUNT:{target:"mounted",actions:["setPrevAnimationName"]},UNMOUNT:{target:"unmounted",actions:["clearPrevAnimationName","invokeOnExitComplete"]}}},unmounted:{on:{MOUNT:{target:"mounted",actions:["setPrevAnimationName"]}}}},implementations:{actions:{setInitial:({context:e})=>{e.get("initial")||queueMicrotask(()=>{e.set("initial",!0)})},clearInitial:({context:e})=>{e.set("initial",!1)},invokeOnExitComplete:({prop:e})=>{e("onExitComplete")?.()},setupNode:({refs:e,event:t})=>{e.get("node")!==t.node&&(e.set("node",t.node),e.set("styles",Xe(t.node)))},cleanupNode:({refs:e})=>{e.set("node",null),e.set("styles",null)},syncPresence:({context:e,refs:t,send:r,prop:n})=>{const o=n("present");if(o)return r({type:"MOUNT",src:"presence.changed"});const s=t.get("node");if(!o&&s?.ownerDocument.visibilityState==="hidden")return r({type:"UNMOUNT",src:"visibilitychange"});$(()=>{const i=oe(t.get("styles"));e.set("unmountAnimationName",i),i==="none"||i===e.get("prevAnimationName")||t.get("styles")?.display==="none"||t.get("styles")?.animationDuration==="0s"?r({type:"UNMOUNT",src:"presence.changed"}):r({type:"UNMOUNT.SUSPEND"})})},setPrevAnimationName:({context:e,refs:t})=>{$(()=>{e.set("prevAnimationName",oe(t.get("styles")))})},clearPrevAnimationName:({context:e})=>{e.set("prevAnimationName",null)}},effects:{trackAnimationEvents:({context:e,refs:t,send:r})=>{const n=t.get("node");if(!n)return;const o=a=>{(a.composedPath?.()?.[0]??a.target)===n&&e.set("prevAnimationName",oe(t.get("styles")))},s=a=>{const u=oe(t.get("styles"));M(a)===n&&u===e.get("unmountAnimationName")&&r({type:"UNMOUNT",src:"animationend"})};n.addEventListener("animationstart",o),n.addEventListener("animationcancel",s),n.addEventListener("animationend",s);const i=le(n,{animationFillMode:"forwards"});return()=>{n.removeEventListener("animationstart",o),n.removeEventListener("animationcancel",s),n.removeEventListener("animationend",s),tn(()=>i())}}}}};function oe(e){return e?.animationName||"none"}function Cn(e,t={}){const{sync:r=!1}=t,n=Tn(e);return f.useCallback((...o)=>r?queueMicrotask(()=>n.current?.(...o)):n.current?.(...o),[r,n])}function Tn(e){const t=f.useRef(e);return t.current=e,t}const st=(e={})=>{const{lazyMount:t,unmountOnExit:r,present:n,skipAnimationOnMount:o=!1,...s}=e,i=f.useRef(!1),a={...s,present:n,onExitComplete:Cn(e.onExitComplete)},u=nt(xn,a),c=On(u);c.present&&(i.current=!0);const d=!c.present&&!i.current&&t||r&&!c.present&&i.current,h=()=>({"data-state":c.skip&&o?void 0:n?"open":"closed",hidden:!c.present});return{ref:c.setNode,getPresenceProps:h,present:c.present,unmounted:d}},[Dn,V]=re({name:"DialogContext",hookName:"useDialogContext",providerName:"<DialogProvider />"}),it=f.forwardRef((e,t)=>{const r=V(),n=En(),o=st({...n,present:r.open}),s=j(r.getBackdropProps(),o.getPresenceProps(),e);return o.unmounted?null:x.jsx(q.div,{...s,ref:ke(o.ref,t)})});it.displayName="DialogBackdrop";const at=f.forwardRef((e,t)=>{const r=V(),n=j(r.getCloseTriggerProps(),e);return x.jsx(q.button,{...n,ref:t})});at.displayName="DialogCloseTrigger";const[kn,Fe]=re({name:"PresenceContext",hookName:"usePresenceContext",providerName:"<PresenceProvider />"}),ct=f.forwardRef((e,t)=>{const r=V(),n=Fe(),o=j(r.getContentProps(),n.getPresenceProps(),e);return n.unmounted?null:x.jsx(q.div,{...o,ref:ke(n.ref,t)})});ct.displayName="DialogContent";const ut=f.forwardRef((e,t)=>{const r=V(),n=j(r.getDescriptionProps(),e);return x.jsx(q.div,{...n,ref:t})});ut.displayName="DialogDescription";const lt=f.forwardRef((e,t)=>{const r=V(),n=j(r.getPositionerProps(),e);return Fe().unmounted?null:x.jsx(q.div,{...n,ref:t})});lt.displayName="DialogPositioner";const Fn=e=>ot()(e,["immediate","lazyMount","onExitComplete","present","skipAnimationOnMount","unmountOnExit"]);var te=(e,t=[])=>({parts:(...r)=>{if(Rn(t))return te(e,r);throw new Error("createAnatomy().parts(...) should only be called once. Did you mean to use .extendWith(...) ?")},extendWith:(...r)=>te(e,[...t,...r]),omit:(...r)=>te(e,t.filter(n=>!r.includes(n))),rename:r=>te(r,t),keys:()=>t,build:()=>[...new Set(t)].reduce((r,n)=>Object.assign(r,{[n]:{selector:[`&[data-scope="${K(e)}"][data-part="${K(n)}"]`,`& [data-scope="${K(e)}"][data-part="${K(n)}"]`].join(", "),attrs:{"data-scope":K(e),"data-part":K(n)}}}),{})}),K=e=>e.replace(/([A-Z])([A-Z])/g,"$1-$2").replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").toLowerCase(),Rn=e=>e.length===0,H=new WeakMap,se=new WeakMap,ie={},ye=0,dt=e=>e&&(e.host||dt(e.parentNode)),Sn=(e,t)=>t.map(r=>{if(e.contains(r))return r;const n=dt(r);return n&&e.contains(n)?n:(console.error("[zag-js > ariaHidden] target",r,"in not contained inside",e,". Doing nothing"),null)}).filter(r=>!!r),An=new Set(["script","output","status","next-route-announcer"]),In=e=>An.has(e.localName)||e.role==="status"||e.hasAttribute("aria-live")?!0:e.matches("[data-live-announcer]"),Ln=(e,t)=>{const{parentNode:r,markerName:n,controlAttribute:o}=t,s=Sn(r,Array.isArray(e)?e:[e]);ie[n]||(ie[n]=new WeakMap);const i=ie[n],a=[],u=new Set,c=new Set(s),d=l=>{!l||u.has(l)||(u.add(l),d(l.parentNode))};s.forEach(d);const h=l=>{!l||c.has(l)||Array.prototype.forEach.call(l.children,v=>{if(u.has(v))h(v);else try{if(In(v))return;const y=v.getAttribute(o)==="true",C=(H.get(v)||0)+1,w=(i.get(v)||0)+1;H.set(v,C),i.set(v,w),a.push(v),C===1&&y&&se.set(v,!0),w===1&&v.setAttribute(n,""),y||v.setAttribute(o,"true")}catch(g){console.error("[zag-js > ariaHidden] cannot operate on ",v,g)}})};return h(r),u.clear(),ye++,()=>{a.forEach(l=>{const v=H.get(l)-1,g=i.get(l)-1;H.set(l,v),i.set(l,g),v||(se.has(l)||l.removeAttribute(o),se.delete(l)),g||l.removeAttribute(n)}),ye--,ye||(H=new WeakMap,H=new WeakMap,se=new WeakMap,ie={})}},Bn=e=>(Array.isArray(e)?e[0]:e).ownerDocument.body,Mn=(e,t=Bn(e),r="data-aria-hidden")=>{if(t)return Ln(e,{parentNode:t,markerName:r,controlAttribute:"aria-hidden"})},$n=e=>{const t=requestAnimationFrame(()=>e());return()=>cancelAnimationFrame(t)};function jn(e,t={}){const{defer:r=!0}=t,n=r?$n:s=>s(),o=[];return o.push(n(()=>{const i=(typeof e=="function"?e():e).filter(Boolean);i.length!==0&&o.push(Mn(i))})),()=>{o.forEach(s=>s?.())}}function _n(e){const t={each(r){for(let n=0;n<e.frames?.length;n+=1){const o=e.frames[n];o&&r(o)}},addEventListener(r,n,o){return t.each(s=>{try{s.document.addEventListener(r,n,o)}catch{}}),()=>{try{t.removeEventListener(r,n,o)}catch{}}},removeEventListener(r,n,o){t.each(s=>{try{s.document.removeEventListener(r,n,o)}catch{}})}};return t}function Gn(e){const t=e.frameElement!=null?e.parent:null;return{addEventListener:(r,n,o)=>{try{t?.addEventListener(r,n,o)}catch{}return()=>{try{t?.removeEventListener(r,n,o)}catch{}}},removeEventListener:(r,n,o)=>{try{t?.removeEventListener(r,n,o)}catch{}}}}var Le="pointerdown.outside",Be="focus.outside";function Vn(e){for(const t of e)if(D(t)&&G(t))return!0;return!1}var ft=e=>"clientY"in e;function Un(e,t){if(!ft(t)||!e)return!1;const r=e.getBoundingClientRect();return r.width===0||r.height===0?!1:r.top<=t.clientY&&t.clientY<=r.top+r.height&&r.left<=t.clientX&&t.clientX<=r.left+r.width}function Wn(e,t){return e.y<=t.y&&t.y<=e.y+e.height&&e.x<=t.x&&t.x<=e.x+e.width}function Me(e,t){if(!t||!ft(e))return!1;const r=t.scrollHeight>t.clientHeight,n=r&&e.clientX>t.offsetLeft+t.clientWidth,o=t.scrollWidth>t.clientWidth,s=o&&e.clientY>t.offsetTop+t.clientHeight,i={x:t.offsetLeft,y:t.offsetTop,width:t.clientWidth+(r?16:0),height:t.clientHeight+(o?16:0)},a={x:e.clientX,y:e.clientY};return Wn(i,a)?n||s:!1}function qn(e,t){const{exclude:r,onFocusOutside:n,onPointerDownOutside:o,onInteractOutside:s,defer:i}=t;if(!e)return;const a=L(e),u=ne(e),c=_n(u),d=Gn(u);function h(b,k){if(!D(k)||!k.isConnected||ue(e,k)||Un(e,b))return!1;const T=a.querySelector(`[aria-controls="${e.id}"]`);if(T){const P=we(T);if(Me(b,P))return!1}const S=we(e);return Me(b,S)?!1:!r?.(k)}const l=new Set,v=Y(e?.getRootNode());function g(b){function k(T){const S=i&&!Se()?$:A=>A(),P=T??b,Z=P?.composedPath?.()??[P?.target];S(()=>{const A=v?Z[0]:M(b);if(!(!e||!h(b,A))){if(o||s){const he=Ee(o,s);e.addEventListener(Le,he,{once:!0})}$e(e,Le,{bubbles:!1,cancelable:!0,detail:{originalEvent:P,contextmenu:Jt(P),focusable:Vn(Z),target:A}})}})}b.pointerType==="touch"?(l.forEach(T=>T()),l.add(I(a,"click",k,{once:!0})),l.add(d.addEventListener("click",k,{once:!0})),l.add(c.addEventListener("click",k,{once:!0}))):k()}const y=new Set,C=setTimeout(()=>{y.add(I(a,"pointerdown",g,!0)),y.add(d.addEventListener("pointerdown",g,!0)),y.add(c.addEventListener("pointerdown",g,!0))},0);function w(b){(i?$:T=>T())(()=>{const T=M(b);if(!(!e||!h(b,T))){if(n||s){const S=Ee(n,s);e.addEventListener(Be,S,{once:!0})}$e(e,Be,{bubbles:!1,cancelable:!0,detail:{originalEvent:b,contextmenu:!1,focusable:G(T),target:T}})}})}return Se()||(y.add(I(a,"focusin",w,!0)),y.add(d.addEventListener("focusin",w,!0)),y.add(c.addEventListener("focusin",w,!0))),()=>{clearTimeout(C),l.forEach(b=>b()),y.forEach(b=>b())}}function Kn(e,t){const{defer:r}=t,n=r?$:s=>s(),o=[];return o.push(n(()=>{const s=typeof e=="function"?e():e;o.push(qn(s,t))})),()=>{o.forEach(s=>s?.())}}function $e(e,t,r){const n=e.ownerDocument.defaultView||window,o=new n.CustomEvent(t,r);return e.dispatchEvent(o)}function Hn(e,t){const r=n=>{n.key==="Escape"&&(n.isComposing||t?.(n))};return I(L(e),"keydown",r,{capture:!0})}var je="layer:request-dismiss",R={layers:[],branches:[],count(){return this.layers.length},pointerBlockingLayers(){return this.layers.filter(e=>e.pointerBlocking)},topMostPointerBlockingLayer(){return[...this.pointerBlockingLayers()].slice(-1)[0]},hasPointerBlockingLayer(){return this.pointerBlockingLayers().length>0},isBelowPointerBlockingLayer(e){const t=this.indexOf(e),r=this.topMostPointerBlockingLayer()?this.indexOf(this.topMostPointerBlockingLayer()?.node):-1;return t<r},isTopMost(e){return this.layers[this.count()-1]?.node===e},getNestedLayers(e){return Array.from(this.layers).slice(this.indexOf(e)+1)},isInNestedLayer(e,t){return this.getNestedLayers(e).some(r=>ue(r.node,t))},isInBranch(e){return Array.from(this.branches).some(t=>ue(t,e))},add(e){this.layers.push(e),this.syncLayerIndex()},addBranch(e){this.branches.push(e)},remove(e){const t=this.indexOf(e);t<0||(t<this.count()-1&&this.getNestedLayers(e).forEach(n=>R.dismiss(n.node,e)),this.layers.splice(t,1),this.syncLayerIndex())},removeBranch(e){const t=this.branches.indexOf(e);t>=0&&this.branches.splice(t,1)},syncLayerIndex(){this.layers.forEach((e,t)=>{e.node.style.setProperty("--layer-index",`${t}`)})},indexOf(e){return this.layers.findIndex(t=>t.node===e)},dismiss(e,t){const r=this.indexOf(e);if(r===-1)return;const n=this.layers[r];Xn(e,je,o=>{n.requestDismiss?.(o),o.defaultPrevented||n?.dismiss()}),zn(e,je,{originalLayer:e,targetLayer:t,originalIndex:r,targetIndex:t?this.indexOf(t):-1}),this.syncLayerIndex()},clear(){this.remove(this.layers[0].node)}};function zn(e,t,r){const n=e.ownerDocument.defaultView||window,o=new n.CustomEvent(t,{cancelable:!0,bubbles:!0,detail:r});return e.dispatchEvent(o)}function Xn(e,t,r){e.addEventListener(t,r,{once:!0})}var _e;function Ge(){R.layers.forEach(({node:e})=>{e.style.pointerEvents=R.isBelowPointerBlockingLayer(e)?"none":"auto"})}function Yn(e){e.style.pointerEvents=""}function Zn(e,t){const r=L(e),n=[];return R.hasPointerBlockingLayer()&&!r.body.hasAttribute("data-inert")&&(_e=document.body.style.pointerEvents,queueMicrotask(()=>{r.body.style.pointerEvents="none",r.body.setAttribute("data-inert","")})),t?.forEach(o=>{const[s,i]=cn(()=>{const a=o();return D(a)?a:null},{timeout:1e3});s.then(a=>n.push(le(a,{pointerEvents:"auto"}))),n.push(i)}),()=>{R.hasPointerBlockingLayer()||(queueMicrotask(()=>{r.body.style.pointerEvents=_e,r.body.removeAttribute("data-inert"),r.body.style.length===0&&r.body.removeAttribute("style")}),n.forEach(o=>o()))}}function Jn(e,t){const{warnOnMissingNode:r=!0}=t;if(r&&!e){Ne("[@zag-js/dismissable] node is `null` or `undefined`");return}if(!e)return;const{onDismiss:n,onRequestDismiss:o,pointerBlocking:s,exclude:i,debug:a}=t,u={dismiss:n,node:e,pointerBlocking:s,requestDismiss:o};R.add(u),Ge();function c(g){const y=M(g.detail.originalEvent);R.isBelowPointerBlockingLayer(e)||R.isInBranch(y)||(t.onPointerDownOutside?.(g),t.onInteractOutside?.(g),!g.defaultPrevented&&(a&&console.log("onPointerDownOutside:",g.detail.originalEvent),n?.()))}function d(g){const y=M(g.detail.originalEvent);R.isInBranch(y)||(t.onFocusOutside?.(g),t.onInteractOutside?.(g),!g.defaultPrevented&&(a&&console.log("onFocusOutside:",g.detail.originalEvent),n?.()))}function h(g){R.isTopMost(e)&&(t.onEscapeKeyDown?.(g),!g.defaultPrevented&&n&&(g.preventDefault(),n()))}function l(g){if(!e)return!1;const y=typeof i=="function"?i():i,C=Array.isArray(y)?y:[y],w=t.persistentElements?.map(b=>b()).filter(D);return w&&C.push(...w),C.some(b=>ue(b,g))||R.isInNestedLayer(e,g)}const v=[s?Zn(e,t.persistentElements):void 0,Hn(e,h),Kn(e,{exclude:l,onFocusOutside:d,onPointerDownOutside:c,defer:t.defer})];return()=>{R.remove(e),Ge(),Yn(e),v.forEach(g=>g?.())}}function Qn(e,t){const{defer:r}=t,n=r?$:s=>s(),o=[];return o.push(n(()=>{const s=X(e)?e():e;o.push(Jn(s,t))})),()=>{o.forEach(s=>s?.())}}var er=Object.defineProperty,tr=(e,t,r)=>t in e?er(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,E=(e,t,r)=>tr(e,typeof t!="symbol"?t+"":t,r),Ve={activateTrap(e,t){if(e.length>0){const n=e[e.length-1];n!==t&&n.pause()}const r=e.indexOf(t);r===-1||e.splice(r,1),e.push(t)},deactivateTrap(e,t){const r=e.indexOf(t);r!==-1&&e.splice(r,1),e.length>0&&e[e.length-1].unpause()}},nr=[],rr=class{constructor(e,t){E(this,"trapStack"),E(this,"config"),E(this,"doc"),E(this,"state",{containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,delayInitialFocusTimer:void 0,recentNavEvent:void 0}),E(this,"listenerCleanups",[]),E(this,"handleFocus",n=>{const o=M(n),s=this.findContainerIndex(o,n)>=0;if(s||Ce(o))s&&(this.state.mostRecentlyFocusedNode=o);else{n.stopImmediatePropagation();let i,a=!0;if(this.state.mostRecentlyFocusedNode)if(J(this.state.mostRecentlyFocusedNode)>0){const u=this.findContainerIndex(this.state.mostRecentlyFocusedNode),{tabbableNodes:c}=this.state.containerGroups[u];if(c.length>0){const d=c.findIndex(h=>h===this.state.mostRecentlyFocusedNode);d>=0&&(this.config.isKeyForward(this.state.recentNavEvent)?d+1<c.length&&(i=c[d+1],a=!1):d-1>=0&&(i=c[d-1],a=!1))}}else this.state.containerGroups.some(u=>u.tabbableNodes.some(c=>J(c)>0))||(a=!1);else a=!1;a&&(i=this.findNextNavNode({target:this.state.mostRecentlyFocusedNode,isBackward:this.config.isKeyBackward(this.state.recentNavEvent)})),i?this.tryFocus(i):this.tryFocus(this.state.mostRecentlyFocusedNode||this.getInitialFocusNode())}this.state.recentNavEvent=void 0}),E(this,"handlePointerDown",n=>{const o=M(n);if(!(this.findContainerIndex(o,n)>=0)){if(ee(this.config.clickOutsideDeactivates,n)){this.deactivate({returnFocus:this.config.returnFocusOnDeactivate});return}ee(this.config.allowOutsideClick,n)||n.preventDefault()}}),E(this,"handleClick",n=>{const o=M(n);this.findContainerIndex(o,n)>=0||ee(this.config.clickOutsideDeactivates,n)||ee(this.config.allowOutsideClick,n)||(n.preventDefault(),n.stopImmediatePropagation())}),E(this,"handleTabKey",n=>{if(this.config.isKeyForward(n)||this.config.isKeyBackward(n)){this.state.recentNavEvent=n;const o=this.config.isKeyBackward(n),s=this.findNextNavNode({event:n,isBackward:o});if(!s)return;Q(n)&&n.preventDefault(),this.tryFocus(s)}}),E(this,"handleEscapeKey",n=>{or(n)&&ee(this.config.escapeDeactivates,n)!==!1&&(n.preventDefault(),this.deactivate())}),E(this,"_mutationObserver"),E(this,"setupMutationObserver",()=>{const n=this.doc.defaultView||window;this._mutationObserver=new n.MutationObserver(o=>{o.some(i=>Array.from(i.removedNodes).some(u=>u===this.state.mostRecentlyFocusedNode))&&this.tryFocus(this.getInitialFocusNode())})}),E(this,"updateObservedNodes",()=>{this._mutationObserver?.disconnect(),this.state.active&&!this.state.paused&&this.state.containers.map(n=>{this._mutationObserver?.observe(n,{subtree:!0,childList:!0})})}),E(this,"getInitialFocusNode",()=>{let n=this.getNodeForOption("initialFocus",{hasFallback:!0});if(n===!1)return!1;if(n===void 0||n&&!G(n))if(this.findContainerIndex(this.doc.activeElement)>=0)n=this.doc.activeElement;else{const o=this.state.tabbableGroups[0];n=o&&o.firstTabbableNode||this.getNodeForOption("fallbackFocus")}else n===null&&(n=this.getNodeForOption("fallbackFocus"));if(!n)throw new Error("Your focus-trap needs to have at least one focusable element");return n.isConnected||(n=this.getNodeForOption("fallbackFocus")),n}),E(this,"tryFocus",n=>{if(n!==!1&&n!==ze(this.doc)){if(!n||!n.focus){this.tryFocus(this.getInitialFocusNode());return}n.focus({preventScroll:!!this.config.preventScroll}),this.state.mostRecentlyFocusedNode=n,sr(n)&&n.select()}}),E(this,"deactivate",n=>{if(!this.state.active)return this;const o={onDeactivate:this.config.onDeactivate,onPostDeactivate:this.config.onPostDeactivate,checkCanReturnFocus:this.config.checkCanReturnFocus,...n};clearTimeout(this.state.delayInitialFocusTimer),this.state.delayInitialFocusTimer=void 0,this.removeListeners(),this.state.active=!1,this.state.paused=!1,this.updateObservedNodes(),Ve.deactivateTrap(this.trapStack,this);const s=this.getOption(o,"onDeactivate"),i=this.getOption(o,"onPostDeactivate"),a=this.getOption(o,"checkCanReturnFocus"),u=this.getOption(o,"returnFocus","returnFocusOnDeactivate");s?.();const c=()=>{Ue(()=>{if(u){const d=this.getReturnFocusNode(this.state.nodeFocusedBeforeActivation);this.tryFocus(d)}i?.()})};if(u&&a){const d=this.getReturnFocusNode(this.state.nodeFocusedBeforeActivation);return a(d).then(c,c),this}return c(),this}),E(this,"pause",n=>{if(this.state.paused||!this.state.active)return this;const o=this.getOption(n,"onPause"),s=this.getOption(n,"onPostPause");return this.state.paused=!0,o?.(),this.removeListeners(),this.updateObservedNodes(),s?.(),this}),E(this,"unpause",n=>{if(!this.state.paused||!this.state.active)return this;const o=this.getOption(n,"onUnpause"),s=this.getOption(n,"onPostUnpause");return this.state.paused=!1,o?.(),this.updateTabbableNodes(),this.addListeners(),this.updateObservedNodes(),s?.(),this}),E(this,"updateContainerElements",n=>(this.state.containers=Array.isArray(n)?n.filter(Boolean):[n].filter(Boolean),this.state.active&&this.updateTabbableNodes(),this.updateObservedNodes(),this)),E(this,"getReturnFocusNode",n=>{const o=this.getNodeForOption("setReturnFocus",{params:[n]});return o||(o===!1?!1:n)}),E(this,"getOption",(n,o,s)=>n&&n[o]!==void 0?n[o]:this.config[s||o]),E(this,"getNodeForOption",(n,{hasFallback:o=!1,params:s=[]}={})=>{let i=this.config[n];if(typeof i=="function"&&(i=i(...s)),i===!0&&(i=void 0),!i){if(i===void 0||i===!1)return i;throw new Error(`\`${n}\` was specified but was not a node, or did not return a node`)}let a=i;if(typeof i=="string"){try{a=this.doc.querySelector(i)}catch(u){throw new Error(`\`${n}\` appears to be an invalid selector; error="${u.message}"`)}if(!a&&!o)throw new Error(`\`${n}\` as selector refers to no known node`)}return a}),E(this,"findNextNavNode",n=>{const{event:o,isBackward:s=!1}=n,i=n.target||M(o);this.updateTabbableNodes();let a=null;if(this.state.tabbableGroups.length>0){const u=this.findContainerIndex(i,o),c=u>=0?this.state.containerGroups[u]:void 0;if(u<0)s?a=this.state.tabbableGroups[this.state.tabbableGroups.length-1].lastTabbableNode:a=this.state.tabbableGroups[0].firstTabbableNode;else if(s){let d=this.state.tabbableGroups.findIndex(({firstTabbableNode:h})=>i===h);if(d<0&&(c?.container===i||G(i)&&!W(i)&&!c?.nextTabbableNode(i,!1))&&(d=u),d>=0){const h=d===0?this.state.tabbableGroups.length-1:d-1,l=this.state.tabbableGroups[h];a=J(i)>=0?l.lastTabbableNode:l.lastDomTabbableNode}else Q(o)||(a=c?.nextTabbableNode(i,!1))}else{let d=this.state.tabbableGroups.findIndex(({lastTabbableNode:h})=>i===h);if(d<0&&(c?.container===i||G(i)&&!W(i)&&!c?.nextTabbableNode(i))&&(d=u),d>=0){const h=d===this.state.tabbableGroups.length-1?0:d+1,l=this.state.tabbableGroups[h];a=J(i)>=0?l.firstTabbableNode:l.firstDomTabbableNode}else Q(o)||(a=c?.nextTabbableNode(i))}}else a=this.getNodeForOption("fallbackFocus");return a}),this.trapStack=t.trapStack||nr;const r={returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0,isKeyForward(n){return Q(n)&&!n.shiftKey},isKeyBackward(n){return Q(n)&&n.shiftKey},...t};this.doc=r.document||L(Array.isArray(e)?e[0]:e),this.config=r,this.updateContainerElements(e),this.setupMutationObserver()}get active(){return this.state.active}get paused(){return this.state.paused}findContainerIndex(e,t){const r=typeof t?.composedPath=="function"?t.composedPath():void 0;return this.state.containerGroups.findIndex(({container:n,tabbableNodes:o})=>n.contains(e)||r?.includes(n)||o.find(s=>s===e))}updateTabbableNodes(){if(this.state.containerGroups=this.state.containers.map(e=>{const t=et(e),r=Qe(e),n=t.length>0?t[0]:void 0,o=t.length>0?t[t.length-1]:void 0,s=r.find(c=>W(c)),i=r.slice().reverse().find(c=>W(c)),a=!!t.find(c=>J(c)>0);function u(c,d=!0){const h=t.indexOf(c);return h<0?d?r.slice(r.indexOf(c)+1).find(l=>W(l)):r.slice(0,r.indexOf(c)).reverse().find(l=>W(l)):t[h+(d?1:-1)]}return{container:e,tabbableNodes:t,focusableNodes:r,posTabIndexesFound:a,firstTabbableNode:n,lastTabbableNode:o,firstDomTabbableNode:s,lastDomTabbableNode:i,nextTabbableNode:u}}),this.state.tabbableGroups=this.state.containerGroups.filter(e=>e.tabbableNodes.length>0),this.state.tabbableGroups.length<=0&&!this.getNodeForOption("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");if(this.state.containerGroups.find(e=>e.posTabIndexesFound)&&this.state.containerGroups.length>1)throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")}addListeners(){if(this.state.active)return Ve.activateTrap(this.trapStack,this),this.state.delayInitialFocusTimer=this.config.delayInitialFocus?Ue(()=>{this.tryFocus(this.getInitialFocusNode())}):this.tryFocus(this.getInitialFocusNode()),this.listenerCleanups.push(I(this.doc,"focusin",this.handleFocus,!0),I(this.doc,"mousedown",this.handlePointerDown,{capture:!0,passive:!1}),I(this.doc,"touchstart",this.handlePointerDown,{capture:!0,passive:!1}),I(this.doc,"click",this.handleClick,{capture:!0,passive:!1}),I(this.doc,"keydown",this.handleTabKey,{capture:!0,passive:!1}),I(this.doc,"keydown",this.handleEscapeKey)),this}removeListeners(){if(this.state.active)return this.listenerCleanups.forEach(e=>e()),this.listenerCleanups=[],this}activate(e){if(this.state.active)return this;const t=this.getOption(e,"onActivate"),r=this.getOption(e,"onPostActivate"),n=this.getOption(e,"checkCanFocusTrap");n||this.updateTabbableNodes(),this.state.active=!0,this.state.paused=!1,this.state.nodeFocusedBeforeActivation=this.doc.activeElement||null,t?.();const o=()=>{n&&this.updateTabbableNodes(),this.addListeners(),this.updateObservedNodes(),r?.()};return n?(n(this.state.containers.concat()).then(o,o),this):(o(),this)}},Q=e=>e.key==="Tab",ee=(e,...t)=>typeof e=="function"?e(...t):e,or=e=>!e.isComposing&&e.key==="Escape",Ue=e=>setTimeout(e,0),sr=e=>e.localName==="input"&&"select"in e&&typeof e.select=="function";function ir(e,t={}){let r;const n=$(()=>{const o=typeof e=="function"?e():e;if(o){r=new rr(o,{escapeDeactivates:!1,allowOutsideClick:!0,preventScroll:!0,returnFocusOnDeactivate:!0,delayInitialFocus:!1,fallbackFocus:o,...t,document:L(o)});try{r.activate()}catch{}}});return function(){r?.deactivate(),n()}}var be="data-scroll-lock";function ar(e){const t=e.getBoundingClientRect().left;return Math.round(t)+e.scrollLeft?"paddingLeft":"paddingRight"}function cr(e){const t=e??document,r=t.defaultView??window,{documentElement:n,body:o}=t;if(o.hasAttribute(be))return;const i=r.innerWidth-n.clientWidth;o.setAttribute(be,"");const a=()=>sn(n,"--scrollbar-width",`${i}px`),u=ar(n),c=()=>le(o,{overflow:"hidden",[u]:`${i}px`}),d=()=>{const{scrollX:l,scrollY:v,visualViewport:g}=r,y=g?.offsetLeft??0,C=g?.offsetTop??0,w=le(o,{position:"fixed",overflow:"hidden",top:`${-(v-Math.floor(C))}px`,left:`${-(l-Math.floor(y))}px`,right:"0",[u]:`${i}px`});return()=>{w?.(),r.scrollTo({left:l,top:v,behavior:"instant"})}},h=[a(),Yt()?d():c()];return()=>{h.forEach(l=>l?.()),o.removeAttribute(be)}}var ur=te("dialog").parts("trigger","backdrop","positioner","content","title","description","closeTrigger"),U=ur.build(),pt=e=>e.ids?.positioner??`dialog:${e.id}:positioner`,ht=e=>e.ids?.backdrop??`dialog:${e.id}:backdrop`,Pe=e=>e.ids?.content??`dialog:${e.id}:content`,gt=e=>e.ids?.trigger??`dialog:${e.id}:trigger`,Oe=e=>e.ids?.title??`dialog:${e.id}:title`,xe=e=>e.ids?.description??`dialog:${e.id}:description`,mt=e=>e.ids?.closeTrigger??`dialog:${e.id}:close`,ae=e=>e.getById(Pe(e)),lr=e=>e.getById(pt(e)),dr=e=>e.getById(ht(e)),fr=e=>e.getById(gt(e)),pr=e=>e.getById(Oe(e)),hr=e=>e.getById(xe(e)),gr=e=>e.getById(mt(e));function mr(e,t){const{state:r,send:n,context:o,prop:s,scope:i}=e,a=s("aria-label"),u=r.matches("open");return{open:u,setOpen(c){r.matches("open")!==c&&n({type:c?"OPEN":"CLOSE"})},getTriggerProps(){return t.button({...U.trigger.attrs,dir:s("dir"),id:gt(i),"aria-haspopup":"dialog",type:"button","aria-expanded":u,"data-state":u?"open":"closed","aria-controls":Pe(i),onClick(c){c.defaultPrevented||n({type:"TOGGLE"})}})},getBackdropProps(){return t.element({...U.backdrop.attrs,dir:s("dir"),hidden:!u,id:ht(i),"data-state":u?"open":"closed"})},getPositionerProps(){return t.element({...U.positioner.attrs,dir:s("dir"),id:pt(i),style:{pointerEvents:u?void 0:"none"}})},getContentProps(){const c=o.get("rendered");return t.element({...U.content.attrs,dir:s("dir"),role:s("role"),hidden:!u,id:Pe(i),tabIndex:-1,"data-state":u?"open":"closed","aria-modal":!0,"aria-label":a||void 0,"aria-labelledby":a||!c.title?void 0:Oe(i),"aria-describedby":c.description?xe(i):void 0})},getTitleProps(){return t.element({...U.title.attrs,dir:s("dir"),id:Oe(i)})},getDescriptionProps(){return t.element({...U.description.attrs,dir:s("dir"),id:xe(i)})},getCloseTriggerProps(){return t.button({...U.closeTrigger.attrs,dir:s("dir"),id:mt(i),type:"button",onClick(c){c.defaultPrevented||(c.stopPropagation(),n({type:"CLOSE"}))}})}}}var vr={props({props:e,scope:t}){const r=e.role==="alertdialog",n=r?()=>gr(t):void 0,o=typeof e.modal=="boolean"?e.modal:!0;return{role:"dialog",modal:o,trapFocus:o,preventScroll:o,closeOnInteractOutside:!r,closeOnEscape:!0,restoreFocus:!0,initialFocusEl:n,...e}},initialState({prop:e}){return e("open")||e("defaultOpen")?"open":"closed"},context({bindable:e}){return{rendered:e(()=>({defaultValue:{title:!0,description:!0}}))}},watch({track:e,action:t,prop:r}){e([()=>r("open")],()=>{t(["toggleVisibility"])})},states:{open:{entry:["checkRenderedElements","syncZIndex"],effects:["trackDismissableElement","trapFocus","preventScroll","hideContentBelow"],on:{"CONTROLLED.CLOSE":{target:"closed"},CLOSE:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"closed",actions:["invokeOnClose"]}],TOGGLE:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"closed",actions:["invokeOnClose"]}]}},closed:{on:{"CONTROLLED.OPEN":{target:"open"},OPEN:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["invokeOnOpen"]}],TOGGLE:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["invokeOnOpen"]}]}}},implementations:{guards:{isOpenControlled:({prop:e})=>e("open")!=null},effects:{trackDismissableElement({scope:e,send:t,prop:r}){return Qn(()=>ae(e),{defer:!0,pointerBlocking:r("modal"),exclude:[fr(e)],onInteractOutside(o){r("onInteractOutside")?.(o),r("closeOnInteractOutside")||o.preventDefault()},persistentElements:r("persistentElements"),onFocusOutside:r("onFocusOutside"),onPointerDownOutside:r("onPointerDownOutside"),onRequestDismiss:r("onRequestDismiss"),onEscapeKeyDown(o){r("onEscapeKeyDown")?.(o),r("closeOnEscape")||o.preventDefault()},onDismiss(){t({type:"CLOSE",src:"interact-outside"})}})},preventScroll({scope:e,prop:t}){if(t("preventScroll"))return cr(e.getDoc())},trapFocus({scope:e,prop:t}){return t("trapFocus")?ir(()=>ae(e),{preventScroll:!0,returnFocusOnDeactivate:!!t("restoreFocus"),initialFocus:t("initialFocusEl"),setReturnFocus:n=>t("finalFocusEl")?.()??n}):void 0},hideContentBelow({scope:e,prop:t}){return t("modal")?jn(()=>[ae(e)],{defer:!0}):void 0}},actions:{checkRenderedElements({context:e,scope:t}){$(()=>{e.set("rendered",{title:!!pr(t),description:!!hr(t)})})},syncZIndex({scope:e}){$(()=>{const t=ae(e);if(!t)return;const r=Xe(t);[lr(e),dr(e)].forEach(o=>{o?.style.setProperty("--z-index",r.zIndex),o?.style.setProperty("--layer-index",r.getPropertyValue("--layer-index"))})})},invokeOnClose({prop:e}){e("onOpenChange")?.({open:!1})},invokeOnOpen({prop:e}){e("onOpenChange")?.({open:!0})},toggleVisibility({prop:e,send:t,event:r}){t({type:e("open")?"CONTROLLED.OPEN":"CONTROLLED.CLOSE",previousEvent:r})}}}};const[Mr,vt]=re({name:"EnvironmentContext",hookName:"useEnvironmentContext",providerName:"<EnvironmentProvider />",strict:!1,defaultValue:{getRootNode:()=>document,getDocument:()=>document,getWindow:()=>window}}),[$r,yr]=re({name:"LocaleContext",hookName:"useLocaleContext",providerName:"<LocaleProvider />",strict:!1,defaultValue:{dir:"ltr",locale:"en-US"}}),br=e=>{const t=f.useId(),{getRootNode:r}=vt(),{dir:n}=yr(),o={id:t,getRootNode:r,dir:n,...e},s=nt(vr,o);return mr(s,vn)},Er=e=>{const[t,{children:r,...n}]=Fn(e),[o]=Nn(t),s=br(n),i=st(j({present:s.open},t));return x.jsx(Dn,{value:s,children:x.jsx(bn,{value:o,children:x.jsx(kn,{value:i,children:r})})})};const yt=f.forwardRef((e,t)=>{const r=V(),n=j(r.getTitleProps(),e);return x.jsx(q.h2,{...n,ref:t})});yt.displayName="DialogTitle";const bt=f.forwardRef((e,t)=>{const r=V(),n=Fe(),o=j({...r.getTriggerProps(),"aria-controls":n.unmounted?void 0:r.getTriggerProps()["aria-controls"]},e);return x.jsx(q.button,{...o,ref:t})});bt.displayName="DialogTrigger";const{withRootProvider:Nr,withContext:B}=wt.createSlotRecipeContext({key:"dialog"}),wr=Nr(Er,{defaultProps:{unmountOnExit:!0,lazyMount:!0}}),Pr=B(bt,"trigger",{forwardAsChild:!0}),Et=B(lt,"positioner",{forwardAsChild:!0}),Or=B(ct,"content",{forwardAsChild:!0}),xr=B(ut,"description",{forwardAsChild:!0}),Cr=B(yt,"title",{forwardAsChild:!0}),Tr=B(at,"closeTrigger",{forwardAsChild:!0}),Dr=f.forwardRef(function(t,r){const n=V();return x.jsx(Pt.chakra.button,{...t,ref:r,onClick:()=>n.setOpen(!1)})}),Nt=B(it,"backdrop",{forwardAsChild:!0}),kr=B("div","body"),Fr=B("div","footer"),Rr=B("div","header"),Sr=e=>{const{children:t,disabled:r}=e,[n,o]=f.useState(e.container?.current),s=f.useSyncExternalStore(Ir,()=>!1,()=>!0),{getRootNode:i}=vt();if(f.useEffect(()=>{o(()=>e.container?.current)},[e.container]),s||r)return x.jsx(x.Fragment,{children:t});const a=n??Ar(i);return x.jsx(x.Fragment,{children:f.Children.map(t,u=>fe.createPortal(u,a))})},Ar=e=>{const t=e?.(),r=t.getRootNode();return Y(r)?r:L(t).body},Ir=()=>()=>{},Lr=function(t){const{children:r,portalled:n=!0,portalRef:o,backdrop:s=!0,ref:i,...a}=t;return x.jsxs(Sr,{disabled:!n,container:o,children:[s&&x.jsx(Nt,{}),x.jsx(Et,{children:x.jsx(Or,{ref:i,...a,asChild:!1,children:r})})]})},Br={Root:wr,Trigger:Pr,Content:Lr,Backdrop:Nt,Positioner:Et,Title:Cr,Description:xr,Body:kr,Footer:Fr,Header:Rr,CloseTrigger:Tr,ActionTrigger:Dr};exports.Dialog=Br;
+//# sourceMappingURL=dialog-BQa_NWSr.cjs.js.map