@new-black/lyra 0.1.19 → 0.1.20

package/dist/lyra15.js

@@ -1,24 +1,238 @@
-import { j as n } from "./lyra54.js";
-import { cx as o } from "./lyra99.js";
-import { SvgIcon as p } from "./lyra39.js";
-const l = ({
-  icon: s,
-  iconName: r,
-  iconProps: e = {},
-  variant: t = "start"
-}) => {
-  const { className: m, ...a } = e;
-  return s ? s({
-    ...a,
-    className: o("w-5 h-5", t === "start" ? "ms-2" : "me-2", m)
-  }) : r ? /* @__PURE__ */ n.jsx(
-    p,
+import { j as e } from "./lyra59.js";
+import { useState as $ } from "react";
+import { DatePicker as L, Label as B, Group as G, Button as k, DateInput as z, DateSegment as E, Calendar as M, CalendarGrid as R, CalendarGridHeader as O, CalendarHeaderCell as T, CalendarGridBody as Y, CalendarCell as q, Heading as W } from "./lyra58.js";
+import { twMerge as y } from "./lyra60.js";
+import { cx as _ } from "./lyra309.js";
+import { fixedForwardRef as A } from "./lyra312.js";
+import { Button as c } from "./lyra8.js";
+import "./lyra318.js";
+import { Popover as J } from "./lyra34.js";
+import "./lyra36.js";
+import "./lyra323.js";
+import "./lyra38.js";
+import { SvgIcon as l } from "./lyra44.js";
+import { Text as x } from "./lyra48.js";
+import "./lyra319.js";
+import "./lyra13.js";
+import "./lyra321.js";
+import "./lyra28.js";
+import "./lyra18.js";
+import "./lyra20.js";
+import "./lyra21.js";
+import "./lyra2.js";
+import "./lyra315.js";
+import "./lyra320.js";
+import "./lyra311.js";
+import "./lyra10.js";
+import "./lyra310.js";
+import "./lyra32.js";
+import "./lyra322.js";
+import "./lyra317.js";
+import "./lyra45.js";
+import "./lyra325.js";
+import "./lyra47.js";
+import "./lyra429.js";
+import "./lyra54.js";
+import "./lyra63.js";
+import "./lyra56.js";
+import { sharedInputFieldWrapperStyles as K, sharedInputlabelStyles as Q, sharedInputHintStyles as U, sharedInputFieldStyles as X, sharedInputStyles as Z } from "./lyra24.js";
+import "react-dom";
+import "./lyra25.js";
+import "./lyra326.js";
+import "./lyra27.js";
+import "./lyra29.js";
+import "./lyra30.js";
+import "./lyra327.js";
+import { dateCellStyles as ee } from "./lyra436.js";
+import "./lyra437.js";
+const ae = ({
+  className: a,
+  description: r,
+  endSlot: d,
+  errorMessage: t,
+  fullWidth: i = !0,
+  granularity: n = "day",
+  label: s,
+  optionalLabel: o = "Optional",
+  size: u = "medium",
+  ...h
+}, g) => {
+  const { isDisabled: b, isInvalid: v, isRequired: N } = h, [D, j] = $(!1), [w, m] = $(!1);
+  return /* @__PURE__ */ e.jsxs(
+    L,
     {
-      name: r,
-      className: o("h-5 w-5", t === "start" ? "ms-2" : "me-2", m)
+      ...h,
+      granularity: n,
+      className: K({ className: `${a} lyra-date-field` }),
+      ref: g,
+      children: [
+        /* @__PURE__ */ e.jsxs("div", { className: _("flex items-center gap-3", s ? "justify-between" : "justify-end"), children: [
+          s ? /* @__PURE__ */ e.jsx(
+            B,
+            {
+              className: Q(),
+              style: { fontFamily: "var(--input-label-font-family)" },
+              children: s
+            }
+          ) : null,
+          N === !1 ? /* @__PURE__ */ e.jsx(
+            "span",
+            {
+              className: U(),
+              style: { fontFamily: "var(--input-hint-font-family)" },
+              children: o
+            }
+          ) : null
+        ] }),
+        /* @__PURE__ */ e.jsxs(
+          G,
+          {
+            className: y(
+              X({
+                fullWidth: i,
+                isFocused: D,
+                isHovered: w,
+                isDisabled: b,
+                size: u,
+                isInvalid: v,
+                className: "gap-3"
+              })
+            ),
+            onPointerEnter: () => m(!0),
+            onPointerLeave: () => m(!1),
+            onMouseEnter: () => m(!0),
+            onMouseLeave: () => m(!1),
+            onFocus: () => j(!0),
+            onBlur: () => j(!1),
+            children: [
+              /* @__PURE__ */ e.jsx(
+                k,
+                {
+                  className: "text-neutral-6 outline-none disabled:text-neutral-4",
+                  isDisabled: b,
+                  children: /* @__PURE__ */ e.jsx(l, { name: "calendar", className: "h-4 w-4" })
+                }
+              ),
+              /* @__PURE__ */ e.jsx(z, { className: Z({ size: u, className: "flex !p-0" }), children: (f) => /* @__PURE__ */ e.jsx(
+                E,
+                {
+                  segment: f,
+                  className: "rounded-[--date-field-segment-radius] px-[--date-field-segment-padding-x] py-[--date-field-segment-padding-y] outline-none focus:bg-[--date-field-segment-focused-bg] focus:text-[--date-field-segment-focused-text]"
+                }
+              ) }),
+              d
+            ]
+          }
+        ),
+        r && /* @__PURE__ */ e.jsx(x, { className: "ml-1 mt-1.5", variant: "body-small", color: "secondary", slot: "description", children: r }),
+        t && /* @__PURE__ */ e.jsx(
+          x,
+          {
+            className: "ml-1 mt-1.5",
+            variant: "body-small",
+            color: "accent-danger",
+            slot: "errorMessage",
+            children: t
+          }
+        ),
+        /* @__PURE__ */ e.jsx(J, { showPopoverInDrawerOnSmallScreens: !0, className: "group", children: /* @__PURE__ */ e.jsx(M, { className: "lyra-date-field flex flex-col-reverse gap-3 p-6 sm:group-data-[placement=bottom]:flex-col", children: ({ state: f }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsx(se, { state: f }),
+          /* @__PURE__ */ e.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ e.jsxs(R, { className: "w-full text-center", children: [
+            /* @__PURE__ */ e.jsx(O, { children: (p) => /* @__PURE__ */ e.jsx(T, { className: "font-normal text-neutral-5", children: p }) }),
+            /* @__PURE__ */ e.jsx(Y, { children: (p) => /* @__PURE__ */ e.jsx(
+              q,
+              {
+                date: p,
+                className: ({
+                  isDisabled: I,
+                  isFocused: F,
+                  isHovered: S,
+                  isInvalid: C,
+                  isOutsideMonth: P,
+                  isSelected: H,
+                  isUnavailable: V
+                }) => y(
+                  ee({
+                    isSelected: H,
+                    isFocused: F,
+                    isInvalid: C,
+                    isHovered: S,
+                    isUnavailable: V,
+                    isDisabled: I,
+                    isOutsideMonth: P
+                  })
+                )
+              }
+            ) })
+          ] }) })
+        ] }) }) })
+      ]
     }
-  ) : null;
+  );
 };
