@sparrowengg/integrations-templates-frontend 2.1.0-notion-release.18 → 2.1.0-notion-release.20

package/dist/cjs/mapping/utils/conditionDescriptionBuilder.js

@@ -0,0 +1,200 @@
+'use strict';
+
+var React = require('react');
+var box = require('../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js');
+var flex = require('../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js');
+var text = require('../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js');
+var button = require('../../node_modules/@sparrowengg/twigs-react/dist/es/button/button.js');
+var pencil = require('../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/pencil.js');
+var dropdown = require('../../node_modules/@sparrowengg/twigs-react/dist/es/dropdown/dropdown.js');
+var iconButton = require('../../node_modules/@sparrowengg/twigs-react/dist/es/button/icon-button.js');
+var ellipsisVertical = require('../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/ellipsis-vertical.js');
+
+const formatValue = (filter) => {
+  var _a;
+  const { connector, value } = filter;
+  if (!connector)
+    return "";
+  const dataType = connector.dataType;
+  switch (dataType) {
+    case "SINGLE_LINE_TEXT":
+      return value.SINGLE_LINE_TEXT || "";
+    case "NUMBER":
+      return ((_a = value.NUMBER) == null ? void 0 : _a.toString()) || "";
+    case "DATE":
+      if (value.DATE) {
+        const date = new Date(value.DATE);
+        return date.toLocaleDateString("en-US", {
+          year: "numeric",
+          month: "short",
+          day: "numeric"
+        });
+      }
+      return "";
+    case "DATE_RANGE":
+      if (value.DATE_RANGE) {
+        const startDate = new Date(value.DATE_RANGE.start);
+        const endDate = new Date(value.DATE_RANGE.end);
+        const formatDate = (d) => d.toLocaleDateString("en-US", {
+          year: "numeric",
+          month: "short",
+          day: "numeric"
+        });
+        return `${formatDate(startDate)} to ${formatDate(endDate)}`;
+      }
+      return "";
+    case "SINGLE_SELECT":
+      return value.SINGLE_SELECT || "";
+    case "MULTI_SELECT":
+      if (value.MULTI_SELECT && value.MULTI_SELECT.length > 0) {
+        const choices = connector.choices;
+        if (choices && Array.isArray(choices)) {
+          const labels = value.MULTI_SELECT.map((val) => {
+            const choice = choices.find((c) => c.value === val);
+            return choice ? choice.label : val;
+          });
+          return labels.join(", ");
+        }
+        return value.MULTI_SELECT.join(", ");
+      }
+      return "";
+    case "MULTI_LINE_TEXT":
+      return value.MULTI_LINE_TEXT || "";
+    default:
+      return "";
+  }
+};
+const ConfigureIcon = () => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  },
+  /* @__PURE__ */ React.createElement("g", { "clip-path": "url(#clip0_1958_11629)" }, /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      d: "M17.5 14.1668H14.1667M10.8333 14.1668H2.5M2.5 5.8335H5.83333M9.16667 5.8335H17.5M11.6667 11.6668H13.3333C13.7933 11.6668 14.1667 12.0402 14.1667 12.5002V15.8335C14.1667 16.2935 13.7933 16.6668 13.3333 16.6668H11.6667C11.2067 16.6668 10.8333 16.2935 10.8333 15.8335V12.5002C10.8333 12.0402 11.2067 11.6668 11.6667 11.6668ZM8.33333 8.3335H6.66667C6.20667 8.3335 5.83333 7.96016 5.83333 7.50016V4.16683C5.83333 3.70683 6.20667 3.3335 6.66667 3.3335H8.33333C8.79333 3.3335 9.16667 3.70683 9.16667 4.16683V7.50016C9.16667 7.96016 8.79333 8.3335 8.33333 8.3335Z",
+      stroke: "#64748B",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }
+  )),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "clip0_1958_11629" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", fill: "white" })))
+);
+const ConditionCard = ({
+  conditionsData,
+  onEditClick,
+  onClearClick,
+  showMoreMenu = true,
+  isEditable = false
+}) => {
+  if (!conditionsData || conditionsData.filterGroups.length === 0) {
+    return null;
+  }
+  const globalConnectorText = conditionsData.globalConnector === "ALL" ? "all" : "any";
+  return /* @__PURE__ */ React.createElement(
+    box.Box,
+    {
+      css: {
+        marginTop: "$8",
+        backgroundColor: !isEditable ? "transparent" : "#F8F8F8",
+        borderRadius: "$lg",
+        padding: "$6 !important"
+      }
+    },
+    /* @__PURE__ */ React.createElement(flex.Flex, { flexDirection: "column", gap: "$2" }, /* @__PURE__ */ React.createElement(
+      flex.Flex,
+      {
+        alignItems: "center",
+        gap: "$4",
+        css: {
+          maxHeight: "20px"
+        }
+      },
+      /* @__PURE__ */ React.createElement(ConfigureIcon, null),
+      /* @__PURE__ */ React.createElement(flex.Flex, { alignItems: "center", gap: "$8", css: { flex: 1 } }, /* @__PURE__ */ React.createElement(
+        text.Text,
+        {
+          size: "sm",
+          css: {
+            color: "$neutral900",
+            fontFamily: "DM Sans"
+          }
+        },
+        "When",
+        " ",
+        /* @__PURE__ */ React.createElement(text.Text, { as: "span", weight: "bold", css: { color: "$neutral900" } }, globalConnectorText),
+        " ",
+        "of these conditions are met:"
+      )),
+      isEditable ? /* @__PURE__ */ React.createElement(flex.Flex, { alignItems: "center", gap: "$4" }, /* @__PURE__ */ React.createElement(
+        button.Button,
+        {
+          leftIcon: /* @__PURE__ */ React.createElement(pencil.PencilIcon, null),
+          size: "sm",
+          variant: "ghost",
+          color: "primary",
+          onClick: onEditClick,
+          css: {
+            fontFamily: "DM Sans",
+            fontWeight: "$5"
+          }
+        },
+        "Edit Conditions"
+      ), showMoreMenu && onClearClick && /* @__PURE__ */ React.createElement(dropdown.DropdownMenu, { size: "sm" }, /* @__PURE__ */ React.createElement(dropdown.DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
+        iconButton.IconButton,
+        {
+          size: "sm",
+          icon: /* @__PURE__ */ React.createElement(ellipsisVertical.EllipsisVerticalIcon, null),
+          variant: "ghost",
+          color: "default",
+          css: {
+            borderRadius: "$sm"
+          }
+        }
+      )), /* @__PURE__ */ React.createElement(dropdown.DropdownMenuContent, { align: "end" }, /* @__PURE__ */ React.createElement(dropdown.DropdownMenuItem, { onClick: onClearClick }, "Clear Conditions")))) : null
+    ), conditionsData.filterGroups.map((group, groupIndex) => /* @__PURE__ */ React.createElement(
+      box.Box,
+      {
+        key: groupIndex,
+        css: {
+          paddingLeft: "$14"
+        }
+      },
+      group.filters.map((filter, filterIndex) => {
+        var _a;
+        const propertyLabel = filter.property.label;
+        const operatorLabel = ((_a = filter.connector) == null ? void 0 : _a.label) || "";
+        const formattedValue = formatValue(filter);
+        const prefix = filterIndex === 0 ? groupIndex === 0 ? "When" : "And" : filter.comparator.toLowerCase();
+        return /* @__PURE__ */ React.createElement(
+          text.Text,
+          {
+            key: filterIndex,
+            size: "sm",
+            weight: "medium",
+            css: {
+              color: "$neutral900",
+              fontFamily: "DM Sans",
+              lineHeight: "$md"
+            }
+          },
+          prefix,
+          " contact property",
+          " ",
+          /* @__PURE__ */ React.createElement(text.Text, { as: "span", weight: "bold", css: { color: "$neutral900" } }, propertyLabel),
+          " ",
+          operatorLabel,
+          " ",
+          /* @__PURE__ */ React.createElement(text.Text, { as: "span", weight: "bold", css: { color: "$neutral900" } }, formattedValue)
+        );
+      })
+    )))
+  );
+};
+
+exports.ConditionCard = ConditionCard;
+//# sourceMappingURL=conditionDescriptionBuilder.js.map

