@sparrowengg/twigs-editor-react 0.0.1

package/dist/es/react-components/dist/es/dialog/dialog.js

@@ -0,0 +1,193 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useContext, createContext } from 'react';
+import { Root, Portal, Title, Overlay, Content as Content$1, Description } from '../node_modules/@radix-ui/react-dialog/dist/index.js';
+import { prefixClassName } from '../utils/prefix-class-name.js';
+import { clsx } from '../packages/react-components/node_modules/clsx/dist/clsx.js';
+import { styled, keyframes } from '../stitches.config.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 overlayShow = keyframes({
+  "0%": { opacity: 0 },
+  "100%": { opacity: 1 }
+});
+const contentShow = keyframes({
+  "0%": { opacity: 0, transform: "translate(-50%, -48%) scale(.96)" },
+  "100%": { opacity: 1, transform: "translate(-50%, -50%) scale(1)" }
+});
+const DialogContext = createContext({
+  size: "md",
+  scrollBehavior: "auto"
+});
+const DialogProvider = ({
+  children,
+  size,
+  scrollBehavior
+}) => {
+  return /* @__PURE__ */ jsx(DialogContext.Provider, { value: { size, scrollBehavior }, children });
+};
+const StyledOverlay = styled(Overlay, {
+  backgroundColor: "$black700",
+  position: "fixed",
+  inset: 0,
+  zIndex: 999,
+  "@media (prefers-reduced-motion: no-preference)": {
+    animation: `${overlayShow} 150ms cubic-bezier(0.16, 1, 0.3, 1)`
+  }
+});
+const StyledContent = styled(Content$1, {
+  backgroundColor: "$white900",
+  borderRadius: "$2xl",
+  boxShadow: "hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px",
+  position: "fixed",
+  top: "50%",
+  left: "50%",
+  transform: "translate(-50%, -50%)",
+  maxHeight: "80vh",
+  maxWidth: "95vw",
+  zIndex: 999,
+  "@media (prefers-reduced-motion: no-preference)": {
+    animation: `${contentShow} 150ms cubic-bezier(0.16, 1, 0.3, 1)`
+  },
+  "&:focus": { outline: "none" },
+  variants: {
+    size: {
+      full: {
+        width: "100vw",
+        height: "100vh",
+        // overriding default maxHeight and maxWidth
+        maxHeight: "100vh",
+        maxWidth: "100vw"
+      },
+      xl: {
+        width: "1346px"
+      },
+      lg: {
+        width: "980px"
+      },
+      md: {
+        width: "600px"
+      },
+      sm: {
+        width: "464px"
+      }
+    },
+    scrollBehavior: {
+      auto: {
+        overflowY: "auto"
+      },
+      scroll: {
+        overflowY: "scroll"
+      },
+      hidden: {
+        overflowY: "hidden"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    scrollBehavior: "auto"
+  }
+});
+const Content = (_a) => {
+  var _b = _a, {
+    children,
+    portalContainer,
+    overlayClassName
+  } = _b, props = __objRest(_b, [
+    "children",
+    "portalContainer",
+    "overlayClassName"
+  ]);
+  const dialogContext = useContext(DialogContext);
+  return /* @__PURE__ */ jsxs(Portal, { container: portalContainer, children: [
+    /* @__PURE__ */ jsx(StyledOverlay, { className: clsx(prefixClassName("dialog__overlay"), overlayClassName) }),
+    /* @__PURE__ */ jsx(StyledContent, __spreadProps(__spreadValues(__spreadValues({}, dialogContext), props), { children }))
+  ] });
+};
+const DialogRoot = (_c) => {
+  var _d = _c, {
+    children,
+    size = "md",
+    scrollBehavior = "auto"
+  } = _d, props = __objRest(_d, [
+    "children",
+    "size",
+    "scrollBehavior"
+  ]);
+  return /* @__PURE__ */ jsx(DialogProvider, { scrollBehavior, size, children: /* @__PURE__ */ jsx(Root, __spreadProps(__spreadValues({}, props), { children })) });
+};
+styled("header", {
+  minHeight: "$18",
+  padding: "$8 $12",
+  borderBottom: "$borderWidths$xs solid $colors$neutral200"
+});
+styled("div", {
+  padding: "$8 $12"
+});
+styled("footer", {
+  height: "$18",
+  padding: "$8 $12"
+});
+const StyledTitle = styled(Title, {
+  margin: 0,
+  fontWeight: "$7",
+  fontSize: "$lg",
+  color: "$neutral900",
+  variants: {
+    size: {
+      md: {
+        fontSize: "$md",
+        lineHeight: "$md"
+      },
+      lg: {
+        fontSize: "$lg",
+        lineHeight: "$lg"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "lg"
+  }
+});
+styled(Description, {
+  margin: 0,
+  color: "$neutral700",
+  fontSize: "$xs",
+  lineHeight: "$xxs"
+});
+const Dialog = DialogRoot;
+const DialogContent = Content;
+const DialogTitle = StyledTitle;
+
+export { Dialog, DialogContent, DialogTitle };
+//# sourceMappingURL=dialog.js.map

package/dist/es/react-components/dist/es/dialog/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sources":["../../../../../../../react-components/dist/es/dialog/dialog.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { createContext, useContext } from 'react';\nimport { Overlay, Content as Content$1, Title, Description, Trigger, Close, Portal, Root } from '../node_modules/@radix-ui/react-dialog/dist/index.js';\nimport { prefixClassName } from '../utils/prefix-class-name.js';\nimport { clsx } from '../packages/react-components/node_modules/clsx/dist/clsx.js';\nimport { keyframes, styled } from '../stitches.config.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 overlayShow = keyframes({\n  \"0%\": { opacity: 0 },\n  \"100%\": { opacity: 1 }\n});\nconst contentShow = keyframes({\n  \"0%\": { opacity: 0, transform: \"translate(-50%, -48%) scale(.96)\" },\n  \"100%\": { opacity: 1, transform: \"translate(-50%, -50%) scale(1)\" }\n});\nconst DialogContext = createContext({\n  size: \"md\",\n  scrollBehavior: \"auto\"\n});\nconst DialogProvider = ({\n  children,\n  size,\n  scrollBehavior\n}) => {\n  return /* @__PURE__ */ jsx(DialogContext.Provider, { value: { size, scrollBehavior }, children });\n};\nconst StyledOverlay = styled(Overlay, {\n  backgroundColor: \"$black700\",\n  position: \"fixed\",\n  inset: 0,\n  zIndex: 999,\n  \"@media (prefers-reduced-motion: no-preference)\": {\n    animation: `${overlayShow} 150ms cubic-bezier(0.16, 1, 0.3, 1)`\n  }\n});\nconst StyledContent = styled(Content$1, {\n  backgroundColor: \"$white900\",\n  borderRadius: \"$2xl\",\n  boxShadow: \"hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px\",\n  position: \"fixed\",\n  top: \"50%\",\n  left: \"50%\",\n  transform: \"translate(-50%, -50%)\",\n  maxHeight: \"80vh\",\n  maxWidth: \"95vw\",\n  zIndex: 999,\n  \"@media (prefers-reduced-motion: no-preference)\": {\n    animation: `${contentShow} 150ms cubic-bezier(0.16, 1, 0.3, 1)`\n  },\n  \"&:focus\": { outline: \"none\" },\n  variants: {\n    size: {\n      full: {\n        width: \"100vw\",\n        height: \"100vh\",\n        // overriding default maxHeight and maxWidth\n        maxHeight: \"100vh\",\n        maxWidth: \"100vw\"\n      },\n      xl: {\n        width: \"1346px\"\n      },\n      lg: {\n        width: \"980px\"\n      },\n      md: {\n        width: \"600px\"\n      },\n      sm: {\n        width: \"464px\"\n      }\n    },\n    scrollBehavior: {\n      auto: {\n        overflowY: \"auto\"\n      },\n      scroll: {\n        overflowY: \"scroll\"\n      },\n      hidden: {\n        overflowY: \"hidden\"\n      }\n    }\n  },\n  defaultVariants: {\n    size: \"md\",\n    scrollBehavior: \"auto\"\n  }\n});\nconst Content = (_a) => {\n  var _b = _a, {\n    children,\n    portalContainer,\n    overlayClassName\n  } = _b, props = __objRest(_b, [\n    \"children\",\n    \"portalContainer\",\n    \"overlayClassName\"\n  ]);\n  const dialogContext = useContext(DialogContext);\n  return /* @__PURE__ */ jsxs(Portal, { container: portalContainer, children: [\n    /* @__PURE__ */ jsx(StyledOverlay, { className: clsx(prefixClassName(\"dialog__overlay\"), overlayClassName) }),\n    /* @__PURE__ */ jsx(StyledContent, __spreadProps(__spreadValues(__spreadValues({}, dialogContext), props), { children }))\n  ] });\n};\nconst DialogRoot = (_c) => {\n  var _d = _c, {\n    children,\n    size = \"md\",\n    scrollBehavior = \"auto\"\n  } = _d, props = __objRest(_d, [\n    \"children\",\n    \"size\",\n    \"scrollBehavior\"\n  ]);\n  return /* @__PURE__ */ jsx(DialogProvider, { scrollBehavior, size, children: /* @__PURE__ */ jsx(Root, __spreadProps(__spreadValues({}, props), { children })) });\n};\nconst StyledHeader = styled(\"header\", {\n  minHeight: \"$18\",\n  padding: \"$8 $12\",\n  borderBottom: \"$borderWidths$xs solid $colors$neutral200\"\n});\nconst Header = (_e) => {\n  var _f = _e, { children } = _f, props = __objRest(_f, [\"children\"]);\n  return /* @__PURE__ */ jsx(StyledHeader, __spreadProps(__spreadValues({}, props), { children }));\n};\nconst StyledBody = styled(\"div\", {\n  padding: \"$8 $12\"\n});\nconst Body = (_g) => {\n  var _h = _g, { children } = _h, props = __objRest(_h, [\"children\"]);\n  return /* @__PURE__ */ jsx(StyledBody, __spreadProps(__spreadValues({}, props), { children }));\n};\nconst StyledFooter = styled(\"footer\", {\n  height: \"$18\",\n  padding: \"$8 $12\"\n});\nconst Footer = (_i) => {\n  var _j = _i, { children } = _j, props = __objRest(_j, [\"children\"]);\n  return /* @__PURE__ */ jsx(StyledFooter, __spreadProps(__spreadValues({}, props), { children }));\n};\nconst StyledTitle = styled(Title, {\n  margin: 0,\n  fontWeight: \"$7\",\n  fontSize: \"$lg\",\n  color: \"$neutral900\",\n  variants: {\n    size: {\n      md: {\n        fontSize: \"$md\",\n        lineHeight: \"$md\"\n      },\n      lg: {\n        fontSize: \"$lg\",\n        lineHeight: \"$lg\"\n      }\n    }\n  },\n  defaultVariants: {\n    size: \"lg\"\n  }\n});\nconst StyledDescription = styled(Description, {\n  margin: 0,\n  color: \"$neutral700\",\n  fontSize: \"$xs\",\n  lineHeight: \"$xxs\"\n});\nconst Dialog = DialogRoot;\nconst DialogTrigger = Trigger;\nconst DialogContent = Content;\nconst DialogHeader = Header;\nconst DialogTitle = StyledTitle;\nconst DialogDescription = StyledDescription;\nconst DialogBody = Body;\nconst DialogFooter = Footer;\nconst DialogClose = Close;\n\nexport { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger };\n//# sourceMappingURL=dialog.js.map\n"],"names":[],"mappings":"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"}

package/dist/es/react-components/dist/es/dropdown/dropdown.js

@@ -0,0 +1,190 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useContext, createContext } from 'react';
+import { Root as Root2, Trigger, Portal as Portal2, Item as Item2, Content as Content2, SubTrigger as SubTrigger2, RadioItem as RadioItem2, CheckboxItem as CheckboxItem2, Arrow as Arrow2, Label as Label2, Separator as Separator2, ItemIndicator as ItemIndicator2, SubContent as SubContent2 } from '../node_modules/@radix-ui/react-dropdown-menu/dist/index.js';
+import { Flex } from '../flex/flex.js';
+import { styled, keyframes } from '../stitches.config.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 DropdownContext = createContext({
+  size: "md"
+  // Default Value
+});
+const DropdownProvider = ({
+  children,
+  size = "md"
+}) => {
+  return /* @__PURE__ */ jsx(DropdownContext.Provider, { value: { size }, children });
+};
+const slideUpAndFade = keyframes({
+  "0%": { opacity: 0, transform: "translateY(2px)" },
+  "100%": { opacity: 1, transform: "translateY(0)" }
+});
+const slideRightAndFade = keyframes({
+  "0%": { opacity: 0, transform: "translateX(-2px)" },
+  "100%": { opacity: 1, transform: "translateX(0)" }
+});
+const slideDownAndFade = keyframes({
+  "0%": { opacity: 0, transform: "translateY(-2px)" },
+  "100%": { opacity: 1, transform: "translateY(0)" }
+});
+const slideLeftAndFade = keyframes({
+  "0%": { opacity: 0, transform: "translateX(2px)" },
+  "100%": { opacity: 1, transform: "translateX(0)" }
+});
+const itemStyles = {
+  all: "unset",
+  color: "$neutral900",
+  display: "flex",
+  alignItems: "center",
+  position: "relative",
+  userSelect: "none",
+  "&[data-disabled]": {
+    background: "$white900",
+    opacity: "0.4",
+    color: "$neutral800",
+    pointerEvents: "none"
+  },
+  "&[data-highlighted]": {
+    backgroundColorOpacity: ["$secondary500", 0.06],
+    color: "$neutral900"
+  }
+};
+const StyledItem = styled(Item2, __spreadValues({}, itemStyles));
+const mediumItemStyles = {
+  fontSize: "$md",
+  lineHeight: "$md",
+  padding: "$4 $6"
+};
+const smallItemStyles = {
+  fontSize: "$sm",
+  lineHeight: "$sm",
+  padding: "$3 $6"
+};
+const StyledArrow = styled(Arrow2, {
+  fill: "white"
+});
+const StyledCheckboxItem = styled(CheckboxItem2, __spreadValues({}, itemStyles));
+const StyledRadioItem = styled(RadioItem2, __spreadValues({}, itemStyles));
+const StyledSubTrigger = styled(SubTrigger2, __spreadValues({
+  '&[data-state="open"]': {
+    backgroundColor: "$neutral50",
+    color: "$neutral900"
+  }
+}, itemStyles));
+styled(Flex, {
+  alignItems: "center",
+  marginLeft: "auto",
+  paddingInlineStart: "$10",
+  color: "CurrentColor",
+  "[data-disabled] &": { color: "CurrentColor" }
+});
+styled(Label2, {
+  padding: "$4 $6",
+  fontSize: "$xs",
+  fontWeight: "$7",
+  lineHeight: "$xs",
+  color: "$accent700",
+  textTransform: "uppercase"
+});
+styled(Separator2, {
+  height: 1,
+  backgroundColor: "$neutral100",
+  margin: "$2 0"
+});
+styled(ItemIndicator2, {
+  position: "absolute",
+  left: 0,
+  width: 25,
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center"
+});
+const contentStyles = {
+  minWidth: 234,
+  backgroundColor: "white",
+  padding: "$4 0",
+  borderRadius: "$xl",
+  boxShadow: "0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 2px 5px 0px rgba(0, 0, 0, 0.06), 0px 8px 12px 0px rgba(0, 0, 0, 0.06)",
+  border: "0.5px solid $colors$black300",
+  "@media (prefers-reduced-motion: no-preference)": {
+    animationDuration: "400ms",
+    animationTimingFunction: "cubic-bezier(0.16, 1, 0.3, 1)",
+    willChange: "transform, opacity",
+    '&[data-state="open"]': {
+      '&[data-side="top"]': { animationName: slideDownAndFade },
+      '&[data-side="right"]': { animationName: slideLeftAndFade },
+      '&[data-side="bottom"]': { animationName: slideUpAndFade },
+      '&[data-side="left"]': { animationName: slideRightAndFade }
+    }
+  },
+  variants: {
+    size: {
+      sm: {
+        [`& ${StyledItem}`]: smallItemStyles,
+        [`& ${StyledCheckboxItem}`]: smallItemStyles,
+        [`& ${StyledRadioItem}`]: smallItemStyles,
+        [`& ${StyledSubTrigger}`]: smallItemStyles
+      },
+      md: {
+        [`& ${StyledItem}`]: mediumItemStyles,
+        [`& ${StyledCheckboxItem}`]: mediumItemStyles,
+        [`& ${StyledRadioItem}`]: mediumItemStyles,
+        [`& ${StyledSubTrigger}`]: mediumItemStyles
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+};
+styled(SubContent2, __spreadValues({}, contentStyles));
+const StyledContent = styled(Content2, __spreadValues({}, contentStyles));
+const Content = (_c) => {
+  var _d = _c, { children, showArrow } = _d, props = __objRest(_d, ["children", "showArrow"]);
+  const size = useContext(DropdownContext);
+  return /* @__PURE__ */ jsx(Portal2, { children: /* @__PURE__ */ jsxs(StyledContent, __spreadProps(__spreadValues(__spreadValues({}, props), size), { children: [
+    children,
+    showArrow && /* @__PURE__ */ jsx(StyledArrow, {})
+  ] })) });
+};
+const DropdownRoot = (_e) => {
+  var _f = _e, { children } = _f, props = __objRest(_f, ["children"]);
+  return /* @__PURE__ */ jsx(DropdownProvider, { size: props.size, children: /* @__PURE__ */ jsx(Root2, __spreadProps(__spreadValues({}, props), { children })) });
+};
+const DropdownMenuTrigger = styled(Trigger);
+const DropdownMenu = DropdownRoot;
+const DropdownMenuContent = Content;
+const DropdownMenuItem = StyledItem;
+
+export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger };
+//# sourceMappingURL=dropdown.js.map

package/dist/es/react-components/dist/es/dropdown/dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.js","sources":["../../../../../../../react-components/dist/es/dropdown/dropdown.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport React__default, { createContext, useContext } from 'react';\nimport { Item as Item2, Arrow as Arrow2, CheckboxItem as CheckboxItem2, RadioItem as RadioItem2, SubTrigger as SubTrigger2, Label as Label2, Separator as Separator2, ItemIndicator as ItemIndicator2, SubContent as SubContent2, Content as Content2, Trigger, RadioGroup as RadioGroup2, Sub as Sub2, Portal as Portal2, Root as Root2 } from '../node_modules/@radix-ui/react-dropdown-menu/dist/index.js';\nimport { Flex } from '../flex/flex.js';\nimport { keyframes, styled } from '../stitches.config.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 ChevronRightIcon = () => {\n  return /* @__PURE__ */ jsx(\n    \"svg\",\n    {\n      width: \"6\",\n      height: \"10\",\n      viewBox: \"0 0 6 10\",\n      fill: \"none\",\n      xmlns: \"http://www.w3.org/2000/svg\",\n      children: /* @__PURE__ */ jsx(\n        \"path\",\n        {\n          d: \"M1.33325 8.33332L4.66658 4.99999L1.33325 1.66666\",\n          stroke: \"#6A6A6A\",\n          strokeWidth: \"1.5\",\n          strokeLinecap: \"round\",\n          strokeLinejoin: \"round\"\n        }\n      )\n    }\n  );\n};\nconst DropdownContext = createContext({\n  size: \"md\"\n  // Default Value\n});\nconst DropdownProvider = ({\n  children,\n  size = \"md\"\n}) => {\n  return /* @__PURE__ */ jsx(DropdownContext.Provider, { value: { size }, children });\n};\nconst slideUpAndFade = keyframes({\n  \"0%\": { opacity: 0, transform: \"translateY(2px)\" },\n  \"100%\": { opacity: 1, transform: \"translateY(0)\" }\n});\nconst slideRightAndFade = keyframes({\n  \"0%\": { opacity: 0, transform: \"translateX(-2px)\" },\n  \"100%\": { opacity: 1, transform: \"translateX(0)\" }\n});\nconst slideDownAndFade = keyframes({\n  \"0%\": { opacity: 0, transform: \"translateY(-2px)\" },\n  \"100%\": { opacity: 1, transform: \"translateY(0)\" }\n});\nconst slideLeftAndFade = keyframes({\n  \"0%\": { opacity: 0, transform: \"translateX(2px)\" },\n  \"100%\": { opacity: 1, transform: \"translateX(0)\" }\n});\nconst itemStyles = {\n  all: \"unset\",\n  color: \"$neutral900\",\n  display: \"flex\",\n  alignItems: \"center\",\n  position: \"relative\",\n  userSelect: \"none\",\n  \"&[data-disabled]\": {\n    background: \"$white900\",\n    opacity: \"0.4\",\n    color: \"$neutral800\",\n    pointerEvents: \"none\"\n  },\n  \"&[data-highlighted]\": {\n    backgroundColorOpacity: [\"$secondary500\", 0.06],\n    color: \"$neutral900\"\n  }\n};\nconst StyledItem = styled(Item2, __spreadValues({}, itemStyles));\nconst mediumItemStyles = {\n  fontSize: \"$md\",\n  lineHeight: \"$md\",\n  padding: \"$4 $6\"\n};\nconst smallItemStyles = {\n  fontSize: \"$sm\",\n  lineHeight: \"$sm\",\n  padding: \"$3 $6\"\n};\nconst StyledArrow = styled(Arrow2, {\n  fill: \"white\"\n});\nconst StyledCheckboxItem = styled(CheckboxItem2, __spreadValues({}, itemStyles));\nconst StyledRadioItem = styled(RadioItem2, __spreadValues({}, itemStyles));\nconst StyledSubTrigger = styled(SubTrigger2, __spreadValues({\n  '&[data-state=\"open\"]': {\n    backgroundColor: \"$neutral50\",\n    color: \"$neutral900\"\n  }\n}, itemStyles));\nconst StyledSubTriggerIcon = styled(Flex, {\n  alignItems: \"center\",\n  marginLeft: \"auto\",\n  paddingInlineStart: \"$10\",\n  color: \"CurrentColor\",\n  \"[data-disabled] &\": { color: \"CurrentColor\" }\n});\nconst SubTrigger = (_a) => {\n  var _b = _a, { children, icon } = _b, props = __objRest(_b, [\"children\", \"icon\"]);\n  return /* @__PURE__ */ jsxs(StyledSubTrigger, __spreadProps(__spreadValues({}, props), { children: [\n    children,\n    /* @__PURE__ */ jsx(StyledSubTriggerIcon, { children: icon ? React__default.cloneElement(icon) : /* @__PURE__ */ jsx(ChevronRightIcon, {}) })\n  ] }));\n};\nconst StyledLabel = styled(Label2, {\n  padding: \"$4 $6\",\n  fontSize: \"$xs\",\n  fontWeight: \"$7\",\n  lineHeight: \"$xs\",\n  color: \"$accent700\",\n  textTransform: \"uppercase\"\n});\nconst StyledSeparator = styled(Separator2, {\n  height: 1,\n  backgroundColor: \"$neutral100\",\n  margin: \"$2 0\"\n});\nconst StyledItemIndicator = styled(ItemIndicator2, {\n  position: \"absolute\",\n  left: 0,\n  width: 25,\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\"\n});\nconst contentStyles = {\n  minWidth: 234,\n  backgroundColor: \"white\",\n  padding: \"$4 0\",\n  borderRadius: \"$xl\",\n  boxShadow: \"0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 2px 5px 0px rgba(0, 0, 0, 0.06), 0px 8px 12px 0px rgba(0, 0, 0, 0.06)\",\n  border: \"0.5px solid $colors$black300\",\n  \"@media (prefers-reduced-motion: no-preference)\": {\n    animationDuration: \"400ms\",\n    animationTimingFunction: \"cubic-bezier(0.16, 1, 0.3, 1)\",\n    willChange: \"transform, opacity\",\n    '&[data-state=\"open\"]': {\n      '&[data-side=\"top\"]': { animationName: slideDownAndFade },\n      '&[data-side=\"right\"]': { animationName: slideLeftAndFade },\n      '&[data-side=\"bottom\"]': { animationName: slideUpAndFade },\n      '&[data-side=\"left\"]': { animationName: slideRightAndFade }\n    }\n  },\n  variants: {\n    size: {\n      sm: {\n        [`& ${StyledItem}`]: smallItemStyles,\n        [`& ${StyledCheckboxItem}`]: smallItemStyles,\n        [`& ${StyledRadioItem}`]: smallItemStyles,\n        [`& ${StyledSubTrigger}`]: smallItemStyles\n      },\n      md: {\n        [`& ${StyledItem}`]: mediumItemStyles,\n        [`& ${StyledCheckboxItem}`]: mediumItemStyles,\n        [`& ${StyledRadioItem}`]: mediumItemStyles,\n        [`& ${StyledSubTrigger}`]: mediumItemStyles\n      }\n    }\n  },\n  defaultVariants: {\n    size: \"md\"\n  }\n};\nconst StyledSubContent = styled(SubContent2, __spreadValues({}, contentStyles));\nconst SubContent = (props) => {\n  const size = useContext(DropdownContext);\n  return /* @__PURE__ */ jsx(Portal2, { children: /* @__PURE__ */ jsx(StyledSubContent, __spreadValues(__spreadValues({}, props), size)) });\n};\nconst StyledContent = styled(Content2, __spreadValues({}, contentStyles));\nconst Content = (_c) => {\n  var _d = _c, { children, showArrow } = _d, props = __objRest(_d, [\"children\", \"showArrow\"]);\n  const size = useContext(DropdownContext);\n  return /* @__PURE__ */ jsx(Portal2, { children: /* @__PURE__ */ jsxs(StyledContent, __spreadProps(__spreadValues(__spreadValues({}, props), size), { children: [\n    children,\n    showArrow && /* @__PURE__ */ jsx(StyledArrow, {})\n  ] })) });\n};\nconst DropdownRoot = (_e) => {\n  var _f = _e, { children } = _f, props = __objRest(_f, [\"children\"]);\n  return /* @__PURE__ */ jsx(DropdownProvider, { size: props.size, children: /* @__PURE__ */ jsx(Root2, __spreadProps(__spreadValues({}, props), { children })) });\n};\nconst DropdownMenuTrigger = styled(Trigger);\nconst DropdownMenu = DropdownRoot;\nconst DropdownMenuContent = Content;\nconst DropdownMenuItem = StyledItem;\nconst DropdownMenuCheckboxItem = StyledCheckboxItem;\nconst DropdownMenuRadioGroup = RadioGroup2;\nconst DropdownMenuRadioItem = StyledRadioItem;\nconst DropdownMenuItemIndicator = StyledItemIndicator;\nconst DropdownMenuLabel = StyledLabel;\nconst DropdownMenuSeparator = StyledSeparator;\nconst DropdownMenuSub = Sub2;\nconst DropdownMenuSubTrigger = SubTrigger;\nconst DropdownMenuSubContent = SubContent;\n\nexport { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuItemIndicator, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };\n//# sourceMappingURL=dropdown.js.map\n"],"names":[],"mappings":"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"}

package/dist/es/react-components/dist/es/flex/flex.js

@@ -0,0 +1,96 @@
+import { jsx } from 'react/jsx-runtime';
+import React__default from 'react';
+import { styled } from '../stitches.config.js';
+import { Box } from '../box/box.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 StyledBox = styled(Box, {});
+const Flex = React__default.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      children,
+      flexDirection,
+      justifyContent,
+      justifyItems,
+      alignContent,
+      alignItems,
+      gap,
+      wrap,
+      shrink,
+      css,
+      grow,
+      flow,
+      basis
+    } = _b, rest = __objRest(_b, [
+      "children",
+      "flexDirection",
+      "justifyContent",
+      "justifyItems",
+      "alignContent",
+      "alignItems",
+      "gap",
+      "wrap",
+      "shrink",
+      "css",
+      "grow",
+      "flow",
+      "basis"
+    ]);
+    return /* @__PURE__ */ jsx(
+      StyledBox,
+      __spreadProps(__spreadValues({
+        css: __spreadValues({
+          display: "flex",
+          flexDirection,
+          justifyContent,
+          justifyItems,
+          alignContent,
+          alignItems,
+          gap,
+          flexShrink: shrink,
+          flexWrap: wrap,
+          flexGrow: grow,
+          flexFlow: flow,
+          flexBasis: basis
+        }, css),
+        "data-testid": "flex"
+      }, rest), {
+        ref,
+        children
+      })
+    );
+  }
+);
+
+export { Flex };
+//# sourceMappingURL=flex.js.map

