@sparrowengg/integrations-templates-frontend 1.2.4

package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/calendar/calendar-timezone-picker.js

@@ -0,0 +1,240 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../node_modules/countries-and-timezones/esm/index.js');
+var React = require('react');
+var _import = require('../node_modules/@internationalized/date/dist/import.js');
+var box = require('../box/box.js');
+var button = require('../button/button.js');
+require('../button/icon-button.js');
+require('../button/split-button.js');
+var flex = require('../flex/flex.js');
+var input = require('../input/input.js');
+require('../input/form-input.js');
+var popover = require('../popover/popover.js');
+var stitches_config = require('../stitches.config.js');
+var text = require('../text/text.js');
+var calendarCommons = require('./calendar-commons.js');
+var calendarUtils = require('./calendar-utils.js');
+var chevronDown = require('../packages/react-icons/dist/es/icons/chevron-down.js');
+var search = require('../packages/react-icons/dist/es/icons/search.js');
+
+const CalendarTimezonePicker = ({
+  value,
+  calendarState,
+  onChange
+}) => {
+  const [popoverOpen, setPopoverOpen] = React.useState(false);
+  const [searchString, setSearchString] = React.useState("");
+  const [selectedTimezoneValue, setSelectedTimezoneValue] = React.useState(
+    (value == null ? void 0 : value.timeZone) || (calendarState == null ? void 0 : calendarState.timeZone) || Intl.DateTimeFormat().resolvedOptions().timeZone
+  );
+  const calendarContext = calendarUtils.useCalendarContext();
+  const listRef = React.useRef(null);
+  const buttonId = React.useId();
+  const timeZoneState = React.useMemo(() => {
+    if (!value) {
+      const timeObj = _import.toZoned(calendarState.value, selectedTimezoneValue);
+      return timeObj;
+    }
+    if (value instanceof _import.ZonedDateTime) {
+      return value;
+    }
+    return _import.toZoned(value, selectedTimezoneValue);
+  }, []);
+  const timeZoneList = React.useMemo(() => {
+    try {
+      const supportedTimezones = Intl.supportedValuesOf("timeZone");
+      const timeZones = supportedTimezones.map((timeZone) => {
+        const dateText = Intl.DateTimeFormat([], {
+          timeZone,
+          timeZoneName: "longOffset"
+        }).format(/* @__PURE__ */ new Date());
+        const countries = index.getCountriesForTimezone(timeZone);
+        const offset = dateText.split(", ").at(-1);
+        return {
+          timeZone,
+          offset,
+          label: `(${offset}) ${timeZone}`,
+          countries,
+          countryNames: countries.map((country) => country.name)
+        };
+      });
+      return timeZones;
+    } catch (error) {
+      console.log(error);
+      return [];
+    }
+  }, []);
+  const searchResults = React.useMemo(() => {
+    return timeZoneList.filter((timeZone) => {
+      return timeZone.label.toLowerCase().includes(searchString.toLowerCase()) || timeZone.countryNames.join(", ").toLowerCase().includes(searchString.toLowerCase());
+    });
+  }, [searchString]);
+  const selectedTimezoneObject = React.useMemo(() => {
+    return timeZoneList.find(
+      (timeZone) => timeZone.timeZone === selectedTimezoneValue
+    );
+  }, [selectedTimezoneValue, timeZoneList]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    popover.Popover,
+    {
+      open: popoverOpen,
+      onOpenChange: (nextOpenValue) => setPopoverOpen(nextOpenValue),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(popover.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+          button.Button,
+          {
+            color: "default",
+            size: calendarContext.size === "lg" ? "md" : "sm",
+            rightIcon: /* @__PURE__ */ jsxRuntime.jsx(chevronDown.ChevronDownIcon, {}),
+            id: buttonId,
+            children: selectedTimezoneObject == null ? void 0 : selectedTimezoneObject.offset
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          popover.PopoverContent,
+          {
+            css: {
+              width: "405px",
+              padding: 0,
+              border: "1px solid $neutral300"
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                box.Box,
+                {
+                  css: {
+                    padding: "$4"
+                  },
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    input.Input,
+                    {
+                      leftIcon: /* @__PURE__ */ jsxRuntime.jsx(search.SearchIcon, {}),
+                      size: "lg",
+                      variant: "filled",
+                      placeholder: "Search a country...",
+                      value: searchString,
+                      onChange: (e) => {
+                        setSearchString(e.target.value);
+                      },
+                      onKeyDown: (e) => {
+                        var _a;
+                        if (e.key === "ArrowDown") {
+                          e.preventDefault();
+                          const firstElement = (_a = listRef.current) == null ? void 0 : _a.querySelector(
+                            'button[role="menuitem"]'
+                          );
+                          if (firstElement) {
+                            firstElement.setAttribute("tabindex", "0");
+                            firstElement.focus();
+                          }
+                        }
+                      }
+                    }
+                  )
+                }
+              ),
+              selectedTimezoneObject && /* @__PURE__ */ jsxRuntime.jsxs(
+                flex.Flex,
+                {
+                  flexDirection: "column",
+                  gap: "$2",
+                  css: {
+                    padding: "$3 $6",
+                    backgroundColor: "$primary100",
+                    marginBottom: "$4"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      text.Text,
+                      {
+                        css: {
+                          lineHeight: "$sm"
+                        },
+                        children: selectedTimezoneObject.label
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      text.Text,
+                      {
+                        size: "xs",
+                        css: {
+                          color: "$neutral700",
+                          lineHeight: "$xxs"
+                        },
+                        children: "Current Time Zone"
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(StyledList, { role: "menu", "aria-labelledby": buttonId, ref: listRef, children: searchResults.map((timeZone) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+                calendarCommons.FieldButton,
+                {
+                  type: "button",
+                  role: "menuitem",
+                  color: "default",
+                  tabIndex: -1,
+                  css: {
+                    width: "100%",
+                    textAlign: "left",
+                    padding: "$3 $6",
+                    cursor: "pointer"
+                  },
+                  onKeyDown: (e) => {
+                    var _a, _b;
+                    if (e.key === "ArrowDown") {
+                      const nextListItem = (_a = e.currentTarget.parentElement) == null ? void 0 : _a.nextElementSibling;
+                      if (nextListItem) {
+                        e.preventDefault();
+                        const nextButton = nextListItem.querySelector(
+                          'button[role="menuitem"]'
+                        );
+                        e.currentTarget.setAttribute("tabindex", "-1");
+                        nextButton.setAttribute("tabindex", "0");
+                        nextButton.focus();
+                      }
+                    } else if (e.key === "ArrowUp") {
+                      const prevListItem = (_b = e.currentTarget.parentElement) == null ? void 0 : _b.previousElementSibling;
+                      if (prevListItem) {
+                        e.preventDefault();
+                        const prevButton = prevListItem.querySelector(
+                          'button[role="menuitem"]'
+                        );
+                        e.currentTarget.setAttribute("tabindex", "-1");
+                        prevButton.setAttribute("tabindex", "0");
+                        prevButton.focus();
+                      }
+                    }
+                  },
+                  onClick: () => {
+                    setSelectedTimezoneValue(timeZone.timeZone);
+                    setPopoverOpen(false);
+                    const updatedZonedTime = _import.toZoned(
+                      timeZoneState,
+                      timeZone.timeZone
+                    );
+                    if (onChange) {
+                      onChange(updatedZonedTime);
+                    }
+                  },
+                  children: timeZone.label
+                }
+              ) }, timeZone.label)) })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+const StyledList = stitches_config.styled("ul", {
+  maxHeight: "305px",
+  overflow: "auto",
+  padding: "$4 0",
+  borderTop: "var(--twigs-borderWidths-xs) solid $neutral100"
+});
+
+exports.CalendarTimezonePicker = CalendarTimezonePicker;
+//# sourceMappingURL=calendar-timezone-picker.js.map

package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/calendar/calendar-timezone-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-timezone-picker.js","sources":["../../../../../../../../../../node_modules/@sparrowengg/twigs-react/dist/es/calendar/calendar-timezone-picker.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { getCountriesForTimezone } from '../node_modules/countries-and-timezones/esm/index.js';\nimport { useState, useRef, useId, useMemo } from 'react';\nimport { toZoned as $11d87f3f76e88657$export$84c95a83c799e074, ZonedDateTime as $35ea8db9cb2ccb90$export$d3b7288e7994edea } from '../node_modules/@internationalized/date/dist/import.js';\nimport { Box } from '../box/box.js';\nimport { Button } from '../button/button.js';\nimport '../button/icon-button.js';\nimport '../button/split-button.js';\nimport { Flex } from '../flex/flex.js';\nimport { Input } from '../input/input.js';\nimport '../input/form-input.js';\nimport { Popover, PopoverTrigger, PopoverContent } from '../popover/popover.js';\nimport { styled } from '../stitches.config.js';\nimport { Text } from '../text/text.js';\nimport { FieldButton } from './calendar-commons.js';\nimport { useCalendarContext } from './calendar-utils.js';\nimport { ChevronDownIcon } from '../packages/react-icons/dist/es/icons/chevron-down.js';\nimport { SearchIcon } from '../packages/react-icons/dist/es/icons/search.js';\n\nconst CalendarTimezonePicker = ({\n  value,\n  calendarState,\n  onChange\n}) => {\n  const [popoverOpen, setPopoverOpen] = useState(false);\n  const [searchString, setSearchString] = useState(\"\");\n  const [selectedTimezoneValue, setSelectedTimezoneValue] = useState(\n    (value == null ? void 0 : value.timeZone) || (calendarState == null ? void 0 : calendarState.timeZone) || Intl.DateTimeFormat().resolvedOptions().timeZone\n  );\n  const calendarContext = useCalendarContext();\n  const listRef = useRef(null);\n  const buttonId = useId();\n  const timeZoneState = useMemo(() => {\n    if (!value) {\n      const timeObj = $11d87f3f76e88657$export$84c95a83c799e074(calendarState.value, selectedTimezoneValue);\n      return timeObj;\n    }\n    if (value instanceof $35ea8db9cb2ccb90$export$d3b7288e7994edea) {\n      return value;\n    }\n    return $11d87f3f76e88657$export$84c95a83c799e074(value, selectedTimezoneValue);\n  }, []);\n  const timeZoneList = useMemo(() => {\n    try {\n      const supportedTimezones = Intl.supportedValuesOf(\"timeZone\");\n      const timeZones = supportedTimezones.map((timeZone) => {\n        const dateText = Intl.DateTimeFormat([], {\n          timeZone,\n          timeZoneName: \"longOffset\"\n        }).format(/* @__PURE__ */ new Date());\n        const countries = getCountriesForTimezone(timeZone);\n        const offset = dateText.split(\", \").at(-1);\n        return {\n          timeZone,\n          offset,\n          label: `(${offset}) ${timeZone}`,\n          countries,\n          countryNames: countries.map((country) => country.name)\n        };\n      });\n      return timeZones;\n    } catch (error) {\n      console.log(error);\n      return [];\n    }\n  }, []);\n  const searchResults = useMemo(() => {\n    return timeZoneList.filter((timeZone) => {\n      return timeZone.label.toLowerCase().includes(searchString.toLowerCase()) || timeZone.countryNames.join(\", \").toLowerCase().includes(searchString.toLowerCase());\n    });\n  }, [searchString]);\n  const selectedTimezoneObject = useMemo(() => {\n    return timeZoneList.find(\n      (timeZone) => timeZone.timeZone === selectedTimezoneValue\n    );\n  }, [selectedTimezoneValue, timeZoneList]);\n  return /* @__PURE__ */ jsxs(\n    Popover,\n    {\n      open: popoverOpen,\n      onOpenChange: (nextOpenValue) => setPopoverOpen(nextOpenValue),\n      children: [\n        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(\n          Button,\n          {\n            color: \"default\",\n            size: calendarContext.size === \"lg\" ? \"md\" : \"sm\",\n            rightIcon: /* @__PURE__ */ jsx(ChevronDownIcon, {}),\n            id: buttonId,\n            children: selectedTimezoneObject == null ? void 0 : selectedTimezoneObject.offset\n          }\n        ) }),\n        /* @__PURE__ */ jsxs(\n          PopoverContent,\n          {\n            css: {\n              width: \"405px\",\n              padding: 0,\n              border: \"1px solid $neutral300\"\n            },\n            children: [\n              /* @__PURE__ */ jsx(\n                Box,\n                {\n                  css: {\n                    padding: \"$4\"\n                  },\n                  children: /* @__PURE__ */ jsx(\n                    Input,\n                    {\n                      leftIcon: /* @__PURE__ */ jsx(SearchIcon, {}),\n                      size: \"lg\",\n                      variant: \"filled\",\n                      placeholder: \"Search a country...\",\n                      value: searchString,\n                      onChange: (e) => {\n                        setSearchString(e.target.value);\n                      },\n                      onKeyDown: (e) => {\n                        var _a;\n                        if (e.key === \"ArrowDown\") {\n                          e.preventDefault();\n                          const firstElement = (_a = listRef.current) == null ? void 0 : _a.querySelector(\n                            'button[role=\"menuitem\"]'\n                          );\n                          if (firstElement) {\n                            firstElement.setAttribute(\"tabindex\", \"0\");\n                            firstElement.focus();\n                          }\n                        }\n                      }\n                    }\n                  )\n                }\n              ),\n              selectedTimezoneObject && /* @__PURE__ */ jsxs(\n                Flex,\n                {\n                  flexDirection: \"column\",\n                  gap: \"$2\",\n                  css: {\n                    padding: \"$3 $6\",\n                    backgroundColor: \"$primary100\",\n                    marginBottom: \"$4\"\n                  },\n                  children: [\n                    /* @__PURE__ */ jsx(\n                      Text,\n                      {\n                        css: {\n                          lineHeight: \"$sm\"\n                        },\n                        children: selectedTimezoneObject.label\n                      }\n                    ),\n                    /* @__PURE__ */ jsx(\n                      Text,\n                      {\n                        size: \"xs\",\n                        css: {\n                          color: \"$neutral700\",\n                          lineHeight: \"$xxs\"\n                        },\n                        children: \"Current Time Zone\"\n                      }\n                    )\n                  ]\n                }\n              ),\n              /* @__PURE__ */ jsx(StyledList, { role: \"menu\", \"aria-labelledby\": buttonId, ref: listRef, children: searchResults.map((timeZone) => /* @__PURE__ */ jsx(\"li\", { children: /* @__PURE__ */ jsx(\n                FieldButton,\n                {\n                  type: \"button\",\n                  role: \"menuitem\",\n                  color: \"default\",\n                  tabIndex: -1,\n                  css: {\n                    width: \"100%\",\n                    textAlign: \"left\",\n                    padding: \"$3 $6\",\n                    cursor: \"pointer\"\n                  },\n                  onKeyDown: (e) => {\n                    var _a, _b;\n                    if (e.key === \"ArrowDown\") {\n                      const nextListItem = (_a = e.currentTarget.parentElement) == null ? void 0 : _a.nextElementSibling;\n                      if (nextListItem) {\n                        e.preventDefault();\n                        const nextButton = nextListItem.querySelector(\n                          'button[role=\"menuitem\"]'\n                        );\n                        e.currentTarget.setAttribute(\"tabindex\", \"-1\");\n                        nextButton.setAttribute(\"tabindex\", \"0\");\n                        nextButton.focus();\n                      }\n                    } else if (e.key === \"ArrowUp\") {\n                      const prevListItem = (_b = e.currentTarget.parentElement) == null ? void 0 : _b.previousElementSibling;\n                      if (prevListItem) {\n                        e.preventDefault();\n                        const prevButton = prevListItem.querySelector(\n                          'button[role=\"menuitem\"]'\n                        );\n                        e.currentTarget.setAttribute(\"tabindex\", \"-1\");\n                        prevButton.setAttribute(\"tabindex\", \"0\");\n                        prevButton.focus();\n                      }\n                    }\n                  },\n                  onClick: () => {\n                    setSelectedTimezoneValue(timeZone.timeZone);\n                    setPopoverOpen(false);\n                    const updatedZonedTime = $11d87f3f76e88657$export$84c95a83c799e074(\n                      timeZoneState,\n                      timeZone.timeZone\n                    );\n                    if (onChange) {\n                      onChange(updatedZonedTime);\n                    }\n                  },\n                  children: timeZone.label\n                }\n              ) }, timeZone.label)) })\n            ]\n          }\n        )\n      ]\n    }\n  );\n};\nconst StyledList = styled(\"ul\", {\n  maxHeight: \"305px\",\n  overflow: \"auto\",\n  padding: \"$4 0\",\n  borderTop: \"var(--twigs-borderWidths-xs) solid $neutral100\"\n});\n\nexport { CalendarTimezonePicker };\n//# sourceMappingURL=calendar-timezone-picker.js.map\n"],"names":["useState","useCalendarContext","useRef","useId","useMemo","$11d87f3f76e88657$export$84c95a83c799e074","$35ea8db9cb2ccb90$export$d3b7288e7994edea","getCountriesForTimezone","jsxs","Popover","jsx","PopoverTrigger","Button","ChevronDownIcon","PopoverContent","Box","Input","SearchIcon","Flex","Text","FieldButton","styled"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/calendar/calendar-utils.js

@@ -0,0 +1,34 @@
+'use strict';
+
+var React = require('react');
+
+const CalendarContext = React.createContext({
+  size: "lg"
+});
+const useCalendarContext = () => {
+  return React.useContext(CalendarContext);
+};
+const CALENDAR_SIZE_TO_YEAR_MONTH_BTN_HEIGHT = {
+  lg: "$20",
+  md: "$14"
+};
+const CALENDAR_SIZE_TO_FONT_SIZE = {
+  lg: "md",
+  md: "sm"
+};
+const CALENDAR_SIZE_TO_WIDTH = {
+  lg: 340,
+  md: 260
+};
+const CALENDAR_SIZE_TO_BORDER_RADIUS = {
+  lg: "$2xl",
+  md: "$xl"
+};
+
+exports.CALENDAR_SIZE_TO_BORDER_RADIUS = CALENDAR_SIZE_TO_BORDER_RADIUS;
+exports.CALENDAR_SIZE_TO_FONT_SIZE = CALENDAR_SIZE_TO_FONT_SIZE;
+exports.CALENDAR_SIZE_TO_WIDTH = CALENDAR_SIZE_TO_WIDTH;
+exports.CALENDAR_SIZE_TO_YEAR_MONTH_BTN_HEIGHT = CALENDAR_SIZE_TO_YEAR_MONTH_BTN_HEIGHT;
+exports.CalendarContext = CalendarContext;
+exports.useCalendarContext = useCalendarContext;
+//# sourceMappingURL=calendar-utils.js.map

package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/calendar/calendar-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-utils.js","sources":["../../../../../../../../../../node_modules/@sparrowengg/twigs-react/dist/es/calendar/calendar-utils.js"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nconst CalendarContext = createContext({\n  size: \"lg\"\n});\nconst useCalendarContext = () => {\n  return useContext(CalendarContext);\n};\nconst CALENDAR_SIZE_TO_YEAR_MONTH_BTN_HEIGHT = {\n  lg: \"$20\",\n  md: \"$14\"\n};\nconst CALENDAR_SIZE_TO_FONT_SIZE = {\n  lg: \"md\",\n  md: \"sm\"\n};\nconst CALENDAR_SIZE_TO_WIDTH = {\n  lg: 340,\n  md: 260\n};\nconst CALENDAR_SIZE_TO_BORDER_RADIUS = {\n  lg: \"$2xl\",\n  md: \"$xl\"\n};\n\nexport { CALENDAR_SIZE_TO_BORDER_RADIUS, CALENDAR_SIZE_TO_FONT_SIZE, CALENDAR_SIZE_TO_WIDTH, CALENDAR_SIZE_TO_YEAR_MONTH_BTN_HEIGHT, CalendarContext, useCalendarContext };\n//# sourceMappingURL=calendar-utils.js.map\n"],"names":["createContext","useContext"],"mappings":";;;;AAEK,MAAC,eAAe,GAAGA,mBAAa,CAAC;AACtC,EAAE,IAAI,EAAE,IAAI;AACZ,CAAC,EAAE;AACE,MAAC,kBAAkB,GAAG,MAAM;AACjC,EAAE,OAAOC,gBAAU,CAAC,eAAe,CAAC,CAAC;AACrC,EAAE;AACG,MAAC,sCAAsC,GAAG;AAC/C,EAAE,EAAE,EAAE,KAAK;AACX,EAAE,EAAE,EAAE,KAAK;AACX,EAAE;AACG,MAAC,0BAA0B,GAAG;AACnC,EAAE,EAAE,EAAE,IAAI;AACV,EAAE,EAAE,EAAE,IAAI;AACV,EAAE;AACG,MAAC,sBAAsB,GAAG;AAC/B,EAAE,EAAE,EAAE,GAAG;AACT,EAAE,EAAE,EAAE,GAAG;AACT,EAAE;AACG,MAAC,8BAA8B,GAAG;AACvC,EAAE,EAAE,EAAE,MAAM;AACZ,EAAE,EAAE,EAAE,KAAK;AACX;;;;;;;;;","x_google_ignoreList":[0]}

package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/calendar/calendar-week.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var stitches_config = require('../stitches.config.js');
+var box = require('../box/box.js');
+
+const Week = stitches_config.styled("span", {
+  height: "$5",
+  width: "$10",
+  fontSize: "$sm",
+  fontWeight: "$4",
+  textAlign: "center",
+  color: "$neutral800"
+});
+const WeekContainer = stitches_config.styled(box.Box, {
+  display: "flex",
+  justifyContent: "space-between",
+  alignItems: "center",
+  width: "100%",
+  borderBottom: "1px solid $neutral100",
+  height: "$11",
+  variants: {
+    calendarSize: {
+      lg: {
+        height: "$11"
+      },
+      md: {
+        height: "$8"
+      }
+    }
+  },
+  defaultVariants: {
+    calendarSize: "lg"
+  }
+});
+
+exports.Week = Week;
+exports.WeekContainer = WeekContainer;
+//# sourceMappingURL=calendar-week.js.map

package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/calendar/calendar-week.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-week.js","sources":["../../../../../../../../../../node_modules/@sparrowengg/twigs-react/dist/es/calendar/calendar-week.js"],"sourcesContent":["import { styled } from '../stitches.config.js';\nimport { Box } from '../box/box.js';\n\nconst Week = styled(\"span\", {\n  height: \"$5\",\n  width: \"$10\",\n  fontSize: \"$sm\",\n  fontWeight: \"$4\",\n  textAlign: \"center\",\n  color: \"$neutral800\"\n});\nconst WeekContainer = styled(Box, {\n  display: \"flex\",\n  justifyContent: \"space-between\",\n  alignItems: \"center\",\n  width: \"100%\",\n  borderBottom: \"1px solid $neutral100\",\n  height: \"$11\",\n  variants: {\n    calendarSize: {\n      lg: {\n        height: \"$11\"\n      },\n      md: {\n        height: \"$8\"\n      }\n    }\n  },\n  defaultVariants: {\n    calendarSize: \"lg\"\n  }\n});\n\nexport { Week, WeekContainer };\n//# sourceMappingURL=calendar-week.js.map\n"],"names":["styled","Box"],"mappings":";;;;;AAGK,MAAC,IAAI,GAAGA,sBAAM,CAAC,MAAM,EAAE;AAC5B,EAAE,MAAM,EAAE,IAAI;AACd,EAAE,KAAK,EAAE,KAAK;AACd,EAAE,QAAQ,EAAE,KAAK;AACjB,EAAE,UAAU,EAAE,IAAI;AAClB,EAAE,SAAS,EAAE,QAAQ;AACrB,EAAE,KAAK,EAAE,aAAa;AACtB,CAAC,EAAE;AACE,MAAC,aAAa,GAAGA,sBAAM,CAACC,OAAG,EAAE;AAClC,EAAE,OAAO,EAAE,MAAM;AACjB,EAAE,cAAc,EAAE,eAAe;AACjC,EAAE,UAAU,EAAE,QAAQ;AACtB,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,YAAY,EAAE,uBAAuB;AACvC,EAAE,MAAM,EAAE,KAAK;AACf,EAAE,QAAQ,EAAE;AACZ,IAAI,YAAY,EAAE;AAClB,MAAM,EAAE,EAAE;AACV,QAAQ,MAAM,EAAE,KAAK;AACrB,OAAO;AACP,MAAM,EAAE,EAAE;AACV,QAAQ,MAAM,EAAE,IAAI;AACpB,OAAO;AACP,KAAK;AACL,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,YAAY,EAAE,IAAI;AACtB,GAAG;AACH,CAAC;;;;;","x_google_ignoreList":[0]}

package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/calendar/calendar-years-view.js

@@ -0,0 +1,234 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var box = require('../box/box.js');
+var button = require('../button/button.js');
+var iconButton = require('../button/icon-button.js');
+require('../button/split-button.js');
+var flex = require('../flex/flex.js');
+var text = require('../text/text.js');
+var calendar = require('./calendar.js');
+var calendarCommons = require('./calendar-commons.js');
+var calendarHeader = require('./calendar-header.js');
+var calendarUtils = require('./calendar-utils.js');
+var chevronLeft = require('../packages/react-icons/dist/es/icons/chevron-left.js');
+var chevronRight = require('../packages/react-icons/dist/es/icons/chevron-right.js');
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const CalendarYearsView = ({
+  state,
+  range,
+  setCurrentCalendarView
+}) => {
+  const numYears = 12;
+  const [currentYearInView, setCurrentYearInView] = React.useState(
+    state.focusedDate.year
+  );
+  const dateValue = React.useMemo(() => {
+    var _a;
+    if (range && ((_a = state.value) == null ? void 0 : _a[range])) {
+      return state.value[range];
+    }
+    return state.value;
+  }, [state, range]);
+  const yearsContainerId = React.useId();
+  const calendarContext = calendarUtils.useCalendarContext();
+  const generateYears = (selectedYear) => {
+    const baseYear = selectedYear - selectedYear % numYears - 1;
+    return Array.from({ length: numYears }).map((_, index) => {
+      const year = baseYear + index;
+      const date = state.focusedDate.set({ year });
+      return date;
+    });
+  };
+  const years = React.useMemo(
+    () => generateYears(currentYearInView),
+    [currentYearInView]
+  );
+  const handleKeyDown = (e, index) => {
+    if (e.key === "ArrowRight") {
+      e.preventDefault();
+      e.stopPropagation();
+      const nextYear = years[index + 1];
+      if (nextYear && !state.isInvalid(nextYear)) {
+        const focusedDate = state.focusedDate.set({
+          month: nextYear.year
+        });
+        state.setFocusedDate(focusedDate);
+        const nextButton = e.currentTarget.nextElementSibling;
+        if (nextButton) {
+          nextButton.setAttribute("tabindex", "0");
+          nextButton.focus();
+          e.currentTarget.setAttribute("tabindex", "-1");
+        }
+      }
+    } else if (e.key === "ArrowLeft") {
+      e.preventDefault();
+      e.stopPropagation();
+      const prevYear = years[index - 1];
+      if (prevYear && !state.isInvalid(prevYear)) {
+        const focusedDate = state.focusedDate.set({
+          month: prevYear.year
+        });
+        state.setFocusedDate(focusedDate);
+        const prevButton = e.currentTarget.previousElementSibling;
+        if (prevButton) {
+          prevButton.setAttribute("tabindex", "0");
+          prevButton.focus();
+          e.currentTarget.setAttribute("tabindex", "-1");
+        }
+      }
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    box.Box,
+    {
+      css: {
+        minWidth: calendarUtils.CALENDAR_SIZE_TO_WIDTH[calendarContext.size]
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          calendarHeader.CalendarHeader,
+          {
+            calendarSize: calendarContext.size,
+            css: {
+              borderBottom: "1px solid $neutral100"
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsxs(
+              flex.Flex,
+              {
+                css: {
+                  width: "100%"
+                },
+                alignItems: "center",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    iconButton.IconButton,
+                    {
+                      icon: /* @__PURE__ */ jsxRuntime.jsx(chevronLeft.ChevronLeftIcon, {}),
+                      color: "bright",
+                      size: "lg",
+                      disabled: state.isInvalid(
+                        state.focusedDate.set({ year: currentYearInView - numYears })
+                      ),
+                      onClick: () => {
+                        setCurrentYearInView((prev) => prev - numYears);
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    flex.Flex,
+                    {
+                      flexDirection: "column",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      css: {
+                        flex: 1
+                      },
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          text.Text,
+                          {
+                            size: calendarUtils.CALENDAR_SIZE_TO_FONT_SIZE[calendarContext.size],
+                            weight: "bold",
+                            css: {
+                              color: "$neutral800"
+                            },
+                            children: "Choose Year"
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntime.jsxs(
+                          text.Text,
+                          {
+                            size: calendarUtils.CALENDAR_SIZE_TO_FONT_SIZE[calendarContext.size],
+                            weight: "bold",
+                            css: {
+                              color: "$neutral900",
+                              padding: "0 $6"
+                            },
+                            children: [
+                              years[0].year,
+                              " ",
+                              "-",
+                              years.at(-1).year
+                            ]
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    iconButton.IconButton,
+                    {
+                      icon: /* @__PURE__ */ jsxRuntime.jsx(chevronRight.ChevronRightIcon, {}),
+                      color: "bright",
+                      size: "lg",
+                      disabled: state.isInvalid(
+                        state.focusedDate.set({ year: currentYearInView + numYears })
+                      ),
+                      onClick: () => {
+                        setCurrentYearInView((prev) => prev + numYears);
+                      }
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          calendarCommons.MonthYearGridContainer,
+          {
+            calendarSize: calendarContext.size,
+            id: yearsContainerId,
+            children: years.map((date, i) => /* @__PURE__ */ jsxRuntime.jsx(
+              button.Button,
+              {
+                color: dateValue.year === date.year ? "default" : "bright",
+                "data-yearId": date.year,
+                tabIndex: dateValue.year === date.year ? 0 : -1,
+                disabled: state.isInvalid(date),
+                css: __spreadValues({
+                  padding: "$6",
+                  height: calendarUtils.CALENDAR_SIZE_TO_YEAR_MONTH_BTN_HEIGHT[calendarContext.size]
+                }, dateValue.year === date.year && {
+                  color: "$secondary600"
+                }),
+                onKeyDown: (e) => handleKeyDown(e, i),
+                size: calendarContext.size,
+                onClick: () => {
+                  setCurrentCalendarView(calendar.CALENDAR_VIEW.GRID);
+                  if (!range) {
+                    state.selectDate(date);
+                  }
+                  state.setFocusedDate(date);
+                },
+                children: date.year
+              },
+              date.year
+            ))
+          }
+        )
+      ]
+    }
+  );
+};
+
+exports.CalendarYearsView = CalendarYearsView;
+//# sourceMappingURL=calendar-years-view.js.map

package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/calendar/calendar-years-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-years-view.js","sources":["../../../../../../../../../../node_modules/@sparrowengg/twigs-react/dist/es/calendar/calendar-years-view.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { useState, useMemo, useId } from 'react';\nimport { Box } from '../box/box.js';\nimport { Button } from '../button/button.js';\nimport { IconButton } from '../button/icon-button.js';\nimport '../button/split-button.js';\nimport { Flex } from '../flex/flex.js';\nimport { Text } from '../text/text.js';\nimport { CALENDAR_VIEW } from './calendar.js';\nimport { MonthYearGridContainer } from './calendar-commons.js';\nimport { CalendarHeader } from './calendar-header.js';\nimport { useCalendarContext, CALENDAR_SIZE_TO_WIDTH, CALENDAR_SIZE_TO_FONT_SIZE, CALENDAR_SIZE_TO_YEAR_MONTH_BTN_HEIGHT } from './calendar-utils.js';\nimport { ChevronLeftIcon } from '../packages/react-icons/dist/es/icons/chevron-left.js';\nimport { ChevronRightIcon } from '../packages/react-icons/dist/es/icons/chevron-right.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n  for (var prop in b || (b = {}))\n    if (__hasOwnProp.call(b, prop))\n      __defNormalProp(a, prop, b[prop]);\n  if (__getOwnPropSymbols)\n    for (var prop of __getOwnPropSymbols(b)) {\n      if (__propIsEnum.call(b, prop))\n        __defNormalProp(a, prop, b[prop]);\n    }\n  return a;\n};\nconst CalendarYearsView = ({\n  state,\n  range,\n  setCurrentCalendarView\n}) => {\n  const numYears = 12;\n  const [currentYearInView, setCurrentYearInView] = useState(\n    state.focusedDate.year\n  );\n  const dateValue = useMemo(() => {\n    var _a;\n    if (range && ((_a = state.value) == null ? void 0 : _a[range])) {\n      return state.value[range];\n    }\n    return state.value;\n  }, [state, range]);\n  const yearsContainerId = useId();\n  const calendarContext = useCalendarContext();\n  const generateYears = (selectedYear) => {\n    const baseYear = selectedYear - selectedYear % numYears - 1;\n    return Array.from({ length: numYears }).map((_, index) => {\n      const year = baseYear + index;\n      const date = state.focusedDate.set({ year });\n      return date;\n    });\n  };\n  const years = useMemo(\n    () => generateYears(currentYearInView),\n    [currentYearInView]\n  );\n  const handleKeyDown = (e, index) => {\n    if (e.key === \"ArrowRight\") {\n      e.preventDefault();\n      e.stopPropagation();\n      const nextYear = years[index + 1];\n      if (nextYear && !state.isInvalid(nextYear)) {\n        const focusedDate = state.focusedDate.set({\n          month: nextYear.year\n        });\n        state.setFocusedDate(focusedDate);\n        const nextButton = e.currentTarget.nextElementSibling;\n        if (nextButton) {\n          nextButton.setAttribute(\"tabindex\", \"0\");\n          nextButton.focus();\n          e.currentTarget.setAttribute(\"tabindex\", \"-1\");\n        }\n      }\n    } else if (e.key === \"ArrowLeft\") {\n      e.preventDefault();\n      e.stopPropagation();\n      const prevYear = years[index - 1];\n      if (prevYear && !state.isInvalid(prevYear)) {\n        const focusedDate = state.focusedDate.set({\n          month: prevYear.year\n        });\n        state.setFocusedDate(focusedDate);\n        const prevButton = e.currentTarget.previousElementSibling;\n        if (prevButton) {\n          prevButton.setAttribute(\"tabindex\", \"0\");\n          prevButton.focus();\n          e.currentTarget.setAttribute(\"tabindex\", \"-1\");\n        }\n      }\n    }\n  };\n  return /* @__PURE__ */ jsxs(\n    Box,\n    {\n      css: {\n        minWidth: CALENDAR_SIZE_TO_WIDTH[calendarContext.size]\n      },\n      children: [\n        /* @__PURE__ */ jsx(\n          CalendarHeader,\n          {\n            calendarSize: calendarContext.size,\n            css: {\n              borderBottom: \"1px solid $neutral100\"\n            },\n            children: /* @__PURE__ */ jsxs(\n              Flex,\n              {\n                css: {\n                  width: \"100%\"\n                },\n                alignItems: \"center\",\n                children: [\n                  /* @__PURE__ */ jsx(\n                    IconButton,\n                    {\n                      icon: /* @__PURE__ */ jsx(ChevronLeftIcon, {}),\n                      color: \"bright\",\n                      size: \"lg\",\n                      disabled: state.isInvalid(\n                        state.focusedDate.set({ year: currentYearInView - numYears })\n                      ),\n                      onClick: () => {\n                        setCurrentYearInView((prev) => prev - numYears);\n                      }\n                    }\n                  ),\n                  /* @__PURE__ */ jsxs(\n                    Flex,\n                    {\n                      flexDirection: \"column\",\n                      alignItems: \"center\",\n                      justifyContent: \"center\",\n                      css: {\n                        flex: 1\n                      },\n                      children: [\n                        /* @__PURE__ */ jsx(\n                          Text,\n                          {\n                            size: CALENDAR_SIZE_TO_FONT_SIZE[calendarContext.size],\n                            weight: \"bold\",\n                            css: {\n                              color: \"$neutral800\"\n                            },\n                            children: \"Choose Year\"\n                          }\n                        ),\n                        /* @__PURE__ */ jsxs(\n                          Text,\n                          {\n                            size: CALENDAR_SIZE_TO_FONT_SIZE[calendarContext.size],\n                            weight: \"bold\",\n                            css: {\n                              color: \"$neutral900\",\n                              padding: \"0 $6\"\n                            },\n                            children: [\n                              years[0].year,\n                              \" \",\n                              \"-\",\n                              years.at(-1).year\n                            ]\n                          }\n                        )\n                      ]\n                    }\n                  ),\n                  /* @__PURE__ */ jsx(\n                    IconButton,\n                    {\n                      icon: /* @__PURE__ */ jsx(ChevronRightIcon, {}),\n                      color: \"bright\",\n                      size: \"lg\",\n                      disabled: state.isInvalid(\n                        state.focusedDate.set({ year: currentYearInView + numYears })\n                      ),\n                      onClick: () => {\n                        setCurrentYearInView((prev) => prev + numYears);\n                      }\n                    }\n                  )\n                ]\n              }\n            )\n          }\n        ),\n        /* @__PURE__ */ jsx(\n          MonthYearGridContainer,\n          {\n            calendarSize: calendarContext.size,\n            id: yearsContainerId,\n            children: years.map((date, i) => /* @__PURE__ */ jsx(\n              Button,\n              {\n                color: dateValue.year === date.year ? \"default\" : \"bright\",\n                \"data-yearId\": date.year,\n                tabIndex: dateValue.year === date.year ? 0 : -1,\n                disabled: state.isInvalid(date),\n                css: __spreadValues({\n                  padding: \"$6\",\n                  height: CALENDAR_SIZE_TO_YEAR_MONTH_BTN_HEIGHT[calendarContext.size]\n                }, dateValue.year === date.year && {\n                  color: \"$secondary600\"\n                }),\n                onKeyDown: (e) => handleKeyDown(e, i),\n                size: calendarContext.size,\n                onClick: () => {\n                  setCurrentCalendarView(CALENDAR_VIEW.GRID);\n                  if (!range) {\n                    state.selectDate(date);\n                  }\n                  state.setFocusedDate(date);\n                },\n                children: date.year\n              },\n              date.year\n            ))\n          }\n        )\n      ]\n    }\n  );\n};\n\nexport { CalendarYearsView };\n//# sourceMappingURL=calendar-years-view.js.map\n"],"names":["useState","useMemo","useId","useCalendarContext","jsxs","Box","CALENDAR_SIZE_TO_WIDTH","jsx","CalendarHeader","Flex","IconButton","ChevronLeftIcon","Text","CALENDAR_SIZE_TO_FONT_SIZE","ChevronRightIcon","MonthYearGridContainer","Button","CALENDAR_SIZE_TO_YEAR_MONTH_BTN_HEIGHT","CALENDAR_VIEW"],"mappings":"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","x_google_ignoreList":[0]}