@sparrowengg/integrations-templates-frontend 1.9.84-beta.9 → 2.0.0

package/dist/cjs/packages/frontend-templates/slitches.config.js

@@ -0,0 +1,392 @@
+'use strict';
+
+var index = require('../../node_modules/@stitches/react/dist/index.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));
+const resetStyles = {
+  [`html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
+  blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
+  img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u,
+  i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
+  caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
+  embed, figure, figcaption, footer, header, hgroup, main, menu, nav, output,
+  ruby, section, summary, time, mark, audio, video`]: {
+    margin: "0",
+    padding: "0",
+    border: "0",
+    fontSize: "100%",
+    verticalAlign: "baseline"
+  },
+  "article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section": {
+    display: "block"
+  },
+  "*[hidden]": {
+    display: "none"
+  },
+  body: {
+    lineHeight: "1"
+  },
+  "ol, ul": {
+    listStyle: "none"
+  },
+  "blockquote, q": {
+    quotes: "none"
+  },
+  "blockquote:before, blockquote:after, q:before, q:after": {
+    content: ""
+    // eslint-disable-next-line no-dupe-keys
+    // content: 'none',
+  },
+  table: {
+    borderSpacing: "0"
+  }
+};
+const defaultTheme = {
+  colors: {
+    primary: "#2E666D",
+    secondary: "#363A43",
+    accent50: "#F3F3FF",
+    accent100: "#EAE9FE",
+    accent200: "#D7D6FE",
+    accent300: "#B9B5FD",
+    accent400: "#978CF9",
+    accent500: "#7158F5",
+    accent600: "#623BEC",
+    accent700: "#5329D8",
+    accent800: "#4622B5",
+    accent900: "#3B1E94",
+    primary50: "#E6F5F6",
+    primary100: "#B8E1E5",
+    primary200: "#8ACCD2",
+    primary300: "#5CB5BD",
+    primary400: "#2E9CA6",
+    primary500: "#00828D",
+    primary600: "#006B74",
+    primary700: "#00555C",
+    primary800: "#003E43",
+    primary900: "#00272A",
+    warning50: "#FFF6EF",
+    warning100: "#FEEAC7",
+    warning200: "#FDD28A",
+    warning300: "#FCBD4F",
+    warning400: "#FBAB24",
+    warning500: "#F59E0B",
+    warning600: "#DB8D06",
+    warning700: "#B47409",
+    warning800: "#92610E",
+    warning900: "#78510F",
+    highlight50: "#FFFCDA",
+    highlight100: "#FFF7AD",
+    highlight200: "#FFF27D",
+    highlight300: "#FFED4B",
+    highlight400: "#FFE81A",
+    highlight500: "#E6CF00",
+    highlight600: "#B3A100",
+    highlight700: "#807300",
+    highlight800: "#786B03",
+    highlight900: "#6A5F00",
+    positive50: "#F4FAF1",
+    positive100: "#E8F4E3",
+    positive200: "#D4E8CA",
+    positive300: "#A8D291",
+    positive400: "#67B034",
+    positive500: "#5EA130",
+    positive600: "#55932A",
+    positive700: "#4C8425",
+    positive800: "#437720",
+    positive900: "#3C691C",
+    secondary50: "#F4F6F7",
+    secondary100: "#E2E6EB",
+    secondary200: "#C9CFD8",
+    secondary300: "#A3AEBD",
+    secondary400: "#76859A",
+    secondary500: "#64748B",
+    secondary600: "#4E596C",
+    secondary700: "#444B5A",
+    secondary800: "#3D424D",
+    secondary900: "#363A43",
+    negative50: "#FFF6F3",
+    negative100: "#FDEDE8",
+    negative200: "#FFDAD0",
+    negative300: "#FFB4A1",
+    negative400: "#FA7659",
+    negative500: "#F65633",
+    negative600: "#E75030",
+    negative700: "#D14729",
+    negative800: "#BC4024",
+    negative900: "#A9371E",
+    neutral50: "#F8F8F8",
+    neutral100: "#F1F1F1",
+    neutral200: "#E2E2E2",
+    neutral300: "#C6C6C6",
+    neutral400: "#9E9E9E",
+    neutral500: "#919191",
+    neutral600: "#848484",
+    neutral700: "#757575",
+    neutral800: "#575757",
+    neutral900: "#111111",
+    black50: "#0000000A",
+    black100: "#00000014",
+    black200: "#0000001A",
+    black300: "#00000026",
+    black400: "#00000033",
+    black500: "#0000004D",
+    black600: "#00000080",
+    black700: "#000000B2",
+    black800: "#000000CC",
+    black900: "#000000",
+    white50: "#FFFFFF0D",
+    white100: "#FFFFFF14",
+    white200: "#FFFFFF1A",
+    white300: "#FFFFFF26",
+    white400: "#FFFFFF33",
+    white500: "#FFFFFF4D",
+    white600: "#FFFFFF80",
+    white700: "#FFFFFFB2",
+    white800: "#FFFFFFCC",
+    white900: "#FFFFFF"
+  },
+  space: {
+    1: "0.125rem",
+    2: "0.25rem",
+    3: "0.375rem",
+    4: "0.5rem",
+    5: "0.625rem",
+    6: "0.75rem",
+    7: "0.875rem",
+    8: "1rem",
+    9: "1.125rem",
+    10: "1.25rem",
+    11: "1.375rem",
+    12: "1.5rem",
+    13: "1.625rem",
+    14: "1.75rem",
+    15: "1.875rem",
+    16: "2rem",
+    17: "2.125rem",
+    18: "2.25rem",
+    19: "2.375rem",
+    20: "2.5rem",
+    21: "2.625rem",
+    22: "2.75rem",
+    23: "2.875rem",
+    24: "3rem",
+    25: "3.125rem",
+    26: "3.25rem",
+    27: "3.375rem",
+    28: "3.5rem",
+    29: "3.625rem",
+    30: "3.75rem",
+    31: "3.875rem",
+    32: "4rem",
+    33: "4.125rem",
+    34: "4.25rem",
+    35: "4.375rem",
+    36: "4.5rem",
+    37: "4.625rem",
+    38: "4.75rem",
+    39: "4.875rem",
+    40: "5rem",
+    41: "5.125rem",
+    42: "5.25rem",
+    43: "5.375rem",
+    44: "5.5rem",
+    45: "5.625rem",
+    46: "5.75rem",
+    47: "5.875rem",
+    48: "6rem",
+    49: "6.125rem",
+    50: "6.25rem"
+  },
+  fontSizes: {
+    xxs: "0.625rem",
+    xs: "0.75rem",
+    sm: "0.875rem",
+    md: "1rem",
+    lg: "1.2rem",
+    xl: "1.44rem",
+    "2xl": "1.728rem",
+    "3xl": "2.074rem",
+    "4xl": "2.488rem",
+    "5xl": "2.986rem"
+  },
+  fonts: {
+    body: "DM Sans, sans-serif",
+    heading: "DM Sans, sans-serif"
+  },
+  fontWeights: {
+    1: "100",
+    2: "200",
+    3: "300",
+    4: "400",
+    5: "500",
+    6: "600",
+    7: "700",
+    8: "800",
+    9: "900"
+  },
+  lineHeights: {
+    xxs: "0.75rem",
+    xs: "1rem",
+    sm: "1.25rem",
+    md: "1.5rem",
+    lg: "1.75rem",
+    xl: "2rem",
+    "2xl": "2.5rem",
+    "3xl": "3rem",
+    "4xl": "4rem"
+  },
+  letterSpacings: {},
+  sizes: {
+    1: "4px",
+    2: "8px",
+    3: "12px",
+    4: "16px",
+    5: "20px",
+    6: "24px",
+    7: "28px",
+    8: "32px",
+    9: "36px",
+    10: "40px",
+    11: "44px",
+    12: "48px",
+    13: "52px",
+    14: "56px",
+    15: "60px",
+    16: "64px",
+    17: "68px",
+    18: "72px",
+    19: "76px",
+    20: "80px",
+    21: "84px",
+    22: "88px",
+    23: "92px",
+    24: "96px",
+    25: "100px",
+    26: "104px",
+    27: "108px",
+    28: "112px",
+    29: "116px",
+    30: "120px",
+    31: "124px",
+    32: "128px",
+    33: "132px",
+    34: "136px"
+  },
+  borderWidths: {
+    xs: "1px",
+    sm: "2px",
+    md: "3px",
+    lg: "4px",
+    xl: "5px"
+  },
+  borderStyles: {},
+  radii: {
+    none: "0px",
+    xs: "0.125rem",
+    sm: "0.25rem",
+    md: "0.375rem",
+    lg: "0.5rem",
+    xl: "0.75rem",
+    "2xl": "1rem",
+    "3xl": "1.25rem",
+    "4xl": "1.5rem",
+    round: "50%",
+    pill: "9999px"
+  },
+  shadows: {
+    sm: "0px 5px 15px rgba(0, 0, 0, 0.04)"
+  },
+  zIndices: {},
+  transitions: {
+    1: "0.1s",
+    2: "0.2s",
+    3: "0.3s"
+  }
+};
+const {
+  styled,
+  theme,
+  createTheme,
+  globalCss,
+  keyframes,
+  config,
+  reset,
+  css,
+  getCssText
+} = index.createStitches({
+  prefix: "twigs",
+  theme: defaultTheme,
+  utils: {
+    backgroundColorOpacity: ([value, opacity]) => ({
+      backgroundColor: hexToRgba(value, opacity)
+    }),
+    colorOpacity: ([value, opacity]) => ({
+      color: hexToRgba(value, opacity)
+    }),
+    borderColorOpacity: ([value, opacity]) => ({
+      borderColor: hexToRgba(value, opacity)
+    })
+  },
+  media: {
+    "screen-xxs": "(min-width: 320px)",
+    "screen-xs": "(min-width: 480px)",
+    "screen-sm": "(min-width: 640px)",
+    "screen-md": "(min-width: 768px)",
+    "screen-lg": "(min-width: 1024px)",
+    "screen-xl": "(min-width: 1280px)",
+    "screen-2xl": "(min-width: 1536px)"
+  }
+});
+globalCss(__spreadProps(__spreadValues({}, resetStyles), {
+  "*": {
+    margin: 0,
+    padding: 0,
+    "-webkit-font-smoothing": "antialiased"
+  },
+  "html, body, textarea, input, button, select, p, a": {
+    fontFamily: "$body"
+  },
+  "*, :before, :after": { boxSizing: "border-box" }
+}));
+function hexToRgba(hex, opacity) {
+  const color = theme.colors[hex.replace("$", "")];
+  if (!color)
+    return hex;
+  const r = parseInt(color.value.substring(1, 3), 16);
+  const g = parseInt(color.value.substring(3, 5), 16);
+  const b = parseInt(color.value.substring(5, 7), 16);
+  return `#${((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1)}${Math.round(opacity * 255).toString(16).padStart(2, "0")}`;
+}
+
+exports.config = config;
+exports.createTheme = createTheme;
+exports.css = css;
+exports.defaultTheme = defaultTheme;
+exports.getCssText = getCssText;
+exports.globalCss = globalCss;
+exports.hexToRgba = hexToRgba;
+exports.keyframes = keyframes;
+exports.reset = reset;
+exports.resetStyles = resetStyles;
+exports.styled = styled;
+exports.theme = theme;
+//# sourceMappingURL=slitches.config.js.map

package/dist/cjs/packages/frontend-templates/slitches.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slitches.config.js","sources":["../../../../slitches.config.ts"],"sourcesContent":["import { createStitches } from '@stitches/react';\n\nexport const resetStyles = {\n  [`html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,\n  blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,\n  img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u,\n  i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,\n  caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,\n  embed, figure, figcaption, footer, header, hgroup, main, menu, nav, output,\n  ruby, section, summary, time, mark, audio, video`]: {\n    margin: '0',\n    padding: '0',\n    border: '0',\n    fontSize: '100%',\n    verticalAlign: 'baseline'\n  },\n  'article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section':\n  {\n    display: 'block'\n  },\n  '*[hidden]': {\n    display: 'none'\n  },\n  body: {\n    lineHeight: '1'\n  },\n  'ol, ul': {\n    listStyle: 'none'\n  },\n  'blockquote, q': {\n    quotes: 'none'\n  },\n  'blockquote:before, blockquote:after, q:before, q:after': {\n    content: ''\n    // eslint-disable-next-line no-dupe-keys\n    // content: 'none',\n  },\n  table: {\n    borderSpacing: '0'\n  }\n};\n\nexport const defaultTheme = {\n  colors: {\n    primary: '#2E666D',\n    secondary: '#363A43',\n    accent50: '#F3F3FF',\n    accent100: '#EAE9FE',\n    accent200: '#D7D6FE',\n    accent300: '#B9B5FD',\n    accent400: '#978CF9',\n    accent500: '#7158F5',\n    accent600: '#623BEC',\n    accent700: '#5329D8',\n    accent800: '#4622B5',\n    accent900: '#3B1E94',\n    primary50: '#E6F5F6',\n    primary100: '#B8E1E5',\n    primary200: '#8ACCD2',\n    primary300: '#5CB5BD',\n    primary400: '#2E9CA6',\n    primary500: '#00828D',\n    primary600: '#006B74',\n    primary700: '#00555C',\n    primary800: '#003E43',\n    primary900: '#00272A',\n    warning50: '#FFF6EF',\n    warning100: '#FEEAC7',\n    warning200: '#FDD28A',\n    warning300: '#FCBD4F',\n    warning400: '#FBAB24',\n    warning500: '#F59E0B',\n    warning600: '#DB8D06',\n    warning700: '#B47409',\n    warning800: '#92610E',\n    warning900: '#78510F',\n    highlight50: '#FFFCDA',\n    highlight100: '#FFF7AD',\n    highlight200: '#FFF27D',\n    highlight300: '#FFED4B',\n    highlight400: '#FFE81A',\n    highlight500: '#E6CF00',\n    highlight600: '#B3A100',\n    highlight700: '#807300',\n    highlight800: '#786B03',\n    highlight900: '#6A5F00',\n    positive50: '#F4FAF1',\n    positive100: '#E8F4E3',\n    positive200: '#D4E8CA',\n    positive300: '#A8D291',\n    positive400: '#67B034',\n    positive500: '#5EA130',\n    positive600: '#55932A',\n    positive700: '#4C8425',\n    positive800: '#437720',\n    positive900: '#3C691C',\n    secondary50: '#F4F6F7',\n    secondary100: '#E2E6EB',\n    secondary200: '#C9CFD8',\n    secondary300: '#A3AEBD',\n    secondary400: '#76859A',\n    secondary500: '#64748B',\n    secondary600: '#4E596C',\n    secondary700: '#444B5A',\n    secondary800: '#3D424D',\n    secondary900: '#363A43',\n    negative50: '#FFF6F3',\n    negative100: '#FDEDE8',\n    negative200: '#FFDAD0',\n    negative300: '#FFB4A1',\n    negative400: '#FA7659',\n    negative500: '#F65633',\n    negative600: '#E75030',\n    negative700: '#D14729',\n    negative800: '#BC4024',\n    negative900: '#A9371E',\n    neutral50: '#F8F8F8',\n    neutral100: '#F1F1F1',\n    neutral200: '#E2E2E2',\n    neutral300: '#C6C6C6',\n    neutral400: '#9E9E9E',\n    neutral500: '#919191',\n    neutral600: '#848484',\n    neutral700: '#757575',\n    neutral800: '#575757',\n    neutral900: '#111111',\n    black50: '#0000000A',\n    black100: '#00000014',\n    black200: '#0000001A',\n    black300: '#00000026',\n    black400: '#00000033',\n    black500: '#0000004D',\n    black600: '#00000080',\n    black700: '#000000B2',\n    black800: '#000000CC',\n    black900: '#000000',\n    white50: '#FFFFFF0D',\n    white100: '#FFFFFF14',\n    white200: '#FFFFFF1A',\n    white300: '#FFFFFF26',\n    white400: '#FFFFFF33',\n    white500: '#FFFFFF4D',\n    white600: '#FFFFFF80',\n    white700: '#FFFFFFB2',\n    white800: '#FFFFFFCC',\n    white900: '#FFFFFF'\n  },\n  space: {\n    1: '0.125rem',\n    2: '0.25rem',\n    3: '0.375rem',\n    4: '0.5rem',\n    5: '0.625rem',\n    6: '0.75rem',\n    7: '0.875rem',\n    8: '1rem',\n    9: '1.125rem',\n    10: '1.25rem',\n    11: '1.375rem',\n    12: '1.5rem',\n    13: '1.625rem',\n    14: '1.75rem',\n    15: '1.875rem',\n    16: '2rem',\n    17: '2.125rem',\n    18: '2.25rem',\n    19: '2.375rem',\n    20: '2.5rem',\n    21: '2.625rem',\n    22: '2.75rem',\n    23: '2.875rem',\n    24: '3rem',\n    25: '3.125rem',\n    26: '3.25rem',\n    27: '3.375rem',\n    28: '3.5rem',\n    29: '3.625rem',\n    30: '3.75rem',\n    31: '3.875rem',\n    32: '4rem',\n    33: '4.125rem',\n    34: '4.25rem',\n    35: '4.375rem',\n    36: '4.5rem',\n    37: '4.625rem',\n    38: '4.75rem',\n    39: '4.875rem',\n    40: '5rem',\n    41: '5.125rem',\n    42: '5.25rem',\n    43: '5.375rem',\n    44: '5.5rem',\n    45: '5.625rem',\n    46: '5.75rem',\n    47: '5.875rem',\n    48: '6rem',\n    49: '6.125rem',\n    50: '6.25rem'\n  },\n  fontSizes: {\n    xxs: '0.625rem',\n    xs: '0.75rem',\n    sm: '0.875rem',\n    md: '1rem',\n    lg: '1.2rem',\n    xl: '1.44rem',\n    '2xl': '1.728rem',\n    '3xl': '2.074rem',\n    '4xl': '2.488rem',\n    '5xl': '2.986rem'\n  },\n  fonts: {\n    body: 'DM Sans, sans-serif',\n    heading: 'DM Sans, sans-serif'\n  },\n  fontWeights: {\n    1: '100',\n    2: '200',\n    3: '300',\n    4: '400',\n    5: '500',\n    6: '600',\n    7: '700',\n    8: '800',\n    9: '900'\n  },\n  lineHeights: {\n    xxs: '0.75rem',\n    xs: '1rem',\n    sm: '1.25rem',\n    md: '1.5rem',\n    lg: '1.75rem',\n    xl: '2rem',\n    '2xl': '2.5rem',\n    '3xl': '3rem',\n    '4xl': '4rem'\n  },\n  letterSpacings: {},\n  sizes: {\n    1: '4px',\n    2: '8px',\n    3: '12px',\n    4: '16px',\n    5: '20px',\n    6: '24px',\n    7: '28px',\n    8: '32px',\n    9: '36px',\n    10: '40px',\n    11: '44px',\n    12: '48px',\n    13: '52px',\n    14: '56px',\n    15: '60px',\n    16: '64px',\n    17: '68px',\n    18: '72px',\n    19: '76px',\n    20: '80px',\n    21: '84px',\n    22: '88px',\n    23: '92px',\n    24: '96px',\n    25: '100px',\n    26: '104px',\n    27: '108px',\n    28: '112px',\n    29: '116px',\n    30: '120px',\n    31: '124px',\n    32: '128px',\n    33: '132px',\n    34: '136px'\n  },\n  borderWidths: {\n    xs: '1px',\n    sm: '2px',\n    md: '3px',\n    lg: '4px',\n    xl: '5px'\n  },\n  borderStyles: {},\n  radii: {\n    none: '0px',\n    xs: '0.125rem',\n    sm: '0.25rem',\n    md: '0.375rem',\n    lg: '0.5rem',\n    xl: '0.75rem',\n    '2xl': '1rem',\n    '3xl': '1.25rem',\n    '4xl': '1.5rem',\n    round: '50%',\n    pill: '9999px'\n  },\n  shadows: {\n    sm: '0px 5px 15px rgba(0, 0, 0, 0.04)'\n  },\n  zIndices: {},\n  transitions: {\n    1: '0.1s',\n    2: '0.2s',\n    3: '0.3s'\n  }\n};\n\ntype ThemeColors = `$${keyof typeof defaultTheme.colors}` | (string & {});\n\nexport const {\n  styled,\n  theme,\n  createTheme,\n  globalCss,\n  keyframes,\n  config,\n  reset,\n  css,\n  getCssText\n} = createStitches({\n  prefix: 'twigs',\n  theme: defaultTheme,\n  utils: {\n    backgroundColorOpacity: ([value, opacity]: [ThemeColors, number]) => ({\n      backgroundColor: hexToRgba(value, opacity)\n    }),\n    colorOpacity: ([value, opacity]: [ThemeColors, number]) => ({\n      color: hexToRgba(value, opacity)\n    }),\n    borderColorOpacity: ([value, opacity]: [ThemeColors, number]) => ({\n      borderColor: hexToRgba(value, opacity)\n    })\n  },\n  media: {\n    'screen-xxs': '(min-width: 320px)',\n    'screen-xs': '(min-width: 480px)',\n    'screen-sm': '(min-width: 640px)',\n    'screen-md': '(min-width: 768px)',\n    'screen-lg': '(min-width: 1024px)',\n    'screen-xl': '(min-width: 1280px)',\n    'screen-2xl': '(min-width: 1536px)'\n  }\n});\n\nexport const globalStyles = globalCss({\n  ...resetStyles,\n  '*': {\n    margin: 0,\n    padding: 0,\n    '-webkit-font-smoothing': 'antialiased'\n  },\n  'html, body, textarea, input, button, select, p, a': {\n    fontFamily: '$body'\n  },\n  '*, :before, :after': { boxSizing: 'border-box' }\n});\n\nexport function hexToRgba(hex: string, opacity: number) {\n  const color = theme.colors[hex.replace('$', '')];\n  if (!color) return hex;\n  const r = parseInt(color.value.substring(1, 3), 16);\n  const g = parseInt(color.value.substring(3, 5), 16);\n  const b = parseInt(color.value.substring(5, 7), 16);\n\n  // return the new hex color code with opacity\n  // eslint-disable-next-line no-bitwise\n  return `#${((1 << 24) + (r << 16) + (g << 8) + b)\n    .toString(16)\n    .slice(1)}${Math.round(opacity * 255)\n    .toString(16)\n    .padStart(2, '0')}`;\n}\n"],"names":["createStitches"],"mappings":"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"}

package/dist/cjs/popover/popover.js

@@ -0,0 +1,55 @@
+'use strict';
+
+var index = require('../node_modules/@radix-ui/react-popover/dist/index.js');
+var slitches_config = require('../packages/frontend-templates/slitches.config.js');
+
+const slideUpAndFade = slitches_config.keyframes({
+  "0%": { opacity: 0, transform: "translateY(2px)" },
+  "100%": { opacity: 1, transform: "translateY(0)" }
+});
+const slideRightAndFade = slitches_config.keyframes({
+  "0%": { opacity: 0, transform: "translateX(-2px)" },
+  "100%": { opacity: 1, transform: "translateX(0)" }
+});
+const slideDownAndFade = slitches_config.keyframes({
+  "0%": { opacity: 0, transform: "translateY(-2px)" },
+  "100%": { opacity: 1, transform: "translateY(0)" }
+});
+const slideLeftAndFade = slitches_config.keyframes({
+  "0%": { opacity: 0, transform: "translateX(2px)" },
+  "100%": { opacity: 1, transform: "translateX(0)" }
+});
+const PopoverContent = slitches_config.styled(index.Content, {
+  padding: "$4",
+  width: 260,
+  zIndex: 100,
+  borderRadius: "$md",
+  backgroundColor: "$white900",
+  animationDuration: "400ms",
+  boxShadow: "hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px",
+  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 }
+  }
+});
+slitches_config.styled(index.Arrow, {
+  fill: "white"
+});
+slitches_config.styled(index.Close, {
+  all: "unset",
+  fontFamily: "inherit",
+  position: "absolute",
+  top: 5,
+  right: 5
+});
+const { PopoverTrigger } = index;
+const Popover = index.Root;
+
+exports.Popover = Popover;
+exports.PopoverContent = PopoverContent;
+exports.PopoverTrigger = PopoverTrigger;
+//# sourceMappingURL=popover.js.map

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

@@ -0,0 +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;;;;;;"}

package/dist/cjs/single-mapping/components/mapping.js

@@ -180,7 +180,7 @@ const Mapping = ({
           contactProperties: processField(mappedFields.contactProperties, "Select all Contact Properties"),
           expressions: processField(mappedFields.expressions, "Select all Expressions"),
           property: processField(mappedFields.property, "Select all Properties"),
-          derivedQuestions: processField(mappedFields.derivedQuestions, "Select all Enriched Columns")
+          derivedQuestions: processField(mappedFields.derivedQuestions, "Select all Enrich")
         };
         setSSMappingData(updatedSSMappingData);
         setOriginalMappingData(updatedSSMappingData);
@@ -220,7 +220,7 @@ const Mapping = ({
           contactProperties: processField(editField.fieldValues.mappedFields.contactProperties, "Select all Contact Properties"),
           expressions: processField(editField.fieldValues.mappedFields.expressions, "Select all Expressions"),
           property: processField(editField.fieldValues.mappedFields.property, "Select all Properties"),
-          derivedQuestions: processField(editField.fieldValues.mappedFields.derivedQuestions, "Select all Enriched Columns")
+          derivedQuestions: processField(editField.fieldValues.mappedFields.derivedQuestions, "Select all Enrich")
         });
       } else {
         setSSMappingData({
@@ -389,7 +389,7 @@ const Mapping = ({
       fields: ssMappingData.derivedQuestions,
       handleFieldValues: (field, value) => handleFieldValues("derivedQuestions", field == null ? void 0 : field.id, value)
     }
-  ))) : /* @__PURE__ */ React.createElement(flex.Flex, { css: { marginTop: "$16" }, alignItems: "center", gap: "$6" }, /* @__PURE__ */ React.createElement(text.Text, { size: "sm", weight: "regular", css: { width: "90px", color: "$neutral900" } }, "This Includes:"), /* @__PURE__ */ React.createElement(flex.Flex, { alignItems: "center", gap: "$4" }, getAllMappingCount("questions") - 1 > 0 ? /* @__PURE__ */ React.createElement(CustomChip, { bgColor: "#E5F2FF" }, " ", getAllMappingCount("questions") - 1, " Questions") : null, getAllMappingCount("derivedQuestions") - 1 > 0 ? /* @__PURE__ */ React.createElement(CustomChip, { bgColor: "#E5F2FF" }, " ", getAllMappingCount("derivedQuestions") - 1, " Enriched Columns") : null, getAllMappingCount("variables") - 1 > 0 ? /* @__PURE__ */ React.createElement(CustomChip, { bgColor: "#E8F4E3" }, " ", getAllMappingCount("variables") - 1, " Variables") : null, getAllMappingCount("contactProperties") - 1 > 0 ? /* @__PURE__ */ React.createElement(CustomChip, { bgColor: "#FDEDE8" }, " ", getAllMappingCount("contactProperties") - 1, " Contacts") : null, getAllMappingCount("expressions") - 1 > 0 ? /* @__PURE__ */ React.createElement(CustomChip, { bgColor: "#F1F1F1" }, " ", getAllMappingCount("expressions") - 1, " Expressions") : null, getAllMappingCount("property") - 1 > 0 ? /* @__PURE__ */ React.createElement(CustomChip, { bgColor: "#4A9CA626" }, " ", getAllMappingCount("property") - 1, " Properties") : null))));
+  ))) : /* @__PURE__ */ React.createElement(flex.Flex, { css: { marginTop: "$16" }, alignItems: "center", gap: "$6" }, /* @__PURE__ */ React.createElement(text.Text, { size: "sm", weight: "regular", css: { width: "90px", color: "$neutral900" } }, "This Includes:"), /* @__PURE__ */ React.createElement(flex.Flex, { alignItems: "center", gap: "$4" }, getAllMappingCount("questions") - 1 > 0 ? /* @__PURE__ */ React.createElement(CustomChip, { bgColor: "#E5F2FF" }, " ", getAllMappingCount("questions") - 1, " Questions") : null, getAllMappingCount("derivedQuestions") - 1 > 0 ? /* @__PURE__ */ React.createElement(CustomChip, { bgColor: "#E5F2FF" }, " ", getAllMappingCount("derivedQuestions") - 1, " Enrich") : null, getAllMappingCount("variables") - 1 > 0 ? /* @__PURE__ */ React.createElement(CustomChip, { bgColor: "#E8F4E3" }, " ", getAllMappingCount("variables") - 1, " Variables") : null, getAllMappingCount("contactProperties") - 1 > 0 ? /* @__PURE__ */ React.createElement(CustomChip, { bgColor: "#FDEDE8" }, " ", getAllMappingCount("contactProperties") - 1, " Contacts") : null, getAllMappingCount("expressions") - 1 > 0 ? /* @__PURE__ */ React.createElement(CustomChip, { bgColor: "#F1F1F1" }, " ", getAllMappingCount("expressions") - 1, " Expressions") : null, getAllMappingCount("property") - 1 > 0 ? /* @__PURE__ */ React.createElement(CustomChip, { bgColor: "#4A9CA626" }, " ", getAllMappingCount("property") - 1, " Properties") : null))));
 };
 const TabsContentComponent = ({
   value,