package/dist/cjs/mapping/utils/conditionDescriptionBuilder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conditionDescriptionBuilder.js","sources":["../../../../src/mapping/utils/conditionDescriptionBuilder.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Text,\n  Box,\n  Flex,\n  Button,\n  IconButton,\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n} from \"@sparrowengg/twigs-react\";\nimport {\n  PencilIcon,\n  EllipsisVerticalIcon,\n} from \"@sparrowengg/twigs-react-icons\";\n\ntype ComparatorType = \"AND\" | \"OR\";\ntype GlobalConnectorType = \"ALL\" | \"ANY\";\n\ntype FilterType = {\n  comparator: ComparatorType;\n  connector?: {\n    dataType: string;\n    label: string;\n    value: string;\n    type: string;\n  };\n  property: {\n    label: string;\n    value: string;\n    selectionPath?: Array<{ label: string; value: string }>;\n  };\n  value: {\n    NUMBER: number | null;\n    DATE: string | null;\n    DATE_RANGE: { start: string; end: string } | null;\n    DATE_TIME_TIMEZONE: any | null;\n    SINGLE_LINE_TEXT: string | null;\n    MULTI_LINE_TEXT: string | null;\n    SINGLE_SELECT: string | null;\n    MULTI_SELECT: string[] | null;\n  };\n};\n\ntype FilterGroupType = {\n  filters: FilterType[];\n};\n\ntype ConditionsDataType = {\n  globalConnector: GlobalConnectorType;\n  filterGroups: FilterGroupType[];\n};\n\n/**\n * Formats a value based on its data type\n */\nconst formatValue = (filter: FilterType): string => {\n  const { connector, value } = filter;\n\n  if (!connector) return \"\";\n\n  const dataType = connector.dataType;\n\n  switch (dataType) {\n    case \"SINGLE_LINE_TEXT\":\n      return value.SINGLE_LINE_TEXT || \"\";\n\n    case \"NUMBER\":\n      return value.NUMBER?.toString() || \"\";\n\n    case \"DATE\":\n      if (value.DATE) {\n        // Format date to be more readable\n        const date = new Date(value.DATE);\n        return date.toLocaleDateString(\"en-US\", {\n          year: \"numeric\",\n          month: \"short\",\n          day: \"numeric\",\n        });\n      }\n      return \"\";\n\n    case \"DATE_RANGE\":\n      if (value.DATE_RANGE) {\n        const startDate = new Date(value.DATE_RANGE.start);\n        const endDate = new Date(value.DATE_RANGE.end);\n        const formatDate = (d: Date) =>\n          d.toLocaleDateString(\"en-US\", {\n            year: \"numeric\",\n            month: \"short\",\n            day: \"numeric\",\n          });\n        return `${formatDate(startDate)} to ${formatDate(endDate)}`;\n      }\n      return \"\";\n\n    case \"SINGLE_SELECT\":\n      return value.SINGLE_SELECT || \"\";\n\n    case \"MULTI_SELECT\":\n      if (value.MULTI_SELECT && value.MULTI_SELECT.length > 0) {\n        // Get labels from choices if available\n        const choices = (connector as any).choices;\n        if (choices && Array.isArray(choices)) {\n          const labels = value.MULTI_SELECT.map((val) => {\n            const choice = choices.find((c: any) => c.value === val);\n            return choice ? choice.label : val;\n          });\n          return labels.join(\", \");\n        }\n        return value.MULTI_SELECT.join(\", \");\n      }\n      return \"\";\n\n    case \"MULTI_LINE_TEXT\":\n      return value.MULTI_LINE_TEXT || \"\";\n\n    default:\n      return \"\";\n  }\n};\n\n/**\n * Builds a description for a single filter\n */\nconst buildFilterDescription = (filter: FilterType): React.ReactNode => {\n  // Build property path if selectionPath exists\n  let propertyLabel = filter.property.label;\n  if (\n    filter.property.selectionPath &&\n    filter.property.selectionPath.length > 0\n  ) {\n    // Skip the first item (category) and show the rest if there are more than 1 items\n    if (filter.property.selectionPath.length > 1) {\n      const pathLabels = filter.property.selectionPath\n        .slice(1)\n        .map((p) => p.label);\n      propertyLabel = [...pathLabels, filter.property.label].join(\" > \");\n    }\n  }\n\n  const operatorLabel = filter.connector?.label || \"\";\n  const formattedValue = formatValue(filter);\n\n  return (\n    <>\n      <Text\n        as=\"span\"\n        weight=\"medium\"\n        className=\"dm-sans\"\n        css={{ color: \"$neutral700\", fontFamily: \"DM Sans !important\" }}\n      >\n        {propertyLabel}\n      </Text>{\" \"}\n      {operatorLabel}{\" \"}\n      <Text\n        as=\"span\"\n        weight=\"bold\"\n        className=\"dm-sans\"\n        css={{ color: \"$neutral900\", fontFamily: \"DM Sans !important\" }}\n      >\n        {formattedValue}\n      </Text>\n    </>\n  );\n};\n\n/**\n * Builds a description for a filter group\n */\nconst buildGroupDescription = (group: FilterGroupType): React.ReactNode => {\n  if (group.filters.length === 0) return null;\n\n  return (\n    <>\n      {group.filters.map((filter, index) => (\n        <React.Fragment key={index}>\n          {index > 0 && (\n            <>\n              {\" \"}\n              <Text\n                as=\"span\"\n                weight=\"medium\"\n                className=\"dm-sans\"\n                css={{ color: \"$neutral700\", fontFamily: \"DM Sans !important\" }}\n              >\n                {filter.comparator.toLowerCase()}\n              </Text>{\" \"}\n            </>\n          )}\n          {buildFilterDescription(filter)}\n        </React.Fragment>\n      ))}\n    </>\n  );\n};\n\n/**\n * Builds the complete condition description\n */\nexport const buildConditionDescription = (\n  conditionsData: ConditionsDataType\n): React.ReactNode => {\n  if (!conditionsData || conditionsData.filterGroups.length === 0) {\n    return null;\n  }\n\n  const globalConnectorText =\n    conditionsData.globalConnector === \"ALL\" ? \"all\" : \"any\";\n\n  return (\n    <>\n      When{\" \"}\n      <Text\n        as=\"span\"\n        weight=\"bold\"\n        className=\"dm-sans\"\n        css={{ color: \"$neutral900\", fontFamily: \"DM Sans !important\" }}\n      >\n        {globalConnectorText}\n      </Text>{\" \"}\n      of these conditions are met:{\" \"}\n      {conditionsData.filterGroups.map((group, groupIndex) => (\n        <React.Fragment key={groupIndex}>\n          {groupIndex > 0 && (\n            <>\n              {\" \"}\n              <Text\n                as=\"span\"\n                weight=\"medium\"\n                className=\"dm-sans\"\n                css={{ color: \"$neutral700\", fontFamily: \"DM Sans !important\" }}\n              >\n                or\n              </Text>{\" \"}\n            </>\n          )}\n          ({buildGroupDescription(group)})\n        </React.Fragment>\n      ))}\n    </>\n  );\n};\n\n/**\n * Alternative: Builds a more detailed, multi-line condition description\n */\nexport const buildDetailedConditionDescription = (\n  conditionsData: ConditionsDataType\n): React.ReactNode => {\n  if (!conditionsData || conditionsData.filterGroups.length === 0) {\n    return null;\n  }\n\n  const globalConnectorText =\n    conditionsData.globalConnector === \"ALL\" ? \"all\" : \"any\";\n\n  return (\n    <div>\n      <Text\n        size=\"sm\"\n        css={{ color: \"$neutral500\", fontFamily: \"DM Sans !important\" }}\n      >\n        When{\" \"}\n        <Text\n          as=\"span\"\n          weight=\"bold\"\n          className=\"dm-sans\"\n          css={{ color: \"$neutral900\", fontFamily: \"DM Sans !important\" }}\n        >\n          {globalConnectorText}\n        </Text>{\" \"}\n        of these conditions are met:\n      </Text>\n      {conditionsData.filterGroups.map((group, groupIndex) => (\n        <div key={groupIndex} style={{ marginTop: \"4px\", marginLeft: \"8px\" }}>\n          <Text\n            size=\"sm\"\n            css={{ color: \"$neutral500\", fontFamily: \"DM Sans !important\" }}\n          >\n            {groupIndex > 0 && (\n              <>\n                <Text\n                  as=\"span\"\n                  weight=\"bold\"\n                  css={{\n                    color: \"$neutral700\",\n                    fontFamily: \"DM Sans !important\",\n                  }}\n                >\n                  OR\n                </Text>{\" \"}\n              </>\n            )}\n            {buildGroupDescription(group)}\n          </Text>\n        </div>\n      ))}\n    </div>\n  );\n};\n\n/**\n * Configure Icon Component\n */\nconst ConfigureIcon = () => (\n  <svg\n    width=\"20\"\n    height=\"20\"\n    viewBox=\"0 0 20 20\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <g clip-path=\"url(#clip0_1958_11629)\">\n      <path\n        d=\"M17.5 14.1668H14.1667M10.8333 14.1668H2.5M2.5 5.8335H5.83333M9.16667 5.8335H17.5M11.6667 11.6668H13.3333C13.7933 11.6668 14.1667 12.0402 14.1667 12.5002V15.8335C14.1667 16.2935 13.7933 16.6668 13.3333 16.6668H11.6667C11.2067 16.6668 10.8333 16.2935 10.8333 15.8335V12.5002C10.8333 12.0402 11.2067 11.6668 11.6667 11.6668ZM8.33333 8.3335H6.66667C6.20667 8.3335 5.83333 7.96016 5.83333 7.50016V4.16683C5.83333 3.70683 6.20667 3.3335 6.66667 3.3335H8.33333C8.79333 3.3335 9.16667 3.70683 9.16667 4.16683V7.50016C9.16667 7.96016 8.79333 8.3335 8.33333 8.3335Z\"\n        stroke=\"#64748B\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_1958_11629\">\n        <rect width=\"20\" height=\"20\" fill=\"white\" />\n      </clipPath>\n    </defs>\n  </svg>\n);\n\nexport interface ConditionCardProps {\n  isEditable?: boolean;\n  conditionsData: ConditionsDataType;\n  onEditClick?: () => void;\n  onClearClick?: () => void;\n  showMoreMenu?: boolean;\n}\n\n/**\n * Builds a card-style condition display with edit and clear actions\n */\nexport const ConditionCard: React.FC<ConditionCardProps> = ({\n  conditionsData,\n  onEditClick,\n  onClearClick,\n  showMoreMenu = true,\n  isEditable = false,\n}) => {\n  if (!conditionsData || conditionsData.filterGroups.length === 0) {\n    return null;\n  }\n\n  const globalConnectorText =\n    conditionsData.globalConnector === \"ALL\" ? \"all\" : \"any\";\n\n  return (\n    <Box\n      css={{\n        marginTop: \"$8\",\n        backgroundColor: !isEditable ? \"transparent\" : \"#F8F8F8\",\n        borderRadius: \"$lg\",\n        padding: \"$6 !important\",\n      }}\n    >\n      <Flex flexDirection=\"column\" gap=\"$2\">\n        {/* Header Row */}\n        <Flex\n          alignItems=\"center\"\n          gap=\"$4\"\n          css={{\n            maxHeight: \"20px\",\n          }}\n        >\n          <ConfigureIcon />\n          <Flex alignItems=\"center\" gap=\"$8\" css={{ flex: 1 }}>\n            <Text\n              size=\"sm\"\n              css={{\n                color: \"$neutral900\",\n                fontFamily: \"DM Sans\",\n              }}\n            >\n              When{\" \"}\n              <Text as=\"span\" weight=\"bold\" css={{ color: \"$neutral900\" }}>\n                {globalConnectorText}\n              </Text>{\" \"}\n              of these conditions are met:\n            </Text>\n          </Flex>\n          {isEditable ? <Flex alignItems=\"center\" gap=\"$4\">\n            <Button\n              leftIcon={<PencilIcon />}\n              size=\"sm\"\n              variant=\"ghost\"\n              color=\"primary\"\n              onClick={onEditClick}\n              css={{\n                fontFamily: \"DM Sans\",\n                fontWeight: \"$5\",\n              }}\n            >\n              Edit Conditions\n            </Button>\n            {showMoreMenu && onClearClick && (\n              <DropdownMenu size=\"sm\">\n                <DropdownMenuTrigger asChild>\n                  <IconButton\n                    size=\"sm\"\n                    icon={<EllipsisVerticalIcon />}\n                    variant=\"ghost\"\n                    color=\"default\"\n                    css={{\n                      borderRadius: \"$sm\",\n                    }}\n                  />\n                </DropdownMenuTrigger>\n                <DropdownMenuContent align=\"end\">\n                  <DropdownMenuItem onClick={onClearClick}>\n                    Clear Conditions\n                  </DropdownMenuItem>\n                </DropdownMenuContent>\n              </DropdownMenu>\n            )}\n          </Flex> : null}\n        </Flex>\n\n        {/* Condition Groups */}\n        {conditionsData.filterGroups.map((group, groupIndex) => (\n          <Box\n            key={groupIndex}\n            css={{\n              paddingLeft: \"$14\",\n            }}\n          >\n            {group.filters.map((filter, filterIndex) => {\n              const propertyLabel = filter.property.label;\n              const operatorLabel = filter.connector?.label || \"\";\n              const formattedValue = formatValue(filter);\n\n              const prefix =\n                filterIndex === 0\n                  ? groupIndex === 0\n                    ? \"When\"\n                    : \"And\"\n                  : filter.comparator.toLowerCase();\n\n              return (\n                <Text\n                  key={filterIndex}\n                  size=\"sm\"\n                  weight=\"medium\"\n                  css={{\n                    color: \"$neutral900\",\n                    fontFamily: \"DM Sans\",\n                    lineHeight: \"$md\",\n                  }}\n                >\n                  {prefix} contact property{\" \"}\n                  <Text as=\"span\" weight=\"bold\" css={{ color: \"$neutral900\" }}>\n                    {propertyLabel}\n                  </Text>{\" \"}\n                  {operatorLabel}{\" \"}\n                  <Text as=\"span\" weight=\"bold\" css={{ color: \"$neutral900\" }}>\n                    {formattedValue}\n                  </Text>\n                </Text>\n              );\n            })}\n          </Box>\n        ))}\n      </Flex>\n    </Box>\n  );\n};\n"],"names":["Box","Flex","Text","Button","PencilIcon","DropdownMenu","DropdownMenuTrigger","IconButton","EllipsisVerticalIcon","DropdownMenuContent","DropdownMenuItem"],"mappings":"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"}

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

