@commercetools/nimbus 0.0.12-rc1 → 0.0.12-rc3

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

@@ -1 +0,0 @@
-{"version":3,"file":"date-range-picker-Cxe6UXcI.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  // DateRangePicker-specific: Focus the time input when date range changes (user selects dates from calendar)\n  useEffect(() => {\n    // DateRangePicker-specific: 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      // Small delay to ensure the DOM is ready\n      setTimeout(() => {\n        // Find the first focusable segment within the time input container\n        const container = timeInputRef.current;\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    // DateRangePicker-specific: Update previous value reference for range comparison\n    previousValueRef.current = value;\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      {/* DateRangePicker-specific: 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      {/* DateRangePicker-specific: 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  // DateRangePicker-specific: Check if all 6 segments (start: day, month, year; end: day, month, year) have values\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  // eslint-disable-next-line @typescript-eslint/unbound-method\n  const { granularity } = dateRangePickerState!;\n\n  // DateRangePicker-specific: 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      // DateRangePicker-specific: 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  // DateRangePicker-specific: 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          // DateRangePicker-specific: 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          // DateRangePicker-specific: 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\", variant } = 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","container","firstSegment","jsxs","Flex","jsx","Text","TimeInput","DateRangePickerCustomContext","children","buttonContext","useSlottedContext","ButtonContext","hasCompleteRangeDate","date","incompleteValue","startTimeValue","endTimeValue","isDateRangePickerDisabled","getDefaultTimeInputAriaLabel","type","prefix","buttonSlots","event","activeElement","timeInputSlots","currentValue","startDate","endDate","newStartDate","newEndDate","Provider","TimeFieldContext","DateRangePicker","props","recipe","useSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","size","variant","overlayButtonSize","shouldCloseOnSelect","ReactAriaDateRangePicker","Group","DateInput","IconButton","Close","CalendarMonth","Popover","Dialog","RangeCalendar"],"mappings":"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"}

