@sparrowengg/integrations-templates-frontend 1.2.4

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

@@ -0,0 +1,215 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var _import$1 = require('../node_modules/@internationalized/date/dist/import.js');
+var React = require('react');
+var box = require('../box/box.js');
+var button = require('../button/button.js');
+require('../button/icon-button.js');
+require('../button/split-button.js');
+var text = require('../text/text.js');
+var calendarCommons = require('./calendar-commons.js');
+var calendarGrid = require('./calendar-grid.js');
+var calendarHeader = require('./calendar-header.js');
+var calendarMonthsView = require('./calendar-months-view.js');
+var calendarTimePicker = require('./calendar-time-picker.js');
+var calendarTimezonePicker = require('./calendar-timezone-picker.js');
+var calendarUtils = require('./calendar-utils.js');
+var calendarYearsView = require('./calendar-years-view.js');
+var _import = require('../node_modules/@react-stately/calendar/dist/import.js');
+var _import$2 = require('../node_modules/@react-aria/calendar/dist/import.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 realModule = require('../node_modules/@react-aria/i18n/dist/real-module.js');
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const CALENDAR_VIEW = {
+  GRID: "GRID",
+  MONTH: "MONTH",
+  YEAR: "YEAR"
+};
+const Calendar = (_a) => {
+  var _b = _a, {
+    size = "lg",
+    showFooter = true,
+    footerAction,
+    footerActionText = "Select"
+  } = _b, props = __objRest(_b, [
+    "size",
+    "showFooter",
+    "footerAction",
+    "footerActionText"
+  ]);
+  const [currentCalendarView, setCurrentCalendarView] = React.useState(CALENDAR_VIEW.GRID);
+  const { locale } = realModule.useLocale();
+  const state = _import.useCalendarState(__spreadProps(__spreadValues({}, props), {
+    locale,
+    createCalendar: _import$1.createCalendar
+  }));
+  const monthFormatter = realModule.useDateFormatter({
+    month: "short"
+  });
+  React.useEffect(() => {
+    if (props.showTimePicker && !(props.value instanceof _import$1.ZonedDateTime || props.value instanceof _import$1.CalendarDateTime)) {
+      console.warn(
+        // eslint-disable-next-line max-len
+        "The value prop must be an instance of ZonedDateTime or CalendarDateTime when showTimePicker is true. Use parseDateTime or parseZonedDateTime from @internationalized/date. The value type will be changed to CalendarDateTime"
+      );
+    }
+    if (props.showTimezonePicker && !(props.value instanceof _import$1.ZonedDateTime)) {
+      console.warn(
+        "The value prop must be an instance of ZonedDateTime when showTimezonePicker is true. The value type will be changed to ZonedDateTime"
+      );
+    }
+  }, [props.showTimePicker]);
+  const ref = React.useRef(null);
+  const { calendarProps, prevButtonProps, nextButtonProps } = _import$2.useCalendar(
+    props,
+    state
+  );
+  const contextValue = React.useMemo(() => ({
+    size
+  }), [size]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    calendarUtils.CalendarContext.Provider,
+    {
+      value: contextValue,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        box.Box,
+        __spreadProps(__spreadValues({}, calendarProps), {
+          css: {
+            borderRadius: calendarUtils.CALENDAR_SIZE_TO_BORDER_RADIUS[size],
+            border: "1px solid $black400"
+          },
+          ref,
+          children: [
+            currentCalendarView === CALENDAR_VIEW.GRID && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(calendarHeader.CalendarHeader, { calendarSize: size, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  calendarHeader.CalendarNavigationButton,
+                  __spreadProps(__spreadValues({}, prevButtonProps), {
+                    icon: /* @__PURE__ */ jsxRuntime.jsx(chevronLeft.ChevronLeftIcon, {})
+                  })
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  calendarHeader.CalendarTitle,
+                  {
+                    value: state.focusedDate,
+                    timezone: state.timeZone,
+                    setCurrentCalendarView
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  calendarHeader.CalendarNavigationButton,
+                  __spreadProps(__spreadValues({}, nextButtonProps), {
+                    icon: /* @__PURE__ */ jsxRuntime.jsx(chevronRight.ChevronRightIcon, {})
+                  })
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(calendarGrid.CalendarGrid, { state }),
+              (props.showTimePicker || props.showTimezonePicker) && /* @__PURE__ */ jsxRuntime.jsxs(calendarCommons.TimeAndZonePickerContainer, { calendarSize: size, children: [
+                props.showTimePicker && /* @__PURE__ */ jsxRuntime.jsx(
+                  calendarTimePicker.CalendarTimePicker,
+                  {
+                    value: props.value,
+                    onChange: props.onChange,
+                    calendarState: state
+                  }
+                ),
+                props.showTimezonePicker && /* @__PURE__ */ jsxRuntime.jsx(
+                  calendarTimezonePicker.CalendarTimezonePicker,
+                  {
+                    value: props.value,
+                    onChange: props.onChange,
+                    calendarState: state
+                  }
+                )
+              ] })
+            ] }),
+            currentCalendarView === CALENDAR_VIEW.MONTH && /* @__PURE__ */ jsxRuntime.jsx(
+              calendarMonthsView.CalendarMonthsView,
+              {
+                state,
+                setCurrentCalendarView
+              }
+            ),
+            currentCalendarView === CALENDAR_VIEW.YEAR && /* @__PURE__ */ jsxRuntime.jsx(
+              calendarYearsView.CalendarYearsView,
+              {
+                state,
+                setCurrentCalendarView
+              }
+            ),
+            showFooter && currentCalendarView === CALENDAR_VIEW.GRID && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: props.renderFooter ? props.renderFooter(state) : /* @__PURE__ */ jsxRuntime.jsxs(calendarCommons.FooterContainer, { calendarSize: size, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                text.Text,
+                {
+                  weight: "bold",
+                  css: {
+                    color: "$neutral700"
+                  },
+                  children: (state == null ? void 0 : state.value) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                    monthFormatter.format(
+                      state.value.toDate(state.timeZone)
+                    ),
+                    " ",
+                    state.value.day.toString().padStart(2, "0"),
+                    ",",
+                    " ",
+                    state.value.year.toString()
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                button.Button,
+                {
+                  size,
+                  color: "primary",
+                  onClick: () => {
+                    if (footerAction)
+                      footerAction(state);
+                  },
+                  children: footerActionText
+                }
+              )
+            ] }) })
+          ]
+        })
+      )
+    }
+  );
+};
+
+exports.CALENDAR_VIEW = CALENDAR_VIEW;
+exports.Calendar = Calendar;
+//# sourceMappingURL=calendar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","sources":["../../../../../../../../../../node_modules/@sparrowengg/twigs-react/dist/es/calendar/calendar.js"],"sourcesContent":["import { jsx, jsxs, Fragment } from 'react/jsx-runtime';\nimport { ZonedDateTime as $35ea8db9cb2ccb90$export$d3b7288e7994edea, CalendarDateTime as $35ea8db9cb2ccb90$export$ca871e8dbb80966f, createCalendar as $64244302c3013299$export$dd0bbc9b26defe37 } from '../node_modules/@internationalized/date/dist/import.js';\nimport { useState, useEffect, useRef, useMemo } from 'react';\nimport { Box } from '../box/box.js';\nimport { Button } from '../button/button.js';\nimport '../button/icon-button.js';\nimport '../button/split-button.js';\nimport { Text } from '../text/text.js';\nimport { TimeAndZonePickerContainer, FooterContainer } from './calendar-commons.js';\nimport { CalendarGrid } from './calendar-grid.js';\nimport { CalendarHeader, CalendarNavigationButton, CalendarTitle } from './calendar-header.js';\nimport { CalendarMonthsView } from './calendar-months-view.js';\nimport { CalendarTimePicker } from './calendar-time-picker.js';\nimport { CalendarTimezonePicker } from './calendar-timezone-picker.js';\nimport { CalendarContext, CALENDAR_SIZE_TO_BORDER_RADIUS } from './calendar-utils.js';\nimport { CalendarYearsView } from './calendar-years-view.js';\nimport { useCalendarState as $131cf43a05231e1e$export$6d095e787d2b5e1f } from '../node_modules/@react-stately/calendar/dist/import.js';\nimport { useCalendar as $9942cad8a072a530$export$3ee915f8151bd4f1 } from '../node_modules/@react-aria/calendar/dist/import.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';\nimport { useLocale as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, useDateFormatter as $896ba0a80a8f4d36$export$85fd5fdf27bacc79 } from '../node_modules/@react-aria/i18n/dist/real-module.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\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};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n  var target = {};\n  for (var prop in source)\n    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n      target[prop] = source[prop];\n  if (source != null && __getOwnPropSymbols)\n    for (var prop of __getOwnPropSymbols(source)) {\n      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n        target[prop] = source[prop];\n    }\n  return target;\n};\nconst CALENDAR_VIEW = {\n  GRID: \"GRID\",\n  MONTH: \"MONTH\",\n  YEAR: \"YEAR\"\n};\nconst Calendar = (_a) => {\n  var _b = _a, {\n    size = \"lg\",\n    showFooter = true,\n    footerAction,\n    footerActionText = \"Select\"\n  } = _b, props = __objRest(_b, [\n    \"size\",\n    \"showFooter\",\n    \"footerAction\",\n    \"footerActionText\"\n  ]);\n  const [currentCalendarView, setCurrentCalendarView] = useState(CALENDAR_VIEW.GRID);\n  const { locale } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();\n  const state = $131cf43a05231e1e$export$6d095e787d2b5e1f(__spreadProps(__spreadValues({}, props), {\n    locale,\n    createCalendar: $64244302c3013299$export$dd0bbc9b26defe37\n  }));\n  const monthFormatter = $896ba0a80a8f4d36$export$85fd5fdf27bacc79({\n    month: \"short\"\n  });\n  useEffect(() => {\n    if (props.showTimePicker && !(props.value instanceof $35ea8db9cb2ccb90$export$d3b7288e7994edea || props.value instanceof $35ea8db9cb2ccb90$export$ca871e8dbb80966f)) {\n      console.warn(\n        // eslint-disable-next-line max-len\n        \"The value prop must be an instance of ZonedDateTime or CalendarDateTime when showTimePicker is true. Use parseDateTime or parseZonedDateTime from @internationalized/date. The value type will be changed to CalendarDateTime\"\n      );\n    }\n    if (props.showTimezonePicker && !(props.value instanceof $35ea8db9cb2ccb90$export$d3b7288e7994edea)) {\n      console.warn(\n        \"The value prop must be an instance of ZonedDateTime when showTimezonePicker is true. The value type will be changed to ZonedDateTime\"\n      );\n    }\n  }, [props.showTimePicker]);\n  const ref = useRef(null);\n  const { calendarProps, prevButtonProps, nextButtonProps } = $9942cad8a072a530$export$3ee915f8151bd4f1(\n    props,\n    state\n  );\n  const contextValue = useMemo(() => ({\n    size\n  }), [size]);\n  return /* @__PURE__ */ jsx(\n    CalendarContext.Provider,\n    {\n      value: contextValue,\n      children: /* @__PURE__ */ jsxs(\n        Box,\n        __spreadProps(__spreadValues({}, calendarProps), {\n          css: {\n            borderRadius: CALENDAR_SIZE_TO_BORDER_RADIUS[size],\n            border: \"1px solid $black400\"\n          },\n          ref,\n          children: [\n            currentCalendarView === CALENDAR_VIEW.GRID && /* @__PURE__ */ jsxs(Fragment, { children: [\n              /* @__PURE__ */ jsxs(CalendarHeader, { calendarSize: size, children: [\n                /* @__PURE__ */ jsx(\n                  CalendarNavigationButton,\n                  __spreadProps(__spreadValues({}, prevButtonProps), {\n                    icon: /* @__PURE__ */ jsx(ChevronLeftIcon, {})\n                  })\n                ),\n                /* @__PURE__ */ jsx(\n                  CalendarTitle,\n                  {\n                    value: state.focusedDate,\n                    timezone: state.timeZone,\n                    setCurrentCalendarView\n                  }\n                ),\n                /* @__PURE__ */ jsx(\n                  CalendarNavigationButton,\n                  __spreadProps(__spreadValues({}, nextButtonProps), {\n                    icon: /* @__PURE__ */ jsx(ChevronRightIcon, {})\n                  })\n                )\n              ] }),\n              /* @__PURE__ */ jsx(CalendarGrid, { state }),\n              (props.showTimePicker || props.showTimezonePicker) && /* @__PURE__ */ jsxs(TimeAndZonePickerContainer, { calendarSize: size, children: [\n                props.showTimePicker && /* @__PURE__ */ jsx(\n                  CalendarTimePicker,\n                  {\n                    value: props.value,\n                    onChange: props.onChange,\n                    calendarState: state\n                  }\n                ),\n                props.showTimezonePicker && /* @__PURE__ */ jsx(\n                  CalendarTimezonePicker,\n                  {\n                    value: props.value,\n                    onChange: props.onChange,\n                    calendarState: state\n                  }\n                )\n              ] })\n            ] }),\n            currentCalendarView === CALENDAR_VIEW.MONTH && /* @__PURE__ */ jsx(\n              CalendarMonthsView,\n              {\n                state,\n                setCurrentCalendarView\n              }\n            ),\n            currentCalendarView === CALENDAR_VIEW.YEAR && /* @__PURE__ */ jsx(\n              CalendarYearsView,\n              {\n                state,\n                setCurrentCalendarView\n              }\n            ),\n            showFooter && currentCalendarView === CALENDAR_VIEW.GRID && /* @__PURE__ */ jsx(Fragment, { children: props.renderFooter ? props.renderFooter(state) : /* @__PURE__ */ jsxs(FooterContainer, { calendarSize: size, children: [\n              /* @__PURE__ */ jsx(\n                Text,\n                {\n                  weight: \"bold\",\n                  css: {\n                    color: \"$neutral700\"\n                  },\n                  children: (state == null ? void 0 : state.value) && /* @__PURE__ */ jsxs(Fragment, { children: [\n                    monthFormatter.format(\n                      state.value.toDate(state.timeZone)\n                    ),\n                    \" \",\n                    state.value.day.toString().padStart(2, \"0\"),\n                    \",\",\n                    \" \",\n                    state.value.year.toString()\n                  ] })\n                }\n              ),\n              /* @__PURE__ */ jsx(\n                Button,\n                {\n                  size,\n                  color: \"primary\",\n                  onClick: () => {\n                    if (footerAction)\n                      footerAction(state);\n                  },\n                  children: footerActionText\n                }\n              )\n            ] }) })\n          ]\n        })\n      )\n    }\n  );\n};\n\nexport { CALENDAR_VIEW, Calendar };\n//# sourceMappingURL=calendar.js.map\n"],"names":["useState","$18f2051aff69b9bf$export$43bb16f9c6d9e3f7","$131cf43a05231e1e$export$6d095e787d2b5e1f","$64244302c3013299$export$dd0bbc9b26defe37","$896ba0a80a8f4d36$export$85fd5fdf27bacc79","useEffect","$35ea8db9cb2ccb90$export$d3b7288e7994edea","$35ea8db9cb2ccb90$export$ca871e8dbb80966f","useRef","$9942cad8a072a530$export$3ee915f8151bd4f1","useMemo","jsx","CalendarContext","jsxs","Box","CALENDAR_SIZE_TO_BORDER_RADIUS","Fragment","CalendarHeader","CalendarNavigationButton","ChevronLeftIcon","CalendarTitle","ChevronRightIcon","CalendarGrid","TimeAndZonePickerContainer","CalendarTimePicker","CalendarTimezonePicker","CalendarMonthsView","CalendarYearsView","FooterContainer","Text","Button"],"mappings":"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","x_google_ignoreList":[0]}

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

