@sparrowengg/integrations-templates-frontend 1.2.4

package/dist/es/_virtual/querying.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"querying.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/es/_virtual/react-is.development.js

@@ -0,0 +1,4 @@
+var reactIs_development = {};
+
+export { reactIs_development as __exports };
+//# sourceMappingURL=react-is.development.js.map

package/dist/es/_virtual/react-is.development.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-is.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/es/_virtual/react-is.production.min.js

@@ -0,0 +1,4 @@
+var reactIs_production_min = {};
+
+export { reactIs_production_min as __exports };
+//# sourceMappingURL=react-is.production.min.js.map

package/dist/es/_virtual/react-is.production.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-is.production.min.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/es/_virtual/serialOrdered.js

@@ -0,0 +1,4 @@
+var serialOrdered = {exports: {}};
+
+export { serialOrdered as __module };
+//# sourceMappingURL=serialOrdered.js.map

package/dist/es/_virtual/serialOrdered.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"serialOrdered.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/es/_virtual/stringify.js

@@ -0,0 +1,4 @@
+var stringify = {};
+
+export { stringify as __exports };
+//# sourceMappingURL=stringify.js.map

package/dist/es/_virtual/stringify.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stringify.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/es/_virtual/traversal.js

@@ -0,0 +1,4 @@
+var traversal = {};
+
+export { traversal as __exports };
+//# sourceMappingURL=traversal.js.map

package/dist/es/_virtual/traversal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"traversal.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/es/_virtual/types.js

@@ -0,0 +1,4 @@
+var types = {};
+
+export { types as __exports };
+//# sourceMappingURL=types.js.map

package/dist/es/_virtual/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/es/_virtual/utilities.js

@@ -0,0 +1,4 @@
+var utilities = {};
+
+export { utilities as __exports };
+//# sourceMappingURL=utilities.js.map

package/dist/es/_virtual/utilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/es/_virtual/utilities2.js

@@ -0,0 +1,4 @@
+var utilities = {};
+
+export { utilities as __exports };
+//# sourceMappingURL=utilities2.js.map

package/dist/es/_virtual/utilities2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utilities2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/es/_virtual/utilities3.js

@@ -0,0 +1,4 @@
+var utilities = {};
+
+export { utilities as __exports };
+//# sourceMappingURL=utilities3.js.map

package/dist/es/_virtual/utilities3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utilities3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/es/authentication/index.js