@@ -200,6 +200,7 @@ stitches_config.styled(index.Description, {
   lineHeight: "$xxs"
 });
 const Dialog = DialogRoot;
+const DialogTrigger = index.Trigger;
 const DialogContent = Content;
 const DialogHeader = Header;
 const DialogTitle = StyledTitle;
@@ -214,4 +215,5 @@ exports.DialogContent = DialogContent;
 exports.DialogFooter = DialogFooter;
 exports.DialogHeader = DialogHeader;
 exports.DialogTitle = DialogTitle;
+exports.DialogTrigger = DialogTrigger;
 //# sourceMappingURL=dialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","sources":["../../../../../../../../../../node_modules/@sparrowengg/twigs-react/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":["keyframes","createContext","jsx","styled","Overlay","Content$1","useContext","jsxs","Portal","clsx","prefixClassName","Root","Title","Description","Close"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"dialog.js","sources":["../../../../../../../../../../node_modules/@sparrowengg/twigs-react/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":["keyframes","createContext","jsx","styled","Overlay","Content$1","useContext","jsxs","Portal","clsx","prefixClassName","Root","Title","Description","Trigger","Close"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/node_modules/@radix-ui/react-menu/dist/index.js

@@ -5,13 +5,13 @@ var index$7 = require('../../primitive/dist/index.js');
 var index = require('../../react-collection/dist/index.js');
 var index$5 = require('../../react-compose-refs/dist/index.js');
 var index$1 = require('../../react-context/dist/index.js');