@@ -0,0 +1,134 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var index = require('../node_modules/@radix-ui/react-checkbox/dist/index.js');
+var stitches_config = require('../stitches.config.js');
+var flex = require('../flex/flex.js');
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const TickIcon = () => {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "10", height: "8", viewBox: "0 0 10 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 1.25L3.5 6.75L1 4.25", stroke: "white", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" }) });
+};
+const HorizontalLineIcon = () => {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "10", height: "2", viewBox: "0 0 10 2", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 1H1", stroke: "white", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" }) });
+};
+const StyledCheckbox = stitches_config.styled(index.Root, {
+  backgroundColor: "$white900",
+  borderRadius: "$sm",
+  display: "flex",
+  alignItems: "center",
+  flexShrink: "0",
+  justifyContent: "center",
+  border: "$borderWidths$xs solid $neutral700",
+  transition: "all $transitions$2",
+  "&:disabled": {
+    cursor: "not-allowed",
+    opacity: 0.4
+  },
+  "&:hover:not(:disabled)": { border: "$borderWidths$xs solid $neutral700" },
+  "&:focus-visible": {
+    outline: "none",
+    $$shadowColor: "$colors$primary300",
+    border: "$borderWidths$xs solid $neutral700",
+    boxShadow: "rgb(255, 255, 255) 0px 0px 0px 2px, $$shadowColor 0px 0px 0px 4px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px"
+  },
+  '&:active, &[data-state="checked"], &[data-state="indeterminate"]': {
+    background: "$secondary500",
+    border: "$borderWidths$xs solid transparent"
+  },
+  "& .check-icon": {
+    display: "none"
+  },
+  '&[data-state="checked"]': {
+    ".check-icon": {
+      display: "flex"
+    }
+  },
+  variants: {
+    size: {
+      sm: {
+        width: "$4",
+        height: "$4"
+      },
+      md: {
+        width: "$5",
+        height: "$5"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "sm"
+  }
+});
+const StyledCheckIconContainer = stitches_config.styled("span", {
+  display: "flex",
+  alignItems: "center"
+});
+const StyledIndicator = stitches_config.styled(index.Indicator, {
+  color: "$white900",
+  display: "flex"
+});
+const StyledLabelContainer = stitches_config.styled("label", {
+  display: "inline-flex",
+  paddingInlineStart: "$4"
+});
+const Checkbox = (_a) => {
+  var _b = _a, {
+    checked,
+    disabled,
+    required,
+    onChange,
+    children,
+    id
+  } = _b, rest = __objRest(_b, [
+    "checked",
+    "disabled",
+    "required",
+    "onChange",
+    "children",
+    "id"
+  ]);
+  const isIndeterminate = checked === "indeterminate";
+  const uniqueId = id || React.useId();
+  return /* @__PURE__ */ jsxRuntime.jsxs(flex.Flex, { alignItems: "center", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(StyledCheckbox, __spreadProps(__spreadValues(__spreadValues({ checked, onCheckedChange: onChange, disabled, required, id: uniqueId }, isIndeterminate && { "data-state": "indeterminate" }), rest), { children: /* @__PURE__ */ jsxRuntime.jsxs(StyledIndicator, __spreadProps(__spreadValues({}, isIndeterminate && { "data-state": "indeterminate" }), { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(StyledCheckIconContainer, { className: "check-icon", children: /* @__PURE__ */ jsxRuntime.jsx(TickIcon, {}) }),
+      isIndeterminate && /* @__PURE__ */ jsxRuntime.jsx(HorizontalLineIcon, {})
+    ] })) })),
+    children && /* @__PURE__ */ jsxRuntime.jsx(StyledLabelContainer, { htmlFor: uniqueId, children })
+  ] });
+};
+
+exports.Checkbox = Checkbox;
+//# sourceMappingURL=checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sources":["../../../../../../../../../../node_modules/@sparrowengg/twigs-react/dist/es/checkbox/checkbox.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { useId } from 'react';\nimport { Root as $e698a72e93240346$export$be92b6f5f03c0fe9, Indicator as $e698a72e93240346$export$adb584737d712b70 } from '../node_modules/@radix-ui/react-checkbox/dist/index.js';\nimport { styled } from '../stitches.config.js';\nimport { Flex } from '../flex/flex.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\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};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n  var target = {};\n  for (var prop in source)\n    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n      target[prop] = source[prop];\n  if (source != null && __getOwnPropSymbols)\n    for (var prop of __getOwnPropSymbols(source)) {\n      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n        target[prop] = source[prop];\n    }\n  return target;\n};\nconst TickIcon = () => {\n  return /* @__PURE__ */ jsx(\"svg\", { width: \"10\", height: \"8\", viewBox: \"0 0 10 8\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", children: /* @__PURE__ */ jsx(\"path\", { d: \"M9 1.25L3.5 6.75L1 4.25\", stroke: \"white\", strokeWidth: \"1.8\", strokeLinecap: \"round\", strokeLinejoin: \"round\" }) });\n};\nconst HorizontalLineIcon = () => {\n  return /* @__PURE__ */ jsx(\"svg\", { width: \"10\", height: \"2\", viewBox: \"0 0 10 2\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", children: /* @__PURE__ */ jsx(\"path\", { d: \"M9 1H1\", stroke: \"white\", strokeWidth: \"1.8\", strokeLinecap: \"round\", strokeLinejoin: \"round\" }) });\n};\nconst StyledCheckbox = styled($e698a72e93240346$export$be92b6f5f03c0fe9, {\n  backgroundColor: \"$white900\",\n  borderRadius: \"$sm\",\n  display: \"flex\",\n  alignItems: \"center\",\n  flexShrink: \"0\",\n  justifyContent: \"center\",\n  border: \"$borderWidths$xs solid $neutral700\",\n  transition: \"all $transitions$2\",\n  \"&:disabled\": {\n    cursor: \"not-allowed\",\n    opacity: 0.4\n  },\n  \"&:hover:not(:disabled)\": { border: \"$borderWidths$xs solid $neutral700\" },\n  \"&:focus-visible\": {\n    outline: \"none\",\n    $$shadowColor: \"$colors$primary300\",\n    border: \"$borderWidths$xs solid $neutral700\",\n    boxShadow: \"rgb(255, 255, 255) 0px 0px 0px 2px, $$shadowColor 0px 0px 0px 4px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px\"\n  },\n  '&:active, &[data-state=\"checked\"], &[data-state=\"indeterminate\"]': {\n    background: \"$secondary500\",\n    border: \"$borderWidths$xs solid transparent\"\n  },\n  \"& .check-icon\": {\n    display: \"none\"\n  },\n  '&[data-state=\"checked\"]': {\n    \".check-icon\": {\n      display: \"flex\"\n    }\n  },\n  variants: {\n    size: {\n      sm: {\n        width: \"$4\",\n        height: \"$4\"\n      },\n      md: {\n        width: \"$5\",\n        height: \"$5\"\n      }\n    }\n  },\n  defaultVariants: {\n    size: \"sm\"\n  }\n});\nconst StyledCheckIconContainer = styled(\"span\", {\n  display: \"flex\",\n  alignItems: \"center\"\n});\nconst StyledIndicator = styled($e698a72e93240346$export$adb584737d712b70, {\n  color: \"$white900\",\n  display: \"flex\"\n});\nconst StyledLabelContainer = styled(\"label\", {\n  display: \"inline-flex\",\n  paddingInlineStart: \"$4\"\n});\nconst Checkbox = (_a) => {\n  var _b = _a, {\n    checked,\n    disabled,\n    required,\n    onChange,\n    children,\n    id\n  } = _b, rest = __objRest(_b, [\n    \"checked\",\n    \"disabled\",\n    \"required\",\n    \"onChange\",\n    \"children\",\n    \"id\"\n  ]);\n  const isIndeterminate = checked === \"indeterminate\";\n  const uniqueId = id || useId();\n  return /* @__PURE__ */ jsxs(Flex, { alignItems: \"center\", children: [\n    /* @__PURE__ */ jsx(StyledCheckbox, __spreadProps(__spreadValues(__spreadValues({ checked, onCheckedChange: onChange, disabled, required, id: uniqueId }, isIndeterminate && { \"data-state\": \"indeterminate\" }), rest), { children: /* @__PURE__ */ jsxs(StyledIndicator, __spreadProps(__spreadValues({}, isIndeterminate && { \"data-state\": \"indeterminate\" }), { children: [\n      /* @__PURE__ */ jsx(StyledCheckIconContainer, { className: \"check-icon\", children: /* @__PURE__ */ jsx(TickIcon, {}) }),\n      isIndeterminate && /* @__PURE__ */ jsx(HorizontalLineIcon, {})\n    ] })) })),\n    children && /* @__PURE__ */ jsx(StyledLabelContainer, { htmlFor: uniqueId, children })\n  ] });\n};\n\nexport { Checkbox };\n//# sourceMappingURL=checkbox.js.map\n"],"names":["jsx","styled","$e698a72e93240346$export$be92b6f5f03c0fe9","$e698a72e93240346$export$adb584737d712b70","useId","jsxs","Flex"],"mappings":"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","x_google_ignoreList":[0]}

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