@@ -0,0 +1,59 @@
+import React__default from 'react';
+import { ThemeProvider } from '../node_modules/@sparrowengg/twigs-react/dist/es/theme-provider/theme-provider.js';
+import { Flex } from '../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js';
+import { Box } from '../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js';
+import { Heading } from '../node_modules/@sparrowengg/twigs-react/dist/es/heading/heading.js';
+import { FormLabel } from '../node_modules/@sparrowengg/twigs-react/dist/es/form-label/form-label.js';
+import { Select } from '../node_modules/@sparrowengg/twigs-react/dist/es/select/select.js';
+import { FormInput } from '../node_modules/@sparrowengg/twigs-react/dist/es/input/form-input.js';
+import { Button } from '../node_modules/@sparrowengg/twigs-react/dist/es/button/button.js';
+import { ChevronRightIcon } from '../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/chevron-right.js';
+
+const Authentication = ({
+  integrationName,
+  fields,
+  onSuccessHandler
+}) => {
+  return /* @__PURE__ */ React__default.createElement(
+    ThemeProvider,
+    {
+      theme: {
+        fonts: {
+          body: "DM Sans, Roboto Mono, sans-serif",
+          heading: "DM Sans, Roboto Mono, sans-serif"
+        }
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(Flex, { alignItems: "center", justifyContent: "center" }, /* @__PURE__ */ React__default.createElement(Box, { css: { width: 488 } }, /* @__PURE__ */ React__default.createElement(Heading, { size: "h5" }, `Connect your ${integrationName} account`), /* @__PURE__ */ React__default.createElement(Flex, { flexDirection: "column", gap: "$8", css: { marginTop: "$12" } }, fields.map((field) => /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, field.type === "select" ? /* @__PURE__ */ React__default.createElement(Flex, { gap: "$2", flexDirection: "column", css: { width: "100%" } }, /* @__PURE__ */ React__default.createElement(FormLabel, { size: "xs", css: { fontWeight: "$5" } }, field.label), " ", /* @__PURE__ */ React__default.createElement(
+      Select,
+      {
+        size: "lg",
+        value: field.value,
+        onChange: (value) => field.changeFieldValue(value),
+        options: field == null ? void 0 : field.options,
+        placeholder: field == null ? void 0 : field.placeholder
+      }
+    )) : /* @__PURE__ */ React__default.createElement(
+      FormInput,
+      {
+        size: "lg",
+        label: field.label,
+        placeholder: field == null ? void 0 : field.placeholder,
+        type: field.isPassword ? "password" : "text",
+        onChange: (e) => field.changeFieldValue(e.currentTarget.value)
+      }
+    )))), /* @__PURE__ */ React__default.createElement(
+      Button,
+      {
+        css: { marginTop: "$16" },
+        onClick: onSuccessHandler,
+        rightIcon: /* @__PURE__ */ React__default.createElement(ChevronRightIcon, null),
+        size: "lg"
+      },
+      "Authorize & Continue"
+    )))
+  );
+};
+
+export { Authentication };
+//# sourceMappingURL=index.js.map

package/dist/es/authentication/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/authentication/index.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Flex,\n  FormInput,\n  FormLabel,\n  Heading,\n  Select,\n  ThemeProvider\n} from \"@sparrowengg/twigs-react\";\nimport { ChevronRightIcon } from \"@sparrowengg/twigs-react-icons\";\nimport React from \"react\";\n\ntype AuthenticationFieldsProps = {\n  id: string | number;\n  type: string;\n  label: string;\n  value: any;\n  changeFieldValue: (value: any) => void;\n  options?: Array<{ label: string; value: string | number }>;\n  placeholder?: string;\n  isPassword?: boolean;\n};\n\ntype AuthenticationProps = {\n  integrationName: string;\n  fields: Array<AuthenticationFieldsProps>;\n  onSuccessHandler: () => void;\n};\n\nexport const Authentication = ({\n  integrationName,\n  fields,\n  onSuccessHandler\n}: AuthenticationProps) => {\n  return (\n    <ThemeProvider\n      theme={{\n        fonts: {\n          body: \"DM Sans, Roboto Mono, sans-serif\",\n          heading: \"DM Sans, Roboto Mono, sans-serif\"\n        }\n      }}\n    >\n      <Flex alignItems=\"center\" justifyContent=\"center\">\n        <Box css={{ width: 488 }}>\n          <Heading size=\"h5\">{`Connect your ${integrationName} account`}</Heading>\n          <Flex flexDirection=\"column\" gap=\"$8\" css={{ marginTop: \"$12\" }}>\n            {fields.map((field) => (\n              <>\n                {field.type === \"select\" ? (\n                  <Flex gap=\"$2\" flexDirection=\"column\" css={{ width: \"100%\" }}>\n                    <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n                      {field.label}\n                    </FormLabel>{\" \"}\n                    <Select\n                      size=\"lg\"\n                      value={field.value}\n                      onChange={(value) => field.changeFieldValue(value)}\n                      options={field?.options}\n                      placeholder={field?.placeholder}\n                    />\n                  </Flex>\n                ) : (\n                  <FormInput\n                    size=\"lg\"\n                    label={field.label}\n                    placeholder={field?.placeholder}\n                    type={field.isPassword ? \"password\" : \"text\"}\n                    onChange={(e) =>\n                      field.changeFieldValue(e.currentTarget.value)\n                    }\n                  />\n                )}\n              </>\n            ))}\n          </Flex>\n          <Button\n            css={{ marginTop: \"$16\" }}\n            onClick={onSuccessHandler}\n            rightIcon={<ChevronRightIcon />}\n            size=\"lg\"\n          >\n            Authorize & Continue\n          </Button>\n        </Box>\n      </Flex>\n    </ThemeProvider>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;AA8BO,MAAM,iBAAiB,CAAC;AAAA,EAC7B,eAAA;AAAA,EACA,MAAA;AAAA,EACA,gBAAA;AACF,CAA2B,KAAA;AACzB,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,KAAO,EAAA;AAAA,UACL,IAAM,EAAA,kCAAA;AAAA,UACN,OAAS,EAAA,kCAAA;AAAA,SACX;AAAA,OACF;AAAA,KAAA;AAAA,oBAECA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,UAAW,EAAA,QAAA,EAAS,cAAe,EAAA,QAAA,EAAA,kBACtCA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,GAAK,EAAA,EAAE,KAAO,EAAA,GAAA,EACjB,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,IAAA,EAAK,IAAM,EAAA,EAAA,CAAA,aAAA,EAAgB,eAAe,CAAA,QAAA,CAAW,CAC9D,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,aAAA,EAAc,QAAS,EAAA,GAAA,EAAI,IAAK,EAAA,GAAA,EAAK,EAAE,SAAW,EAAA,KAAA,EACrD,EAAA,EAAA,MAAA,CAAO,GAAI,CAAA,CAAC,KACX,qBAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EACG,KAAM,CAAA,IAAA,KAAS,QACd,mBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,GAAA,EAAI,IAAK,EAAA,aAAA,EAAc,UAAS,GAAK,EAAA,EAAE,KAAO,EAAA,MAAA,EAClD,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,SAAU,EAAA,EAAA,IAAA,EAAK,IAAK,EAAA,GAAA,EAAK,EAAE,UAAA,EAAY,IAAK,EAAA,EAAA,EAC1C,KAAM,CAAA,KACT,GAAa,GACb,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,IAAA;AAAA,QACL,OAAO,KAAM,CAAA,KAAA;AAAA,QACb,QAAU,EAAA,CAAC,KAAU,KAAA,KAAA,CAAM,iBAAiB,KAAK,CAAA;AAAA,QACjD,SAAS,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,OAAA;AAAA,QAChB,aAAa,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,WAAA;AAAA,OAAA;AAAA,KAExB,CAEA,mBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,IAAA;AAAA,QACL,OAAO,KAAM,CAAA,KAAA;AAAA,QACb,aAAa,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,WAAA;AAAA,QACpB,IAAA,EAAM,KAAM,CAAA,UAAA,GAAa,UAAa,GAAA,MAAA;AAAA,QACtC,UAAU,CAAC,CAAA,KACT,MAAM,gBAAiB,CAAA,CAAA,CAAE,cAAc,KAAK,CAAA;AAAA,OAAA;AAAA,KAIpD,CACD,CACH,CACA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,EAAE,SAAA,EAAW,KAAM,EAAA;AAAA,QACxB,OAAS,EAAA,gBAAA;AAAA,QACT,SAAA,+CAAY,gBAAiB,EAAA,IAAA,CAAA;AAAA,QAC7B,IAAK,EAAA,IAAA;AAAA,OAAA;AAAA,MACN,sBAAA;AAAA,KAGH,CACF,CAAA;AAAA,GACF,CAAA;AAEJ;;;;"}