package/dist/es/react-components/dist/es/flex/flex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex.js","sources":["../../../../../../../react-components/dist/es/flex/flex.js"],"sourcesContent":["import { jsx } from 'react/jsx-runtime';\nimport React__default from 'react';\nimport { styled } from '../stitches.config.js';\nimport { Box } from '../box/box.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 StyledBox = styled(Box, {});\nconst Flex = React__default.forwardRef(\n  (_a, ref) => {\n    var _b = _a, {\n      children,\n      flexDirection,\n      justifyContent,\n      justifyItems,\n      alignContent,\n      alignItems,\n      gap,\n      wrap,\n      shrink,\n      css,\n      grow,\n      flow,\n      basis\n    } = _b, rest = __objRest(_b, [\n      \"children\",\n      \"flexDirection\",\n      \"justifyContent\",\n      \"justifyItems\",\n      \"alignContent\",\n      \"alignItems\",\n      \"gap\",\n      \"wrap\",\n      \"shrink\",\n      \"css\",\n      \"grow\",\n      \"flow\",\n      \"basis\"\n    ]);\n    return /* @__PURE__ */ jsx(\n      StyledBox,\n      __spreadProps(__spreadValues({\n        css: __spreadValues({\n          display: \"flex\",\n          flexDirection,\n          justifyContent,\n          justifyItems,\n          alignContent,\n          alignItems,\n          gap,\n          flexShrink: shrink,\n          flexWrap: wrap,\n          flexGrow: grow,\n          flexFlow: flow,\n          flexBasis: basis\n        }, css),\n        \"data-testid\": \"flex\"\n      }, rest), {\n        ref,\n        children\n      })\n    );\n  }\n);\n\nexport { Flex };\n//# sourceMappingURL=flex.js.map\n"],"names":[],"mappings":"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"}