@@ -0,0 +1,256 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var stitches_config = require('../stitches.config.js');
+var box = require('../box/box.js');
+require('../button/button.js');
+var iconButton = require('../button/icon-button.js');
+require('../button/split-button.js');
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const CloseIcon = () => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      width: "10",
+      height: "10",
+      viewBox: "0 0 10 10",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M1 1L9 9",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M9 1L1 9",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+};
+const StyledCloseButton = stitches_config.styled(iconButton.IconButton, {});
+const StyledChip = stitches_config.styled(box.Box, {
+  display: "inline-flex",
+  flexShrink: "0",
+  alignItems: "center",
+  gap: "$2",
+  outline: "none",
+  "&:focus-visible": {
+    $$shadowColor: "$colors$primary300",
+    boxShadow: "rgb(255, 255, 255) 0px 0px 0px 2px, $$shadowColor 0px 0px 0px 4px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px"
+  },
+  variants: {
+    size: {
+      lg: {
+        height: "$8",
+        padding: "$3 $4",
+        fontSize: "$sm",
+        fontWeight: "$4",
+        lineHeight: "$sm"
+      },
+      md: {
+        height: "$6",
+        padding: "$2 $4",
+        fontSize: "$xs",
+        fontWeight: "$4",
+        lineHeight: "$xs",
+        [`& ${StyledCloseButton}`]: {
+          height: "$3",
+          width: "$3"
+        },
+        [`& ${StyledCloseButton} svg`]: {
+          height: "6px",
+          width: "6px"
+        }
+      },
+      sm: {
+        height: "$5",
+        padding: "$1 $3",
+        fontSize: "$xs",
+        fontWeight: "$4",
+        lineHeight: "$xs",
+        [`& ${StyledCloseButton}`]: {
+          height: "$3",
+          width: "$3"
+        },
+        [`& ${StyledCloseButton} svg`]: {
+          height: "6px",
+          width: "6px"
+        }
+      },
+      xs: {
+        height: "$4",
+        padding: "$1 $3",
+        fontSize: "$xxs",
+        fontWeight: "$5",
+        lineHeight: "$xxs",
+        [`& ${StyledCloseButton}`]: {
+          marginInlineStart: "$1",
+          height: "$2",
+          width: "$2"
+        },
+        [`& ${StyledCloseButton} svg`]: {
+          height: "$1",
+          width: "$1"
+        }
+      }
+    },
+    color: {
+      default: {
+        background: "$black100",
+        color: "$neutral900",
+        [`& ${StyledCloseButton}`]: {
+          background: "$black400"
+        }
+      },
+      primary: {
+        background: "$primary200",
+        color: "$primary900",
+        [`& ${StyledCloseButton}`]: {
+          background: "$primary900"
+        }
+      },
+      error: {
+        background: "$negative200",
+        color: "$negative700",
+        [`& ${StyledCloseButton}`]: {
+          background: "$negative700"
+        }
+      },
+      warning: {
+        background: "$warning100",
+        color: "$warning900",
+        [`& ${StyledCloseButton}`]: {
+          background: "$warning900"
+        }
+      },
+      success: {
+        background: "$positive200",
+        color: "$positive700",
+        [`& ${StyledCloseButton}`]: {
+          background: "$positive700"
+        }
+      }
+    },
+    rounded: {
+      sm: {
+        borderRadius: "$sm"
+      },
+      full: {
+        borderRadius: "$pill"
+      }
+    },
+    variant: {
+      outline: {
+        background: "$white900"
+      },
+      solid: {
+        unset: "none"
+      }
+    }
+  },
+  compoundVariants: [
+    {
+      color: "default",
+      variant: "outline",
+      css: {
+        background: "$white900",
+        border: "$borderWidths$xs solid $colors$black300"
+      }
+    }
+  ],
+  defaultVariants: {
+    size: "sm",
+    color: "default",
+    variant: "solid",
+    rounded: "sm"
+  }
+});
+const Chip = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      color,
+      closable,
+      children,
+      onClose
+    } = _b, props = __objRest(_b, [
+      "color",
+      "closable",
+      "children",
+      "onClose"
+    ]);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      StyledChip,
+      __spreadProps(__spreadValues({
+        ref,
+        "data-testid": "chip",
+        tabIndex: 0,
+        color
+      }, props), {
+        children: [
+          children,
+          closable && /* @__PURE__ */ jsxRuntime.jsx(
+            StyledCloseButton,
+            __spreadValues({
+              size: "xxs",
+              css: {
+                background: "transparent",
+                borderRadius: "$round",
+                marginInlineStart: "$2"
+              },
+              icon: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, {})
+            }, onClose && { onClick: onClose })
+          )
+        ]
+      })
+    );
+  }
+);
+
+exports.Chip = Chip;
+//# sourceMappingURL=chip.js.map