package/dist/es/commons/components/custom-menu.js

@@ -0,0 +1,59 @@
+import React__default from 'react';
+import { c as components } from '../../node_modules/react-select/dist/index-a301f526.esm.js';
+import { Flex } from '../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js';
+import { PlusIcon } from '../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/plus.js';
+import { Text } from '../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.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;
+};
+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 CustomMenu = (_a) => {
+  var _b = _a, { children, customOnClick } = _b, props = __objRest(_b, ["children", "customOnClick"]);
+  return /* @__PURE__ */ React__default.createElement(components.Menu, __spreadValues({}, props), children, /* @__PURE__ */ React__default.createElement(
+    Flex,
+    {
+      onClick: customOnClick,
+      css: {
+        padding: "$7 $12 $8 $12",
+        borderTop: "$borderWidths$xs solid #4f547a26",
+        cursor: "pointer",
+        "&:hover": { background: "$secondary50", "& p": {
+          color: "$secondary600"
+        } }
+      },
+      alignItems: "center",
+      justifyContent: "center",
+      gap: "$1"
+    },
+    /* @__PURE__ */ React__default.createElement(PlusIcon, { size: 20, style: { color: "#64748B" } }),
+    /* @__PURE__ */ React__default.createElement(Text, { size: "sm", weight: "bold", css: { color: "$secondary500" } }, "New Custom Property")
+  ));
+};
+
+export { CustomMenu as default };
+//# sourceMappingURL=custom-menu.js.map

