@gem-sdk/components 2.0.0-staging.119 → 2.0.0

package/dist/esm/carousel/components/CarouselItem.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx } from 'react/jsx-runtime';
 import { makeStyle, getSingleColorVariable, getStyleShadow, getRadiusStyleActiveState, cls, getStyleBackgroundByDevice, isEmptyChildren } from '@gem-sdk/core';
 import ChildrenDroppable from '../../grid/components/ChildrenDroppable.js';

package/dist/esm/carousel/components/Dots.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx } from 'react/jsx-runtime';
 import { useCurrentDevice, getResponsiveValueByScreen, cls, makeStyle, makeDotGapToCarouselStyle, makeStyleResponsiveByScreen, getGlobalColorResponsiveStyle } from '@gem-sdk/core';
 import { useMemo } from 'react';

package/dist/esm/carousel/next.js

@@ -1,8 +1,6 @@
 import dynamic from 'next/dynamic';
 import Loading from '../common/components/Loading.js';
 import 'react/jsx-runtime';
-import 'react';
-import '@gem-sdk/core';
 
 const Carousel = dynamic(()=>import('./components/Carousel.js'), {
     loading: Loading

package/dist/esm/carousel/setting/Carousel.js

@@ -758,7 +758,7 @@ const config = {
                 {
                     type: 'control',
                     label: {
-                        en: 'Sneak peak'
+                        en: 'Sneak peek'
                     },
                     setting: {
                         id: 'sneakPeak'

package/dist/esm/carousel/setting/index.js

@@ -1,9 +1,9 @@
 import config from './Carousel.js';
 import config$1 from './CarouselItem.js';
 
-var carouselSetting = {
+var index = {
     Carousel: config,
     CarouselItem: config$1
 };
 
-export { carouselSetting as default };
+export { index as default };

package/dist/esm/cart/components/Cart.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { useCartData, useCartUI, useFormatMoney, cls, getGlobalColorStateClass, getGlobalColorStateStyle } from '@gem-sdk/core';

package/dist/esm/cart/components/CartCheckout.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx } from 'react/jsx-runtime';
 import { useCartData } from '@gem-sdk/core';
 

package/dist/esm/cart/components/CartDiscount.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx } from 'react/jsx-runtime';
 
 const CartDiscount = ()=>{

package/dist/esm/cart/components/CartLineAttribute.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx } from 'react/jsx-runtime';
 import { useCartLine } from '@gem-sdk/core';
 import Text from '../../text/components/Text.js';

package/dist/esm/cart/components/CartLineImage.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx } from 'react/jsx-runtime';
 import { useCartLine, cls } from '@gem-sdk/core';
 import Image from '../../image/components/Image.js';

package/dist/esm/cart/components/CartLinePrice.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import { useCartLine, useFormatMoney, cls } from '@gem-sdk/core';
 import Text from '../../text/components/Text.js';

package/dist/esm/cart/components/CartLineVariant.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx } from 'react/jsx-runtime';
 import { useCartLine } from '@gem-sdk/core';
 import Text from '../../text/components/Text.js';

package/dist/esm/cart/components/CartList.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import Column from '../../grid/components/Col.js';
 import 'react';

package/dist/esm/cart/components/CartOrderNote.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx } from 'react/jsx-runtime';
 import { useRef, useCallback } from 'react';
 

package/dist/esm/cart/components/CartTotalItem.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx } from 'react/jsx-runtime';
 import { useCartData } from '@gem-sdk/core';
 import Text from '../../text/components/Text.js';

package/dist/esm/cart/components/CartTotalPrice.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { useCartData, useFormatMoney } from '@gem-sdk/core';

package/dist/esm/cart/components/CheckoutNow.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx } from 'react/jsx-runtime';
 import { useCartData } from '@gem-sdk/core';
 import { useRef } from 'react';

