@wix/patterns 1.261.0 → 1.264.0

package/dist/cjs/components/RadioGroupFilter/RadioGroupFilter.js

@@ -8,6 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _hooks = require("../../hooks");
 var _designSystem = require("@wix/design-system");
+var _PatternsThemeProvider = require("../../themes/PatternsThemeProvider");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/RadioGroupFilter/RadioGroupFilter.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _RadioGroupFilter(props) {
@@ -23,6 +24,11 @@ function _RadioGroupFilter(props) {
   } = (0, _hooks.useDropdownSelectFilterState)({
     filter
   });
+  const {
+    radioGroup: {
+      spacing
+    }
+  } = (0, _PatternsThemeProvider.usePatternsTheme)();
   const {
     select: {
       selectedValues
@@ -56,12 +62,13 @@ function _RadioGroupFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 58,
+      lineNumber: 64,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.RadioGroup, {
     dataHook: "radio-group-filter-group",
     value: ((_selectedValues$ = selectedValues[0]) == null ? void 0 : _selectedValues$.key) || defaultValue.id,
+    spacing: spacing,
     onChange: v => {
       if ((v == null ? void 0 : v.toString()) === defaultValue.id) {
         dropdownSelect.clear();
@@ -73,7 +80,7 @@ function _RadioGroupFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 63,
+      lineNumber: 69,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.RadioGroup.Radio, {
@@ -82,7 +89,7 @@ function _RadioGroupFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 77,
+      lineNumber: 84,
       columnNumber: 9
     }
   }, defaultValue.name), keyedItems.map((keyedItem, index) => {
@@ -95,7 +102,7 @@ function _RadioGroupFilter(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 87,
+        lineNumber: 94,
         columnNumber: 13
       }
     }), (radioProps == null ? void 0 : radioProps.children) ?? filter.itemName(keyedItem.item));

package/dist/cjs/components/RadioGroupFilter/RadioGroupFilter.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_hooks","_designSystem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_RadioGroupFilter","props","_selectedValues$","filter","data","renderItem","dropdownSelect","init","useDropdownSelectFilterState","select","selectedValues","container","translate","defaultValue","id","name","useEffect","keyedItems","useMemo","map","item","index","key","itemKey","indexWithinPage","pageIndex","createElement","Box","direction","gap","dataHook","__self","__source","fileName","lineNumber","columnNumber","RadioGroup","value","onChange","v","toString","clear","newItem","find","setSingle","Radio","keyedItem","radioProps","_extends2","children","itemName","RadioGroupFilter","exports","observer","displayName"],"sources":["../../../../src/components/RadioGroupFilter/RadioGroupFilter.tsx"],"sourcesContent":["import React, { PropsWithChildren, useEffect, useMemo } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useDropdownSelectFilterState } from '../../hooks';\nimport { FilterProps } from '../../model';\nimport { Box, RadioGroup, RadioProps } from '@wix/design-system';\nimport { KeyedItem } from '@wix/bex-core';\n\nexport interface RadioGroupFilterProps<V> extends FilterProps<V[]> {\n  /**\n   * List of items to select from\n   * @external\n   */\n  data: V[];\n  /**\n   * A function that returns Radio props for rendering each item\n   * @external\n   */\n  renderItem?: (\n    item: V,\n    index: number,\n  ) => Partial<PropsWithChildren<RadioProps>>;\n}\n\nfunction _RadioGroupFilter<V>(props: RadioGroupFilterProps<V>) {\n  const { filter, data = [], renderItem } = props;\n\n  const { dropdownSelect, init } = useDropdownSelectFilterState<V>({\n    filter,\n  });\n  const {\n    select: { selectedValues },\n    container: { translate: t },\n  } = dropdownSelect;\n\n  const defaultValue = { id: 'all', name: t('cairo.filtersPanel.default.All') };\n\n  useEffect(() => {\n    return init();\n  }, []);\n\n  const keyedItems = useMemo(\n    () =>\n      data.map((item, index) => {\n        const key = filter.itemKey(item);\n        return {\n          id: key,\n          key,\n          item,\n          index,\n          indexWithinPage: index,\n          pageIndex: 0,\n        };\n      }),\n    [data],\n  );\n\n  return (\n    <Box\n      direction=\"vertical\"\n      gap=\"SP2\"\n      dataHook={`radio-group-filter-${filter.name}`}\n    >\n      <RadioGroup\n        dataHook=\"radio-group-filter-group\"\n        value={selectedValues[0]?.key || defaultValue.id}\n        onChange={(v) => {\n          if (v?.toString() === defaultValue.id) {\n            dropdownSelect.clear();\n          } else {\n            const newItem = keyedItems.find(\n              (item) => item.key === v?.toString(),\n            );\n            newItem && dropdownSelect.setSingle(newItem as KeyedItem<V>);\n          }\n        }}\n      >\n        <RadioGroup.Radio\n          value={defaultValue.id}\n          dataHook=\"radio-group-filter-option-all\"\n        >\n          {defaultValue.name}\n        </RadioGroup.Radio>\n        {keyedItems.map((keyedItem, index) => {\n          const radioProps = renderItem?.(keyedItem.item, index);\n          const key = keyedItem.key;\n          return (\n            <RadioGroup.Radio\n              {...radioProps}\n              key={key}\n              value={key}\n              dataHook={`radio-group-filter-option-${key}`}\n            >\n              {radioProps?.children ?? filter.itemName(keyedItem.item)}\n            </RadioGroup.Radio>\n          );\n        })}\n      </RadioGroup>\n    </Box>\n  );\n}\n\nexport const RadioGroupFilter = observer(_RadioGroupFilter);\n\nRadioGroupFilter.displayName = 'RadioGroupFilter';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_hooks","_designSystem","_PatternsThemeProvider","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_RadioGroupFilter","props","_selectedValues$","filter","data","renderItem","dropdownSelect","init","useDropdownSelectFilterState","radioGroup","spacing","usePatternsTheme","select","selectedValues","container","translate","defaultValue","id","name","useEffect","keyedItems","useMemo","map","item","index","key","itemKey","indexWithinPage","pageIndex","createElement","Box","direction","gap","dataHook","__self","__source","fileName","lineNumber","columnNumber","RadioGroup","value","onChange","v","toString","clear","newItem","find","setSingle","Radio","keyedItem","radioProps","_extends2","children","itemName","RadioGroupFilter","exports","observer","displayName"],"sources":["../../../../src/components/RadioGroupFilter/RadioGroupFilter.tsx"],"sourcesContent":["import React, { PropsWithChildren, useEffect, useMemo } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useDropdownSelectFilterState } from '../../hooks';\nimport { FilterProps } from '../../model';\nimport { Box, RadioGroup, RadioProps } from '@wix/design-system';\nimport { KeyedItem } from '@wix/bex-core';\nimport { usePatternsTheme } from '../../themes/PatternsThemeProvider';\n\nexport interface RadioGroupFilterProps<V> extends FilterProps<V[]> {\n  /**\n   * List of items to select from\n   * @external\n   */\n  data: V[];\n  /**\n   * A function that returns Radio props for rendering each item\n   * @external\n   */\n  renderItem?: (\n    item: V,\n    index: number,\n  ) => Partial<PropsWithChildren<RadioProps>>;\n}\n\nfunction _RadioGroupFilter<V>(props: RadioGroupFilterProps<V>) {\n  const { filter, data = [], renderItem } = props;\n\n  const { dropdownSelect, init } = useDropdownSelectFilterState<V>({\n    filter,\n  });\n\n  const {\n    radioGroup: { spacing },\n  } = usePatternsTheme();\n\n  const {\n    select: { selectedValues },\n    container: { translate: t },\n  } = dropdownSelect;\n\n  const defaultValue = { id: 'all', name: t('cairo.filtersPanel.default.All') };\n\n  useEffect(() => {\n    return init();\n  }, []);\n\n  const keyedItems = useMemo(\n    () =>\n      data.map((item, index) => {\n        const key = filter.itemKey(item);\n        return {\n          id: key,\n          key,\n          item,\n          index,\n          indexWithinPage: index,\n          pageIndex: 0,\n        };\n      }),\n    [data],\n  );\n\n  return (\n    <Box\n      direction=\"vertical\"\n      gap=\"SP2\"\n      dataHook={`radio-group-filter-${filter.name}`}\n    >\n      <RadioGroup\n        dataHook=\"radio-group-filter-group\"\n        value={selectedValues[0]?.key || defaultValue.id}\n        spacing={spacing}\n        onChange={(v) => {\n          if (v?.toString() === defaultValue.id) {\n            dropdownSelect.clear();\n          } else {\n            const newItem = keyedItems.find(\n              (item) => item.key === v?.toString(),\n            );\n            newItem && dropdownSelect.setSingle(newItem as KeyedItem<V>);\n          }\n        }}\n      >\n        <RadioGroup.Radio\n          value={defaultValue.id}\n          dataHook=\"radio-group-filter-option-all\"\n        >\n          {defaultValue.name}\n        </RadioGroup.Radio>\n        {keyedItems.map((keyedItem, index) => {\n          const radioProps = renderItem?.(keyedItem.item, index);\n          const key = keyedItem.key;\n          return (\n            <RadioGroup.Radio\n              {...radioProps}\n              key={key}\n              value={key}\n              dataHook={`radio-group-filter-option-${key}`}\n            >\n              {radioProps?.children ?? filter.itemName(keyedItem.item)}\n            </RadioGroup.Radio>\n          );\n        })}\n      </RadioGroup>\n    </Box>\n  );\n}\n\nexport const RadioGroupFilter = observer(_RadioGroupFilter);\n\nRadioGroupFilter.displayName = 'RadioGroupFilter';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ResponsiveButton/ResponsiveButton.js

@@ -8,6 +8,7 @@ var _designSystem = require("@wix/design-system");
 var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
+var _PatternsThemeProvider = require("../../themes/PatternsThemeProvider");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/ResponsiveButton/ResponsiveButton.tsx";
 function _ResponsiveButton(props) {
   const {
@@ -19,6 +20,12 @@ function _ResponsiveButton(props) {
     shouldShrink: shouldShrinkProp = true,
     ...rest
   } = props;
+  const {
+    sizes,
+    toolbar: {
+      button
+    }
+  } = (0, _PatternsThemeProvider.usePatternsTheme)();
   const {
     toolbar: {
       responsive
@@ -35,7 +42,7 @@ function _ResponsiveButton(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 43,
+      lineNumber: 49,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -44,30 +51,31 @@ function _ResponsiveButton(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 47,
+      lineNumber: 53,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, (0, _extends2.default)({}, rest, {
     dataHook: dataHook,
-    size: "small",
+    size: sizes.small,
     priority: "secondary",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 48,
+      lineNumber: 54,
       columnNumber: 9
     }
   }), icon))) : /*#__PURE__*/_react.default.createElement(_designSystem.Button, (0, _extends2.default)({
     as: as
   }, rest, {
     dataHook: dataHook,
-    size: "small",
+    size: sizes.small,
     priority: "secondary",
     prefixIcon: icon,
+    suffixIcon: button.suffix,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 59,
+      lineNumber: 65,
       columnNumber: 5
     }
   }), children);

package/dist/cjs/components/ResponsiveButton/ResponsiveButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_ToolbarCollectionContext","_jsxFileName","_ResponsiveButton","props","dataHook","as","icon","children","state","shouldShrink","shouldShrinkProp","rest","toolbar","responsive","useToolbarCollectionContext","_nextToShrink","responsiveDisabled","_count","_shouldShrink","default","createElement","Tooltip","content","undefined","__self","__source","fileName","lineNumber","columnNumber","Box","direction","minWidth","IconButton","_extends2","size","priority","Button","prefixIcon","ResponsiveButton","exports","observer"],"sources":["../../../../src/components/ResponsiveButton/ResponsiveButton.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  ButtonAsButtonProps,\n  IconButton,\n  IconElement,\n  Tooltip,\n} from '@wix/design-system';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { ToolbarResponsivePriorityState } from '../../state/Toolbar/ToolbarResponsivePriorityState';\n\nexport type ResponsiveButtonProps = ButtonAsButtonProps<{\n  dataHook?: string;\n  icon?: IconElement;\n  state: ToolbarResponsivePriorityState;\n  shouldShrink?: boolean;\n}>;\n\nfunction _ResponsiveButton(props: ResponsiveButtonProps) {\n  const {\n    dataHook,\n    as,\n    icon,\n    children,\n    state,\n    shouldShrink: shouldShrinkProp = true,\n    ...rest\n  } = props;\n\n  const {\n    toolbar: { responsive },\n  } = useToolbarCollectionContext();\n\n  const { _nextToShrink, responsiveDisabled } = responsive;\n\n  const shouldShrink = responsiveDisabled\n    ? shouldShrinkProp\n    : _nextToShrink._count >= state._count && state._shouldShrink;\n\n  return shouldShrink ? (\n    <Tooltip\n      content={children}\n      dataHook={dataHook ? `${dataHook}-tooltip` : undefined}\n    >\n      <Box direction=\"vertical\" minWidth=\"30px\">\n        <IconButton\n          {...rest}\n          dataHook={dataHook}\n          size=\"small\"\n          priority=\"secondary\"\n        >\n          {icon}\n        </IconButton>\n      </Box>\n    </Tooltip>\n  ) : (\n    <Button\n      as={as}\n      {...rest}\n      dataHook={dataHook}\n      size=\"small\"\n      priority=\"secondary\"\n      prefixIcon={icon}\n    >\n      {children}\n    </Button>\n  );\n}\n\nexport const ResponsiveButton = observer(_ResponsiveButton);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAQA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,yBAAA,GAAAJ,OAAA;AAA0E,IAAAK,YAAA;AAU1E,SAASC,iBAAiBA,CAACC,KAA4B,EAAE;EACvD,MAAM;IACJC,QAAQ;IACRC,EAAE;IACFC,IAAI;IACJC,QAAQ;IACRC,KAAK;IACLC,YAAY,EAAEC,gBAAgB,GAAG,IAAI;IACrC,GAAGC;EACL,CAAC,GAAGR,KAAK;EAET,MAAM;IACJS,OAAO,EAAE;MAAEC;IAAW;EACxB,CAAC,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAEjC,MAAM;IAAEC,aAAa;IAAEC;EAAmB,CAAC,GAAGH,UAAU;EAExD,MAAMJ,YAAY,GAAGO,kBAAkB,GACnCN,gBAAgB,GAChBK,aAAa,CAACE,MAAM,IAAIT,KAAK,CAACS,MAAM,IAAIT,KAAK,CAACU,aAAa;EAE/D,OAAOT,YAAY,gBACjBZ,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACzB,aAAA,CAAA0B,OAAO;IACNC,OAAO,EAAEf,QAAS;IAClBH,QAAQ,EAAEA,QAAQ,GAAG,GAAGA,QAAQ,UAAU,GAAGmB,SAAU;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEvD/B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACzB,aAAA,CAAAkC,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,QAAQ,EAAC,MAAM;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACvC/B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACzB,aAAA,CAAAqC,UAAU,MAAAC,SAAA,CAAAd,OAAA,MACLR,IAAI;IACRP,QAAQ,EAAEA,QAAS;IACnB8B,IAAI,EAAC,OAAO;IACZC,QAAQ,EAAC,WAAW;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEnBtB,IACS,CACT,CACE,CAAC,gBAEVT,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACzB,aAAA,CAAAyC,MAAM,MAAAH,SAAA,CAAAd,OAAA;IACLd,EAAE,EAAEA;EAAG,GACHM,IAAI;IACRP,QAAQ,EAAEA,QAAS;IACnB8B,IAAI,EAAC,OAAO;IACZC,QAAQ,EAAC,WAAW;IACpBE,UAAU,EAAE/B,IAAK;IAAAkB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEhBrB,QACK,CACT;AACH;AAEO,MAAM+B,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,uBAAQ,EAACtC,iBAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_ToolbarCollectionContext","_PatternsThemeProvider","_jsxFileName","_ResponsiveButton","props","dataHook","as","icon","children","state","shouldShrink","shouldShrinkProp","rest","sizes","toolbar","button","usePatternsTheme","responsive","useToolbarCollectionContext","_nextToShrink","responsiveDisabled","_count","_shouldShrink","default","createElement","Tooltip","content","undefined","__self","__source","fileName","lineNumber","columnNumber","Box","direction","minWidth","IconButton","_extends2","size","small","priority","Button","prefixIcon","suffixIcon","suffix","ResponsiveButton","exports","observer"],"sources":["../../../../src/components/ResponsiveButton/ResponsiveButton.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  ButtonAsButtonProps,\n  IconButton,\n  IconElement,\n  Tooltip,\n} from '@wix/design-system';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { ToolbarResponsivePriorityState } from '../../state/Toolbar/ToolbarResponsivePriorityState';\nimport { usePatternsTheme } from '../../themes/PatternsThemeProvider';\n\nexport type ResponsiveButtonProps = ButtonAsButtonProps<{\n  dataHook?: string;\n  icon?: IconElement;\n  state: ToolbarResponsivePriorityState;\n  shouldShrink?: boolean;\n}>;\n\nfunction _ResponsiveButton(props: ResponsiveButtonProps) {\n  const {\n    dataHook,\n    as,\n    icon,\n    children,\n    state,\n    shouldShrink: shouldShrinkProp = true,\n    ...rest\n  } = props;\n\n  const {\n    sizes,\n    toolbar: { button },\n  } = usePatternsTheme();\n\n  const {\n    toolbar: { responsive },\n  } = useToolbarCollectionContext();\n\n  const { _nextToShrink, responsiveDisabled } = responsive;\n\n  const shouldShrink = responsiveDisabled\n    ? shouldShrinkProp\n    : _nextToShrink._count >= state._count && state._shouldShrink;\n\n  return shouldShrink ? (\n    <Tooltip\n      content={children}\n      dataHook={dataHook ? `${dataHook}-tooltip` : undefined}\n    >\n      <Box direction=\"vertical\" minWidth=\"30px\">\n        <IconButton\n          {...rest}\n          dataHook={dataHook}\n          size={sizes.small}\n          priority=\"secondary\"\n        >\n          {icon}\n        </IconButton>\n      </Box>\n    </Tooltip>\n  ) : (\n    <Button\n      as={as}\n      {...rest}\n      dataHook={dataHook}\n      size={sizes.small}\n      priority=\"secondary\"\n      prefixIcon={icon}\n      suffixIcon={button.suffix}\n    >\n      {children}\n    </Button>\n  );\n}\n\nexport const ResponsiveButton = observer(_ResponsiveButton);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAQA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,yBAAA,GAAAJ,OAAA;AAEA,IAAAK,sBAAA,GAAAL,OAAA;AAAsE,IAAAM,YAAA;AAStE,SAASC,iBAAiBA,CAACC,KAA4B,EAAE;EACvD,MAAM;IACJC,QAAQ;IACRC,EAAE;IACFC,IAAI;IACJC,QAAQ;IACRC,KAAK;IACLC,YAAY,EAAEC,gBAAgB,GAAG,IAAI;IACrC,GAAGC;EACL,CAAC,GAAGR,KAAK;EAET,MAAM;IACJS,KAAK;IACLC,OAAO,EAAE;MAAEC;IAAO;EACpB,CAAC,GAAG,IAAAC,uCAAgB,EAAC,CAAC;EAEtB,MAAM;IACJF,OAAO,EAAE;MAAEG;IAAW;EACxB,CAAC,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAEjC,MAAM;IAAEC,aAAa;IAAEC;EAAmB,CAAC,GAAGH,UAAU;EAExD,MAAMP,YAAY,GAAGU,kBAAkB,GACnCT,gBAAgB,GAChBQ,aAAa,CAACE,MAAM,IAAIZ,KAAK,CAACY,MAAM,IAAIZ,KAAK,CAACa,aAAa;EAE/D,OAAOZ,YAAY,gBACjBb,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAAC7B,aAAA,CAAA8B,OAAO;IACNC,OAAO,EAAElB,QAAS;IAClBH,QAAQ,EAAEA,QAAQ,GAAG,GAAGA,QAAQ,UAAU,GAAGsB,SAAU;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5B,YAAA;MAAA6B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEvDnC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAAC7B,aAAA,CAAAsC,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,QAAQ,EAAC,MAAM;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5B,YAAA;MAAA6B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACvCnC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAAC7B,aAAA,CAAAyC,UAAU,MAAAC,SAAA,CAAAd,OAAA,MACLX,IAAI;IACRP,QAAQ,EAAEA,QAAS;IACnBiC,IAAI,EAAEzB,KAAK,CAAC0B,KAAM;IAClBC,QAAQ,EAAC,WAAW;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5B,YAAA;MAAA6B,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEnBzB,IACS,CACT,CACE,CAAC,gBAEVV,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAAC7B,aAAA,CAAA8C,MAAM,MAAAJ,SAAA,CAAAd,OAAA;IACLjB,EAAE,EAAEA;EAAG,GACHM,IAAI;IACRP,QAAQ,EAAEA,QAAS;IACnBiC,IAAI,EAAEzB,KAAK,CAAC0B,KAAM;IAClBC,QAAQ,EAAC,WAAW;IACpBE,UAAU,EAAEnC,IAAK;IACjBoC,UAAU,EAAE5B,MAAM,CAAC6B,MAAO;IAAAhB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5B,YAAA;MAAA6B,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEzBxB,QACK,CACT;AACH;AAEO,MAAMqC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,uBAAQ,EAAC5C,iBAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ScrollableContent186640191";
+var _namespace_ = "ScrollableContent438644261";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "ScrollableContent186640191__root"
+  "root": "ScrollableContent438644261__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent186640191\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ScrollableContent186640191__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,4BAA4B;AAC9C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAkC,CAAC;AACzD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent438644261\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ScrollableContent438644261__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,4BAA4B;AAC9C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAkC,CAAC;AACzD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/SearchableCollectionContent/SearchableCollectionContent.js

@@ -26,8 +26,8 @@ const SearchableCollectionContent = exports.SearchableCollectionContent = (0, _m
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 29,
-      columnNumber: 5
+      lineNumber: 32,
+      columnNumber: 7
     }
   }, children);
 });

package/dist/cjs/components/SearchableCollectionContent/SearchableCollectionContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_CollectionContext","_designSystem","_jsxFileName","SearchableCollectionContent","exports","observer","props","children","dataHook","collection","useCollectionContext","originQuery","search","default","createElement","Highlighter","match","emphasize","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/SearchableCollectionContent/SearchableCollectionContent.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useCollectionContext } from \"../CollectionContext\";\nimport { FiltersMap } from \"@wix/bex-core\";\nimport { Highlighter } from \"@wix/design-system\";\n\nexport interface SearchableCollectionContentProps {\n  /**\n   * The searchable content\n   * @external\n   */\n  children?: React.ReactNode;\n  /**\n   * A data hook for testing purposes.\n   * @default searchable-collection-content\n   * @external\n   */\n  dataHook?: string;\n}\n\nexport const SearchableCollectionContent = observer(function SearchableCollectionContent<T, F extends FiltersMap = FiltersMap>(props: SearchableCollectionContentProps) {\n  const { children, dataHook = 'searchable-collection-content' } = props;\n  const collection = useCollectionContext<T, F>();\n  const {\n    originQuery: { search },\n  } = collection;\n\n  return (\n    <Highlighter match={search} emphasize=\"background\" dataHook={dataHook}>\n      {children}\n    </Highlighter>\n  )\n}); "],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AAEA,IAAAG,aAAA,GAAAH,OAAA;AAAiD,IAAAI,YAAA;AAgB1C,MAAMC,2BAA2B,GAAAC,OAAA,CAAAD,2BAAA,GAAG,IAAAE,uBAAQ,EAAC,SAASF,2BAA2BA,CAAuCG,KAAuC,EAAE;EACtK,MAAM;IAAEC,QAAQ;IAAEC,QAAQ,GAAG;EAAgC,CAAC,GAAGF,KAAK;EACtE,MAAMG,UAAU,GAAG,IAAAC,uCAAoB,EAAO,CAAC;EAC/C,MAAM;IACJC,WAAW,EAAE;MAAEC;IAAO;EACxB,CAAC,GAAGH,UAAU;EAEd,oBACEb,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,WAAW;IAACC,KAAK,EAAEJ,MAAO;IAACK,SAAS,EAAC,YAAY;IAACT,QAAQ,EAAEA,QAAS;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACnEf,QACU,CAAC;AAElB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_CollectionContext","_designSystem","_jsxFileName","SearchableCollectionContent","exports","observer","props","children","dataHook","collection","useCollectionContext","originQuery","search","default","createElement","Highlighter","match","emphasize","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/SearchableCollectionContent/SearchableCollectionContent.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useCollectionContext } from '../CollectionContext';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Highlighter } from '@wix/design-system';\n\nexport interface SearchableCollectionContentProps {\n  /**\n   * The searchable content\n   * @external\n   */\n  children?: React.ReactNode;\n  /**\n   * A data hook for testing purposes.\n   * @default searchable-collection-content\n   * @external\n   */\n  dataHook?: string;\n}\n\nexport const SearchableCollectionContent = observer(\n  function SearchableCollectionContent<T, F extends FiltersMap = FiltersMap>(\n    props: SearchableCollectionContentProps,\n  ) {\n    const { children, dataHook = 'searchable-collection-content' } = props;\n    const collection = useCollectionContext<T, F>();\n    const {\n      originQuery: { search },\n    } = collection;\n\n    return (\n      <Highlighter match={search} emphasize=\"background\" dataHook={dataHook}>\n        {children}\n      </Highlighter>\n    );\n  },\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AAEA,IAAAG,aAAA,GAAAH,OAAA;AAAiD,IAAAI,YAAA;AAgB1C,MAAMC,2BAA2B,GAAAC,OAAA,CAAAD,2BAAA,GAAG,IAAAE,uBAAQ,EACjD,SAASF,2BAA2BA,CAClCG,KAAuC,EACvC;EACA,MAAM;IAAEC,QAAQ;IAAEC,QAAQ,GAAG;EAAgC,CAAC,GAAGF,KAAK;EACtE,MAAMG,UAAU,GAAG,IAAAC,uCAAoB,EAAO,CAAC;EAC/C,MAAM;IACJC,WAAW,EAAE;MAAEC;IAAO;EACxB,CAAC,GAAGH,UAAU;EAEd,oBACEb,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,WAAW;IAACC,KAAK,EAAEJ,MAAO;IAACK,SAAS,EAAC,YAAY;IAACT,QAAQ,EAAEA,QAAS;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACnEf,QACU,CAAC;AAElB,CACF,CAAC","ignoreList":[]}

package/dist/cjs/components/SearchableCollectionContent/SearchableCollectionContent.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","SearchableCollectionContentUniDriver","base","_body","baseUniDriverFactory","getMatchAtIndex","index","highlightedSpans","$$","spanCount","count","Error","span","at","text","trim","getNumberOfMatches","exports"],"sources":["../../../../src/components/SearchableCollectionContent/SearchableCollectionContent.uni.driver.ts"],"sourcesContent":["import { baseUniDriverFactory, UniDriver } from \"@wix/wix-ui-test-utils/unidriver\";\n\nexport const SearchableCollectionContentUniDriver = (base: UniDriver, _body: UniDriver) => {\n\n    return {\n        ...baseUniDriverFactory(base),\n        getMatchAtIndex: async (index: number) => {\n            // Find all spans with highlighter classes (contains \"Highlighter\" in the class name)\n            // Based on the HTML structure: <span class=\"wds_1_181_0_Highlighter__root wds_1_181_0_Highlighter---emphasize-10-background\">a</span>\n            const highlightedSpans = await base.$$('span[class*=\"Highlighter\"]');\n            const spanCount = await highlightedSpans.count();\n\n            // Check if the index is valid\n            if (index < 0 || index >= spanCount) {\n                throw new Error(`Match index ${index} is out of range. Found ${spanCount} matches.`);\n            }\n\n            // Get the span at the specified index\n            const span = await highlightedSpans.at(index);\n            const text = await span.text();\n\n            return text?.trim() || '';\n        },\n        getNumberOfMatches: async () => {\n            // Count all spans with highlighter classes\n            const highlightedSpans = await base.$$('span[class*=\"Highlighter\"]');\n            return highlightedSpans.count();\n        },\n    }\n}"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEO,MAAMC,oCAAoC,GAAGA,CAACC,IAAe,EAAEC,KAAgB,KAAK;EAEvF,OAAO;IACH,GAAG,IAAAC,+BAAoB,EAACF,IAAI,CAAC;IAC7BG,eAAe,EAAE,MAAOC,KAAa,IAAK;MACtC;MACA;MACA,MAAMC,gBAAgB,GAAG,MAAML,IAAI,CAACM,EAAE,CAAC,4BAA4B,CAAC;MACpE,MAAMC,SAAS,GAAG,MAAMF,gBAAgB,CAACG,KAAK,CAAC,CAAC;;MAEhD;MACA,IAAIJ,KAAK,GAAG,CAAC,IAAIA,KAAK,IAAIG,SAAS,EAAE;QACjC,MAAM,IAAIE,KAAK,CAAC,eAAeL,KAAK,2BAA2BG,SAAS,WAAW,CAAC;MACxF;;MAEA;MACA,MAAMG,IAAI,GAAG,MAAML,gBAAgB,CAACM,EAAE,CAACP,KAAK,CAAC;MAC7C,MAAMQ,IAAI,GAAG,MAAMF,IAAI,CAACE,IAAI,CAAC,CAAC;MAE9B,OAAO,CAAAA,IAAI,oBAAJA,IAAI,CAAEC,IAAI,CAAC,CAAC,KAAI,EAAE;IAC7B,CAAC;IACDC,kBAAkB,EAAE,MAAAA,CAAA,KAAY;MAC5B;MACA,MAAMT,gBAAgB,GAAG,MAAML,IAAI,CAACM,EAAE,CAAC,4BAA4B,CAAC;MACpE,OAAOD,gBAAgB,CAACG,KAAK,CAAC,CAAC;IACnC;EACJ,CAAC;AACL,CAAC;AAAAO,OAAA,CAAAhB,oCAAA,GAAAA,oCAAA","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","SearchableCollectionContentUniDriver","base","_body","baseUniDriverFactory","getMatchAtIndex","index","highlightedSpans","$$","spanCount","count","Error","span","at","text","trim","getNumberOfMatches","exports"],"sources":["../../../../src/components/SearchableCollectionContent/SearchableCollectionContent.uni.driver.ts"],"sourcesContent":["import {\n  baseUniDriverFactory,\n  UniDriver,\n} from '@wix/wix-ui-test-utils/unidriver';\n\nexport const SearchableCollectionContentUniDriver = (\n  base: UniDriver,\n  _body: UniDriver,\n) => {\n  return {\n    ...baseUniDriverFactory(base),\n    getMatchAtIndex: async (index: number) => {\n      // Find all spans with highlighter classes (contains \"Highlighter\" in the class name)\n      // Based on the HTML structure: <span class=\"wds_1_181_0_Highlighter__root wds_1_181_0_Highlighter---emphasize-10-background\">a</span>\n      const highlightedSpans = await base.$$('span[class*=\"Highlighter\"]');\n      const spanCount = await highlightedSpans.count();\n\n      // Check if the index is valid\n      if (index < 0 || index >= spanCount) {\n        throw new Error(\n          `Match index ${index} is out of range. Found ${spanCount} matches.`,\n        );\n      }\n\n      // Get the span at the specified index\n      const span = await highlightedSpans.at(index);\n      const text = await span.text();\n\n      return text?.trim() || '';\n    },\n    getNumberOfMatches: async () => {\n      // Count all spans with highlighter classes\n      const highlightedSpans = await base.$$('span[class*=\"Highlighter\"]');\n      return highlightedSpans.count();\n    },\n  };\n};\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAKO,MAAMC,oCAAoC,GAAGA,CAClDC,IAAe,EACfC,KAAgB,KACb;EACH,OAAO;IACL,GAAG,IAAAC,+BAAoB,EAACF,IAAI,CAAC;IAC7BG,eAAe,EAAE,MAAOC,KAAa,IAAK;MACxC;MACA;MACA,MAAMC,gBAAgB,GAAG,MAAML,IAAI,CAACM,EAAE,CAAC,4BAA4B,CAAC;MACpE,MAAMC,SAAS,GAAG,MAAMF,gBAAgB,CAACG,KAAK,CAAC,CAAC;;MAEhD;MACA,IAAIJ,KAAK,GAAG,CAAC,IAAIA,KAAK,IAAIG,SAAS,EAAE;QACnC,MAAM,IAAIE,KAAK,CACb,eAAeL,KAAK,2BAA2BG,SAAS,WAC1D,CAAC;MACH;;MAEA;MACA,MAAMG,IAAI,GAAG,MAAML,gBAAgB,CAACM,EAAE,CAACP,KAAK,CAAC;MAC7C,MAAMQ,IAAI,GAAG,MAAMF,IAAI,CAACE,IAAI,CAAC,CAAC;MAE9B,OAAO,CAAAA,IAAI,oBAAJA,IAAI,CAAEC,IAAI,CAAC,CAAC,KAAI,EAAE;IAC3B,CAAC;IACDC,kBAAkB,EAAE,MAAAA,CAAA,KAAY;MAC9B;MACA,MAAMT,gBAAgB,GAAG,MAAML,IAAI,CAACM,EAAE,CAAC,4BAA4B,CAAC;MACpE,OAAOD,gBAAgB,CAACG,KAAK,CAAC,CAAC;IACjC;EACF,CAAC;AACH,CAAC;AAACO,OAAA,CAAAhB,oCAAA,GAAAA,oCAAA","ignoreList":[]}

package/dist/cjs/components/SidePanel/PatternsSidePanel.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.PatternsSidePanel = PatternsSidePanel;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireDefault(require("react"));
+var _useSidePanelProps = require("../../hooks/layout/useSidePanelProps");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/SidePanel/PatternsSidePanel.tsx";
+function PatternsSidePanel(props) {
+  const {
+    onClose,
+    ...rest
+  } = props;
+  const sidePanelProps = (0, _useSidePanelProps.useSidePanelProps)({
+    onClose
+  });
+  return /*#__PURE__*/_react.default.createElement(_designSystem.SidePanel, (0, _extends2.default)({}, sidePanelProps, rest, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 21,
+      columnNumber: 10
+    }
+  }));
+}
+//# sourceMappingURL=PatternsSidePanel.js.map

package/dist/cjs/components/SidePanel/PatternsSidePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_useSidePanelProps","_jsxFileName","PatternsSidePanel","props","onClose","rest","sidePanelProps","useSidePanelProps","default","createElement","SidePanel","_extends2","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/SidePanel/PatternsSidePanel.tsx"],"sourcesContent":["import { SidePanel, SidePanelProps } from '@wix/design-system';\nimport React from 'react';\nimport { useSidePanelProps } from '../../hooks/layout/useSidePanelProps';\n\nexport interface PatternsSidePanelProps\n  extends Omit<\n    SidePanelProps,\n    | 'closeButtonProps'\n    | 'onCloseButtonClick'\n    | 'backButtonProps'\n    | 'onBackButtonClick'\n  > {\n  onClose?: () => void;\n}\n\nexport function PatternsSidePanel(props: PatternsSidePanelProps) {\n  const { onClose, ...rest } = props;\n  const sidePanelProps = useSidePanelProps({\n    onClose,\n  });\n  return <SidePanel {...sidePanelProps} {...rest} />;\n}\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AAAyE,IAAAI,YAAA;AAalE,SAASC,iBAAiBA,CAACC,KAA6B,EAAE;EAC/D,MAAM;IAAEC,OAAO;IAAE,GAAGC;EAAK,CAAC,GAAGF,KAAK;EAClC,MAAMG,cAAc,GAAG,IAAAC,oCAAiB,EAAC;IACvCH;EACF,CAAC,CAAC;EACF,oBAAON,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,SAAS,MAAAC,SAAA,CAAAH,OAAA,MAAKF,cAAc,EAAMD,IAAI;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAAC;AACpD","ignoreList":[]}

package/dist/cjs/components/SidePanelModal/SidePanelModal.js

@@ -20,7 +20,7 @@ function _SidePanelModal(props) {
   const {
     onSidePanelOpen,
     closeSidePanel,
-    containerLayoutType
+    isPanelLayout
   } = (0, _react.useWixPatternsContainer)();
   const pageState = (0, _react.usePageContext)();
   const {
@@ -30,10 +30,10 @@ function _SidePanelModal(props) {
   const {
     isOpen
   } = sidePanel;
-  const width = (0, _react2.useMemo)(() => containerLayoutType === 'panel' ? '100%' : _bexCore.SidePanelWidth, [containerLayoutType]);
+  const width = (0, _react2.useMemo)(() => isPanelLayout ? '100%' : _bexCore.SidePanelWidth, [isPanelLayout]);
   const style = (0, _react2.useMemo)(() => ({
     top,
-    left: containerLayoutType === 'panel' ? 0 : left != null ? left - _bexCore.SidePanelWidth : undefined,
+    left: isPanelLayout ? 0 : left != null ? left - _bexCore.SidePanelWidth : undefined,
     bottom: 0,
     overflow: 'hidden',
     width
@@ -61,7 +61,7 @@ function _SidePanelModal(props) {
     dataHook: "cairo-side-panel-modal",
     transitionStatus: sidePanel.transition.status,
     style: style,
-    appendTo: containerLayoutType === 'panel' ? 'parent' : undefined,
+    appendTo: isPanelLayout ? 'parent' : undefined,
     contentRef: el => {
       sidePanel.focus.modalElement = el;
     },

package/dist/cjs/components/SidePanelModal/SidePanelModal.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_bexCore","_react","_SlidingModal","_react2","_interopRequireWildcard","_mobx","_SidePanelModalItem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_SidePanelModal","props","top","left","state","onSidePanelOpen","closeSidePanel","containerLayoutType","useWixPatternsContainer","pageState","usePageContext","sidePanel","sidePanelComponents","isOpen","width","useMemo","SidePanelWidth","style","undefined","bottom","overflow","useEffect","reaction","sidePanelOpen","onGlobalSidePanelOpenSub","disposers","sidePanelShow","remove","forEach","d","createElement","SlidingModal","dataHook","transitionStatus","transition","status","appendTo","contentRef","el","focus","modalElement","onExited","setStatus","onEntered","onEntering","onExiting","onRequestClose","close","__self","__source","fileName","lineNumber","columnNumber","Array","from","entries","map","key","ComponentType","SidePanelModalItem","id","SidePanelModal","exports","observer"],"sources":["../../../../src/components/SidePanelModal/SidePanelModal.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport { SidePanelWidth } from '@wix/bex-core';\nimport { useWixPatternsContainer, usePageContext } from '@wix/bex-core/react';\nimport { SlidingModal } from '../SlidingModal';\nimport React, { useEffect, useMemo } from 'react';\nimport { reaction } from 'mobx';\nimport { SidePanelModalItem } from './SidePanelModalItem';\nimport { SidePanelsState } from '../../state/SidePanelsState';\n\nexport interface SidePanelModalProps {\n  top: number;\n  left?: number;\n  state: SidePanelsState;\n}\n\nfunction _SidePanelModal(props: SidePanelModalProps) {\n  const { top, left, state } = props;\n  const { onSidePanelOpen, closeSidePanel, containerLayoutType } =\n    useWixPatternsContainer();\n  const pageState = usePageContext();\n\n  const { sidePanel, sidePanelComponents } = state;\n\n  const { isOpen } = sidePanel;\n\n  const width = useMemo(\n    () => (containerLayoutType === 'panel' ? '100%' : SidePanelWidth),\n    [containerLayoutType],\n  );\n\n  const style = useMemo(\n    () => ({\n      top,\n      left:\n        containerLayoutType === 'panel'\n          ? 0\n          : left != null\n          ? left - SidePanelWidth\n          : undefined,\n      bottom: 0,\n      overflow: 'hidden',\n      width,\n    }),\n    [top, left, width],\n  );\n\n  useEffect(() => {\n    return reaction(\n      () => sidePanel.isOpen,\n      (sidePanelOpen) => {\n        pageState.sidePanelOpen = sidePanelOpen;\n      },\n    );\n  }, []);\n\n  useEffect(() => {\n    const onGlobalSidePanelOpenSub = onSidePanelOpen?.(() => {\n      state.closeSidePanel();\n    });\n\n    const disposers = [\n      reaction(\n        () => sidePanel.isOpen,\n        (sidePanelShow) => {\n          if (sidePanelShow) {\n            closeSidePanel?.();\n          }\n        },\n      ),\n    ];\n\n    return () => {\n      onGlobalSidePanelOpenSub?.remove();\n      disposers.forEach((d) => d?.());\n    };\n  }, []);\n\n  return (\n    <SlidingModal\n      dataHook=\"cairo-side-panel-modal\"\n      transitionStatus={sidePanel.transition.status}\n      style={style}\n      appendTo={containerLayoutType === 'panel' ? 'parent' : undefined}\n      contentRef={(el) => {\n        sidePanel.focus.modalElement = el;\n      }}\n      onExited={() => {\n        sidePanel.transition.setStatus('exited');\n      }}\n      onEntered={() => {\n        sidePanel.transition.setStatus('entered');\n      }}\n      onEntering={() => {\n        sidePanel.transition.setStatus('entering');\n      }}\n      onExiting={() => {\n        sidePanel.transition.setStatus('exiting');\n      }}\n      width={SidePanelWidth}\n      isOpen={isOpen}\n      onRequestClose={() => {\n        sidePanel.close();\n      }}\n    >\n      {Array.from(sidePanelComponents.entries()).map(([key, ComponentType]) => {\n        return (\n          <SidePanelModalItem key={key} id={key} width={width} state={state}>\n            <ComponentType />\n          </SidePanelModalItem>\n        );\n      })}\n    </SlidingModal>\n  );\n}\n\nexport const SidePanelModal = observer(_SidePanelModal);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_bexCore","_react","_SlidingModal","_react2","_interopRequireWildcard","_mobx","_SidePanelModalItem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_SidePanelModal","props","top","left","state","onSidePanelOpen","closeSidePanel","isPanelLayout","useWixPatternsContainer","pageState","usePageContext","sidePanel","sidePanelComponents","isOpen","width","useMemo","SidePanelWidth","style","undefined","bottom","overflow","useEffect","reaction","sidePanelOpen","onGlobalSidePanelOpenSub","disposers","sidePanelShow","remove","forEach","d","createElement","SlidingModal","dataHook","transitionStatus","transition","status","appendTo","contentRef","el","focus","modalElement","onExited","setStatus","onEntered","onEntering","onExiting","onRequestClose","close","__self","__source","fileName","lineNumber","columnNumber","Array","from","entries","map","key","ComponentType","SidePanelModalItem","id","SidePanelModal","exports","observer"],"sources":["../../../../src/components/SidePanelModal/SidePanelModal.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport { SidePanelWidth } from '@wix/bex-core';\nimport { useWixPatternsContainer, usePageContext } from '@wix/bex-core/react';\nimport { SlidingModal } from '../SlidingModal';\nimport React, { useEffect, useMemo } from 'react';\nimport { reaction } from 'mobx';\nimport { SidePanelModalItem } from './SidePanelModalItem';\nimport { SidePanelsState } from '../../state/SidePanelsState';\n\nexport interface SidePanelModalProps {\n  top: number;\n  left?: number;\n  state: SidePanelsState;\n}\n\nfunction _SidePanelModal(props: SidePanelModalProps) {\n  const { top, left, state } = props;\n  const { onSidePanelOpen, closeSidePanel, isPanelLayout } =\n    useWixPatternsContainer();\n  const pageState = usePageContext();\n\n  const { sidePanel, sidePanelComponents } = state;\n\n  const { isOpen } = sidePanel;\n\n  const width = useMemo(\n    () => (isPanelLayout ? '100%' : SidePanelWidth),\n    [isPanelLayout],\n  );\n\n  const style = useMemo(\n    () => ({\n      top,\n      left:\n        isPanelLayout\n          ? 0\n          : left != null\n          ? left - SidePanelWidth\n          : undefined,\n      bottom: 0,\n      overflow: 'hidden',\n      width,\n    }),\n    [top, left, width],\n  );\n\n  useEffect(() => {\n    return reaction(\n      () => sidePanel.isOpen,\n      (sidePanelOpen) => {\n        pageState.sidePanelOpen = sidePanelOpen;\n      },\n    );\n  }, []);\n\n  useEffect(() => {\n    const onGlobalSidePanelOpenSub = onSidePanelOpen?.(() => {\n      state.closeSidePanel();\n    });\n\n    const disposers = [\n      reaction(\n        () => sidePanel.isOpen,\n        (sidePanelShow) => {\n          if (sidePanelShow) {\n            closeSidePanel?.();\n          }\n        },\n      ),\n    ];\n\n    return () => {\n      onGlobalSidePanelOpenSub?.remove();\n      disposers.forEach((d) => d?.());\n    };\n  }, []);\n\n  return (\n    <SlidingModal\n      dataHook=\"cairo-side-panel-modal\"\n      transitionStatus={sidePanel.transition.status}\n      style={style}\n      appendTo={isPanelLayout ? 'parent' : undefined}\n      contentRef={(el) => {\n        sidePanel.focus.modalElement = el;\n      }}\n      onExited={() => {\n        sidePanel.transition.setStatus('exited');\n      }}\n      onEntered={() => {\n        sidePanel.transition.setStatus('entered');\n      }}\n      onEntering={() => {\n        sidePanel.transition.setStatus('entering');\n      }}\n      onExiting={() => {\n        sidePanel.transition.setStatus('exiting');\n      }}\n      width={SidePanelWidth}\n      isOpen={isOpen}\n      onRequestClose={() => {\n        sidePanel.close();\n      }}\n    >\n      {Array.from(sidePanelComponents.entries()).map(([key, ComponentType]) => {\n        return (\n          <SidePanelModalItem key={key} id={key} width={width} state={state}>\n            <ComponentType />\n          </SidePanelModalItem>\n        );\n      })}\n    </SlidingModal>\n  );\n}\n\nexport const SidePanelModal = observer(_SidePanelModal);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/SkeletonCard/SkeletonCard.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SkeletonCard1111038852";
+var _namespace_ = "SkeletonCard1949124427";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "SkeletonCard1111038852__root",
-  "headerLoading": "SkeletonCard1111038852__headerLoading"
+  "root": "SkeletonCard1949124427__root",
+  "headerLoading": "SkeletonCard1949124427__headerLoading"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SkeletonCard/SkeletonCard.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard1111038852\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"SkeletonCard1111038852__root\",\"headerLoading\":\"SkeletonCard1111038852__headerLoading\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8BAA8B;EAAC,eAAe,EAAC;AAAuC,CAAC;AAC7G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard1949124427\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"SkeletonCard1949124427__root\",\"headerLoading\":\"SkeletonCard1949124427__headerLoading\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8BAA8B;EAAC,eAAe,EAAC;AAAuC,CAAC;AAC7G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/SlidingModal/SlidingModal.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SlidingModal2434369816";
+var _namespace_ = "SlidingModal2512982585";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "SlidingModal2434369816__root"
+  "root": "SlidingModal2512982585__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SlidingModal/SlidingModal.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal2434369816\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"SlidingModal2434369816__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA8B,CAAC;AACrD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal2512982585\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"SlidingModal2512982585__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA8B,CAAC;AACrD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}