package/dist/es/commons/components/custom-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-menu.js","sources":["../../../../src/commons/components/custom-menu.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\nimport { MenuProps, components } from \"react-select\";\nimport {\n  Flex,\n  Text\n} from \"@sparrowengg/twigs-react\";\nimport { PlusIcon } from \"@sparrowengg/twigs-react-icons\";\nimport { CustomMenuProps } from \"../../mapping/types\";\n\nconst CustomMenu = ({ children, customOnClick, ...props }: any)=> {\n  return (\n    <components.Menu {...props}>\n        {children}\n        <Flex\n         onClick={customOnClick}\n          css={{\n            padding: \"$7 $12 $8 $12\",\n            borderTop: \"$borderWidths$xs solid #4f547a26\",\n            cursor: \"pointer\",\n            \"&:hover\": { background: \"$secondary50\", \"& p\": {\n              color: \"$secondary600\"\n            }}\n          }}\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          gap=\"$1\"\n        >\n          <PlusIcon size={20} style={{ color: \"#64748B\" }} />\n          <Text size=\"sm\" weight=\"bold\" css={{ color: \"$secondary500\" }}>\n            New Custom Property\n          </Text>\n        </Flex>\n    </components.Menu>\n  );\n};\n\nexport default CustomMenu;"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASM,MAAA,UAAA,GAAa,CAAC,EAA8C,KAAA;AAA9C,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,YAAU,aAThC,EAAA,GASoB,IAA8B,KAA9B,GAAA,SAAA,CAAA,EAAA,EAA8B,CAA5B,UAAU,EAAA,eAAA,CAAA,CAAA,CAAA;AAC9B,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,UAAA,CAAW,IAAX,EAAA,cAAA,CAAA,EAAA,EAAoB,QAChB,QACD,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACA,OAAS,EAAA,aAAA;AAAA,MACR,GAAK,EAAA;AAAA,QACH,OAAS,EAAA,eAAA;AAAA,QACT,SAAW,EAAA,kCAAA;AAAA,QACX,MAAQ,EAAA,SAAA;AAAA,QACR,SAAW,EAAA,EAAE,UAAY,EAAA,cAAA,EAAgB,KAAO,EAAA;AAAA,UAC9C,KAAO,EAAA,eAAA;AAAA,SACR,EAAA;AAAA,OACH;AAAA,MACA,UAAW,EAAA,QAAA;AAAA,MACX,cAAe,EAAA,QAAA;AAAA,MACf,GAAI,EAAA,IAAA;AAAA,KAAA;AAAA,oBAEJA,cAAA,CAAA,aAAA,CAAC,YAAS,IAAM,EAAA,EAAA,EAAI,OAAO,EAAE,KAAA,EAAO,WAAa,EAAA,CAAA;AAAA,oBACjDA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAK,IAAK,EAAA,MAAA,EAAO,MAAO,EAAA,GAAA,EAAK,EAAE,KAAA,EAAO,eAAgB,EAAA,EAAA,EAAG,qBAE/D,CAAA;AAAA,GAEN,CAAA,CAAA;AAEJ;;;;"}

package/dist/es/commons/components/custom-pill.js