package/dist/esm/cart/components/CouponList.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx } from 'react/jsx-runtime';
 
 const CouponList = ()=>{

package/dist/esm/cart/components/DiscountInput.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 const DiscountInput = ({ setting, builderProps })=>{

package/dist/esm/cart/components/ShopPayButton/icons/BaseIcon.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx } from 'react/jsx-runtime';
 
 const BaseIcon = ({ children, ...props })=>{

package/dist/esm/cart/components/ShopPayButton/icons/DynamicCheckoutBlack.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import BaseIcon from './BaseIcon.js';
 

package/dist/esm/cart/components/ShopPayButton/icons/DynamicCheckoutPurple.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import BaseIcon from './BaseIcon.js';
 

package/dist/esm/cart/components/ShopPayButton/icons/DynamicCheckoutWhite.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import BaseIcon from './BaseIcon.js';
 

package/dist/esm/cart/components/ShopPayButton/icons/ExpressCheckoutBlack.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import BaseIcon from './BaseIcon.js';
 

package/dist/esm/cart/components/ShopPayButton/icons/ExpressCheckoutPurple.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import BaseIcon from './BaseIcon.js';
 

package/dist/esm/cart/components/ShopPayButton/icons/ExpressCheckoutWhite.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import BaseIcon from './BaseIcon.js';
 

package/dist/esm/cart/components/ShopPayButton/index.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx } from 'react/jsx-runtime';
 import { useShopStore, useCartData, useCurrentVariant, useCurrentVariantInStock, useQuantity, useEditorMode, makeStyleResponsive, cls } from '@gem-sdk/core';
 import dynamic from 'next/dynamic';

package/dist/esm/cart/next.js

@@ -1,8 +1,6 @@
 import dynamic from 'next/dynamic';
 import Loading from '../common/components/Loading.js';
 import 'react/jsx-runtime';
-import 'react';
-import '@gem-sdk/core';
 
 const CartLineVariant = dynamic(()=>import('./components/CartLineVariant.js'), {
     loading: Loading

package/dist/esm/cart/setting/index.js

@@ -13,7 +13,7 @@ import config$b from './CartLineAttribute.js';
 import config$c from './CouponList.js';
 import config$d from './ShopPayButton.js';
 
-var cartSetting = {
+var index = {
     Cart: config,
     CartLinePrice: config$1,
     CartLineVariant: config$2,
@@ -30,4 +30,4 @@ var cartSetting = {
     ShopPayButton: config$d
 };
 
-export { cartSetting as default };
+export { index as default };

package/dist/esm/code/components/CSSCode.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useCallback, useMemo } from 'react';
 import { useEditorMode, makeStyleResponsive, getStyleBackgroundByDevice, cls } from '@gem-sdk/core';

package/dist/esm/code/next.js

@@ -1,8 +1,6 @@
 import dynamic from 'next/dynamic';
 import Loading from '../common/components/Loading.js';
 import 'react/jsx-runtime';
-import 'react';
-import '@gem-sdk/core';
 
 const CSSCode = dynamic(()=>import('./components/CSSCode.js'), {
     loading: Loading

package/dist/esm/code/setting/index.js

@@ -1,7 +1,7 @@
 import config from './CSSCode.js';
 
-var codeSetting = {
+var index = {
     CSSCode: config
 };
 
-export { codeSetting as default };
+export { index as default };

package/dist/esm/collection/components/CollectionBanner.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useCollection, useEditorMode, makeStyleResponsive, cls, getStyleBackgroundByDevice, getGlobalColorStateClass, getGlobalColorStateStyle, makeStyleState } from '@gem-sdk/core';
 import 'react';

package/dist/esm/collection/components/CollectionBanner.liquid.js

@@ -1,4 +1,3 @@
-'use client';
 import { makeStyleResponsive, template, cls, getStyleBackgroundByDevice, getGlobalColorStateClass, getGlobalColorStateStyle, makeStyleState, RenderIf } from '@gem-sdk/core';
 import Row from '../../grid/components/Row.liquid.js';
 

package/dist/esm/collection/components/CollectionDescription.js

@@ -1,110 +1,15 @@
-'use client';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useCurrentDevice, useCollection, getResponsiveValueByScreen, composeTypographyClassName, composeTypographyStyle, isSafari, cls, getGlobalColorClass, getStyleShadow, makeStyleResponsive, makeStyle, getGlobalColorStyle } from '@gem-sdk/core';
-import { useState, useRef, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { useCollection } from '@gem-sdk/core';
+import Text from '../../text/components/Text.js';
 
-const CollectionDescription = ({ setting, builderProps })=>{
-    const [open, setOpen] = useState(false);
-    const [isShowViewMore, allowShowViewMore] = useState(false);
-    const ref = useRef(null);
-    const currentDevice = useCurrentDevice();
+const CollectionDescription = ({ setting })=>{
     const collection = useCollection();
-    const hasLineClamp = getResponsiveValueByScreen(setting?.hasLineClamp, currentDevice);
-    const lineClamp = getResponsiveValueByScreen(setting?.lineClamp, currentDevice);
-    const appendTypoClass = composeTypographyClassName(setting?.typo, setting?.typography);
-    const appendTypoStyle = composeTypographyStyle(setting?.typo, setting?.typography);
-    useEffect(()=>{
-        const dom = ref.current;
-        setOpen(false);
-        if (dom && hasLineClamp && collection?.description) {
-            const value = lineClamp;
-            setTimeout(()=>{
-                const scrollHeight = dom?.scrollHeight ?? 0;
-                const clientHeight = dom?.clientHeight ?? 0;
-                const lineHeight = window.getComputedStyle(dom).getPropertyValue('line-height');
-                const lineText = Math.round((scrollHeight ?? 0) / parseInt(lineHeight));
-                const conditionCheckLine = isSafari() ? value && value < lineText : clientHeight < scrollHeight;
-                if (value && conditionCheckLine) {
-                    allowShowViewMore(()=>true);
-                } else {
-                    allowShowViewMore(()=>false);
-                }
-            }, 100);
+    return /*#__PURE__*/ jsx(Text, {
+        styles: setting,
+        setting: {
+            text: collection?.descriptionHtml ?? 'Collection description',
+            excludeFlex: true
         }
-    }, [
-        hasLineClamp,
-        lineClamp,
-        collection?.description
-    ]);
-    const css = `
-  .gp-p-description-text > *:not(ol):not(ul):not(table):not(div) {
-    display: inline !important;
-  }
-  .gp-p-description-text > *:not(ol):not(ul):not(table):not(div)::after {
-    content: "\\A";
-    white-space: pre;
-  }
-  .gp-p-description-text > table {
-    box-shadow: none;
-  }
-`;
-    const hasDescription = collection?.description && collection.description?.trim() != '';
-    return /*#__PURE__*/ jsxs("div", {
-        "data-id": builderProps?.uid,
-        children: [
-            !isSafari() && /*#__PURE__*/ jsx("style", {
-                children: css
-            }),
-            /*#__PURE__*/ jsx("div", {
-                ref: ref,
-                "data-gp-text": true,
-                className: cls('gp-p-description-text gp-break-words safari:[&_p]:gp-inline safari:[&_p]:after:gp-whitespace-pre', appendTypoClass, !hasDescription ? 'gp-p-2 gp-text-center gp-text-sm gp-font-semibold gp-text-gray-500 gp-py-2 !gp-text-center' : '', getGlobalColorClass('text', setting?.color)),
-                style: {
-                    ...getStyleShadow({
-                        styleAppliedFor: 'text-shadow'
-                    }),
-                    ...makeStyleResponsive('ta', setting?.textAlign),
-                    ...hasLineClamp && !open ? makeStyleResponsive('line-clamp', setting?.lineClamp) : {},
-                    ...makeStyle({
-                        tt: setting?.transform
-                    }),
-                    ...appendTypoStyle
-                },
-                dangerouslySetInnerHTML: {
-                    __html: collection?.descriptionHtml && hasDescription ? collection.descriptionHtml : ``
-                }
-            }),
-            hasLineClamp && isShowViewMore && /*#__PURE__*/ jsxs("button", {
-                className: cls(appendTypoClass, getGlobalColorClass('text', setting?.showMoreColor), 'gp-mt-4 gp-w-full gp-transition-all hover:gp-opacity-80'),
-                style: {
-                    ...makeStyleResponsive('ta', setting?.textAlign),
-                    ...makeStyle({
-                        tt: setting?.transform
-                    }),
-                    ...appendTypoStyle,
-                    ...getGlobalColorStyle(setting?.showMoreColor)
-                },
-                onClick: ()=>setOpen((prev)=>!prev),
-                children: [
-                    !open ? setting?.viewMoreText : setting?.viewLessText,
-                    setting?.enableViewMoreIcon && /*#__PURE__*/ jsx("svg", {
-                        className: "gp-ml-1 gp-inline-block",
-                        height: "1em",
-                        width: "1em",
-                        viewBox: "0 0 22 12",
-                        fill: "none",
-                        xmlns: "http://www.w3.org/2000/svg",
-                        children: !open ? /*#__PURE__*/ jsx("path", {
-                            d: "M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L1.70711 0.292893ZM11 11L10.2929 11.7071C10.6834 12.0976 11.3166 12.0976 11.7071 11.7071L11 11ZM21.7071 1.70711C22.0976 1.31658 22.0976 0.683417 21.7071 0.292893C21.3166 -0.0976311 20.6834 -0.0976311 20.2929 0.292893L21.7071 1.70711ZM0.292893 1.70711L10.2929 11.7071L11.7071 10.2929L1.70711 0.292893L0.292893 1.70711ZM11.7071 11.7071L21.7071 1.70711L20.2929 0.292893L10.2929 10.2929L11.7071 11.7071Z",
-                            fill: "currentColor"
-                        }) : /*#__PURE__*/ jsx("path", {
-                            d: "M0.292893 10.2929C-0.0976311 10.6834 -0.0976311 11.3166 0.292893 11.7071C0.683417 12.0976 1.31658 12.0976 1.70711 11.7071L0.292893 10.2929ZM11 1L11.7071 0.292893C11.3166 -0.0976311 10.6834 -0.0976311 10.2929 0.292893L11 1ZM20.2929 11.7071C20.6834 12.0976 21.3166 12.0976 21.7071 11.7071C22.0976 11.3166 22.0976 10.6834 21.7071 10.2929L20.2929 11.7071ZM1.70711 11.7071L11.7071 1.70711L10.2929 0.292893L0.292893 10.2929L1.70711 11.7071ZM10.2929 1.70711L20.2929 11.7071L21.7071 10.2929L11.7071 0.292893L10.2929 1.70711Z",
-                            fill: "currentColor"
-                        })
-                    })
-                ]
-            })
-        ]
     });
 };
 

package/dist/esm/collection/components/CollectionDescription.liquid.js

@@ -1,109 +1,16 @@
-import { composeTypographyStyle, composeTypographyClassName, getStyleShadow, makeStyleResponsive, getGlobalColorStyle, makeStyle, makeLineClamp, template, cls, getGlobalColorClass, RenderIf, isLocalEnv, baseAssetURL } from '@gem-sdk/core';
-import { getDynamicSourceLocales, getSettingPreloadData } from '../../helpers.js';
-import { getDisplayStyle } from '../../product/components/ProductImages/common/common.js';
+import { template } from '@gem-sdk/core';
+import Text from '../../text/components/Text.liquid.js';
 
-const CollectionDescription = ({ setting, advanced, builderProps, pageContext })=>{
-    const appendTypoStyle = composeTypographyStyle(setting?.typo, setting?.typography);
-    const appendTypoClass = composeTypographyClassName(setting?.typo, setting?.typography);
-    const defaultStyle = {
-        ...getStyleShadow({
-            styleAppliedFor: 'text-shadow'
-        }),
-        ...makeStyleResponsive('ta', setting?.textAlign),
-        ...getGlobalColorStyle(setting?.color),
-        ...makeStyle({
-            tt: setting?.transform
-        }),
-        ...appendTypoStyle
-    };
-    const collapseStyle = {
-        ...defaultStyle,
-        ...makeStyleResponsive('line-clamp', makeLineClamp(setting?.lineClamp, setting?.hasLineClamp))
-    };
-    const getDisplayCollapse = ()=>{
-        return getDisplayStyle((device)=>!!setting?.hasLineClamp && setting.hasLineClamp[device] !== undefined && !setting.hasLineClamp[device], 'block');
-    };
-    const moreIcon = `<svg
-          class="gp-ml-1 gp-inline-block"
-          style="display: inline-block; margin-left: 1px;"
-          height="1em"
-          width="1em"
-          viewBox="0 0 22 12"
-          fill="none"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-              d="M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L1.70711 0.292893ZM11 11L10.2929 11.7071C10.6834 12.0976 11.3166 12.0976 11.7071 11.7071L11 11ZM21.7071 1.70711C22.0976 1.31658 22.0976 0.683417 21.7071 0.292893C21.3166 -0.0976311 20.6834 -0.0976311 20.2929 0.292893L21.7071 1.70711ZM0.292893 1.70711L10.2929 11.7071L11.7071 10.2929L1.70711 0.292893L0.292893 1.70711ZM11.7071 11.7071L21.7071 1.70711L20.2929 0.292893L10.2929 10.2929L11.7071 11.7071Z"
-              fill="currentColor"
-          />
-        </svg>`;
-    const viewMoreTextTranslate = getDynamicSourceLocales({
-        val: setting?.viewMoreText,
-        uid: builderProps?.uid,
-        settingId: 'viewMoreText',
-        isLiquid: true,
-        pageContext,
-        translate: setting?.translate
-    });
-    const viewLessTextTranslate = getDynamicSourceLocales({
-        val: setting?.viewLessText,
-        uid: builderProps?.uid,
-        settingId: 'viewLessText',
-        isLiquid: true,
-        pageContext,
-        translate: setting?.translate
-    });
+const CollectionDescription = ({ setting })=>{
     return template`
-  <gp-collection-description  data-id="${builderProps?.uid}" class="${advanced?.cssClass} gp-collection-description" gp-data='${JSON.stringify({
+    ${Text({
+        styles: setting,
         setting: {
-            lineClamp: setting?.lineClamp,
-            hasLineClamp: setting?.hasLineClamp,
-            viewMoreText: viewMoreTextTranslate,
-            viewLessText: viewLessTextTranslate,
-            enableViewMoreIcon: setting?.enableViewMoreIcon
-        },
-        defaultStyle,
-        collapseStyle
-    }).replaceAll("'", '&#039;')}'
-    view-more-text="${pageContext?.isPreviewing ? viewMoreTextTranslate : `{{${viewMoreTextTranslate}}}`}"
-    view-less-text="${pageContext?.isPreviewing ? viewLessTextTranslate : `{{${viewLessTextTranslate}}}`}"
-  >
-    <div></div>
-    <div
-     data-gp-text
-      class="${cls('gp-relative p-description-wrapper gp-p-description-text gp-break-words safari:[&_p]:gp-inline safari:[&_p]:after:gp-whitespace-pre', appendTypoClass, getGlobalColorClass('text', setting?.color), "data-[browser=safari]:after:gp-content-[' '] data-[browser=safari]:after:gp-absolute data-[browser=safari]:after:gp-left-0 data-[browser=safari]:after:gp-right-0 data-[browser=safari]:after:gp-bottom-0 data-[browser=safari]:after:gp-w-full data-[browser=safari]:after:gp-h-1/2 data-[browser=safari]:after:gp-bg-gradient-to-t data-[browser=safari]:after:gp-from-white")}"
-      data-gp-text
-      style="${collapseStyle}"
-    >
-    {{collection.description}}
-    </div>
-        {% if collection.description != blank -%}
-      <button
-        type="button"
-        class="p-description-show-more ${cls(appendTypoClass, getGlobalColorClass('text', setting?.showMoreColor), 'gp-mt-4 hover:gp-opacity-80 gp-transition-all gp-w-full')}"
-        style="${{
-        ...makeStyle({
-            tt: setting?.transform
-        }),
-        ...makeStyleResponsive('ta', setting?.textAlign),
-        ...appendTypoStyle,
-        ...getGlobalColorStyle(setting?.showMoreColor),
-        ...getDisplayCollapse(),
-        position: 'absolute',
-        visibility: 'hidden'
-    }}"
-    >
-      ${pageContext?.isPreviewing ? viewMoreTextTranslate : `{{${viewMoreTextTranslate}}}`}
-      ${setting?.enableViewMoreIcon ? moreIcon : ''}
-      </button>
-    {%- endif -%}
-    {% style %}
-      .p-description-wrapper.gp-p-description-text * {
-        color: inherit
-      }
-    {% endstyle %}
-  </gp-collection-description>
-  ${RenderIf(isLocalEnv, `<script ${getSettingPreloadData('class="gps-link" delay', 'src')}="{{ 'gp-collection-description.js' | asset_url }}" defer="defer"></script>`, `<script ${getSettingPreloadData('class="gps-link" delay', 'src')}="${baseAssetURL}/assets-v2/gp-collection-description.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+            ...setting,
+            text: '{{ collection.description }}',
+            excludeFlex: true
+        }
+    })}
   `;
 };
 

package/dist/esm/collection/components/CollectionPaginator.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx } from 'react/jsx-runtime';
 import { composeTypographyClassName, composeTypographyStyle, composeMemo, removeNullUndefined, makeStyle, getGlobalColorCSSProp, makeStyleResponsive, cls, getGlobalColorClass } from '@gem-sdk/core';
 

package/dist/esm/collection/components/CollectionPaginator.liquid.js

@@ -48,7 +48,8 @@ const CollectionPaginator = ({ setting, builderProps, pageContext })=>{
         id="${builderProps?.uid}"
         class="gp_collection-paginator"
         style="${{
-        ...makeStyleResponsive('ta', align)
+        ...makeStyleResponsive('ta', align),
+        ...styleSetting.customStyle
     }}"
       >
         <div class="gf_collection-paginator-wrapper gp-inline-flex gp-flex-wrap">

package/dist/esm/collection/components/CollectionTitle.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx } from 'react/jsx-runtime';
 import { useCollection } from '@gem-sdk/core';
 import Text from '../../text/components/Text.js';

package/dist/esm/collection/components/CollectionToolbar.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useCollection, composeTypographyClassName, composeTypographyStyle, makeStyleResponsive, cls, getGlobalColorClass, makeStyle, getGlobalColorCSSProp } from '@gem-sdk/core';
 

package/dist/esm/collection/next.js

@@ -1,8 +1,6 @@
 import dynamic from 'next/dynamic';
 import Loading from '../common/components/Loading.js';
 import 'react/jsx-runtime';
-import 'react';
-import '@gem-sdk/core';
 
 const CollectionTitle = dynamic(()=>import('./components/CollectionTitle.js'), {
     loading: Loading