package/dist/chunks/dialog-7iIFtc75.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const C=require("react/jsx-runtime"),p=require("react"),de=require("react-dom"),Nt=require("./create-slot-recipe-context-7JMdJHPF.cjs.js"),wt=require("./factory-DNbWS0Ob.cjs.js");function Ot(e){return e==null?[]:Array.isArray(e)?e:[e]}var Pt=e=>e!=null&&typeof e=="object",ae=e=>typeof e=="string",X=e=>typeof e=="function",Ct=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),xt=e=>Object.prototype.toString.call(e),We=Function.prototype.toString,Tt=We.call(Object),Dt=e=>{if(!Pt(e)||xt(e)!="[object Object]"||Rt(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)==Tt},kt=e=>typeof e=="object"&&e!==null&&"$$typeof"in e&&"props"in e,Ft=e=>typeof e=="object"&&e!==null&&"__v_isVNode"in e,Rt=e=>kt(e)||Ft(e),St=e=>e(),Ee=(...e)=>(...t)=>{e.forEach(function(r){r?.(...t)})};function Ue(e){if(!Dt(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]=Ue(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 At(e,t){if(e==null)throw new Error(t())}var Ke=()=>{},fe=e=>typeof e=="object"&&e!==null,It=1,Lt=9,Bt=11,D=e=>fe(e)&&e.nodeType===It&&typeof e.nodeName=="string",xe=e=>fe(e)&&e.nodeType===Lt,Mt=e=>fe(e)&&e===e.window,qe=e=>D(e)?e.localName||"":"#document";function $t(e){return["html","body","#document"].includes(qe(e))}var jt=e=>fe(e)&&e.nodeType!==void 0,Y=e=>jt(e)&&e.nodeType===Bt&&"host"in e,Gt=e=>D(e)&&e.localName==="input",_t=e=>D(e)?e.offsetWidth>0||e.offsetHeight>0||e.getClientRects().length>0:!1,Vt=/(textarea|select)/;function Wt(e){if(e==null||!D(e))return!1;try{return Gt(e)&&e.selectionStart!=null||Vt.test(e.localName)||e.isContentEditable||e.getAttribute("contenteditable")==="true"||e.getAttribute("contenteditable")===""}catch{return!1}}function ce(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 $(e){return xe(e)?e:Mt(e)?e.document:e?.ownerDocument??document}function Ut(e){return $(e).documentElement}function pe(e){return Y(e)?pe(e.host):xe(e)?e.defaultView??window:D(e)?e.ownerDocument?.defaultView??window:window}function He(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(qe(e)==="html")return e;const t=e.assignedSlot||e.parentNode||Y(e)&&e.host||Ut(e);return Y(t)?t.host:t}var ge=new WeakMap;function ze(e){return ge.has(e)||ge.set(e,pe(e).getComputedStyle(e)),ge.get(e)}var Xe=()=>typeof document<"u";function qt(){return navigator.userAgentData?.platform??navigator.platform}var Te=e=>Xe()&&e.test(qt()),Se=()=>Xe()&&!!navigator.maxTouchPoints,Ht=()=>Te(/^iPhone/i),zt=()=>Te(/^iPad/i)||Ye()&&navigator.maxTouchPoints>1,Xt=()=>Ht()||zt(),Ye=()=>Te(/^Mac/i);function Yt(e){return e.composedPath?.()??e.nativeEvent?.composedPath?.()}function B(e){return Yt(e)?.[0]??e.target}var Zt=e=>e.button===2||Ye()&&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)}},Ze=e=>D(e)&&e.tagName==="IFRAME",Jt=e=>!Number.isNaN(parseInt(e.getAttribute("tabindex")||"0",10)),Qt=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",Je=(e,t=!1)=>{if(!e)return[];const r=Array.from(e.querySelectorAll(De));(t==!0||t=="if-empty"&&r.length===0)&&D(e)&&_(e)&&r.unshift(e);const o=r.filter(_);return o.forEach((s,i)=>{if(Ze(s)&&s.contentDocument){const a=s.contentDocument.body;o.splice(i,1,...Je(a))}}),o};function _(e){return!e||e.closest("[inert]")?!1:e.matches(De)&&_t(e)}function Qe(e,t){if(!e)return[];const n=Array.from(e.querySelectorAll(De)).filter(U);return n.forEach((o,s)=>{if(Ze(o)&&o.contentDocument){const i=o.contentDocument.body,a=Qe(i);n.splice(s,1,...a)}}),n.length,n}function U(e){return e!=null&&e.tabIndex>0?!0:_(e)&&!Qt(e)}function J(e){return e.tabIndex<0&&(/^(audio|video|details)$/.test(e.localName)||Wt(e))&&!Jt(e)?0:e.tabIndex}function en(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 M(e){let t;const r=globalThis.requestAnimationFrame(()=>{t=e()});return()=>{globalThis.cancelAnimationFrame(r),t?.()}}function we(e){const t=Kt(e);return $t(t)?$(t).body:D(t)&&rn(t)?t:we(t)}var tn=/auto|scroll|overlay|hidden|clip/,nn=new Set(["inline","contents"]);function rn(e){const t=pe(e),{overflow:r,overflowX:n,overflowY:o,display:s}=t.getComputedStyle(e);return tn.test(r+o+n)&&!nn.has(s)}function ue(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 on(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")}}var sn=1e3/60;function an(e,t){const r=e();if(D(r)&&r.isConnected)return t(r),()=>{};{const n=setInterval(()=>{const o=e();D(o)&&o.isConnected&&(t(o),clearInterval(n))},sn);return()=>clearInterval(n)}}function cn(e,t){const r=[];return e?.forEach(n=>{const o=an(n,t);r.push(o)}),()=>{r.forEach(n=>n())}}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(ae(e)){if(ae(t))return`${e};${t}`;e=Ae(e)}else ae(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=()=>$(t()),n=()=>r().defaultView??window,o=()=>He(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 et=typeof globalThis.document<"u"?p.useLayoutEffect:p.useEffect;function le(e){const t=e().value??e().defaultValue,r=e().isEqual??Object.is,[n]=p.useState(t),[o,s]=p.useState(n),i=e().value!==void 0,a=p.useRef(o);a.current=i?e().value:o;const u=p.useRef(a.current);et(()=>{u.current=a.current},[o,e().value]);const c=g=>{const l=u.current,d=X(g)?g(l):g;e().debug&&console.log(`[bindable > ${e().debug}] setValue`,{next:d,prev:l}),i||s(d),r(d,l)||e().onChange?.(d,l)};function f(){return i?e().value:o}return{initial:n,ref:a,get:f,set(g){(e().sync?de.flushSync:St)(()=>c(g))},invoke(g,l){e().onChange?.(g,l)},hash(g){return e().hash?.(g)??String(g)}}}le.cleanup=e=>{p.useEffect(()=>e,[])};le.ref=e=>{const t=p.useRef(e);return{get:()=>t.current,set:r=>{t.current=r}}};function hn(e){const t=p.useRef(e);return{get(r){return t.current[r]},set(r,n){t.current[r]=n}}}var gn=(e,t)=>{const r=p.useRef(!1),n=p.useRef(!1);p.useEffect(()=>{if(r.current&&n.current)return t();n.current=!0},[...(e??[]).map(o=>typeof o=="function"?o():o)]),p.useEffect(()=>(r.current=!0,()=>{r.current=!1}),[])};function tt(e,t={}){const r=p.useMemo(()=>{const{id:h,ids:m,getRootNode:P}=t;return fn({id:h,ids:m,getRootNode:P})},[t]),n=(...h)=>{e.debug&&console.log(...h)},o=e.props?.({props:Ue(t),scope:r})??t,s=mn(o),i=e.context?.({prop:s,bindable:le,scope:r,flush:Ie,getContext(){return u},getComputed(){return S},getRefs(){return b},getEvent(){return d()}}),a=nt(i),u={get(h){return a.current?.[h].ref.current},set(h,m){a.current?.[h].set(m)},initial(h){return a.current?.[h].initial},hash(h){const m=a.current?.[h].get();return a.current?.[h].hash(m)}},c=p.useRef(new Map),f=p.useRef(null),g=p.useRef(null),l=p.useRef({type:""}),d=()=>({...l.current,current(){return l.current},previous(){return g.current}}),v=()=>({...O,matches(...h){return h.includes(O.ref.current)},hasTag(h){return!!e.states[O.ref.current]?.tags?.includes(h)}}),b=hn(e.refs?.({prop:s,context:u})??{}),x=()=>({state:v(),context:u,event:d(),prop:s,send:Re,action:E,guard:w,track:gn,refs:b,computed:S,flush:Ie,scope:r,choose:T}),E=h=>{const m=X(h)?h(x()):h;if(!m)return;const P=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 P)N?.(x())},w=h=>X(h)?h(x()):e.implementations?.guards?.[h](x()),k=h=>{const m=X(h)?h(x()):h;if(!m)return;const P=m.map(F=>{const G=e.implementations?.effects?.[F];return G||Ne(`[zag-js] No implementation found for effect "${JSON.stringify(F)}"`),G}),N=[];for(const F of P){const G=F?.(x());G&&N.push(G)}return()=>N.forEach(F=>F?.())},T=h=>Ot(h).find(m=>{let P=!m.guard;return ae(m.guard)?P=!!w(m.guard):X(m.guard)&&(P=m.guard(x())),P}),S=h=>{At(e.computed,()=>"[zag-js] No computed object found on machine");const m=e.computed[h];return m({context:u,event:d(),prop:s,refs:b,scope:r,computed:S})},O=le(()=>({defaultValue:e.initialState({prop:s}),onChange(h,m){m&&(c.current.get(m)?.(),c.current.delete(m)),m&&E(e.states[m]?.exit),E(f.current?.actions);const P=k(e.states[h]?.effects);if(P&&c.current.set(h,P),m===me){E(e.entry);const N=k(e.effects);N&&c.current.set(me,N)}E(e.states[h]?.entry)}})),Z=p.useRef(void 0),A=p.useRef(z.NotStarted);et(()=>{queueMicrotask(()=>{const P=A.current===z.Started;A.current=z.Started,n(P?"rehydrating...":"initializing...");const N=Z.current??O.initial;O.invoke(N,P?O.get():me)});const h=c.current,m=O.ref.current;return()=>{n("unmounting..."),Z.current=m,A.current=z.Stopped,h.forEach(P=>P?.()),c.current=new Map,f.current=null,queueMicrotask(()=>{E(e.exit)})}},[]);const he=()=>"ref"in O?O.ref.current:O.get(),Re=h=>{queueMicrotask(()=>{if(A.current!==z.Started)return;g.current=l.current,l.current=h,n("send",h);let m=he();const P=e.states[m].on?.[h.type]??e.on?.[h.type],N=T(P);if(!N)return;f.current=N;const F=N.target??m;n("transition",N);const G=F!==m;G?de.flushSync(()=>O.set(F)):N.reenter&&!G?O.invoke(m,m):E(N.actions??[])})};return e.watch?.(x()),{state:v(),send:Re,context:u,prop:s,scope:r,refs:b,computed:S,event:d(),getStatus:()=>A.current}}function nt(e){const t=p.useRef(e);return t.current=e,t}function mn(e){const t=nt(e);return function(n){return t.current[n]}}function Ie(e){queueMicrotask(()=>{de.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 ne(e={}){const{name:t,strict:r=!0,hookName:n="useContext",providerName:o="Provider",errorMessage:s,defaultValue:i}=e,a=p.createContext(i);a.displayName=t;function u(){const c=p.useContext(a);if(!c&&r){const f=new Error(s??yn(n,o));throw f.name="ContextError",Error.captureStackTrace?.(f,u),f}return c}return[a.Provider,u,a]}const rt=()=>(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]=ne({name:"RenderStrategyContext",hookName:"useRenderStrategyContext",providerName:"<RenderStrategyPropsProvider />"}),Nn=e=>rt()(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=p.memo(p.forwardRef((r,n)=>{const{asChild:o,children:s,...i}=r;if(!o)return p.createElement(e,{...i,ref:n},s);const a=p.Children.only(s);if(!p.isValidElement(a))return null;const u=wn(a);return p.cloneElement(a,{...j(i,a.props),ref:n?ke(n,u):u})}));return t.displayName=e.displayName||e.name,t},On=()=>{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)}})},K=On();function Pn(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 Cn={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,action:t,prop:r}){e([()=>r("present")],()=>{t(["setInitial","syncPresence"])})},on:{"NODE.SET":{actions:["setNode","setStyles"]}},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)},cleanupNode:({refs:e})=>{e.set("node",null),e.set("styles",null)},invokeOnExitComplete:({prop:e})=>{e("onExitComplete")?.()},setNode:({refs:e,event:t})=>{e.set("node",t.node)},setStyles:({refs:e,event:t})=>{e.set("styles",ze(t.node))},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"});M(()=>{const i=re(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})=>{M(()=>{e.set("prevAnimationName",re(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",re(t.get("styles")))},s=a=>{const u=re(t.get("styles"));B(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=ue(n,{animationFillMode:"forwards"});return()=>{n.removeEventListener("animationstart",o),n.removeEventListener("animationcancel",s),n.removeEventListener("animationend",s),en(()=>i())}}}}};function re(e){return e?.animationName||"none"}function xn(e,t={}){const{sync:r=!1}=t,n=Tn(e);return p.useCallback((...o)=>r?queueMicrotask(()=>n.current?.(...o)):n.current?.(...o),[r,n])}function Tn(e){const t=p.useRef(e);return t.current=e,t}const ot=(e={})=>{const{lazyMount:t,unmountOnExit:r,present:n,skipAnimationOnMount:o=!1,...s}=e,i=p.useRef(!1),a={...s,present:n,onExitComplete:xn(e.onExitComplete)},u=tt(Cn,a),c=Pn(u);c.present&&(i.current=!0);const f=!c.present&&!i.current&&t||r&&!c.present&&i.current,g=()=>({"data-state":c.skip&&o?void 0:n?"open":"closed",hidden:!c.present});return{ref:c.setNode,getPresenceProps:g,present:c.present,unmounted:f}},[Dn,V]=ne({name:"DialogContext",hookName:"useDialogContext",providerName:"<DialogProvider />"}),st=p.forwardRef((e,t)=>{const r=V(),n=En(),o=ot({...n,present:r.open}),s=j(r.getBackdropProps(),o.getPresenceProps(),e);return o.unmounted?null:C.jsx(K.div,{...s,ref:ke(o.ref,t)})});st.displayName="DialogBackdrop";const it=p.forwardRef((e,t)=>{const r=V(),n=j(r.getCloseTriggerProps(),e);return C.jsx(K.button,{...n,ref:t})});it.displayName="DialogCloseTrigger";const[kn,Fe]=ne({name:"PresenceContext",hookName:"usePresenceContext",providerName:"<PresenceProvider />"}),at=p.forwardRef((e,t)=>{const r=V(),n=Fe(),o=j(r.getContentProps(),n.getPresenceProps(),e);return n.unmounted?null:C.jsx(K.div,{...o,ref:ke(n.ref,t)})});at.displayName="DialogContent";const ct=p.forwardRef((e,t)=>{const r=V(),n=j(r.getDescriptionProps(),e);return C.jsx(K.div,{...n,ref:t})});ct.displayName="DialogDescription";const ut=p.forwardRef((e,t)=>{const r=V(),n=j(r.getPositionerProps(),e);return Fe().unmounted?null:C.jsx(K.div,{...n,ref:t})});ut.displayName="DialogPositioner";const Fn=e=>rt()(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="${q(e)}"][data-part="${q(n)}"]`,`& [data-scope="${q(e)}"][data-part="${q(n)}"]`].join(", "),attrs:{"data-scope":q(e),"data-part":q(n)}}}),{})}),q=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,oe=new WeakMap,se={},ye=0,lt=e=>e&&(e.host||lt(e.parentNode)),Sn=(e,t)=>t.map(r=>{if(e.contains(r))return r;const n=lt(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]);se[n]||(se[n]=new WeakMap);const i=se[n],a=[],u=new Set,c=new Set(s),f=l=>{!l||u.has(l)||(u.add(l),f(l.parentNode))};s.forEach(f);const g=l=>{!l||c.has(l)||Array.prototype.forEach.call(l.children,d=>{if(u.has(d))g(d);else try{if(In(d))return;const b=d.getAttribute(o)==="true",x=(H.get(d)||0)+1,E=(i.get(d)||0)+1;H.set(d,x),i.set(d,E),a.push(d),x===1&&b&&oe.set(d,!0),E===1&&d.setAttribute(n,""),b||d.setAttribute(o,"true")}catch(v){console.error("[zag-js > ariaHidden] cannot operate on ",d,v)}})};return g(r),u.clear(),ye++,()=>{a.forEach(l=>{const d=H.get(l)-1,v=i.get(l)-1;H.set(l,d),i.set(l,v),d||(oe.has(l)||l.removeAttribute(o),oe.delete(l)),v||l.removeAttribute(n)}),ye--,ye||(H=new WeakMap,H=new WeakMap,oe=new WeakMap,se={})}},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 Gn(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 _n(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)&&_(t))return!0;return!1}var dt=e=>"clientY"in e;function Wn(e,t){if(!dt(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 Un(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||!dt(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 Un(i,a)?n||s:!1}function Kn(e,t){const{exclude:r,onFocusOutside:n,onPointerDownOutside:o,onInteractOutside:s,defer:i}=t;if(!e)return;const a=$(e),u=pe(e),c=Gn(u),f=_n(u);function g(w,k){if(!D(k)||!k.isConnected||ce(e,k)||Wn(e,w))return!1;const T=a.querySelector(`[aria-controls="${e.id}"]`);if(T){const O=we(T);if(Me(w,O))return!1}const S=we(e);return Me(w,S)?!1:!r?.(k)}const l=new Set,d=Y(e?.getRootNode());function v(w){function k(T){const S=i&&!Se()?M:A=>A(),O=T??w,Z=O?.composedPath?.()??[O?.target];S(()=>{const A=d?Z[0]:B(w);if(!(!e||!g(w,A))){if(o||s){const he=Ee(o,s);e.addEventListener(Le,he,{once:!0})}$e(e,Le,{bubbles:!1,cancelable:!0,detail:{originalEvent:O,contextmenu:Zt(O),focusable:Vn(Z),target:A}})}})}w.pointerType==="touch"?(l.forEach(T=>T()),l.add(I(a,"click",k,{once:!0})),l.add(f.addEventListener("click",k,{once:!0})),l.add(c.addEventListener("click",k,{once:!0}))):k()}const b=new Set,x=setTimeout(()=>{b.add(I(a,"pointerdown",v,!0)),b.add(f.addEventListener("pointerdown",v,!0)),b.add(c.addEventListener("pointerdown",v,!0))},0);function E(w){(i?M:T=>T())(()=>{const T=B(w);if(!(!e||!g(w,T))){if(n||s){const S=Ee(n,s);e.addEventListener(Be,S,{once:!0})}$e(e,Be,{bubbles:!1,cancelable:!0,detail:{originalEvent:w,contextmenu:!1,focusable:_(T),target:T}})}})}return Se()||(b.add(I(a,"focusin",E,!0)),b.add(f.addEventListener("focusin",E,!0)),b.add(c.addEventListener("focusin",E,!0))),()=>{clearTimeout(x),l.forEach(w=>w()),b.forEach(w=>w())}}function qn(e,t){const{defer:r}=t,n=r?M:s=>s(),o=[];return o.push(n(()=>{const s=typeof e=="function"?e():e;o.push(Kn(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($(e),"keydown",r,{capture:!0})}var 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=>ce(r.node,t))},isInBranch(e){return Array.from(this.branches).some(t=>ce(t,e))},add(e){const t=this.layers.push(e);e.node.style.setProperty("--layer-index",`${t}`)},addBranch(e){this.branches.push(e)},remove(e){const t=this.indexOf(e);t<0||(t<this.count()-1&&this.getNestedLayers(e).forEach(n=>n.dismiss()),this.layers.splice(t,1),e.style.removeProperty("--layer-index"))},removeBranch(e){const t=this.branches.indexOf(e);t>=0&&this.branches.splice(t,1)},indexOf(e){return this.layers.findIndex(t=>t.node===e)},dismiss(e){this.layers[this.indexOf(e)]?.dismiss()},clear(){this.remove(this.layers[0].node)}},je;function Ge(){R.layers.forEach(({node:e})=>{e.style.pointerEvents=R.isBelowPointerBlockingLayer(e)?"none":"auto"})}function zn(e){e.style.pointerEvents=""}function Xn(e,t){const r=$(e),n=[];if(R.hasPointerBlockingLayer()&&!r.body.hasAttribute("data-inert")&&(je=document.body.style.pointerEvents,queueMicrotask(()=>{r.body.style.pointerEvents="none",r.body.setAttribute("data-inert","")})),t){const o=cn(t,s=>{n.push(ue(s,{pointerEvents:"auto"}))});n.push(o)}return()=>{R.hasPointerBlockingLayer()||(queueMicrotask(()=>{r.body.style.pointerEvents=je,r.body.removeAttribute("data-inert"),r.body.style.length===0&&r.body.removeAttribute("style")}),n.forEach(o=>o()))}}function Yn(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,pointerBlocking:o,exclude:s,debug:i}=t,a={dismiss:n,node:e,pointerBlocking:o};R.add(a),Ge();function u(d){const v=B(d.detail.originalEvent);R.isBelowPointerBlockingLayer(e)||R.isInBranch(v)||(t.onPointerDownOutside?.(d),t.onInteractOutside?.(d),!d.defaultPrevented&&(i&&console.log("onPointerDownOutside:",d.detail.originalEvent),n?.()))}function c(d){const v=B(d.detail.originalEvent);R.isInBranch(v)||(t.onFocusOutside?.(d),t.onInteractOutside?.(d),!d.defaultPrevented&&(i&&console.log("onFocusOutside:",d.detail.originalEvent),n?.()))}function f(d){R.isTopMost(e)&&(t.onEscapeKeyDown?.(d),!d.defaultPrevented&&n&&(d.preventDefault(),n()))}function g(d){if(!e)return!1;const v=typeof s=="function"?s():s,b=Array.isArray(v)?v:[v],x=t.persistentElements?.map(E=>E()).filter(D);return x&&b.push(...x),b.some(E=>ce(E,d))||R.isInNestedLayer(e,d)}const l=[o?Xn(e,t.persistentElements):void 0,Hn(e,f),qn(e,{exclude:g,onFocusOutside:c,onPointerDownOutside:u,defer:t.defer})];return()=>{R.remove(e),Ge(),zn(e),l.forEach(d=>d?.())}}function Zn(e,t){const{defer:r}=t,n=r?M:s=>s(),o=[];return o.push(n(()=>{const s=X(e)?e():e;o.push(Yn(s,t))})),()=>{o.forEach(s=>s?.())}}var Jn=Object.defineProperty,Qn=(e,t,r)=>t in e?Jn(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,y=(e,t,r)=>Qn(e,typeof t!="symbol"?t+"":t,r),_e={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()}},er=[],tr=class{constructor(e,t){y(this,"trapStack"),y(this,"config"),y(this,"doc"),y(this,"state",{containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,delayInitialFocusTimer:void 0,recentNavEvent:void 0}),y(this,"listenerCleanups",[]),y(this,"handleFocus",n=>{const o=B(n),s=this.findContainerIndex(o,n)>=0;if(s||xe(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 f=c.findIndex(g=>g===this.state.mostRecentlyFocusedNode);f>=0&&(this.config.isKeyForward(this.state.recentNavEvent)?f+1<c.length&&(i=c[f+1],a=!1):f-1>=0&&(i=c[f-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}),y(this,"handlePointerDown",n=>{const o=B(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()}}),y(this,"handleClick",n=>{const o=B(n);this.findContainerIndex(o,n)>=0||ee(this.config.clickOutsideDeactivates,n)||ee(this.config.allowOutsideClick,n)||(n.preventDefault(),n.stopImmediatePropagation())}),y(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)}}),y(this,"handleEscapeKey",n=>{nr(n)&&ee(this.config.escapeDeactivates,n)!==!1&&(n.preventDefault(),this.deactivate())}),y(this,"_mutationObserver"),y(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())})}),y(this,"updateObservedNodes",()=>{this._mutationObserver?.disconnect(),this.state.active&&!this.state.paused&&this.state.containers.map(n=>{this._mutationObserver?.observe(n,{subtree:!0,childList:!0})})}),y(this,"getInitialFocusNode",()=>{let n=this.getNodeForOption("initialFocus",{hasFallback:!0});if(n===!1)return!1;if(n===void 0||n&&!_(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}),y(this,"tryFocus",n=>{if(n!==!1&&n!==He(this.doc)){if(!n||!n.focus){this.tryFocus(this.getInitialFocusNode());return}n.focus({preventScroll:!!this.config.preventScroll}),this.state.mostRecentlyFocusedNode=n,rr(n)&&n.select()}}),y(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(),_e.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=()=>{Ve(()=>{if(u){const f=this.getReturnFocusNode(this.state.nodeFocusedBeforeActivation);this.tryFocus(f)}i?.()})};if(u&&a){const f=this.getReturnFocusNode(this.state.nodeFocusedBeforeActivation);return a(f).then(c,c),this}return c(),this}),y(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}),y(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}),y(this,"updateContainerElements",n=>(this.state.containers=Array.isArray(n)?n.filter(Boolean):[n].filter(Boolean),this.state.active&&this.updateTabbableNodes(),this.updateObservedNodes(),this)),y(this,"getReturnFocusNode",n=>{const o=this.getNodeForOption("setReturnFocus",{params:[n]});return o||(o===!1?!1:n)}),y(this,"getOption",(n,o,s)=>n&&n[o]!==void 0?n[o]:this.config[s||o]),y(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}),y(this,"findNextNavNode",n=>{const{event:o,isBackward:s=!1}=n,i=n.target||B(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 f=this.state.tabbableGroups.findIndex(({firstTabbableNode:g})=>i===g);if(f<0&&(c?.container===i||_(i)&&!U(i)&&!c?.nextTabbableNode(i,!1))&&(f=u),f>=0){const g=f===0?this.state.tabbableGroups.length-1:f-1,l=this.state.tabbableGroups[g];a=J(i)>=0?l.lastTabbableNode:l.lastDomTabbableNode}else Q(o)||(a=c?.nextTabbableNode(i,!1))}else{let f=this.state.tabbableGroups.findIndex(({lastTabbableNode:g})=>i===g);if(f<0&&(c?.container===i||_(i)&&!U(i)&&!c?.nextTabbableNode(i))&&(f=u),f>=0){const g=f===this.state.tabbableGroups.length-1?0:f+1,l=this.state.tabbableGroups[g];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||er;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||$(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=Qe(e),r=Je(e),n=t.length>0?t[0]:void 0,o=t.length>0?t[t.length-1]:void 0,s=r.find(c=>U(c)),i=r.slice().reverse().find(c=>U(c)),a=!!t.find(c=>J(c)>0);function u(c,f=!0){const g=t.indexOf(c);return g<0?f?r.slice(r.indexOf(c)+1).find(l=>U(l)):r.slice(0,r.indexOf(c)).reverse().find(l=>U(l)):t[g+(f?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 _e.activateTrap(this.trapStack,this),this.state.delayInitialFocusTimer=this.config.delayInitialFocus?Ve(()=>{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,nr=e=>!e.isComposing&&e.key==="Escape",Ve=e=>setTimeout(e,0),rr=e=>e.localName==="input"&&"select"in e&&typeof e.select=="function";function or(e,t={}){let r;const n=M(()=>{const o=typeof e=="function"?e():e;if(o){r=new tr(o,{escapeDeactivates:!1,allowOutsideClick:!0,preventScroll:!0,returnFocusOnDeactivate:!0,delayInitialFocus:!1,fallbackFocus:o,...t,document:$(o)});try{r.activate()}catch{}}});return function(){r?.deactivate(),n()}}var be="data-scroll-lock";function sr(e){const t=e.getBoundingClientRect().left;return Math.round(t)+e.scrollLeft?"paddingLeft":"paddingRight"}function ir(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=()=>on(n,"--scrollbar-width",`${i}px`),u=sr(n),c=()=>ue(o,{overflow:"hidden",[u]:`${i}px`}),f=()=>{const{scrollX:l,scrollY:d,visualViewport:v}=r,b=v?.offsetLeft??0,x=v?.offsetTop??0,E=ue(o,{position:"fixed",overflow:"hidden",top:`${-(d-Math.floor(x))}px`,left:`${-(l-Math.floor(b))}px`,right:"0",[u]:`${i}px`});return()=>{E?.(),r.scrollTo({left:l,top:d,behavior:"instant"})}},g=[a(),Xt()?f():c()];return()=>{g.forEach(l=>l?.()),o.removeAttribute(be)}}var ar=te("dialog").parts("trigger","backdrop","positioner","content","title","description","closeTrigger"),W=ar.build(),ft=e=>e.ids?.positioner??`dialog:${e.id}:positioner`,pt=e=>e.ids?.backdrop??`dialog:${e.id}:backdrop`,Oe=e=>e.ids?.content??`dialog:${e.id}:content`,ht=e=>e.ids?.trigger??`dialog:${e.id}:trigger`,Pe=e=>e.ids?.title??`dialog:${e.id}:title`,Ce=e=>e.ids?.description??`dialog:${e.id}:description`,gt=e=>e.ids?.closeTrigger??`dialog:${e.id}:close`,ie=e=>e.getById(Oe(e)),cr=e=>e.getById(ft(e)),ur=e=>e.getById(pt(e)),lr=e=>e.getById(ht(e)),dr=e=>e.getById(Pe(e)),fr=e=>e.getById(Ce(e)),pr=e=>e.getById(gt(e));function hr(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({...W.trigger.attrs,dir:s("dir"),id:ht(i),"aria-haspopup":"dialog",type:"button","aria-expanded":u,"data-state":u?"open":"closed","aria-controls":Oe(i),onClick(c){c.defaultPrevented||n({type:"TOGGLE"})}})},getBackdropProps(){return t.element({...W.backdrop.attrs,dir:s("dir"),hidden:!u,id:pt(i),"data-state":u?"open":"closed"})},getPositionerProps(){return t.element({...W.positioner.attrs,dir:s("dir"),id:ft(i),style:{pointerEvents:u?void 0:"none"}})},getContentProps(){const c=o.get("rendered");return t.element({...W.content.attrs,dir:s("dir"),role:s("role"),hidden:!u,id:Oe(i),tabIndex:-1,"data-state":u?"open":"closed","aria-modal":!0,"aria-label":a||void 0,"aria-labelledby":a||!c.title?void 0:Pe(i),"aria-describedby":c.description?Ce(i):void 0})},getTitleProps(){return t.element({...W.title.attrs,dir:s("dir"),id:Pe(i)})},getDescriptionProps(){return t.element({...W.description.attrs,dir:s("dir"),id:Ce(i)})},getCloseTriggerProps(){return t.button({...W.closeTrigger.attrs,dir:s("dir"),id:gt(i),type:"button",onClick(c){c.defaultPrevented||(c.stopPropagation(),n({type:"CLOSE"}))}})}}}var gr={props({props:e,scope:t}){const r=e.role==="alertdialog";return{role:"dialog",modal:!0,trapFocus:!0,preventScroll:!0,closeOnInteractOutside:!r,closeOnEscape:!0,restoreFocus:!0,initialFocusEl:r?()=>pr(t):void 0,...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 Zn(()=>ie(e),{defer:!0,pointerBlocking:r("modal"),exclude:[lr(e)],onInteractOutside(o){r("onInteractOutside")?.(o),r("closeOnInteractOutside")||o.preventDefault()},persistentElements:r("persistentElements"),onFocusOutside:r("onFocusOutside"),onPointerDownOutside:r("onPointerDownOutside"),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 ir(e.getDoc())},trapFocus({scope:e,prop:t}){return!t("trapFocus")||!t("modal")?void 0:or(()=>ie(e),{preventScroll:!0,returnFocusOnDeactivate:!!t("restoreFocus"),initialFocus:t("initialFocusEl"),setReturnFocus:n=>t("finalFocusEl")?.()??n})},hideContentBelow({scope:e,prop:t}){return t("modal")?jn(()=>[ie(e)],{defer:!0}):void 0}},actions:{checkRenderedElements({context:e,scope:t}){M(()=>{e.set("rendered",{title:!!dr(t),description:!!fr(t)})})},syncZIndex({scope:e}){M(()=>{const t=ie(e);if(!t)return;const r=ze(t);[cr(e),ur(e)].forEach(o=>{o?.style.setProperty("--z-index",r.zIndex)})})},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[Lr,mt]=ne({name:"EnvironmentContext",hookName:"useEnvironmentContext",providerName:"<EnvironmentProvider />",strict:!1,defaultValue:{getRootNode:()=>document,getDocument:()=>document,getWindow:()=>window}}),[Br,mr]=ne({name:"LocaleContext",hookName:"useLocaleContext",providerName:"<LocaleProvider />",strict:!1,defaultValue:{dir:"ltr",locale:"en-US"}}),vr=e=>{const t=p.useId(),{getRootNode:r}=mt(),{dir:n}=mr(),o={id:t,getRootNode:r,dir:n,...e},s=tt(gr,o);return hr(s,vn)},yr=e=>{const[t,{children:r,...n}]=Fn(e),[o]=Nn(t),s=vr(n),i=ot(j({present:s.open},t));return C.jsx(Dn,{value:s,children:C.jsx(bn,{value:o,children:C.jsx(kn,{value:i,children:r})})})};const vt=p.forwardRef((e,t)=>{const r=V(),n=j(r.getTitleProps(),e);return C.jsx(K.h2,{...n,ref:t})});vt.displayName="DialogTitle";const yt=p.forwardRef((e,t)=>{const r=V(),n=Fe(),o=j({...r.getTriggerProps(),"aria-controls":n.unmounted?void 0:r.getTriggerProps()["aria-controls"]},e);return C.jsx(K.button,{...o,ref:t})});yt.displayName="DialogTrigger";const{withRootProvider:br,withContext:L}=Nt.createSlotRecipeContext({key:"dialog"}),Er=br(yr,{defaultProps:{unmountOnExit:!0,lazyMount:!0}}),Nr=L(yt,"trigger",{forwardAsChild:!0}),bt=L(ut,"positioner",{forwardAsChild:!0}),wr=L(at,"content",{forwardAsChild:!0}),Or=L(ct,"description",{forwardAsChild:!0}),Pr=L(vt,"title",{forwardAsChild:!0}),Cr=L(it,"closeTrigger",{forwardAsChild:!0}),xr=p.forwardRef(function(t,r){const n=V();return C.jsx(wt.chakra.button,{...t,ref:r,onClick:()=>n.setOpen(!1)})}),Et=L(st,"backdrop",{forwardAsChild:!0}),Tr=L("div","body"),Dr=L("div","footer"),kr=L("div","header"),Fr=e=>{const{children:t,disabled:r}=e,[n,o]=p.useState(e.container?.current),s=p.useSyncExternalStore(Sr,()=>!1,()=>!0),{getRootNode:i}=mt();if(p.useEffect(()=>{o(()=>e.container?.current)},[e.container]),s||r)return C.jsx(C.Fragment,{children:t});const a=n??Rr(i);return C.jsx(C.Fragment,{children:p.Children.map(t,u=>de.createPortal(u,a))})},Rr=e=>{const t=e?.(),r=t.getRootNode();return Y(r)?r:$(t).body},Sr=()=>()=>{},Ar=function(t){const{children:r,portalled:n=!0,portalRef:o,backdrop:s=!0,ref:i,...a}=t;return C.jsxs(Fr,{disabled:!n,container:o,children:[s&&C.jsx(Et,{}),C.jsx(bt,{children:C.jsx(wr,{ref:i,...a,asChild:!1,children:r})})]})},Ir={Root:Er,Trigger:Nr,Content:Ar,Backdrop:Et,Positioner:bt,Title:Pr,Description:Or,Body:Tr,Footer:Dr,Header:kr,CloseTrigger:Cr,ActionTrigger:xr};exports.Dialog=Ir;
-//# sourceMappingURL=dialog-7iIFtc75.cjs.js.map