@@ -0,0 +1,63 @@
+import React__default from 'react';
+import { Flex } from '../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js';
+import { Text } from '../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js';
+import { IconButton } from '../../node_modules/@sparrowengg/twigs-react/dist/es/button/icon-button.js';
+import { CloseCircleFillIcon } from '../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/close-circle-fill.js';
+
+const CustomPill = ({
+  label,
+  onCloseHandler,
+  variant,
+  radius,
+  fontFamily,
+  isClosable = true
+}) => {
+  const isDefaultVariant = variant === "default";
+  return /* @__PURE__ */ React__default.createElement(
+    Flex,
+    {
+      alignItems: "center",
+      css: {
+        height: "$6",
+        background: isDefaultVariant ? "rgba(100, 116, 139, 0.08)" : "$positive100",
+        padding: "$2",
+        paddingLeft: radius === "sm" ? "$3" : "$2",
+        borderRadius: radius === "sm" ? "$sm" : "99px",
+        "& > *": {
+          fontFamily: fontFamily != null ? fontFamily : "DM Sans"
+        }
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(
+      Text,
+      {
+        size: "xs",
+        weight: "medium",
+        css: {
+          color: isDefaultVariant ? "$secondary800" : "$neutral900",
+          paddingInline: "$1"
+        }
+      },
+      label
+    ),
+    isClosable && /* @__PURE__ */ React__default.createElement(
+      IconButton,
+      {
+        css: {
+          padding: "$1",
+          height: "$4",
+          width: "$4",
+          background: "transparent !important",
+          ".twigs-button__icon-container": { position: "static" }
+        },
+        variant: "ghost",
+        color: "default",
+        onClick: onCloseHandler,
+        icon: /* @__PURE__ */ React__default.createElement(CloseCircleFillIcon, { size: 12 })
+      }
+    )
+  );
+};
+
+export { CustomPill as default };
+//# sourceMappingURL=custom-pill.js.map

package/dist/es/commons/components/custom-pill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-pill.js","sources":["../../../../src/commons/components/custom-pill.tsx"],"sourcesContent":["import { Flex, IconButton, Text } from \"@sparrowengg/twigs-react\";\nimport { CloseCircleFillIcon } from \"@sparrowengg/twigs-react-icons\";\nimport React from \"react\";\n\nconst CustomPill = ({\n  label,\n  onCloseHandler,\n  variant,\n  radius,\n  fontFamily,\n  isClosable = true\n}: {\n  label: string;\n  onCloseHandler?: () => void;\n  variant: \"default\" | \"success\";\n  radius: \"sm\" | \"md\";\n  fontFamily?: \"Roboto Mono\";\n  isClosable?: boolean;\n}) => {\n  const isDefaultVariant = variant === \"default\";\n  return (\n    <Flex\n      alignItems=\"center\"\n      css={{\n        height: \"$6\",\n        background: isDefaultVariant\n          ? \"rgba(100, 116, 139, 0.08)\"\n          : \"$positive100\",\n        padding: \"$2\",\n        paddingLeft: radius === \"sm\" ? \"$3\" : \"$2\",\n        borderRadius: radius === \"sm\" ? \"$sm\" : \"99px\",\n        \"& > *\": {\n          fontFamily: fontFamily ?? \"DM Sans\"\n        }\n      }}\n    >\n      <Text\n        size=\"xs\"\n        weight=\"medium\"\n        css={{\n          color: isDefaultVariant ? \"$secondary800\" : \"$neutral900\",\n          paddingInline: \"$1\"\n        }}\n      >\n        {label}\n      </Text>\n      {isClosable && (\n        <IconButton\n          css={{\n            padding: \"$1\",\n            height: \"$4\",\n            width: \"$4\",\n            background: \"transparent !important\",\n            \".twigs-button__icon-container\": { position: \"static\" }\n          }}\n          variant=\"ghost\"\n          color=\"default\"\n          onClick={onCloseHandler}\n          icon={<CloseCircleFillIcon size={12} />}\n        />\n      )}\n    </Flex>\n  );\n};\n\nexport default CustomPill;\n"],"names":["React"],"mappings":";;;;;;AAIA,MAAM,aAAa,CAAC;AAAA,EAClB,KAAA;AAAA,EACA,cAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAa,GAAA,IAAA;AACf,CAOM,KAAA;AACJ,EAAA,MAAM,mBAAmB,OAAY,KAAA,SAAA,CAAA;AACrC,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,UAAW,EAAA,QAAA;AAAA,MACX,GAAK,EAAA;AAAA,QACH,MAAQ,EAAA,IAAA;AAAA,QACR,UAAA,EAAY,mBACR,2BACA,GAAA,cAAA;AAAA,QACJ,OAAS,EAAA,IAAA;AAAA,QACT,WAAA,EAAa,MAAW,KAAA,IAAA,GAAO,IAAO,GAAA,IAAA;AAAA,QACtC,YAAA,EAAc,MAAW,KAAA,IAAA,GAAO,KAAQ,GAAA,MAAA;AAAA,QACxC,OAAS,EAAA;AAAA,UACP,YAAY,UAAc,IAAA,IAAA,GAAA,UAAA,GAAA,SAAA;AAAA,SAC5B;AAAA,OACF;AAAA,KAAA;AAAA,oBAEAA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,IAAA;AAAA,QACL,MAAO,EAAA,QAAA;AAAA,QACP,GAAK,EAAA;AAAA,UACH,KAAA,EAAO,mBAAmB,eAAkB,GAAA,aAAA;AAAA,UAC5C,aAAe,EAAA,IAAA;AAAA,SACjB;AAAA,OAAA;AAAA,MAEC,KAAA;AAAA,KACH;AAAA,IACC,UACC,oBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA;AAAA,UACH,OAAS,EAAA,IAAA;AAAA,UACT,MAAQ,EAAA,IAAA;AAAA,UACR,KAAO,EAAA,IAAA;AAAA,UACP,UAAY,EAAA,wBAAA;AAAA,UACZ,+BAAA,EAAiC,EAAE,QAAA,EAAU,QAAS,EAAA;AAAA,SACxD;AAAA,QACA,OAAQ,EAAA,OAAA;AAAA,QACR,KAAM,EAAA,SAAA;AAAA,QACN,OAAS,EAAA,cAAA;AAAA,QACT,IAAM,kBAAAA,cAAA,CAAA,aAAA,CAAC,mBAAoB,EAAA,EAAA,IAAA,EAAM,EAAI,EAAA,CAAA;AAAA,OAAA;AAAA,KACvC;AAAA,GAEJ,CAAA;AAEJ;;;;"}