-var index$f = require('../../react-direction/dist/index.js');
+var index$e = require('../../react-direction/dist/index.js');
 var index$a = require('../../react-dismissable-layer/dist/index.js');
 var index$8 = require('../../react-focus-guards/dist/index.js');
 var index$9 = require('../../react-focus-scope/dist/index.js');
-var index$e = require('../../react-id/dist/index.js');
+var index$g = require('../../react-id/dist/index.js');
 var index$2 = require('../../react-popper/dist/index.js');
-var index$g = require('../../react-portal/dist/index.js');
+var index$f = require('../../react-portal/dist/index.js');
 var index$4 = require('../../react-presence/dist/index.js');
 var index$b = require('../../react-primitive/dist/index.js');
 var index$3 = require('../../react-roving-focus/dist/index.js');
@@ -69,7 +69,7 @@ var Menu = (props) => {
   const [content, setContent] = React__namespace.useState(null);
   const isUsingKeyboardRef = React__namespace.useRef(false);
   const handleOpenChange = index$c.useCallbackRef(onOpenChange);
-  const direction = index$f.useDirection(dir);
+  const direction = index$e.useDirection(dir);
   React__namespace.useEffect(() => {
     const handleKeyDown = () => {
       isUsingKeyboardRef.current = true;
@@ -123,7 +123,7 @@ var [PortalProvider, usePortalContext] = createMenuContext(PORTAL_NAME, {
 var MenuPortal = (props) => {
   const { __scopeMenu, forceMount, children, container } = props;
   const context = useMenuContext(PORTAL_NAME, __scopeMenu);
-  return /* @__PURE__ */ jsxRuntime.jsx(PortalProvider, { scope: __scopeMenu, forceMount, children: /* @__PURE__ */ jsxRuntime.jsx(index$4.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(index$g.Portal, { asChild: true, container, children }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(PortalProvider, { scope: __scopeMenu, forceMount, children: /* @__PURE__ */ jsxRuntime.jsx(index$4.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(index$f.Portal, { asChild: true, container, children }) }) });
 };
 MenuPortal.displayName = PORTAL_NAME;
 var CONTENT_NAME = "MenuContent";
@@ -619,8 +619,8 @@ var MenuSub = (props) => {
         MenuSubProvider,
         {
           scope: __scopeMenu,
-          contentId: index$e.useId(),
-          triggerId: index$e.useId(),
+          contentId: index$g.useId(),
+          triggerId: index$g.useId(),
           trigger,
           onTriggerChange: setTrigger,
           children

package/dist/cjs/node_modules/hoist-non-react-statics/node_modules/react-is/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('../../../../_virtual/index8.js');
+var index = require('../../../../_virtual/index9.js');
 var reactIs_production_min = require('./cjs/react-is.production.min.js');
 var reactIs_development = require('./cjs/react-is.development.js');
 

package/dist/cjs/node_modules/style-to-js/cjs/index.js

@@ -3,7 +3,7 @@
 var _commonjsHelpers = require('../../../_virtual/_commonjsHelpers.js');
 require('../../style-to-object/cjs/index.js');
 require('./utilities.js');
-var index = require('../../../_virtual/index9.js');
+var index = require('../../../_virtual/index8.js');
 var utilities = require('../../../_virtual/utilities3.js');
 
 var __importDefault = (_commonjsHelpers.commonjsGlobal && _commonjsHelpers.commonjsGlobal.__importDefault) || function (mod) {

package/dist/cjs/node_modules/style-to-object/cjs/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var _commonjsHelpers = require('../../../_virtual/_commonjsHelpers.js');
-var index$1 = require('../../../_virtual/index9.js');
+var index$1 = require('../../../_virtual/index8.js');
 var index = require('../../inline-style-parser/index.js');
 
 var __importDefault = (_commonjsHelpers.commonjsGlobal && _commonjsHelpers.commonjsGlobal.__importDefault) || function (mod) {

package/dist/cjs/popover/popover.js

@@ -22,7 +22,7 @@ const slideLeftAndFade = slitches_config.keyframes({
 const PopoverContent = slitches_config.styled(index.Content, {
   padding: "$4",
   width: 260,
-  zIndex: 100,
+  zIndex: 9999,
   borderRadius: "$md",
   backgroundColor: "$white900",
   animationDuration: "400ms",
@@ -48,8 +48,10 @@ slitches_config.styled(index.Close, {
 });
 const { PopoverTrigger } = index;
 const Popover = index.Root;
+const PopoverPortal = index.Portal;
 
 exports.Popover = Popover;
 exports.PopoverContent = PopoverContent;
+exports.PopoverPortal = PopoverPortal;
 exports.PopoverTrigger = PopoverTrigger;
 //# sourceMappingURL=popover.js.map

package/dist/cjs/popover/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sources":["../../../src/popover/popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover';\nimport { keyframes, styled } from '../../slitches.config';\n\nconst slideUpAndFade = keyframes({\n  '0%': { opacity: 0, transform: 'translateY(2px)' },\n  '100%': { opacity: 1, transform: 'translateY(0)' }\n});\n\nconst slideRightAndFade = keyframes({\n  '0%': { opacity: 0, transform: 'translateX(-2px)' },\n  '100%': { opacity: 1, transform: 'translateX(0)' }\n});\n\nconst slideDownAndFade = keyframes({\n  '0%': { opacity: 0, transform: 'translateY(-2px)' },\n  '100%': { opacity: 1, transform: 'translateY(0)' }\n});\n\nconst slideLeftAndFade = keyframes({\n  '0%': { opacity: 0, transform: 'translateX(2px)' },\n  '100%': { opacity: 1, transform: 'translateX(0)' }\n});\n\nexport const PopoverContent = styled(PopoverPrimitive.Content, {\n  padding: '$4',\n  width: 260,\n  zIndex: 100,\n  borderRadius: '$md',\n  backgroundColor: '$white900',\n  animationDuration: '400ms',\n  boxShadow:\n    'hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px',\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\nexport const PopoverArrow = styled(PopoverPrimitive.Arrow, {\n  fill: 'white'\n});\n\nexport const PopoverClose = styled(PopoverPrimitive.Close, {\n  all: 'unset',\n  fontFamily: 'inherit',\n  position: 'absolute',\n  top: 5,\n  right: 5\n});\n\nexport const { PopoverTrigger } = PopoverPrimitive;\nexport const Popover = PopoverPrimitive.Root;\nexport const PopoverPortal = PopoverPrimitive.Portal;\nexport const PopoverAnchor = PopoverPrimitive.Anchor;\n"],"names":["keyframes","styled","PopoverPrimitive.Content","PopoverPrimitive.Arrow","PopoverPrimitive.Close","PopoverPrimitive","PopoverPrimitive.Root"],"mappings":";;;;;AAGA,MAAM,iBAAiBA,yBAAU,CAAA;AAAA,EAC/B,IAAM,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,iBAAkB,EAAA;AAAA,EACjD,MAAQ,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,eAAgB,EAAA;AACnD,CAAC,CAAA,CAAA;AAED,MAAM,oBAAoBA,yBAAU,CAAA;AAAA,EAClC,IAAM,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,kBAAmB,EAAA;AAAA,EAClD,MAAQ,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,eAAgB,EAAA;AACnD,CAAC,CAAA,CAAA;AAED,MAAM,mBAAmBA,yBAAU,CAAA;AAAA,EACjC,IAAM,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,kBAAmB,EAAA;AAAA,EAClD,MAAQ,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,eAAgB,EAAA;AACnD,CAAC,CAAA,CAAA;AAED,MAAM,mBAAmBA,yBAAU,CAAA;AAAA,EACjC,IAAM,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,iBAAkB,EAAA;AAAA,EACjD,MAAQ,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,eAAgB,EAAA;AACnD,CAAC,CAAA,CAAA;AAEY,MAAA,cAAA,GAAiBC,sBAAO,CAAAC,aAA0B,EAAA;AAAA,EAC7D,OAAS,EAAA,IAAA;AAAA,EACT,KAAO,EAAA,GAAA;AAAA,EACP,MAAQ,EAAA,GAAA;AAAA,EACR,YAAc,EAAA,KAAA;AAAA,EACd,eAAiB,EAAA,WAAA;AAAA,EACjB,iBAAmB,EAAA,OAAA;AAAA,EACnB,SACE,EAAA,sFAAA;AAAA,EACF,uBAAyB,EAAA,+BAAA;AAAA,EACzB,UAAY,EAAA,oBAAA;AAAA,EACZ,sBAAwB,EAAA;AAAA,IACtB,oBAAA,EAAsB,EAAE,aAAA,EAAe,gBAAiB,EAAA;AAAA,IACxD,sBAAA,EAAwB,EAAE,aAAA,EAAe,gBAAiB,EAAA;AAAA,IAC1D,uBAAA,EAAyB,EAAE,aAAA,EAAe,cAAe,EAAA;AAAA,IACzD,qBAAA,EAAuB,EAAE,aAAA,EAAe,iBAAkB,EAAA;AAAA,GAC5D;AACF,CAAC,EAAA;AAE2BD,sBAAO,CAAAE,WAAwB,EAAA;AAAA,EACzD,IAAM,EAAA,OAAA;AACR,CAAC,EAAA;AAE2BF,sBAAO,CAAAG,WAAwB,EAAA;AAAA,EACzD,GAAK,EAAA,OAAA;AAAA,EACL,UAAY,EAAA,SAAA;AAAA,EACZ,QAAU,EAAA,UAAA;AAAA,EACV,GAAK,EAAA,CAAA;AAAA,EACL,KAAO,EAAA,CAAA;AACT,CAAC,EAAA;AAEY,MAAA,EAAE,gBAAmB,GAAAC,MAAA;AAC3B,MAAM,UAAUC;;;;;;"}
+{"version":3,"file":"popover.js","sources":["../../../src/popover/popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover';\nimport { keyframes, styled } from '../../slitches.config';\n\nconst slideUpAndFade = keyframes({\n  '0%': { opacity: 0, transform: 'translateY(2px)' },\n  '100%': { opacity: 1, transform: 'translateY(0)' }\n});\n\nconst slideRightAndFade = keyframes({\n  '0%': { opacity: 0, transform: 'translateX(-2px)' },\n  '100%': { opacity: 1, transform: 'translateX(0)' }\n});\n\nconst slideDownAndFade = keyframes({\n  '0%': { opacity: 0, transform: 'translateY(-2px)' },\n  '100%': { opacity: 1, transform: 'translateY(0)' }\n});\n\nconst slideLeftAndFade = keyframes({\n  '0%': { opacity: 0, transform: 'translateX(2px)' },\n  '100%': { opacity: 1, transform: 'translateX(0)' }\n});\n\nexport const PopoverContent = styled(PopoverPrimitive.Content, {\n  padding: '$4',\n  width: 260,\n  zIndex: 9999,\n  borderRadius: '$md',\n  backgroundColor: '$white900',\n  animationDuration: '400ms',\n  boxShadow:\n    'hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px',\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\nexport const PopoverArrow = styled(PopoverPrimitive.Arrow, {\n  fill: 'white'\n});\n\nexport const PopoverClose = styled(PopoverPrimitive.Close, {\n  all: 'unset',\n  fontFamily: 'inherit',\n  position: 'absolute',\n  top: 5,\n  right: 5\n});\n\nexport const { PopoverTrigger } = PopoverPrimitive;\nexport const Popover = PopoverPrimitive.Root;\nexport const PopoverPortal = PopoverPrimitive.Portal;\nexport const PopoverAnchor = PopoverPrimitive.Anchor;\n"],"names":["keyframes","styled","PopoverPrimitive.Content","PopoverPrimitive.Arrow","PopoverPrimitive.Close","PopoverPrimitive","PopoverPrimitive.Root","PopoverPrimitive.Portal"],"mappings":";;;;;AAGA,MAAM,iBAAiBA,yBAAU,CAAA;AAAA,EAC/B,IAAM,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,iBAAkB,EAAA;AAAA,EACjD,MAAQ,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,eAAgB,EAAA;AACnD,CAAC,CAAA,CAAA;AAED,MAAM,oBAAoBA,yBAAU,CAAA;AAAA,EAClC,IAAM,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,kBAAmB,EAAA;AAAA,EAClD,MAAQ,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,eAAgB,EAAA;AACnD,CAAC,CAAA,CAAA;AAED,MAAM,mBAAmBA,yBAAU,CAAA;AAAA,EACjC,IAAM,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,kBAAmB,EAAA;AAAA,EAClD,MAAQ,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,eAAgB,EAAA;AACnD,CAAC,CAAA,CAAA;AAED,MAAM,mBAAmBA,yBAAU,CAAA;AAAA,EACjC,IAAM,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,iBAAkB,EAAA;AAAA,EACjD,MAAQ,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,eAAgB,EAAA;AACnD,CAAC,CAAA,CAAA;AAEY,MAAA,cAAA,GAAiBC,sBAAO,CAAAC,aAA0B,EAAA;AAAA,EAC7D,OAAS,EAAA,IAAA;AAAA,EACT,KAAO,EAAA,GAAA;AAAA,EACP,MAAQ,EAAA,IAAA;AAAA,EACR,YAAc,EAAA,KAAA;AAAA,EACd,eAAiB,EAAA,WAAA;AAAA,EACjB,iBAAmB,EAAA,OAAA;AAAA,EACnB,SACE,EAAA,sFAAA;AAAA,EACF,uBAAyB,EAAA,+BAAA;AAAA,EACzB,UAAY,EAAA,oBAAA;AAAA,EACZ,sBAAwB,EAAA;AAAA,IACtB,oBAAA,EAAsB,EAAE,aAAA,EAAe,gBAAiB,EAAA;AAAA,IACxD,sBAAA,EAAwB,EAAE,aAAA,EAAe,gBAAiB,EAAA;AAAA,IAC1D,uBAAA,EAAyB,EAAE,aAAA,EAAe,cAAe,EAAA;AAAA,IACzD,qBAAA,EAAuB,EAAE,aAAA,EAAe,iBAAkB,EAAA;AAAA,GAC5D;AACF,CAAC,EAAA;AAE2BD,sBAAO,CAAAE,WAAwB,EAAA;AAAA,EACzD,IAAM,EAAA,OAAA;AACR,CAAC,EAAA;AAE2BF,sBAAO,CAAAG,WAAwB,EAAA;AAAA,EACzD,GAAK,EAAA,OAAA;AAAA,EACL,UAAY,EAAA,SAAA;AAAA,EACZ,QAAU,EAAA,UAAA;AAAA,EACV,GAAK,EAAA,CAAA;AAAA,EACL,KAAO,EAAA,CAAA;AACT,CAAC,EAAA;AAEY,MAAA,EAAE,gBAAmB,GAAAC,MAAA;AAC3B,MAAM,UAAUC,WAAiB;AACjC,MAAM,gBAAgBC;;;;;;;"}

package/dist/es/_virtual/index8.js

@@ -1,4 +1,4 @@
-var reactIs = {exports: {}};
+var cjs = {};
 
-export { reactIs as __module };
+export { cjs as __exports };
 //# sourceMappingURL=index8.js.map

package/dist/es/_virtual/index9.js

@@ -1,4 +1,4 @@
-var cjs = {};
+var reactIs = {exports: {}};
 
-export { cjs as __exports };
+export { reactIs as __module };
 //# sourceMappingURL=index9.js.map

package/dist/es/cascader-dropdown/cascader-dropdown-content.js

@@ -1,5 +1,5 @@
 import { Popover } from '../node_modules/@radix-ui/react-popover/dist/index.js';
-import { PopoverTrigger, PopoverContent } from '../popover/popover.js';
+import { PopoverTrigger, PopoverPortal, PopoverContent } from '../popover/popover.js';
 import React__default, { useState } from 'react';
 import { prefixClassName } from './styled/StyledItem.js';
 import { useCascaderDropdownContext } from './use-value.js';
@@ -82,12 +82,13 @@ const CascaderDropdownContent = (_a) => {
       }, popoverTriggerButtonProps),
       "Select"
     )
-  )), /* @__PURE__ */ React__default.createElement(
+  )), /* @__PURE__ */ React__default.createElement(PopoverPortal, null, /* @__PURE__ */ React__default.createElement(
     PopoverContent,
     __spreadValues({
       "data-filter-popover-content": id,
       className: prefixClassName("cascader-dropdown"),
       css: {
+        zIndex: "9999999 !important",
         padding: 0,
         border: "0.5px solid $black300",
         borderRadius: "$xl",
@@ -122,7 +123,7 @@ const CascaderDropdownContent = (_a) => {
         setSearchFocusedNode
       }
     ))
-  ))) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Popover, __spreadValues({ open: popoverOpen, onOpenChange: setPopoverOpen }, props), /* @__PURE__ */ React__default.createElement(
+  )))) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Popover, __spreadValues({ open: popoverOpen, onOpenChange: setPopoverOpen }, props), /* @__PURE__ */ React__default.createElement(
     PopoverTrigger,
     __spreadValues({
       asChild: true,
@@ -137,7 +138,7 @@ const CascaderDropdownContent = (_a) => {
       }, popoverTriggerButtonProps),
       "Select"
     )
-  ), /* @__PURE__ */ React__default.createElement(
+  ), /* @__PURE__ */ React__default.createElement(PopoverPortal, null, /* @__PURE__ */ React__default.createElement(
     PopoverContent,
     __spreadValues({
       "data-filter-popover-content": id,
@@ -177,7 +178,7 @@ const CascaderDropdownContent = (_a) => {
         setSearchFocusedNode
       }
     ))
-  ))));
+  )))));
 };
 
 export { CascaderDropdownContent };

package/dist/es/cascader-dropdown/cascader-dropdown-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"cascader-dropdown-content.js","sources":["../../../src/cascader-dropdown/cascader-dropdown-content.tsx"],"sourcesContent":["import { Popover, PopoverProps } from '@radix-ui/react-popover';\nimport { PopoverContent, PopoverTrigger } from '../popover';\nimport {\n  Tooltip,\n  TooltipProps,\n  TooltipProvider,\n} from \"@sparrowengg/twigs-react\";\nimport React, { ComponentProps, ReactNode, useState } from \"react\";\nimport { prefixClassName } from \"./styled/StyledItem\";\nimport { Button } from \"@sparrowengg/twigs-react\";\nimport { useCascaderDropdownContext } from \"./use-value\";\nimport { CascaderDropdownNode } from \"./cascader-dropdown-node\";\nimport { CascaderDropdownList } from \"./cascader-dropdown-list\";\nimport { CascaderDropdownBreadcrumb } from \"./cascader-dropdown-breadcrumb\";\nimport { CascaderDropdownSearchInput } from \"./cascader-dropdown-search-input\";\nimport { CascaderDropdownSearchList } from \"./cascader-dropdown-search-list\";\nimport { optionTypes } from \"./helpers/cascader-dropdown-constants\";\nimport { DropdownContentProps } from \"./cascader-dropdown\";\n\nexport type ResultCacheType = Record<string, CascaderDropdownNode[]>;\n\nexport const CascaderDropdownContent = ({\n  children,\n  dropdownContentProps,\n  tooltipProps,\n  popoverTriggerButtonProps,\n  popoverTriggerProps,\n  ...props\n}: {\n  children: ReactNode;\n  dropdownContentProps?: DropdownContentProps;\n  tooltipProps?: TooltipProps;\n  popoverTriggerButtonProps?: Partial<ComponentProps<typeof Button>>;\n  popoverTriggerProps?: Partial<ComponentProps<typeof PopoverTrigger>>;\n} & PopoverProps) => {\n  const {\n    popoverOpen,\n    setPopoverOpen,\n    id,\n    selectedNode,\n    focusNthColumn,\n    focusPreviousColumn,\n    foldersSelectionPath,\n    rootNode,\n  } = useCascaderDropdownContext();\n\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const [resultCache, setResultCache] = useState<ResultCacheType>({});\n\n  const [searchFocusedNode, setSearchFocusedNode] =\n    useState<CascaderDropdownNode | null>(null);\n\n  const showValueSelector =\n    selectedNode?.getType() === optionTypes.VALUE_SELECTOR;\n\n  return (\n    <>\n      {tooltipProps?.content ? (\n        <>\n          <Popover open={popoverOpen} onOpenChange={setPopoverOpen} {...props}>\n            <Tooltip {...tooltipProps}>\n              <PopoverTrigger\n                asChild\n                className={prefixClassName(\"cascader-dropdown__trigger\")}\n                {...popoverTriggerProps}\n              >\n                {children || (\n                  <Button\n                    variant=\"ghost\"\n                    color=\"default\"\n                    className=\"twigs-editor-tool-button\"\n                    {...popoverTriggerButtonProps}\n                  >\n                    Select\n                  </Button>\n                )}\n              </PopoverTrigger>\n            </Tooltip>\n            <PopoverContent\n              data-filter-popover-content={id}\n              className={prefixClassName(\"cascader-dropdown\")}\n              css={{\n                padding: 0,\n                border: \"0.5px solid $black300\",\n                borderRadius: \"$xl\",\n                minWidth: \"260px\",\n                maxWidth: \"260px\",\n              }}\n              {...dropdownContentProps}\n            >\n              <TooltipProvider delayDuration={0}>\n                <CascaderDropdownBreadcrumb\n                  focusNthColumn={focusNthColumn}\n                  focusPreviousColumn={focusPreviousColumn}\n                  foldersSelectionPath={\n                    foldersSelectionPath as { value: string; label: string }[]\n                  }\n                />\n                {!showValueSelector && rootNode.getChildren().length > 0 && (\n                  <CascaderDropdownSearchInput\n                    searchQuery={searchQuery}\n                    setSearchQuery={setSearchQuery}\n                    searchFocusedNode={searchFocusedNode}\n                    setSearchFocusedNode={setSearchFocusedNode}\n                    resultCache={resultCache}\n                  />\n                )}\n                {!searchQuery && <CascaderDropdownList />}\n                {searchQuery && (\n                  <CascaderDropdownSearchList\n                    searchQuery={searchQuery}\n                    setSearchQuery={setSearchQuery}\n                    resultCache={resultCache}\n                    setResultCache={setResultCache}\n                    searchFocusedNode={searchFocusedNode}\n                    setSearchFocusedNode={setSearchFocusedNode}\n                  />\n                )}\n              </TooltipProvider>\n            </PopoverContent>\n          </Popover>\n        </>\n      ) : (\n        <>\n          <Popover open={popoverOpen} onOpenChange={setPopoverOpen} {...props}>\n            <PopoverTrigger\n              asChild\n              className={prefixClassName(\"cascader-dropdown__trigger\")}\n              {...popoverTriggerProps}\n            >\n              {children || (\n                <Button\n                  variant=\"ghost\"\n                  color=\"default\"\n                  className=\"twigs-editor-tool-button\"\n                  {...popoverTriggerButtonProps}\n                >\n                  Select\n                </Button>\n              )}\n            </PopoverTrigger>\n            <PopoverContent\n              data-filter-popover-content={id}\n              className={prefixClassName(\"cascader-dropdown\")}\n              css={{\n                padding: 0,\n                border: \"0.5px solid $black300\",\n                borderRadius: \"$xl\",\n                minWidth: \"260px\",\n                maxWidth: \"260px\",\n              }}\n              {...dropdownContentProps}\n            >\n              <TooltipProvider delayDuration={0}>\n                <CascaderDropdownBreadcrumb\n                  focusNthColumn={focusNthColumn}\n                  focusPreviousColumn={focusPreviousColumn}\n                  foldersSelectionPath={\n                    foldersSelectionPath as { value: string; label: string }[]\n                  }\n                />\n                {!showValueSelector && rootNode.getChildren().length > 0 && (\n                  <CascaderDropdownSearchInput\n                    searchQuery={searchQuery}\n                    setSearchQuery={setSearchQuery}\n                    searchFocusedNode={searchFocusedNode}\n                    setSearchFocusedNode={setSearchFocusedNode}\n                    resultCache={resultCache}\n                  />\n                )}\n                {!searchQuery && <CascaderDropdownList />}\n                {searchQuery && (\n                  <CascaderDropdownSearchList\n                    searchQuery={searchQuery}\n                    setSearchQuery={setSearchQuery}\n                    resultCache={resultCache}\n                    setResultCache={setResultCache}\n                    searchFocusedNode={searchFocusedNode}\n                    setSearchFocusedNode={setSearchFocusedNode}\n                  />\n                )}\n              </TooltipProvider>\n            </PopoverContent>\n          </Popover>\n        </>\n      )}\n    </>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"cascader-dropdown-content.js","sources":["../../../src/cascader-dropdown/cascader-dropdown-content.tsx"],"sourcesContent":["import { Popover, PopoverProps } from \"@radix-ui/react-popover\";\nimport { PopoverContent, PopoverTrigger, PopoverPortal } from \"../popover\";\nimport {\n  Tooltip,\n  TooltipProps,\n  TooltipProvider,\n} from \"@sparrowengg/twigs-react\";\nimport React, { ComponentProps, ReactNode, useState } from \"react\";\nimport { prefixClassName } from \"./styled/StyledItem\";\nimport { Button } from \"@sparrowengg/twigs-react\";\nimport { useCascaderDropdownContext } from \"./use-value\";\nimport { CascaderDropdownNode } from \"./cascader-dropdown-node\";\nimport { CascaderDropdownList } from \"./cascader-dropdown-list\";\nimport { CascaderDropdownBreadcrumb } from \"./cascader-dropdown-breadcrumb\";\nimport { CascaderDropdownSearchInput } from \"./cascader-dropdown-search-input\";\nimport { CascaderDropdownSearchList } from \"./cascader-dropdown-search-list\";\nimport { optionTypes } from \"./helpers/cascader-dropdown-constants\";\nimport { DropdownContentProps } from \"./cascader-dropdown\";\n\nexport type ResultCacheType = Record<string, CascaderDropdownNode[]>;\n\nexport const CascaderDropdownContent = ({\n  children,\n  dropdownContentProps,\n  tooltipProps,\n  popoverTriggerButtonProps,\n  popoverTriggerProps,\n  ...props\n}: {\n  children: ReactNode;\n  dropdownContentProps?: DropdownContentProps;\n  tooltipProps?: TooltipProps;\n  popoverTriggerButtonProps?: Partial<ComponentProps<typeof Button>>;\n  popoverTriggerProps?: Partial<ComponentProps<typeof PopoverTrigger>>;\n} & PopoverProps) => {\n  const {\n    popoverOpen,\n    setPopoverOpen,\n    id,\n    selectedNode,\n    focusNthColumn,\n    focusPreviousColumn,\n    foldersSelectionPath,\n    rootNode,\n  } = useCascaderDropdownContext();\n\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const [resultCache, setResultCache] = useState<ResultCacheType>({});\n\n  const [searchFocusedNode, setSearchFocusedNode] =\n    useState<CascaderDropdownNode | null>(null);\n\n  const showValueSelector =\n    selectedNode?.getType() === optionTypes.VALUE_SELECTOR;\n\n  return (\n    <>\n      {tooltipProps?.content ? (\n        <>\n          <Popover open={popoverOpen} onOpenChange={setPopoverOpen} {...props}>\n            <Tooltip {...tooltipProps}>\n              <PopoverTrigger\n                asChild\n                className={prefixClassName(\"cascader-dropdown__trigger\")}\n                {...popoverTriggerProps}\n              >\n                {children || (\n                  <Button\n                    variant=\"ghost\"\n                    color=\"default\"\n                    className=\"twigs-editor-tool-button\"\n                    {...popoverTriggerButtonProps}\n                  >\n                    Select\n                  </Button>\n                )}\n              </PopoverTrigger>\n            </Tooltip>\n            <PopoverPortal>\n              <PopoverContent\n                data-filter-popover-content={id}\n                className={prefixClassName(\"cascader-dropdown\")}\n                css={{\n                  zIndex: \"9999999 !important\",\n                  padding: 0,\n                  border: \"0.5px solid $black300\",\n                  borderRadius: \"$xl\",\n                  minWidth: \"260px\",\n                  maxWidth: \"260px\",\n                }}\n                {...dropdownContentProps}\n              >\n                <TooltipProvider delayDuration={0}>\n                  <CascaderDropdownBreadcrumb\n                    focusNthColumn={focusNthColumn}\n                    focusPreviousColumn={focusPreviousColumn}\n                    foldersSelectionPath={\n                      foldersSelectionPath as { value: string; label: string }[]\n                    }\n                  />\n                  {!showValueSelector && rootNode.getChildren().length > 0 && (\n                    <CascaderDropdownSearchInput\n                      searchQuery={searchQuery}\n                      setSearchQuery={setSearchQuery}\n                      searchFocusedNode={searchFocusedNode}\n                      setSearchFocusedNode={setSearchFocusedNode}\n                      resultCache={resultCache}\n                    />\n                  )}\n                  {!searchQuery && <CascaderDropdownList />}\n                  {searchQuery && (\n                    <CascaderDropdownSearchList\n                      searchQuery={searchQuery}\n                      setSearchQuery={setSearchQuery}\n                      resultCache={resultCache}\n                      setResultCache={setResultCache}\n                      searchFocusedNode={searchFocusedNode}\n                      setSearchFocusedNode={setSearchFocusedNode}\n                    />\n                  )}\n                </TooltipProvider>\n              </PopoverContent>\n            </PopoverPortal>\n          </Popover>\n        </>\n      ) : (\n        <>\n          <Popover open={popoverOpen} onOpenChange={setPopoverOpen} {...props}>\n            <PopoverTrigger\n              asChild\n              className={prefixClassName(\"cascader-dropdown__trigger\")}\n              {...popoverTriggerProps}\n            >\n              {children || (\n                <Button\n                  variant=\"ghost\"\n                  color=\"default\"\n                  className=\"twigs-editor-tool-button\"\n                  {...popoverTriggerButtonProps}\n                >\n                  Select\n                </Button>\n              )}\n            </PopoverTrigger>\n            <PopoverPortal>\n              <PopoverContent\n                data-filter-popover-content={id}\n                className={prefixClassName(\"cascader-dropdown\")}\n                css={{\n                  padding: 0,\n                  border: \"0.5px solid $black300\",\n                  borderRadius: \"$xl\",\n                  minWidth: \"260px\",\n                  maxWidth: \"260px\",\n                }}\n                {...dropdownContentProps}\n              >\n                <TooltipProvider delayDuration={0}>\n                  <CascaderDropdownBreadcrumb\n                    focusNthColumn={focusNthColumn}\n                    focusPreviousColumn={focusPreviousColumn}\n                    foldersSelectionPath={\n                      foldersSelectionPath as { value: string; label: string }[]\n                    }\n                  />\n                  {!showValueSelector && rootNode.getChildren().length > 0 && (\n                    <CascaderDropdownSearchInput\n                      searchQuery={searchQuery}\n                      setSearchQuery={setSearchQuery}\n                      searchFocusedNode={searchFocusedNode}\n                      setSearchFocusedNode={setSearchFocusedNode}\n                      resultCache={resultCache}\n                    />\n                  )}\n                  {!searchQuery && <CascaderDropdownList />}\n                  {searchQuery && (\n                    <CascaderDropdownSearchList\n                      searchQuery={searchQuery}\n                      setSearchQuery={setSearchQuery}\n                      resultCache={resultCache}\n                      setResultCache={setResultCache}\n                      searchFocusedNode={searchFocusedNode}\n                      setSearchFocusedNode={setSearchFocusedNode}\n                    />\n                  )}\n                </TooltipProvider>\n              </PopoverContent>\n            </PopoverPortal>\n          </Popover>\n        </>\n      )}\n    </>\n  );\n};\n"],"names":["React"],"mappings":"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"}