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

package/dist/esm/dialog/components/Dialog.liquid.js

@@ -1,8 +1,7 @@
-import { makeWidth, template, cls, RenderIf, makeStyle, getGlobalColorResponsiveStyle, makeStyleResponsive, composeRadius, getStyleBackgroundByDevice, isLocalEnv, baseAssetURL } from '@gem-sdk/core';
+import { makeWidth, makeStyle, template, cls, RenderIf, getGlobalColorResponsiveStyle, makeStyleResponsive, composeRadius, getStyleBackgroundByDevice, isLocalEnv, baseAssetURL } from '@gem-sdk/core';
 import { isTransparentColor } from '../../helpers.js';
-import { heightStyle, removeHeightPercentForContent, inheritStyleBody } from '../helpers/common.js';
+import { getPropertyByDevice } from '../helpers/common.js';
 import 'react/jsx-runtime';
-import 'react';
 import { ELEMENT_Z_INDEX } from '../../common/const.js';
 
 const Dialog = ({ setting, children, builderProps, style, advanced })=>{
@@ -17,6 +16,20 @@ const Dialog = ({ setting, children, builderProps, style, advanced })=>{
     const { btnBg, btnColor, btnSize, iconSize, closeButtonPosition, btnRounded } = setting ?? {};
     const { isOverlay, overlayColor, overlayOpacity, mobileTrigger, mobileTriggerTime } = setting ?? {};
     const w = makeWidth(width, fullScreen);
+    const heightStyle = {
+        ...fullScreen?.desktop ? makeStyle({
+            h: '100%'
+        }) : !height?.desktop ? makeStyle({
+            minh: '300px'
+        }) : makeStyle({
+            h: height.desktop
+        }),
+        '--h-tablet': getPropertyByDevice(fullScreen, 'tablet') ? '100%' : getPropertyByDevice(height, 'tablet') ?? '300px',
+        '--h-mobile': getPropertyByDevice(fullScreen, 'mobile') ? '100%' : getPropertyByDevice(height, 'mobile') ?? '300px',
+        '--maxh': getPropertyByDevice(fullScreen, 'desktop') ? '100%' : '',
+        '--maxh-tablet': getPropertyByDevice(fullScreen, 'tablet') ? '100%' : '',
+        '--maxh-mobile': getPropertyByDevice(fullScreen, 'mobile') ? '100%' : ''
+    };
     const displayStyle = Object.keys(style ?? {}).filter((key)=>[
             '--d',
             '--d-mobile',
@@ -30,29 +43,13 @@ const Dialog = ({ setting, children, builderProps, style, advanced })=>{
             '--bw-mobile',
             '--bw-tablet',
             '--bc',
-            '--bc-tablet',
-            '--bc-mobile',
             '--b',
-            '--b-tablet',
-            '--b-mobile',
             '--bs',
-            '--bs-tablet',
-            '--bs-mobile',
             '--radius',
-            '--radius-tablet',
-            '--radius-mobile',
             '--bblr',
             '--bbrr',
             '--btlr',
-            '--btrr',
-            '--bblr-tablet',
-            '--bbrr-tablet',
-            '--btlr-tablet',
-            '--btrr-tablet',
-            '--bblr-mobile',
-            '--bbrr-mobile',
-            '--btlr-mobile',
-            '--btrr-mobile'
+            '--btrr'
         ].includes(key)).reduce((curr, key)=>({
             ...curr,
             [key]: style?.[key]
@@ -130,7 +127,7 @@ const Dialog = ({ setting, children, builderProps, style, advanced })=>{
         ...wrapperStyle,
         ...borderStyle,
         ...makeStyleResponsive('w', w),
-        ...heightStyle(fullScreen, height)
+        ...heightStyle
     }}"
           >
             <button
@@ -172,8 +169,7 @@ const Dialog = ({ setting, children, builderProps, style, advanced })=>{
             <div
               style="${{
         ...innerStyle,
-        ...removeHeightPercentForContent(heightStyle(fullScreen, height)),
-        ...inheritStyleBody,
+        ...heightStyle,
         ...getStyleBackgroundByDevice(background, {
             ignoreBackgroundImage: true,
             ignoreBackgroundImageProperties: true,
@@ -181,7 +177,10 @@ const Dialog = ({ setting, children, builderProps, style, advanced })=>{
         })
     }}"
               aria-label="Dialog body"
-              class="${cls('gp-h-full gp-w-full gp-overflow-y-auto gp-overflow-x-hidden !gp-max-h-screen')}">
+              class="${cls('gp-h-full gp-w-full gp-overflow-y-auto gp-overflow-x-hidden', {
+        'gp-max-h-screen': position !== 'center',
+        'gp-max-h-[calc(100vh_-_192px)]': position === 'center' && !fullScreen?.desktop
+    })}">
                 <div>
                   ${children ?? ''}
                 </div>

package/dist/esm/dialog/helpers/common.js

@@ -1,5 +1,3 @@
-import { makeStyle } from '@gem-sdk/core';
-
 const isShowModal = (startDate, numberOfDay = 0)=>{
     const start = startDate ? new Date(Number(startDate)) : new Date();
     const c = Date.now() - start.getTime();
@@ -19,28 +17,5 @@ const getPropertyByDevice = (property, device)=>{
     if (device === 'mobile') return property?.mobile ?? property?.tablet ?? property?.desktop;
     return property?.desktop;
 };
-const heightStyle = (fullScreen, height)=>({
-        ...fullScreen?.desktop ? makeStyle({
-            h: '100%'
-        }) : !height?.desktop ? makeStyle({
-            minh: '300px'
-        }) : makeStyle({
-            h: height.desktop
-        }),
-        '--h-tablet': getPropertyByDevice(fullScreen, 'tablet') ? '100%' : getPropertyByDevice(height, 'tablet') ?? '300px',
-        '--h-mobile': getPropertyByDevice(fullScreen, 'mobile') ? '100%' : getPropertyByDevice(height, 'mobile') ?? '300px',
-        '--maxh': getPropertyByDevice(fullScreen, 'desktop') ? '100%' : '',
-        '--maxh-tablet': getPropertyByDevice(fullScreen, 'tablet') ? '100%' : '',
-        '--maxh-mobile': getPropertyByDevice(fullScreen, 'mobile') ? '100%' : ''
-    });
-const removeHeightPercentForContent = (heightStyle)=>({
-        ...heightStyle,
-        '--h': heightStyle['--h']?.includes('%') ? '100%' : heightStyle['--h'],
-        '--h-tablet': heightStyle['--h-tablet']?.includes('%') ? '100%' : heightStyle['--h-tablet'],
-        '--h-mobile': heightStyle['--h-mobile']?.includes('%') ? '100%' : heightStyle['--h-mobile']
-    });
-const inheritStyleBody = {
-    'border-radius': 'inherit'
-};
 
-export { getPropertyByDevice, heightStyle, inheritStyleBody, isMobile, isShowModal, removeHeightPercentForContent };
+export { getPropertyByDevice, isMobile, isShowModal };

package/dist/esm/dialog/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 Dialog = dynamic(()=>import('./components/Dialog.js'), {
     loading: Loading

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

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

package/dist/esm/estimate-delivery/components/EstimateDate.js

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

package/dist/esm/estimate-delivery/components/EstimateDate.liquid.js

@@ -9,6 +9,7 @@ import '../../product/components/ProductBadge/constants.js';
 import '../../product/components/constants/product-bundle.js';
 import '../../product/components/ProductBadge/types.js';
 import '../../third-party/components/FeraReviews.js';
+import '../../third-party/components/Wiser.js';
 import { OUT_OF_STOCK } from '../const.js';
 import TextInline from '../../text/components/TextInline.js';
 

package/dist/esm/estimate-delivery/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 EstimateDate = dynamic(()=>import('./components/EstimateDate.js'), {
     loading: Loading

package/dist/esm/estimate-delivery/setting/index.js

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

package/dist/esm/form/components/contact/Contact.js

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

package/dist/esm/form/components/form-checkbox/FormCheckbox.js

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

package/dist/esm/form/components/form-dropdown/FormDropdown.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { makeStyleResponsive, makeWidth, composeAdvanceStyle, composeTypographyClassName, composeTypographyStyle, cls, genSizeClass, composeSize } from '@gem-sdk/core';
 import { useMemo } from 'react';

package/dist/esm/form/components/form-dropdown/FormDropdown.liquid.js

@@ -1,5 +1,5 @@
-import { makeStyleResponsive, makeWidth, composeAdvanceStyle, composeMemo, composeTypographyClassName, composeTypographyStyle, template, cls, genSizeClass, composeSize, RenderIf, isLocalEnv, baseAssetURL } from '@gem-sdk/core';
-import { getDynamicSourceLocales, getSettingPreloadData } from '../../../helpers.js';
+import { makeStyleResponsive, makeWidth, composeAdvanceStyle, composeMemo, composeTypographyClassName, composeTypographyStyle, template, cls, genSizeClass, composeSize } from '@gem-sdk/core';
+import { getDynamicSourceLocales } from '../../../helpers.js';
 
 const FormDropdown = ({ builderProps, setting, advanced, pageContext })=>{
     const { name, childItem, typography, align, width, fullWidth, size, required, translate } = setting ?? {};
@@ -35,7 +35,7 @@ const FormDropdown = ({ builderProps, setting, advanced, pageContext })=>{
             translate
         }));
     return template`
-    <gp-form-dropdown
+    <div
     data-id="${builderProps?.uid}"
       class="${cls(builderProps?.uid, advanced?.cssClass)}"
       style="${{
@@ -68,8 +68,7 @@ const FormDropdown = ({ builderProps, setting, advanced, pageContext })=>{
               ${item}
             </option>`).join('')}
       </select>
-    </gp-form-dropdown>
-    ${RenderIf(isLocalEnv, `<script ${getSettingPreloadData('class="gps-link" delay', 'src')}="{{ 'gp-form-dropdown.js' | asset_url }}" defer="defer"></script>`, `<script ${getSettingPreloadData('class="gps-link" delay', 'src')}="${baseAssetURL}/assets-v2/gp-form-dropdown.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+    </div>
   `;
 };
 

package/dist/esm/form/components/form-email/FormEmail.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { makeStyleResponsive, makeWidth, composeAdvanceStyle, composeTypographyClassName, composeTypographyStyle, cls, genSizeClass, composeSize } from '@gem-sdk/core';
 

package/dist/esm/form/components/newsletter/Newsletter.js

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

package/dist/esm/form/components/submit-button/SubmitButton.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import Button from '../../../button/components/Button.js';
 

package/dist/esm/form/components/textarea/TextArea.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { makeStyleResponsive, makeWidth, composeAdvanceStyle, composeTypographyClassName, composeTypographyStyle, cls, getGlobalColorClass, genSizeClass, getGlobalColorStyle, composeSize, makeStyle, getSingleColorVariable } from '@gem-sdk/core';
 import { useMemo } from 'react';

package/dist/esm/form/components/textfield/TextField.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { makeStyleResponsive, makeWidth, composeAdvanceStyle, composeTypographyClassName, composeTypographyStyle, cls, getGlobalColorClass, genSizeClass, getGlobalColorStyle, composeSize, makeStyle, getSingleColorVariable } from '@gem-sdk/core';
 

package/dist/esm/form/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 Newsletter = dynamic(()=>import('./components/newsletter/Newsletter.js'), {
     loading: Loading

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

@@ -7,7 +7,7 @@ import config$5 from './Textarea.js';
 import config$6 from './FormDropdown.js';
 import config$7 from './FormCheckbox.js';
 
-var contactFormSetting = {
+var index = {
     Newsletter: config,
     FormEmail: config$1,
     SubmitButton: config$2,
@@ -18,4 +18,4 @@ var contactFormSetting = {
     FormCheckbox: config$7
 };
 
-export { contactFormSetting as default };
+export { index as default };

package/dist/esm/grid/components/ChildrenDroppable.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useEditorMode, cls } from '@gem-sdk/core';
 import { useState, useRef, useEffect } from 'react';

package/dist/esm/grid/components/Col.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx } from 'react/jsx-runtime';
 import { usePageType, makeStyleResponsive, cls, isEmptyChildren } from '@gem-sdk/core';
 import ChildrenDroppable from './ChildrenDroppable.js';

package/dist/esm/grid/components/Root.js

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

package/dist/esm/grid/components/Row.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useState, useMemo, Children, isValidElement, createElement } from 'react';
 import { useEditorMode, useCurrentDevice, isEmptyChildren, usePageType, splitStyle, cls, makeStyleResponsive, composeGridLayout, makeStyle, getStyleBackgroundByDevice, getGradientBgrStyleByDevice, getResponsiveValue } from '@gem-sdk/core';

package/dist/esm/grid/components/Section.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx } from 'react/jsx-runtime';
 import Row from './Row.js';
 import Loading from '../../common/components/Loading.js';

package/dist/esm/grid/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 Section = dynamic(()=>import('./components/Section.js'), {
     loading: Loading

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

@@ -3,11 +3,11 @@ import config$1 from './Section.js';
 import config$2 from './Col.js';
 import config$3 from './Row.js';
 
-var gridSetting = {
+var index = {
     Root: config,
     Section: config$1,
     Col: config$2,
     Row: config$3
 };
 
-export { gridSetting as default };
+export { index as default };

package/dist/esm/header/components/Header.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { usePageType, cls, getGlobalColorResponsiveStyle, makeStyleResponsive } from '@gem-sdk/core';
 import dynamic from 'next/dynamic';

package/dist/esm/header/components/SalePageHeaderWarning.js

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

package/dist/esm/header/components/icons/ChevronLeft.js

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

package/dist/esm/header/components/icons/Dismiss.js

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

package/dist/esm/header/components/icons/MenuIcon.js

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

package/dist/esm/header/components/kind/basic/DesktopMenu.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx } from 'react/jsx-runtime';
 import { composeTypographyClassName, composeTypographyStyle, cls, makeStyleResponsive } from '@gem-sdk/core';
 import DesktopMenuItem from './DesktopMenuItem.js';

package/dist/esm/header/components/kind/basic/DesktopMenuItem.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { cls, getGlobalColorStateStyle, getGlobalColorResponsiveStyle } from '@gem-sdk/core';
 import Link from 'next/link';

package/dist/esm/header/components/kind/basic/MenuMobileItem.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { cls, getGlobalColorStateStyle, getGlobalColorResponsiveStyle } from '@gem-sdk/core';
 import Link from 'next/link';

package/dist/esm/header/components/kind/basic/MobileMenu.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useEditorMode, composeTypographyClassName, composeTypographyStyle, cls, getGlobalColorStateStyle, getGlobalColorResponsiveStyle } from '@gem-sdk/core';
 import { useState, useRef } from 'react';

package/dist/esm/header/components/kind/basic/index.js

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

package/dist/esm/header/components/kind/modern/index.js

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

package/dist/esm/header/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 Header = dynamic(()=>import('./components/Header.js'), {
     loading: Loading

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

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

package/dist/esm/heading/Heading.js

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

package/dist/esm/heading/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 Heading = dynamic(()=>import('./Heading.js'), {
     loading: Loading

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

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

package/dist/esm/helpers.js

@@ -39,7 +39,7 @@ const getDynamicSourceLocales = ({ val, uid, settingId, isLiquid, pageContext, i
     const translateKey = `g${uid}_${settingId}`;
     let locale = `section.settings.${translateKey}`;
     if (pageContext?.isTranslateWithLocale) {
-        locale = `'sections.${pageContext.sectionName}.${translateKey}_html' | t`;
+        locale = `"sections.${pageContext.sectionName}.${translateKey}_html" | t`;
     }
     if (isCapitalize) {
         locale = `${locale} | downcase`;
@@ -48,7 +48,7 @@ const getDynamicSourceLocales = ({ val, uid, settingId, isLiquid, pageContext, i
     return `{{ ${locale} }}`;
 };
 const getStaticLocale = (tag, key)=>{
-    return `{{ 'gempages.${tag}.${key}' | t }}`;
+    return `{{ "gempages.${tag}.${key}" | t }}`;
 };
 const getSettingPreloadData = (disabledValue, enabledValue)=>{
     return `{% if section.settings.section_preload == "false" %}${disabledValue} ${enabledValue ? `{% else %}${enabledValue}` : ''}{% endif %}`;

package/dist/esm/icon/components/Icon.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Fragment } from 'react';
 import { makeGlobalSizeIcon, makeStyleResponsive, cls, handleConvertClassColor, getGlobalColorStateClass, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertBorderColor, composeRadius, getGlobalColorStateStyle, makeStyle } from '@gem-sdk/core';

package/dist/esm/icon/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 Icon = dynamic(()=>import('./components/Icon.js'), {
     loading: Loading

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

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

package/dist/esm/icon-list/components/IconList.js

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

package/dist/esm/icon-list/components/IconListItem.js

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

package/dist/esm/icon-list/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 IconList = dynamic(()=>import('./components/IconList.js'), {
     loading: Loading

package/dist/esm/icon-list/setting/ItemTemplate.js

@@ -11,8 +11,7 @@ const itemChildrenTemplateImage = (src)=>({
                         settings: {
                             image: {
                                 src
-                            },
-                            disableNoDataState: true
+                            }
                         },
                         styles: {
                             shape: {

package/dist/esm/icon-list/setting/index.js

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

package/dist/esm/icon-list-hoz/components/IconListHoz.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { getStyleBackgroundByDevice, isEmptyChildren, cls, makeStyle, makeStyleResponsive, filterToolbarPreview } from '@gem-sdk/core';
 import { Children, isValidElement } from 'react';

package/dist/esm/icon-list-hoz/components/IconListHozItem.js

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

package/dist/esm/icon-list-hoz/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 IconListHoz = dynamic(()=>import('./components/IconListHoz.js'), {
     loading: Loading

package/dist/esm/icon-list-hoz/setting/index.js

@@ -1,9 +1,9 @@
 import config from './IconListHoz.js';
 import config$1 from './IconListItem.js';
 
-var iconListHozSetting = {
+var index = {
     IconListHoz: config,
     IconListItemHoz: config$1
 };
 
-export { iconListHozSetting as default };
+export { index as default };

package/dist/esm/icon-list-v2/components/IconList.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useCurrentDevice, makeGlobalSize, composePostionIconList, getStyleBackgroundByDevice, cls, makeStyleResponsive, makeStyle, getSingleColorVariable } from '@gem-sdk/core';
 import Text from '../../text/components/Text.js';

package/dist/esm/icon-list-v2/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 IconListV2 = dynamic(()=>import('./components/IconList.js'), {
     loading: Loading

package/dist/esm/icon-list-v2/setting/index.js

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