package/dist/es/commons/components/import-modal.js

@@ -0,0 +1,62 @@
+import React__default from 'react';
+import { Dialog, DialogContent } from '../../node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialog.js';
+import { Flex } from '../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js';
+import { Heading } from '../../node_modules/@sparrowengg/twigs-react/dist/es/heading/heading.js';
+import { IconButton } from '../../node_modules/@sparrowengg/twigs-react/dist/es/button/icon-button.js';
+import { CloseIcon } from '../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/close.js';
+import { Box } from '../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js';
+import { FormInput } from '../../node_modules/@sparrowengg/twigs-react/dist/es/input/form-input.js';
+import { Button } from '../../node_modules/@sparrowengg/twigs-react/dist/es/button/button.js';
+
+const ImportModal = ({
+  onCloseHandler,
+  onInputHandler,
+  onSaveHandler
+}) => {
+  return /* @__PURE__ */ React__default.createElement(Dialog, { open: true }, /* @__PURE__ */ React__default.createElement(DialogContent, { css: {
+    padding: 0,
+    borderRadius: "$3xl"
+  } }, /* @__PURE__ */ React__default.createElement(
+    Flex,
+    {
+      alignItems: "center",
+      justifyContent: "space-between",
+      css: {
+        padding: "$8 $12",
+        borderBottom: "$borderWidths$xs solid $neutral200"
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(Heading, { size: "h6", css: { color: "$neutral900" } }, "New Custom Property"),
+    /* @__PURE__ */ React__default.createElement(
+      IconButton,
+      {
+        variant: "ghost",
+        color: "default",
+        icon: /* @__PURE__ */ React__default.createElement(CloseIcon, null),
+        size: "lg",
+        css: {
+          "& svg": {
+            color: "#64748B !important"
+          }
+        },
+        onClick: () => onCloseHandler()
+      }
+    )
+  ), /* @__PURE__ */ React__default.createElement(Box, { css: {
+    padding: "$12"
+  } }, /* @__PURE__ */ React__default.createElement(
+    FormInput,
+    {
+      label: "Property Name",
+      requiredIndicator: true,
+      onChange: (event) => onInputHandler(event.currentTarget.value),
+      size: "lg"
+    }
+  )), /* @__PURE__ */ React__default.createElement(Flex, { gap: "$4", css: {
+    justifyContent: "flex-end",
+    padding: "$8 $12"
+  } }, /* @__PURE__ */ React__default.createElement(Button, { size: "lg", variant: "ghost", color: "default", onClick: onCloseHandler }, "Cancel"), /* @__PURE__ */ React__default.createElement(Button, { size: "lg", onClick: onSaveHandler }, "Save"))));
+};
+
+export { ImportModal as default };
+//# sourceMappingURL=import-modal.js.map

package/dist/es/commons/components/import-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"import-modal.js","sources":["../../../../src/commons/components/import-modal.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Dialog,\n  DialogContent,\n  Flex,\n  FormInput,\n  Heading,\n  IconButton\n} from \"@sparrowengg/twigs-react\";\nimport { CloseIcon } from \"@sparrowengg/twigs-react-icons\";\nimport React from \"react\";\nimport { ImportModalProps } from \"../../mapping/types\";\n\nconst ImportModal = ({\n  onCloseHandler,\n  onInputHandler,\n  onSaveHandler,\n}: ImportModalProps) => {\n  return (\n    <Dialog open>\n      <DialogContent css={{\n        padding: 0,\n        borderRadius: \"$3xl\"\n      }}>\n        <Flex\n          alignItems=\"center\"\n          justifyContent=\"space-between\"\n          css={{\n            padding: \"$8 $12\",\n            borderBottom: \"$borderWidths$xs solid $neutral200\"\n          }}\n        >\n          <Heading size=\"h6\" css={{ color: \"$neutral900\" }}>New Custom Property</Heading>\n          <IconButton\n            variant=\"ghost\"\n            color=\"default\"\n            icon={<CloseIcon />}\n            size=\"lg\"\n            css={{ \n              \"& svg\": {\n                color: \"#64748B !important\"\n              }\n            }}\n            onClick={() => onCloseHandler()}\n          />\n        </Flex>\n        <Box css={{\n          padding: \"$12\"\n        }}>\n          <FormInput\n            label={\"Property Name\"}\n            requiredIndicator\n            onChange={(event) => onInputHandler(event.currentTarget.value)}\n            size=\"lg\"\n          />\n        </Box>\n        <Flex gap=\"$4\" css={{\n          justifyContent: \"flex-end\",\n          padding: \"$8 $12\"\n        }}>\n          <Button size=\"lg\" variant=\"ghost\" color=\"default\" onClick={onCloseHandler}>\n            Cancel\n          </Button>\n          <Button size=\"lg\" onClick={onSaveHandler}>\n            {\"Save\"}\n          </Button>\n        </Flex>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nexport default ImportModal;\n"],"names":["React"],"mappings":";;;;;;;;;;AAcA,MAAM,cAAc,CAAC;AAAA,EACnB,cAAA;AAAA,EACA,cAAA;AAAA,EACA,aAAA;AACF,CAAwB,KAAA;AACtB,EAAA,oDACG,MAAO,EAAA,EAAA,IAAA,EAAI,IACV,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,iBAAc,GAAK,EAAA;AAAA,IAClB,OAAS,EAAA,CAAA;AAAA,IACT,YAAc,EAAA,MAAA;AAAA,GAEd,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,UAAW,EAAA,QAAA;AAAA,MACX,cAAe,EAAA,eAAA;AAAA,MACf,GAAK,EAAA;AAAA,QACH,OAAS,EAAA,QAAA;AAAA,QACT,YAAc,EAAA,oCAAA;AAAA,OAChB;AAAA,KAAA;AAAA,oBAEAA,cAAA,CAAA,aAAA,CAAC,WAAQ,IAAK,EAAA,IAAA,EAAK,KAAK,EAAE,KAAA,EAAO,aAAc,EAAA,EAAA,EAAG,qBAAmB,CAAA;AAAA,oBACrEA,cAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,OAAA;AAAA,QACR,KAAM,EAAA,SAAA;AAAA,QACN,IAAA,+CAAO,SAAU,EAAA,IAAA,CAAA;AAAA,QACjB,IAAK,EAAA,IAAA;AAAA,QACL,GAAK,EAAA;AAAA,UACH,OAAS,EAAA;AAAA,YACP,KAAO,EAAA,oBAAA;AAAA,WACT;AAAA,SACF;AAAA,QACA,OAAA,EAAS,MAAM,cAAe,EAAA;AAAA,OAAA;AAAA,KAChC;AAAA,GACF,kBACCA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,GAAK,EAAA;AAAA,IACR,OAAS,EAAA,KAAA;AAAA,GAET,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,eAAA;AAAA,MACP,iBAAiB,EAAA,IAAA;AAAA,MACjB,UAAU,CAAC,KAAA,KAAU,cAAe,CAAA,KAAA,CAAM,cAAc,KAAK,CAAA;AAAA,MAC7D,IAAK,EAAA,IAAA;AAAA,KAAA;AAAA,GAET,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,GAAA,EAAI,MAAK,GAAK,EAAA;AAAA,IAClB,cAAgB,EAAA,UAAA;AAAA,IAChB,OAAS,EAAA,QAAA;AAAA,GACX,EAAA,+CACG,MAAO,EAAA,EAAA,IAAA,EAAK,MAAK,OAAQ,EAAA,OAAA,EAAQ,KAAM,EAAA,SAAA,EAAU,OAAS,EAAA,cAAA,EAAA,EAAgB,QAE3E,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAO,IAAK,EAAA,IAAA,EAAK,SAAS,aACxB,EAAA,EAAA,MACH,CACF,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/es/commons/components/spinner.js

@@ -0,0 +1,46 @@
+import React__default from 'react';
+import { keyframes, styled } from '../../node_modules/@sparrowengg/twigs-react/dist/es/stitches.config.js';
+import { Box } from '../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js';
+
+const spin = keyframes({
+  "0%": { transform: "rotate(0deg)" },
+  "100%": { transform: "rotate(360deg)" }
+});
+const StyledBox = styled(Box, {
+  borderRradius: "50%",
+  width: "$7",
+  height: "$7",
+  borderRadius: "$round",
+  borderStyle: "solid",
+  borderWidth: "$md",
+  borderBottomColor: `$neutral400`,
+  borderRightColor: "$neutral400",
+  borderTopColor: "$black900",
+  borderLeftColor: "$black900",
+  animationDuration: "800ms",
+  animationTimingFunction: "linear",
+  animationIterationCount: "infinite",
+  willChange: "transform",
+  animationName: `${spin}`,
+  variants: {
+    size: {
+      sm: {
+        width: "$5",
+        height: "$5"
+      },
+      md: {
+        width: "$7",
+        height: "$7"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+const Spinner = ({ size = "md" }) => {
+  return /* @__PURE__ */ React__default.createElement(StyledBox, { size });
+};
+
+export { Spinner };
+//# sourceMappingURL=spinner.js.map

package/dist/es/commons/components/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.js","sources":["../../../../src/commons/components/spinner.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { keyframes, Box, styled } from '@sparrowengg/twigs-react';\n\nconst spin = keyframes({\n  '0%': { transform: 'rotate(0deg)' },\n  '100%': { transform: 'rotate(360deg)' }\n});\n\nconst StyledBox = styled(Box, {\n    borderRradius: '50%',\n    width: '$7',\n    height: '$7',\n    borderRadius: '$round',\n    borderStyle: 'solid',\n    borderWidth: '$md',\n    borderBottomColor: `$neutral400`,\n    borderRightColor: '$neutral400',\n    borderTopColor: '$black900',\n    borderLeftColor: '$black900',\n    animationDuration: '800ms',\n    animationTimingFunction: 'linear',\n    animationIterationCount: 'infinite',\n    willChange: 'transform',\n    animationName: `${spin}`,\n    variants: {\n      size: {\n        sm: {\n          width: '$5',\n          height: '$5'\n        },\n        md: {\n          width: '$7',\n          height: '$7'\n        }\n      }\n    },\n    defaultVariants: {\n      size: 'md'\n    }\n});\n\nexport const Spinner = ({size = \"md\"}: { size?: \"md\" | \"sm\" }) =>{\n  return (<StyledBox size={size} />)\n}"],"names":["React"],"mappings":";;;;AAIA,MAAM,OAAO,SAAU,CAAA;AAAA,EACrB,IAAA,EAAM,EAAE,SAAA,EAAW,cAAe,EAAA;AAAA,EAClC,MAAA,EAAQ,EAAE,SAAA,EAAW,gBAAiB,EAAA;AACxC,CAAC,CAAA,CAAA;AAED,MAAM,SAAA,GAAY,OAAO,GAAK,EAAA;AAAA,EAC1B,aAAe,EAAA,KAAA;AAAA,EACf,KAAO,EAAA,IAAA;AAAA,EACP,MAAQ,EAAA,IAAA;AAAA,EACR,YAAc,EAAA,QAAA;AAAA,EACd,WAAa,EAAA,OAAA;AAAA,EACb,WAAa,EAAA,KAAA;AAAA,EACb,iBAAmB,EAAA,CAAA,WAAA,CAAA;AAAA,EACnB,gBAAkB,EAAA,aAAA;AAAA,EAClB,cAAgB,EAAA,WAAA;AAAA,EAChB,eAAiB,EAAA,WAAA;AAAA,EACjB,iBAAmB,EAAA,OAAA;AAAA,EACnB,uBAAyB,EAAA,QAAA;AAAA,EACzB,uBAAyB,EAAA,UAAA;AAAA,EACzB,UAAY,EAAA,WAAA;AAAA,EACZ,aAAA,EAAe,GAAG,IAAI,CAAA,CAAA;AAAA,EACtB,QAAU,EAAA;AAAA,IACR,IAAM,EAAA;AAAA,MACJ,EAAI,EAAA;AAAA,QACF,KAAO,EAAA,IAAA;AAAA,QACP,MAAQ,EAAA,IAAA;AAAA,OACV;AAAA,MACA,EAAI,EAAA;AAAA,QACF,KAAO,EAAA,IAAA;AAAA,QACP,MAAQ,EAAA,IAAA;AAAA,OACV;AAAA,KACF;AAAA,GACF;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,IAAA;AAAA,GACR;AACJ,CAAC,CAAA,CAAA;AAEM,MAAM,OAAU,GAAA,CAAC,EAAC,IAAA,GAAO,MAAiC,KAAA;AAC/D,EAAQ,uBAAAA,cAAA,CAAA,aAAA,CAAC,aAAU,IAAY,EAAA,CAAA,CAAA;AACjC;;;;"}