package/dist/es/react-components/dist/es/form-helper-text/form-helper-text.js

@@ -0,0 +1,74 @@
+import { jsx } from 'react/jsx-runtime';
+import { styled } from '../stitches.config.js';
+import { Text } from '../text/text.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 StyledFormHelperText = styled(Text, {
+  color: "$neutral700",
+  fontWeight: "$4",
+  variants: {
+    color: {
+      error: {
+        color: "$negative500"
+      },
+      info: {
+        color: "$neutral700"
+      }
+    }
+  },
+  defaultVariants: {
+    color: "info"
+  }
+});
+const FormHelperText = (_a) => {
+  var _b = _a, {
+    css,
+    children
+  } = _b, rest = __objRest(_b, [
+    "css",
+    "children"
+  ]);
+  return /* @__PURE__ */ jsx(
+    StyledFormHelperText,
+    __spreadProps(__spreadValues({
+      size: "xs",
+      css,
+      "data-testid": "helper-text"
+    }, rest), {
+      children
+    })
+  );
+};
+
+export { FormHelperText };
+//# sourceMappingURL=form-helper-text.js.map

package/dist/es/react-components/dist/es/form-helper-text/form-helper-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-helper-text.js","sources":["../../../../../../../react-components/dist/es/form-helper-text/form-helper-text.js"],"sourcesContent":["import { jsx } from 'react/jsx-runtime';\nimport { styled } from '../stitches.config.js';\nimport { Text } from '../text/text.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 StyledFormHelperText = styled(Text, {\n  color: \"$neutral700\",\n  fontWeight: \"$4\",\n  variants: {\n    color: {\n      error: {\n        color: \"$negative500\"\n      },\n      info: {\n        color: \"$neutral700\"\n      }\n    }\n  },\n  defaultVariants: {\n    color: \"info\"\n  }\n});\nconst FormHelperText = (_a) => {\n  var _b = _a, {\n    css,\n    children\n  } = _b, rest = __objRest(_b, [\n    \"css\",\n    \"children\"\n  ]);\n  return /* @__PURE__ */ jsx(\n    StyledFormHelperText,\n    __spreadProps(__spreadValues({\n      size: \"xs\",\n      css,\n      \"data-testid\": \"helper-text\"\n    }, rest), {\n      children\n    })\n  );\n};\n\nexport { FormHelperText };\n//# sourceMappingURL=form-helper-text.js.map\n"],"names":[],"mappings":"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"}