+function se({ state: a }) {
+  var r, d, t, i, n, s;
+  return /* @__PURE__ */ e.jsxs("header", { className: "flex items-center justify-between gap-3", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "flex", children: [
+      /* @__PURE__ */ e.jsx(
+        c,
+        {
+          variant: "ghost",
+          color: "monochrome",
+          slot: "previous",
+          isDisabled: a.focusedDate.year === ((r = a.minValue) == null ? void 0 : r.year),
+          size: "small",
+          onPress: () => {
+            const o = a.focusedDate.subtract({ years: 1 });
+            a.setFocusedDate(o);
+          },
+          children: /* @__PURE__ */ e.jsx(l, { name: "chevrons-left", className: "h-4 w-4" })
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        c,
+        {
+          slot: "previous",
+          variant: "ghost",
+          color: "monochrome",
+          size: "small",
+          isDisabled: a.focusedDate.year === ((d = a.minValue) == null ? void 0 : d.year) && a.focusedDate.month === ((t = a.minValue) == null ? void 0 : t.month),
+          children: /* @__PURE__ */ e.jsx(l, { name: "chevron-left", className: "h-4 w-4" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e.jsx(x, { variant: "heading-4", elementType: "span", className: "grow text-center", children: /* @__PURE__ */ e.jsx(W, { className: "w-full grow text-center leading-snug  max-[367px]:text-base  sm:min-w-[180px]" }) }),
+    /* @__PURE__ */ e.jsxs("div", { className: "right-buttons flex", children: [
+      /* @__PURE__ */ e.jsx(
+        c,
+        {
+          slot: "next",
+          variant: "ghost",
+          color: "monochrome",
+          size: "small",
+          isDisabled: a.focusedDate.year === ((i = a.maxValue) == null ? void 0 : i.year) && a.focusedDate.month === ((n = a.maxValue) == null ? void 0 : n.month),
+          children: /* @__PURE__ */ e.jsx(l, { name: "chevron-right", className: "h-4 w-4" })
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        c,
+        {
+          variant: "ghost",
+          color: "monochrome",
+          slot: "next",
+          size: "small",
+          isDisabled: a.focusedDate.year === ((s = a.maxValue) == null ? void 0 : s.year),
+          onPress: () => {
+            const o = a.focusedDate.add({ years: 1 });
+            a.setFocusedDate(o);
+          },
+          children: /* @__PURE__ */ e.jsx(l, { name: "chevrons-right", className: "h-4 w-4" })
+        }
+      )
+    ] })
+  ] });
+}
+const Qe = A(ae);
 export {
-  l as InputIcon
+  Qe as DatePicker
 };

package/dist/lyra15.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra15.js","sources":["../src/components/inputs/input-icon.tsx"],"sourcesContent":["import { SVGProps } from \"react\";\n\nimport { cx } from \"../../utils/class-variance-authority\";\nimport { SvgIcon, SvgIconProps } from \"../svg-icon\";\n\nexport type InputIconProps = {\n  variant?: \"start\" | \"end\";\n} & (\n  | {\n      icon: (props: SVGProps<SVGSVGElement>) => JSX.Element;\n      iconProps?: SVGProps<SVGSVGElement>;\n      iconName?: never;\n    }\n  | {\n      icon?: never;\n      iconName: SvgIconProps[\"name\"];\n      iconProps?: Omit<SvgIconProps, \"name\">;\n    }\n);\n\nexport const InputIcon = ({\n  icon,\n  iconName,\n  iconProps = {},\n  variant = \"start\",\n}: InputIconProps) => {\n  const { className, ...props } = iconProps;\n\n  if (icon) {\n    return icon({\n      ...props,\n      className: cx(\"w-5 h-5\", variant === \"start\" ? \"ms-2\" : \"me-2\", className),\n    });\n  }\n\n  if (iconName) {\n    return (\n      <SvgIcon\n        name={iconName}\n        className={cx(\"h-5 w-5\", variant === \"start\" ? \"ms-2\" : \"me-2\", className)}\n      />\n    );\n  }\n\n  return null;\n};\n"],"names":["InputIcon","icon","iconName","iconProps","variant","className","props","cx","jsx","SvgIcon"],"mappings":";;;AAoBO,MAAMA,IAAY,CAAC;AAAA,EACxB,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY,CAAC;AAAA,EACb,SAAAC,IAAU;AACZ,MAAsB;AACpB,QAAM,EAAE,WAAAC,GAAW,GAAGC,EAAA,IAAUH;AAEhC,SAAIF,IACKA,EAAK;AAAA,IACV,GAAGK;AAAA,IACH,WAAWC,EAAG,WAAWH,MAAY,UAAU,SAAS,QAAQC,CAAS;AAAA,EAAA,CAC1E,IAGCH,IAEAM,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMP;AAAA,MACN,WAAWK,EAAG,WAAWH,MAAY,UAAU,SAAS,QAAQC,CAAS;AAAA,IAAA;AAAA,EAAA,IAKxE;AACT;"}
+{"version":3,"file":"lyra15.js","sources":["../src/components/inputs/date-picker/date-picker.tsx"],"sourcesContent":["import { ElementRef, ForwardedRef, useState } from \"react\";\nimport {\n  Button as AriaButton,\n  Calendar,\n  CalendarCell,\n  CalendarGrid,\n  CalendarGridBody,\n  CalendarGridHeader,\n  CalendarHeaderCell,\n  DateInput,\n  DatePicker as AriaDatePicker,\n  DatePickerProps as AriaDatePickerProps,\n  DateSegment,\n  DateValue,\n  Group,\n  Heading,\n  Label,\n} from \"react-aria-components\";\nimport { CalendarState } from \"react-stately\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nimport { cx, VariantProps } from \"../../../utils/class-variance-authority\";\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { Button } from \"../../button\";\nimport { Popover } from \"../../overlays\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\nimport {\n  sharedInputFieldStyles,\n  sharedInputFieldWrapperStyles,\n  sharedInputHintStyles,\n  sharedInputlabelStyles,\n  sharedInputStyles,\n} from \"..\";\n\nimport { dateCellStyles } from \"./date-picker.styles\";\n\nimport \"./date-field.vars.css\";\n\nexport type DatePickerProps<T extends DateValue> = AriaDatePickerProps<T> &\n  VariantProps<typeof sharedInputFieldWrapperStyles> &\n  VariantProps<typeof sharedInputFieldStyles> & {\n    label?: string;\n    optionalLabel?: string;\n    description?: string;\n    errorMessage?: string;\n    endSlot?: JSX.Element;\n  };\n\nexport type { DateValue };\n\nconst _DatePicker = <T extends DateValue>(\n  {\n    className,\n    description,\n    endSlot,\n    errorMessage,\n    fullWidth = true,\n    granularity = \"day\",\n    label,\n    optionalLabel = \"Optional\",\n    size = \"medium\",\n    ...props\n  }: DatePickerProps<T>,\n  ref: ForwardedRef<ElementRef<typeof AriaDatePicker>>,\n) => {\n  const { isDisabled, isInvalid, isRequired } = props;\n  const [fieldIsFocused, setFieldIsFocused] = useState(false);\n  const [fieldIsHovered, setFieldIsHovered] = useState(false);\n  return (\n    <AriaDatePicker\n      {...props}\n      granularity={granularity}\n      className={sharedInputFieldWrapperStyles({ className: `${className} lyra-date-field` })}\n      ref={ref}\n    >\n      <div className={cx(\"flex items-center gap-3\", label ? \"justify-between\" : \"justify-end\")}>\n        {label ? (\n          <Label\n            className={sharedInputlabelStyles()}\n            style={{ fontFamily: \"var(--input-label-font-family)\" }}\n          >\n            {label}\n          </Label>\n        ) : null}\n        {isRequired === false ? (\n          <span\n            className={sharedInputHintStyles()}\n            style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n          >\n            {optionalLabel}\n          </span>\n        ) : null}\n      </div>\n      <Group\n        className={twMerge(\n          sharedInputFieldStyles({\n            fullWidth,\n            isFocused: fieldIsFocused,\n            isHovered: fieldIsHovered,\n            isDisabled,\n            size,\n            isInvalid,\n            className: \"gap-3\",\n          }),\n        )}\n        onPointerEnter={() => setFieldIsHovered(true)}\n        onPointerLeave={() => setFieldIsHovered(false)}\n        onMouseEnter={() => setFieldIsHovered(true)}\n        onMouseLeave={() => setFieldIsHovered(false)}\n        onFocus={() => setFieldIsFocused(true)}\n        onBlur={() => setFieldIsFocused(false)}\n      >\n        <AriaButton\n          className=\"text-neutral-6 outline-none disabled:text-neutral-4\"\n          isDisabled={isDisabled}\n        >\n          <SvgIcon name=\"calendar\" className=\"h-4 w-4\" />\n        </AriaButton>\n        <DateInput className={sharedInputStyles({ size, className: \"flex !p-0\" })}>\n          {(segment) => (\n            <DateSegment\n              segment={segment}\n              className=\"rounded-[--date-field-segment-radius] px-[--date-field-segment-padding-x] py-[--date-field-segment-padding-y] outline-none focus:bg-[--date-field-segment-focused-bg] focus:text-[--date-field-segment-focused-text]\"\n            />\n          )}\n        </DateInput>\n        {endSlot}\n      </Group>\n      {description && (\n        <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"secondary\" slot=\"description\">\n          {description}\n        </Text>\n      )}\n      {errorMessage && (\n        <Text\n          className=\"ml-1 mt-1.5\"\n          variant=\"body-small\"\n          color=\"accent-danger\"\n          slot=\"errorMessage\"\n        >\n          {errorMessage}\n        </Text>\n      )}\n      <Popover showPopoverInDrawerOnSmallScreens className=\"group\">\n        <Calendar className=\"lyra-date-field flex flex-col-reverse gap-3 p-6 sm:group-data-[placement=bottom]:flex-col\">\n          {({ state }) => (\n            <>\n              <DateHeader state={state} />\n\n              <div className=\"flex justify-center\">\n                <CalendarGrid className=\"w-full text-center\">\n                  <CalendarGridHeader>\n                    {(day) => (\n                      <CalendarHeaderCell className=\"font-normal text-neutral-5\">\n                        {day}\n                      </CalendarHeaderCell>\n                    )}\n                  </CalendarGridHeader>\n                  <CalendarGridBody>\n                    {(date) => (\n                      <CalendarCell\n                        date={date}\n                        className={({\n                          isDisabled,\n                          isFocused,\n                          isHovered,\n                          isInvalid,\n                          isOutsideMonth,\n                          isSelected,\n                          isUnavailable,\n                        }) =>\n                          twMerge(\n                            dateCellStyles({\n                              isSelected,\n                              isFocused,\n                              isInvalid,\n                              isHovered,\n                              isUnavailable,\n                              isDisabled,\n                              isOutsideMonth,\n                            }),\n                          )\n                        }\n                      />\n                    )}\n                  </CalendarGridBody>\n                </CalendarGrid>\n              </div>\n            </>\n          )}\n        </Calendar>\n      </Popover>\n    </AriaDatePicker>\n  );\n};\n\nfunction DateHeader({ state }: { state: CalendarState }) {\n  return (\n    <header className=\"flex items-center justify-between gap-3\">\n      <div className=\"flex\">\n        <Button\n          variant=\"ghost\"\n          color=\"monochrome\"\n          slot=\"previous\"\n          isDisabled={state.focusedDate.year === state.minValue?.year}\n          size=\"small\"\n          onPress={() => {\n            const currentDateLastYear = state.focusedDate.subtract({ years: 1 });\n            state.setFocusedDate(currentDateLastYear);\n          }}\n        >\n          <SvgIcon name=\"chevrons-left\" className=\"h-4 w-4\" />\n        </Button>\n        <Button\n          slot=\"previous\"\n          variant=\"ghost\"\n          color=\"monochrome\"\n          size=\"small\"\n          isDisabled={\n            state.focusedDate.year === state.minValue?.year &&\n            state.focusedDate.month === state.minValue?.month\n          }\n        >\n          <SvgIcon name=\"chevron-left\" className=\"h-4 w-4\" />\n        </Button>\n      </div>\n      <Text variant=\"heading-4\" elementType=\"span\" className=\"grow text-center\">\n        <Heading className=\"w-full grow text-center leading-snug  max-[367px]:text-base  sm:min-w-[180px]\" />\n      </Text>\n      <div className=\"right-buttons flex\">\n        <Button\n          slot=\"next\"\n          variant=\"ghost\"\n          color=\"monochrome\"\n          size=\"small\"\n          isDisabled={\n            state.focusedDate.year === state.maxValue?.year &&\n            state.focusedDate.month === state.maxValue?.month\n          }\n        >\n          <SvgIcon name=\"chevron-right\" className=\"h-4 w-4\" />\n        </Button>\n        <Button\n          variant=\"ghost\"\n          color=\"monochrome\"\n          slot=\"next\"\n          size=\"small\"\n          isDisabled={state.focusedDate.year === state.maxValue?.year}\n          onPress={() => {\n            const currentDateLastYear = state.focusedDate.add({ years: 1 });\n            state.setFocusedDate(currentDateLastYear);\n          }}\n        >\n          <SvgIcon name=\"chevrons-right\" className=\"h-4 w-4\" />\n        </Button>\n      </div>\n    </header>\n  );\n}\n\nexport const DatePicker = fixedForwardRef(_DatePicker);\n"],"names":["_DatePicker","className","description","endSlot","errorMessage","fullWidth","granularity","label","optionalLabel","size","props","ref","isDisabled","isInvalid","isRequired","fieldIsFocused","setFieldIsFocused","useState","fieldIsHovered","setFieldIsHovered","jsxs","AriaDatePicker","sharedInputFieldWrapperStyles","cx","jsx","Label","sharedInputlabelStyles","sharedInputHintStyles","Group","twMerge","sharedInputFieldStyles","AriaButton","SvgIcon","DateInput","sharedInputStyles","segment","DateSegment","Text","Popover","Calendar","state","Fragment","DateHeader","CalendarGrid","CalendarGridHeader","day","CalendarHeaderCell","CalendarGridBody","date","CalendarCell","isFocused","isHovered","isOutsideMonth","isSelected","isUnavailable","dateCellStyles","Button","_a","currentDateLastYear","_b","_c","Heading","_d","_e","_f","DatePicker","fixedForwardRef"],"mappings":"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"}

package/dist/lyra150.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra99.cjs");require("./lyra106.cjs");const e=t.cva(["lyra-list-box","py-[--list-box-item-padding-y]","ps-[--list-box-item-padding-start]","pe-[--list-box-item-padding-end]","flex","bg-[--list-box-item-bg-color]","text-[--list-box-item-text-color]","text-[--list-box-item-text-size]","font-[--list-box-item-text-weight]","rounded-[--list-box-item-radius]","outline-none"],{variants:{active:{true:["bg-[--list-box-item-bg-color-active]","text-[--list-box-item-text-color-active]"]},selected:{true:[]},disabled:{true:["text-[--list-box-item-text-color-disabled]","bg-[--list-box-item-bg-color-disabled]","cursor-not-allowed"]}}});exports.listBoxItemStyles=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra67.cjs"),o=require("./lyra68.cjs"),n=require("react"),c=require("./lyra151.cjs");function s(t,e){let{role:a="dialog"}=t,r=i.useSlotId();r=t["aria-label"]?void 0:r;let l=n.useRef(!1);return n.useEffect(()=>{if(e.current&&!e.current.contains(document.activeElement)){o.focusSafely(e.current);let u=setTimeout(()=>{document.activeElement===e.current&&(l.current=!0,e.current.blur(),o.focusSafely(e.current),l.current=!1)},500);return()=>{clearTimeout(u)}}},[e]),c.useOverlayFocusContain(),{dialogProps:{...i.filterDOMProps(t,{labelable:!0}),role:a,tabIndex:-1,"aria-labelledby":t["aria-labelledby"]||r,onBlur:u=>{l.current&&u.stopPropagation()}},titleProps:{id:r}}}exports.useDialog=s;

package/dist/lyra150.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra150.cjs","sources":["../src/components/list-box/list-box-styles2.ts"],"sourcesContent":["import { cva } from \"../../utils/class-variance-authority\";\n\nimport \"./list-box-vars.css\";\n// Temp file that wii be named to list-box.styles.ts when select is ready for release.\n\nexport const listBoxStyles = cva(\n  [\n    \"lyra-list-box\",\n    \"flex\",\n    \"flex-col\",\n    \"gap-y-[--list-box-row-gap]\",\n    \"w-full\",\n    \"px-[--list-box-padding-x]\",\n    \"py-[--list-box-padding-y]\",\n    \"outline-none\",\n    \"max-h-96\",\n    \"overflow-auto\",\n  ],\n  {\n    variants: {},\n  },\n);\n\nexport const listBoxItemStyles = cva(\n  [\n    \"lyra-list-box\",\n    \"py-[--list-box-item-padding-y]\",\n    \"ps-[--list-box-item-padding-start]\",\n    \"pe-[--list-box-item-padding-end]\",\n    \"flex\",\n    \"bg-[--list-box-item-bg-color]\",\n    \"text-[--list-box-item-text-color]\",\n    \"text-[--list-box-item-text-size]\",\n    \"font-[--list-box-item-text-weight]\",\n    \"rounded-[--list-box-item-radius]\",\n    \"outline-none\",\n  ],\n  {\n    variants: {\n      active: {\n        true: [\"bg-[--list-box-item-bg-color-active]\", \"text-[--list-box-item-text-color-active]\"],\n      },\n      selected: {\n        true: [],\n      },\n      disabled: {\n        true: [\n          \"text-[--list-box-item-text-color-disabled]\",\n          \"bg-[--list-box-item-bg-color-disabled]\",\n          \"cursor-not-allowed\",\n        ],\n      },\n    },\n  },\n);\n"],"names":["listBoxItemStyles","cva"],"mappings":"yIAuBO,MAAMA,EAAoBC,EAAA,IAC/B,CACE,gBACA,iCACA,qCACA,mCACA,OACA,gCACA,oCACA,mCACA,qCACA,mCACA,cACF,EACA,CACE,SAAU,CACR,OAAQ,CACN,KAAM,CAAC,uCAAwC,0CAA0C,CAC3F,EACA,SAAU,CACR,KAAM,CAAC,CACT,EACA,SAAU,CACR,KAAM,CACJ,6CACA,yCACA,oBACF,CACF,CACF,CACF,CACF"}
+{"version":3,"file":"lyra150.cjs","sources":["../node_modules/@react-aria/dialog/dist/import.mjs"],"sourcesContent":["import {useSlotId as $m1DSs$useSlotId, filterDOMProps as $m1DSs$filterDOMProps} from \"@react-aria/utils\";\nimport {focusSafely as $m1DSs$focusSafely} from \"@react-aria/focus\";\nimport {useRef as $m1DSs$useRef, useEffect as $m1DSs$useEffect} from \"react\";\nimport {useOverlayFocusContain as $m1DSs$useOverlayFocusContain} from \"@react-aria/overlays\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ /*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\nfunction $40df3f8667284809$export$d55e7ee900f34e93(props, ref) {\n    let { role: role = \"dialog\" } = props;\n    let titleId = (0, $m1DSs$useSlotId)();\n    titleId = props[\"aria-label\"] ? undefined : titleId;\n    let isRefocusing = (0, $m1DSs$useRef)(false);\n    // Focus the dialog itself on mount, unless a child element is already focused.\n    (0, $m1DSs$useEffect)(()=>{\n        if (ref.current && !ref.current.contains(document.activeElement)) {\n            (0, $m1DSs$focusSafely)(ref.current);\n            // Safari on iOS does not move the VoiceOver cursor to the dialog\n            // or announce that it has opened until it has rendered. A workaround\n            // is to wait for half a second, then blur and re-focus the dialog.\n            let timeout = setTimeout(()=>{\n                if (document.activeElement === ref.current) {\n                    isRefocusing.current = true;\n                    ref.current.blur();\n                    (0, $m1DSs$focusSafely)(ref.current);\n                    isRefocusing.current = false;\n                }\n            }, 500);\n            return ()=>{\n                clearTimeout(timeout);\n            };\n        }\n    }, [\n        ref\n    ]);\n    (0, $m1DSs$useOverlayFocusContain)();\n    // We do not use aria-modal due to a Safari bug which forces the first focusable element to be focused\n    // on mount when inside an iframe, no matter which element we programmatically focus.\n    // See https://bugs.webkit.org/show_bug.cgi?id=211934.\n    // useModal sets aria-hidden on all elements outside the dialog, so the dialog will behave as a modal\n    // even without aria-modal on the dialog itself.\n    return {\n        dialogProps: {\n            ...(0, $m1DSs$filterDOMProps)(props, {\n                labelable: true\n            }),\n            role: role,\n            tabIndex: -1,\n            \"aria-labelledby\": props[\"aria-labelledby\"] || titleId,\n            // Prevent blur events from reaching useOverlay, which may cause\n            // popovers to close. Since focus is contained within the dialog,\n            // we don't want this to occur due to the above useEffect.\n            onBlur: (e)=>{\n                if (isRefocusing.current) e.stopPropagation();\n            }\n        },\n        titleProps: {\n            id: titleId\n        }\n    };\n}\n\n\n\n\nexport {$40df3f8667284809$export$d55e7ee900f34e93 as useDialog};\n//# sourceMappingURL=module.js.map\n"],"names":["$40df3f8667284809$export$d55e7ee900f34e93","props","ref","role","titleId","$m1DSs$useSlotId","isRefocusing","$m1DSs$useRef","$m1DSs$useEffect","$m1DSs$focusSafely","timeout","$m1DSs$useOverlayFocusContain","$m1DSs$filterDOMProps","e"],"mappings":"wLA6BA,SAASA,EAA0CC,EAAOC,EAAK,CAC3D,GAAI,CAAE,KAAMC,EAAO,QAAQ,EAAKF,EAC5BG,EAAcC,EAAAA,YAClBD,EAAUH,EAAM,YAAY,EAAI,OAAYG,EAC5C,IAAIE,EAAmBC,SAAe,EAAK,EAE3C,OAAIC,EAAgB,UAAE,IAAI,CACtB,GAAIN,EAAI,SAAW,CAACA,EAAI,QAAQ,SAAS,SAAS,aAAa,EAAG,CAC1DO,EAAkB,YAAEP,EAAI,OAAO,EAInC,IAAIQ,EAAU,WAAW,IAAI,CACrB,SAAS,gBAAkBR,EAAI,UAC/BI,EAAa,QAAU,GACvBJ,EAAI,QAAQ,OACRO,EAAkB,YAAEP,EAAI,OAAO,EACnCI,EAAa,QAAU,GAE9B,EAAE,GAAG,EACN,MAAO,IAAI,CACP,aAAaI,CAAO,CACpC,CACS,CACT,EAAO,CACCR,CACR,CAAK,EACGS,EAA6B,uBAAA,EAM1B,CACH,YAAa,CACT,GAAOC,EAAqB,eAAEX,EAAO,CACjC,UAAW,EAC3B,CAAa,EACD,KAAME,EACN,SAAU,GACV,kBAAmBF,EAAM,iBAAiB,GAAKG,EAI/C,OAASS,GAAI,CACLP,EAAa,SAASO,EAAE,gBAAe,CAC9C,CACJ,EACD,WAAY,CACR,GAAIT,CACP,CACT,CACA","x_google_ignoreList":[0]}

package/dist/lyra150.js

@@ -1,37 +1,43 @@
-import { cva as t } from "./lyra99.js";
-import "./lyra106.js";
-const o = t(
-  [
-    "lyra-list-box",
-    "py-[--list-box-item-padding-y]",
-    "ps-[--list-box-item-padding-start]",
-    "pe-[--list-box-item-padding-end]",
-    "flex",
-    "bg-[--list-box-item-bg-color]",
-    "text-[--list-box-item-text-color]",
-    "text-[--list-box-item-text-size]",
-    "font-[--list-box-item-text-weight]",
-    "rounded-[--list-box-item-radius]",
-    "outline-none"
-  ],
-  {
-    variants: {
-      active: {
-        true: ["bg-[--list-box-item-bg-color-active]", "text-[--list-box-item-text-color-active]"]
-      },
-      selected: {
-        true: []
-      },
-      disabled: {
-        true: [
-          "text-[--list-box-item-text-color-disabled]",
-          "bg-[--list-box-item-bg-color-disabled]",
-          "cursor-not-allowed"
-        ]
+import { useSlotId as u, filterDOMProps as i } from "./lyra67.js";
+import { focusSafely as l } from "./lyra68.js";
+import { useRef as n, useEffect as d } from "react";
+import { useOverlayFocusContain as f } from "./lyra151.js";
+function p(t, e) {
+  let { role: c = "dialog" } = t, r = u();
+  r = t["aria-label"] ? void 0 : r;
+  let o = n(!1);
+  return d(() => {
+    if (e.current && !e.current.contains(document.activeElement)) {
+      l(e.current);
+      let a = setTimeout(() => {
+        document.activeElement === e.current && (o.current = !0, e.current.blur(), l(e.current), o.current = !1);
+      }, 500);
+      return () => {
+        clearTimeout(a);
+      };
+    }
+  }, [
+    e
+  ]), f(), {
+    dialogProps: {
+      ...i(t, {
+        labelable: !0
+      }),
+      role: c,
+      tabIndex: -1,
+      "aria-labelledby": t["aria-labelledby"] || r,
+      // Prevent blur events from reaching useOverlay, which may cause
+      // popovers to close. Since focus is contained within the dialog,
+      // we don't want this to occur due to the above useEffect.
+      onBlur: (a) => {
+        o.current && a.stopPropagation();
       }
+    },
+    titleProps: {
+      id: r
     }
-  }
-);
+  };
+}
 export {
-  o as listBoxItemStyles
+  p as useDialog
 };

package/dist/lyra150.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra150.js","sources":["../src/components/list-box/list-box-styles2.ts"],"sourcesContent":["import { cva } from \"../../utils/class-variance-authority\";\n\nimport \"./list-box-vars.css\";\n// Temp file that wii be named to list-box.styles.ts when select is ready for release.\n\nexport const listBoxStyles = cva(\n  [\n    \"lyra-list-box\",\n    \"flex\",\n    \"flex-col\",\n    \"gap-y-[--list-box-row-gap]\",\n    \"w-full\",\n    \"px-[--list-box-padding-x]\",\n    \"py-[--list-box-padding-y]\",\n    \"outline-none\",\n    \"max-h-96\",\n    \"overflow-auto\",\n  ],\n  {\n    variants: {},\n  },\n);\n\nexport const listBoxItemStyles = cva(\n  [\n    \"lyra-list-box\",\n    \"py-[--list-box-item-padding-y]\",\n    \"ps-[--list-box-item-padding-start]\",\n    \"pe-[--list-box-item-padding-end]\",\n    \"flex\",\n    \"bg-[--list-box-item-bg-color]\",\n    \"text-[--list-box-item-text-color]\",\n    \"text-[--list-box-item-text-size]\",\n    \"font-[--list-box-item-text-weight]\",\n    \"rounded-[--list-box-item-radius]\",\n    \"outline-none\",\n  ],\n  {\n    variants: {\n      active: {\n        true: [\"bg-[--list-box-item-bg-color-active]\", \"text-[--list-box-item-text-color-active]\"],\n      },\n      selected: {\n        true: [],\n      },\n      disabled: {\n        true: [\n          \"text-[--list-box-item-text-color-disabled]\",\n          \"bg-[--list-box-item-bg-color-disabled]\",\n          \"cursor-not-allowed\",\n        ],\n      },\n    },\n  },\n);\n"],"names":["listBoxItemStyles","cva"],"mappings":";;AAuBO,MAAMA,IAAoBC;AAAA,EAC/B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,MAAM,CAAC,wCAAwC,0CAA0C;AAAA,MAC3F;AAAA,MACA,UAAU;AAAA,QACR,MAAM,CAAC;AAAA,MACT;AAAA,MACA,UAAU;AAAA,QACR,MAAM;AAAA,UACJ;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;"}
+{"version":3,"file":"lyra150.js","sources":["../node_modules/@react-aria/dialog/dist/import.mjs"],"sourcesContent":["import {useSlotId as $m1DSs$useSlotId, filterDOMProps as $m1DSs$filterDOMProps} from \"@react-aria/utils\";\nimport {focusSafely as $m1DSs$focusSafely} from \"@react-aria/focus\";\nimport {useRef as $m1DSs$useRef, useEffect as $m1DSs$useEffect} from \"react\";\nimport {useOverlayFocusContain as $m1DSs$useOverlayFocusContain} from \"@react-aria/overlays\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ /*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\nfunction $40df3f8667284809$export$d55e7ee900f34e93(props, ref) {\n    let { role: role = \"dialog\" } = props;\n    let titleId = (0, $m1DSs$useSlotId)();\n    titleId = props[\"aria-label\"] ? undefined : titleId;\n    let isRefocusing = (0, $m1DSs$useRef)(false);\n    // Focus the dialog itself on mount, unless a child element is already focused.\n    (0, $m1DSs$useEffect)(()=>{\n        if (ref.current && !ref.current.contains(document.activeElement)) {\n            (0, $m1DSs$focusSafely)(ref.current);\n            // Safari on iOS does not move the VoiceOver cursor to the dialog\n            // or announce that it has opened until it has rendered. A workaround\n            // is to wait for half a second, then blur and re-focus the dialog.\n            let timeout = setTimeout(()=>{\n                if (document.activeElement === ref.current) {\n                    isRefocusing.current = true;\n                    ref.current.blur();\n                    (0, $m1DSs$focusSafely)(ref.current);\n                    isRefocusing.current = false;\n                }\n            }, 500);\n            return ()=>{\n                clearTimeout(timeout);\n            };\n        }\n    }, [\n        ref\n    ]);\n    (0, $m1DSs$useOverlayFocusContain)();\n    // We do not use aria-modal due to a Safari bug which forces the first focusable element to be focused\n    // on mount when inside an iframe, no matter which element we programmatically focus.\n    // See https://bugs.webkit.org/show_bug.cgi?id=211934.\n    // useModal sets aria-hidden on all elements outside the dialog, so the dialog will behave as a modal\n    // even without aria-modal on the dialog itself.\n    return {\n        dialogProps: {\n            ...(0, $m1DSs$filterDOMProps)(props, {\n                labelable: true\n            }),\n            role: role,\n            tabIndex: -1,\n            \"aria-labelledby\": props[\"aria-labelledby\"] || titleId,\n            // Prevent blur events from reaching useOverlay, which may cause\n            // popovers to close. Since focus is contained within the dialog,\n            // we don't want this to occur due to the above useEffect.\n            onBlur: (e)=>{\n                if (isRefocusing.current) e.stopPropagation();\n            }\n        },\n        titleProps: {\n            id: titleId\n        }\n    };\n}\n\n\n\n\nexport {$40df3f8667284809$export$d55e7ee900f34e93 as useDialog};\n//# sourceMappingURL=module.js.map\n"],"names":["$40df3f8667284809$export$d55e7ee900f34e93","props","ref","role","titleId","$m1DSs$useSlotId","isRefocusing","$m1DSs$useRef","$m1DSs$useEffect","$m1DSs$focusSafely","timeout","$m1DSs$useOverlayFocusContain","$m1DSs$filterDOMProps","e"],"mappings":";;;;AA6BA,SAASA,EAA0CC,GAAOC,GAAK;AAC3D,MAAI,EAAE,MAAMC,IAAO,SAAQ,IAAKF,GAC5BG,IAAcC;AAClB,EAAAD,IAAUH,EAAM,YAAY,IAAI,SAAYG;AAC5C,MAAIE,IAAmBC,EAAe,EAAK;AAE3C,SAAIC,EAAkB,MAAI;AACtB,QAAIN,EAAI,WAAW,CAACA,EAAI,QAAQ,SAAS,SAAS,aAAa,GAAG;AAC9D,MAAIO,EAAoBP,EAAI,OAAO;AAInC,UAAIQ,IAAU,WAAW,MAAI;AACzB,QAAI,SAAS,kBAAkBR,EAAI,YAC/BI,EAAa,UAAU,IACvBJ,EAAI,QAAQ,QACRO,EAAoBP,EAAI,OAAO,GACnCI,EAAa,UAAU;AAAA,MAE9B,GAAE,GAAG;AACN,aAAO,MAAI;AACP,qBAAaI,CAAO;AAAA,MACpC;AAAA,IACS;AAAA,EACT,GAAO;AAAA,IACCR;AAAA,EACR,CAAK,GACGS,EAA6B,GAM1B;AAAA,IACH,aAAa;AAAA,MACT,GAAOC,EAAuBX,GAAO;AAAA,QACjC,WAAW;AAAA,MAC3B,CAAa;AAAA,MACD,MAAME;AAAA,MACN,UAAU;AAAA,MACV,mBAAmBF,EAAM,iBAAiB,KAAKG;AAAA;AAAA;AAAA;AAAA,MAI/C,QAAQ,CAACS,MAAI;AACT,QAAIP,EAAa,WAASO,EAAE,gBAAe;AAAA,MAC9C;AAAA,IACJ;AAAA,IACD,YAAY;AAAA,MACR,IAAIT;AAAA,IACP;AAAA,EACT;AACA;","x_google_ignoreList":[0]}

package/dist/lyra151.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra54.cjs"),c=require("react"),v=require("./lyra39.cjs");require("./lyra40.cjs");const b=require("./lyra41.cjs");require("./lyra42.cjs");const h=require("./lyra138.cjs"),g=require("./lyra96.cjs"),E=require("./lyra63.cjs"),T=require("./lyra60.cjs"),P=require("./lyra86.cjs");function _(s){const o=c.useRef(null),t=h.useListState(s),{gridProps:r}=g.useTagGroup(s,t,o);return e.jsxRuntimeExports.jsx("div",{className:"tag-group",children:e.jsxRuntimeExports.jsx("div",{...r,ref:o,className:"flex w-fit flex-wrap gap-2",children:[...t.collection].map(n=>e.jsxRuntimeExports.jsx($,{item:n,state:t},n.key))})})}function $(s){const{item:o,state:t}=s,r=c.useRef(null),{hoverProps:n,isHovered:a}=E.useHover({}),{allowsRemoving:f,gridCellProps:i,isDisabled:l,isFocused:m,removeButtonProps:j,rowProps:R}=g.useTag(s,t,r),x=c.useRef(null),{buttonProps:q}=T.useButton(j,x);return e.jsxRuntimeExports.jsx("div",{ref:r,...R,...n,className:b.tagStyles({isFocused:m,isHovered:a,isDisabled:l}),"data-focus":m,"data-is-hovered":a,"data-is-disabled":l,onClick:u=>{u.stopPropagation()},children:e.jsxRuntimeExports.jsxs("div",{...i,className:"flex items-center gap-1",onClick:u=>{var d,p;(d=r.current)==null||d.focus(),(p=i.onClick)==null||p.call(i,u)},children:[o.rendered,f&&e.jsxRuntimeExports.jsx("span",{role:"button",ref:x,tabIndex:-1,...q,children:e.jsxRuntimeExports.jsx(v.SvgIcon,{name:"cross",className:"h-3 w-3"})})]})})}const w=P.Item;exports.TagGroup=_;exports.TagItem=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Te=require("./lyra197.cjs"),Se=require("./lyra198.cjs"),Le=require("./lyra199.cjs"),Oe=require("./lyra200.cjs"),Re=require("./lyra201.cjs"),Ie=require("./lyra202.cjs"),qe=require("./lyra203.cjs"),Me=require("./lyra204.cjs"),He=require("./lyra205.cjs"),Fe=require("./lyra206.cjs"),Ae=require("./lyra207.cjs"),Ne=require("./lyra208.cjs"),De=require("./lyra209.cjs"),ke=require("./lyra210.cjs"),We=require("./lyra211.cjs"),ze=require("./lyra212.cjs"),Be=require("./lyra213.cjs"),Ke=require("./lyra214.cjs"),_e=require("./lyra215.cjs"),Ue=require("./lyra216.cjs"),Ve=require("./lyra217.cjs"),Ge=require("./lyra218.cjs"),Ye=require("./lyra219.cjs"),Xe=require("./lyra220.cjs"),je=require("./lyra221.cjs"),Je=require("./lyra222.cjs"),Ze=require("./lyra223.cjs"),Qe=require("./lyra224.cjs"),et=require("./lyra225.cjs"),tt=require("./lyra226.cjs"),ot=require("./lyra227.cjs"),rt=require("./lyra228.cjs"),nt=require("./lyra229.cjs"),lt=require("./lyra230.cjs"),m=require("react"),E=require("./lyra67.cjs"),ae=require("./lyra68.cjs"),U=require("./lyra69.cjs"),se=require("react-dom"),ce=require("./lyra155.cjs"),it=require("./lyra231.cjs"),V=require("./lyra232.cjs"),ue=require("./lyra57.cjs");function at(t){return t&&t.__esModule?t.default:t}const Z={top:"top",bottom:"top",left:"left",right:"left"},k={top:"bottom",bottom:"top",left:"right",right:"left"},st={top:"left",left:"top"},G={top:"height",left:"width"},ct={width:"totalWidth",height:"totalHeight"},N={};let R=typeof document<"u"&&window.visualViewport;function Q(t){let e=0,o=0,r=0,n=0,a=0,c=0,l={};if(t.tagName==="BODY"){let i=document.documentElement;r=i.clientWidth,n=i.clientHeight;var u;e=(u=R==null?void 0:R.width)!==null&&u!==void 0?u:r;var s;o=(s=R==null?void 0:R.height)!==null&&s!==void 0?s:n,l.top=i.scrollTop||t.scrollTop,l.left=i.scrollLeft||t.scrollLeft}else({width:e,height:o,top:a,left:c}=q(t)),l.top=t.scrollTop,l.left=t.scrollLeft,r=e,n=o;return{width:e,height:o,totalWidth:r,totalHeight:n,scroll:l,top:a,left:c}}function ut(t){return{top:t.scrollTop,left:t.scrollLeft,width:t.scrollWidth,height:t.scrollHeight}}function ee(t,e,o,r,n,a){let c=n.scroll[t],l=r[G[t]],u=e-a-c,s=e+a-c+o;return u<0?-u:s>l?Math.max(l-s,-u):0}function dt(t){let e=window.getComputedStyle(t);return{top:parseInt(e.marginTop,10)||0,bottom:parseInt(e.marginBottom,10)||0,left:parseInt(e.marginLeft,10)||0,right:parseInt(e.marginRight,10)||0}}function te(t){if(N[t])return N[t];let[e,o]=t.split(" "),r=Z[e]||"right",n=st[r];Z[o]||(o="center");let a=G[r],c=G[n];return N[t]={placement:e,crossPlacement:o,axis:r,crossAxis:n,size:a,crossSize:c},N[t]}function B(t,e,o,r,n,a,c,l,u,s){let{placement:i,crossPlacement:$,axis:f,crossAxis:p,size:d,crossSize:g}=r,v={};v[p]=t[p],$==="center"?v[p]+=(t[g]-o[g])/2:$!==p&&(v[p]+=t[g]-o[g]),v[p]+=a;const w=t[p]-o[g]+u+s,h=t[p]+t[g]-u-s;if(v[p]=V.clamp(v[p],w,h),i===f){const b=l?c[d]:e[ct[d]];v[k[f]]=Math.floor(b-t[f]+n)}else v[f]=Math.floor(t[f]+t[d]+n);return v}function ft(t,e,o,r,n,a){return t.top!=null?Math.max(0,e.height+e.top+e.scroll.top-(o.top+t.top)-(n.top+n.bottom+a)):Math.max(0,r.top+o.top-(e.top+e.scroll.top)-(n.top+n.bottom+a))}function oe(t,e,o,r,n,a){let{placement:c,axis:l,size:u}=a;return c===l?Math.max(0,o[l]-t[l]-t.scroll[l]+e[l]-r[l]-r[k[l]]-n):Math.max(0,t[u]+t[l]+t.scroll[l]-e[l]-o[l]-o[u]-r[l]-r[k[l]]-n)}function pt(t,e,o,r,n,a,c,l,u,s,i,$,f,p,d,g){let v=te(t),{size:w,crossAxis:h,crossSize:b,placement:S,crossPlacement:O}=v,C=B(e,l,o,v,i,$,s,f,d,g),P=i,x=oe(l,s,e,n,a+i,v);if(c&&r[w]>x){let z=te(`${k[S]} ${O}`),ye=B(e,l,o,z,i,$,s,f,d,g);oe(l,s,e,n,a+i,z)>x&&(v=z,C=ye,P=i)}let M=ee(h,C[h],o[b],l,u,a);C[h]+=M;let A=ft(C,l,s,e,n,a);p&&p<A&&(A=p),o.height=Math.min(o.height,A),C=B(e,l,o,v,P,$,s,f,d,g),M=ee(h,C[h],o[b],l,u,a),C[h]+=M;let W={},Ee=e[h]+.5*e[b]-o[h];const be=d/2+g,we=o[b]-d/2-g,Pe=e[h]-o[h]+d/2,Ce=e[h]+e[b]-o[h]-d/2,xe=V.clamp(Ee,Pe,Ce);return W[h]=V.clamp(xe,be,we),{position:C,maxHeight:A,arrowOffsetLeft:W.left,arrowOffsetTop:W.top,placement:v.placement}}function mt(t){let{placement:e,targetNode:o,overlayNode:r,scrollNode:n,padding:a,shouldFlip:c,boundaryElement:l,offset:u,crossOffset:s,maxHeight:i,arrowSize:$=0,arrowBoundaryOffset:f=0}=t,p=r instanceof HTMLElement?$t(r):document.documentElement,d=p===document.documentElement;const g=window.getComputedStyle(p).position;let v=!!g&&g!=="static",w=d?q(o):re(o,p);if(!d){let{marginTop:x,marginLeft:M}=window.getComputedStyle(o);w.top+=parseInt(x,10)||0,w.left+=parseInt(M,10)||0}let h=q(r),b=dt(r);h.width+=b.left+b.right,h.height+=b.top+b.bottom;let S=ut(n),O=Q(l),C=Q(p),P=l.tagName==="BODY"?q(p):re(p,l);return pt(e,w,h,S,b,a,c,O,C,P,u,s,v,i,$,f)}function q(t){let{top:e,left:o,width:r,height:n}=t.getBoundingClientRect(),{scrollTop:a,scrollLeft:c,clientTop:l,clientLeft:u}=document.documentElement;return{top:e+a-l,left:o+c-u,width:r,height:n}}function re(t,e){let o=window.getComputedStyle(t),r;if(o.position==="fixed"){let{top:n,left:a,width:c,height:l}=t.getBoundingClientRect();r={top:n,left:a,width:c,height:l}}else{r=q(t);let n=q(e),a=window.getComputedStyle(e);n.top+=(parseInt(a.borderTopWidth,10)||0)-e.scrollTop,n.left+=(parseInt(a.borderLeftWidth,10)||0)-e.scrollLeft,r.top-=n.top,r.left-=n.left}return r.top-=parseInt(o.marginTop,10)||0,r.left-=parseInt(o.marginLeft,10)||0,r}function $t(t){let e=t.offsetParent;if(e&&e===document.body&&window.getComputedStyle(e).position==="static"&&!ne(e)&&(e=document.documentElement),e==null)for(e=t.parentElement;e&&!ne(e);)e=e.parentElement;return e||document.documentElement}function ne(t){let e=window.getComputedStyle(t);return e.transform!=="none"||/transform|perspective/.test(e.willChange)||e.filter!=="none"||e.contain==="paint"||"backdropFilter"in e&&e.backdropFilter!=="none"||"WebkitBackdropFilter"in e&&e.WebkitBackdropFilter!=="none"}const de=new WeakMap;function vt(t){let{triggerRef:e,isOpen:o,onClose:r}=t;m.useEffect(()=>{if(!o||r===null)return;let n=a=>{let c=a.target;if(!e.current||c instanceof Node&&!c.contains(e.current))return;let l=r||de.get(e.current);l&&l()};return window.addEventListener("scroll",n,!0),()=>{window.removeEventListener("scroll",n,!0)}},[o,r,e])}let y=typeof document<"u"&&window.visualViewport;function fe(t){let{direction:e}=ue.useLocale(),{arrowSize:o=0,targetRef:r,overlayRef:n,scrollRef:a=n,placement:c="bottom",containerPadding:l=12,shouldFlip:u=!0,boundaryElement:s=typeof document<"u"?document.body:null,offset:i=0,crossOffset:$=0,shouldUpdatePosition:f=!0,isOpen:p=!0,onClose:d,maxHeight:g,arrowBoundaryOffset:v=0}=t,[w,h]=m.useState({position:{},arrowOffsetLeft:void 0,arrowOffsetTop:void 0,maxHeight:void 0,placement:void 0}),b=[f,c,n.current,r.current,a.current,l,u,s,i,$,p,e,g,v,o],S=m.useCallback(()=>{if(f===!1||!p||!n.current||!r.current||!a.current||!s)return;let P=mt({placement:gt(c,e),overlayNode:n.current,targetNode:r.current,scrollNode:a.current,padding:l,shouldFlip:u,boundaryElement:s,offset:i,crossOffset:$,maxHeight:g,arrowSize:o,arrowBoundaryOffset:v});Object.keys(P.position).forEach(x=>n.current.style[x]=P.position[x]+"px"),n.current.style.maxHeight=P.maxHeight!=null?P.maxHeight+"px":void 0,h(P)},b);E.useLayoutEffect(S,b),ht(S),E.useResizeObserver({ref:n,onResize:S});let O=m.useRef(!1);E.useLayoutEffect(()=>{let P,x=()=>{O.current=!0,clearTimeout(P),P=setTimeout(()=>{O.current=!1},500),S()};return y==null||y.addEventListener("resize",x),y==null||y.addEventListener("scroll",x),()=>{y==null||y.removeEventListener("resize",x),y==null||y.removeEventListener("scroll",x)}},[S]);let C=m.useCallback(()=>{O.current||d()},[d,O]);return vt({triggerRef:r,isOpen:p,onClose:d&&C}),{overlayProps:{style:{position:"absolute",zIndex:1e5,...w.position,maxHeight:w.maxHeight}},placement:w.placement,arrowProps:{"aria-hidden":"true",role:"presentation",style:{left:w.arrowOffsetLeft,top:w.arrowOffsetTop}},updatePosition:S}}function ht(t){E.useLayoutEffect(()=>(window.addEventListener("resize",t,!1),()=>{window.removeEventListener("resize",t,!1)}),[t])}function gt(t,e){return e==="rtl"?t.replace("start","right").replace("end","left"):t.replace("start","left").replace("end","right")}const L=[];function X(t,e){let{onClose:o,shouldCloseOnBlur:r,isOpen:n,isDismissable:a=!1,isKeyboardDismissDisabled:c=!1,shouldCloseOnInteractOutside:l}=t;m.useEffect(()=>(n&&L.push(e),()=>{let d=L.indexOf(e);d>=0&&L.splice(d,1)}),[n,e]);let u=()=>{L[L.length-1]===e&&o&&o()},s=d=>{(!l||l(d.target))&&L[L.length-1]===e&&(d.stopPropagation(),d.preventDefault())},i=d=>{(!l||l(d.target))&&(L[L.length-1]===e&&(d.stopPropagation(),d.preventDefault()),u())},$=d=>{d.key==="Escape"&&!c&&(d.stopPropagation(),d.preventDefault(),u())};U.useInteractOutside({ref:e,onInteractOutside:a&&n?i:null,onInteractOutsideStart:s});let{focusWithinProps:f}=U.useFocusWithin({isDisabled:!r,onBlurWithin:d=>{!d.relatedTarget||ae.isElementInChildOfActiveScope(d.relatedTarget)||(!l||l(d.relatedTarget))&&o()}}),p=d=>{d.target===d.currentTarget&&d.preventDefault()};return{overlayProps:{onKeyDown:$,...f},underlayProps:{onPointerDown:p}}}function Et(t,e,o){let{type:r}=t,{isOpen:n}=e;m.useEffect(()=>{o&&o.current&&de.set(o.current,e.close)});let a;r==="menu"?a=!0:r==="listbox"&&(a="listbox");let c=E.useId();return{triggerProps:{"aria-haspopup":a,"aria-expanded":n,"aria-controls":n?c:null,onPress:e.toggle},overlayProps:{id:c}}}const K=typeof document<"u"&&window.visualViewport,bt=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);let D=0,_;function j(t={}){let{isDisabled:e}=t;E.useLayoutEffect(()=>{if(!e)return D++,D===1&&(E.isIOS()?_=Pt():_=wt()),()=>{D--,D===0&&_()}},[e])}function wt(){return E.chain(I(document.documentElement,"paddingRight",`${window.innerWidth-document.documentElement.clientWidth}px`),I(document.documentElement,"overflow","hidden"))}function Pt(){let t,e,o=s=>{t=E.getScrollParent(s.target,!0),!(t===document.documentElement&&t===document.body)&&t instanceof HTMLElement&&window.getComputedStyle(t).overscrollBehavior==="auto"&&(e=I(t,"overscrollBehavior","contain"))},r=s=>{if(!t||t===document.documentElement||t===document.body){s.preventDefault();return}t.scrollHeight===t.clientHeight&&t.scrollWidth===t.clientWidth&&s.preventDefault()},n=s=>{let i=s.target;ie(i)&&i!==document.activeElement&&(s.preventDefault(),l(),i.style.transform="translateY(-2000px)",i.focus(),requestAnimationFrame(()=>{i.style.transform=""})),e&&e()},a=s=>{let i=s.target;ie(i)&&(l(),i.style.transform="translateY(-2000px)",requestAnimationFrame(()=>{i.style.transform="",K&&(K.height<window.innerHeight?requestAnimationFrame(()=>{le(i)}):K.addEventListener("resize",()=>le(i),{once:!0}))}))},c=null,l=()=>{if(c)return;let s=()=>{window.scrollTo(0,0)},i=window.pageXOffset,$=window.pageYOffset;c=E.chain(H(window,"scroll",s),I(document.documentElement,"paddingRight",`${window.innerWidth-document.documentElement.clientWidth}px`),I(document.documentElement,"overflow","hidden"),I(document.body,"marginTop",`-${$}px`),()=>{window.scrollTo(i,$)}),window.scrollTo(0,0)},u=E.chain(H(document,"touchstart",o,{passive:!1,capture:!0}),H(document,"touchmove",r,{passive:!1,capture:!0}),H(document,"touchend",n,{passive:!1,capture:!0}),H(document,"focus",a,!0));return()=>{e==null||e(),c==null||c(),u()}}function I(t,e,o){let r=t.style[e];return t.style[e]=o,()=>{t.style[e]=r}}function H(t,e,o,r){return t.addEventListener(e,o,r),()=>{t.removeEventListener(e,o,r)}}function le(t){let e=document.scrollingElement||document.documentElement;for(;t&&t!==e;){let o=E.getScrollParent(t);if(o!==document.documentElement&&o!==document.body&&o!==t){let r=o.getBoundingClientRect().top,n=t.getBoundingClientRect().top;n>r+t.clientHeight&&(o.scrollTop+=n-r)}t=o.parentElement}}function ie(t){return t instanceof HTMLInputElement&&!bt.has(t.type)||t instanceof HTMLTextAreaElement||t instanceof HTMLElement&&t.isContentEditable}const Y=m.createContext(null);function pe(t){let{children:e}=t,o=m.useContext(Y),[r,n]=m.useState(0),a=m.useMemo(()=>({parent:o,modalCount:r,addModal(){n(c=>c+1),o&&o.addModal()},removeModal(){n(c=>c-1),o&&o.removeModal()}}),[o,r]);return m.createElement(Y.Provider,{value:a},e)}function me(){let t=m.useContext(Y);return{modalProviderProps:{"aria-hidden":t&&t.modalCount>0?!0:null}}}function Ct(t){let{modalProviderProps:e}=me();return m.createElement("div",{"data-overlay-container":!0,...t,...e})}function $e(t){return m.createElement(pe,null,m.createElement(Ct,t))}function xt(t){let e=ce.useIsSSR(),{portalContainer:o=e?null:document.body,...r}=t;if(m.useEffect(()=>{if(o!=null&&o.closest("[data-overlay-container]"))throw new Error("An OverlayContainer must not be inside another container. Please change the portalContainer prop.")},[o]),!o)return null;let n=m.createElement($e,r);return se.createPortal(n,o)}var ve={};ve={"ar-AE":Te.default,"bg-BG":Se.default,"cs-CZ":Le.default,"da-DK":Oe.default,"de-DE":Re.default,"el-GR":Ie.default,"en-US":qe.default,"es-ES":Me.default,"et-EE":He.default,"fi-FI":Fe.default,"fr-FR":Ae.default,"he-IL":Ne.default,"hr-HR":De.default,"hu-HU":ke.default,"it-IT":We.default,"ja-JP":ze.default,"ko-KR":Be.default,"lt-LT":Ke.default,"lv-LV":_e.default,"nb-NO":Ue.default,"nl-NL":Ve.default,"pl-PL":Ge.default,"pt-BR":Ye.default,"pt-PT":Xe.default,"ro-RO":je.default,"ru-RU":Je.default,"sk-SK":Ze.default,"sl-SI":Qe.default,"sr-SP":et.default,"sv-SE":tt.default,"tr-TR":ot.default,"uk-UA":rt.default,"zh-CN":nt.default,"zh-TW":lt.default};function yt(t){let{onDismiss:e,...o}=t,r=ue.useLocalizedStringFormatter(at(ve),"@react-aria/overlays"),n=E.useLabels(o,r.format("dismiss")),a=()=>{e&&e()};return m.createElement(it.VisuallyHidden,null,m.createElement("button",{...n,tabIndex:-1,onClick:a,style:{width:1,height:1}}))}let F=new WeakMap,T=[];function J(t,e=document.body){let o=new Set(t),r=new Set,n=u=>{for(let f of u.querySelectorAll("[data-live-announcer], [data-react-aria-top-layer]"))o.add(f);let s=f=>{if(o.has(f)||r.has(f.parentElement)&&f.parentElement.getAttribute("role")!=="row")return NodeFilter.FILTER_REJECT;for(let p of o)if(f.contains(p))return NodeFilter.FILTER_SKIP;return NodeFilter.FILTER_ACCEPT},i=document.createTreeWalker(u,NodeFilter.SHOW_ELEMENT,{acceptNode:s}),$=s(u);if($===NodeFilter.FILTER_ACCEPT&&a(u),$!==NodeFilter.FILTER_REJECT){let f=i.nextNode();for(;f!=null;)a(f),f=i.nextNode()}},a=u=>{var s;let i=(s=F.get(u))!==null&&s!==void 0?s:0;u.getAttribute("aria-hidden")==="true"&&i===0||(i===0&&u.setAttribute("aria-hidden","true"),r.add(u),F.set(u,i+1))};T.length&&T[T.length-1].disconnect(),n(e);let c=new MutationObserver(u=>{for(let s of u)if(!(s.type!=="childList"||s.addedNodes.length===0)&&![...o,...r].some(i=>i.contains(s.target))){for(let i of s.removedNodes)i instanceof Element&&(o.delete(i),r.delete(i));for(let i of s.addedNodes)(i instanceof HTMLElement||i instanceof SVGElement)&&(i.dataset.liveAnnouncer==="true"||i.dataset.reactAriaTopLayer==="true")?o.add(i):i instanceof Element&&n(i)}});c.observe(e,{childList:!0,subtree:!0});let l={observe(){c.observe(e,{childList:!0,subtree:!0})},disconnect(){c.disconnect()}};return T.push(l),()=>{c.disconnect();for(let u of r){let s=F.get(u);s===1?(u.removeAttribute("aria-hidden"),F.delete(u)):F.set(u,s-1)}l===T[T.length-1]?(T.pop(),T.length&&T[T.length-1].observe()):T.splice(T.indexOf(l),1)}}function Tt(t,e){let{triggerRef:o,popoverRef:r,isNonModal:n,isKeyboardDismissDisabled:a,shouldCloseOnInteractOutside:c,...l}=t,{overlayProps:u,underlayProps:s}=X({isOpen:e.isOpen,onClose:e.close,shouldCloseOnBlur:!0,isDismissable:!n,isKeyboardDismissDisabled:a,shouldCloseOnInteractOutside:c},r),{overlayProps:i,arrowProps:$,placement:f}=fe({...l,targetRef:o,overlayRef:r,isOpen:e.isOpen,onClose:n?e.close:null});return j({isDisabled:n||!e.isOpen}),E.useLayoutEffect(()=>{if(e.isOpen&&!n&&r.current)return J([r.current])},[n,e.isOpen,r]),{popoverProps:E.mergeProps(u,i),arrowProps:$,underlayProps:s,placement:f}}const he=m.createContext(null);function St(t){let e=ce.useIsSSR(),{portalContainer:o=e?null:document.body,isExiting:r}=t,[n,a]=m.useState(!1),c=m.useMemo(()=>({contain:n,setContain:a}),[n,a]);if(!o)return null;let l=t.children;return t.disableFocusManagement||(l=m.createElement(ae.FocusScope,{restoreFocus:!0,contain:n&&!r},l)),l=m.createElement(he.Provider,{value:c},m.createElement(U.ClearPressResponder,null,l)),se.createPortal(l,o)}function ge(){let t=m.useContext(he),e=t==null?void 0:t.setContain;E.useLayoutEffect(()=>{e==null||e(!0)},[e])}function Lt(t,e,o){let{overlayProps:r,underlayProps:n}=X({...t,isOpen:e.isOpen,onClose:e.close},o);return j({isDisabled:!e.isOpen}),ge(),m.useEffect(()=>{if(e.isOpen)return J([o.current])},[e.isOpen,o]),{modalProps:E.mergeProps(r),underlayProps:n}}exports.DismissButton=yt;exports.ModalProvider=pe;exports.Overlay=St;exports.OverlayContainer=xt;exports.OverlayProvider=$e;exports.ariaHideOutside=J;exports.useModalOverlay=Lt;exports.useModalProvider=me;exports.useOverlay=X;exports.useOverlayFocusContain=ge;exports.useOverlayPosition=fe;exports.useOverlayTrigger=Et;exports.usePopover=Tt;exports.usePreventScroll=j;