@anker-in/headless-ui 1.1.85 → 1.1.87

package/dist/esm/shared/Styles.js

@@ -1,2 +1,2 @@
-import{Fragment as G,jsx as o,jsxs as E}from"react/jsx-runtime";import $,{useMemo as m}from"react";import{simpleHash as R}from"./simpleHash.js";import N from"./getKeyPropsString.js";import{Grid as h,GridItem as w}from"../components/grid.js";import{Container as k}from"../components/container.js";import T from"./ErrorBoundary.js";const _={12:"col-start-1 col-end-13",10:"col-start-2 col-end-12",8:"col-start-3 col-end-11",6:"col-start-4 col-end-10",4:"col-start-5 col-end-9"},L={12:"tablet:col-start-1 tablet:col-end-13",10:"tablet:col-start-2 tablet:col-end-12",8:"tablet:col-start-3 tablet:col-end-11",6:"tablet:col-start-4 tablet:col-end-10",4:"tablet:col-start-5 tablet:col-end-9"},d=t=>{const n=N(t);return`style_${R(n)}`},O=t=>{const{style:n,uid:r,disabled:s}=t;return{style:n,uid:r,disabled:s}},x=({style:t,uid:n=d({}),disabled:r=!1})=>!t||r?null:o("style",{suppressHydrationWarning:!0,"data-style-id":n,dangerouslySetInnerHTML:{__html:`.block-${n} { ${t} }`}}),j=(t,n)=>{const r=m(()=>t?.uid||d({...t,data:n}),[n,t]),s=m(()=>o(x,{...t,uid:r}),[t,r]);return{className:`block-${r} `,StyleComponent:s,uid:r}},B=t=>{const{desktopSpan:n,mobileSpan:r}=t?.container||{},s=r?_[r]:"",a=n?L[n]:"";return`${s} ${a}`.trim()},u=Symbol("withLayoutWrapped");function U(t,n){if(t[u])return t;const r=$.forwardRef((s,a)=>{const i=O(s),S=e=>e?typeof e=="string"?e:typeof e=="object"&&Object.entries(e).length<=0?"":Object.entries(e).map(([f,C])=>`${f.replace(/([A-Z])/g,"-$1").toLowerCase()}: ${C}`).join("; ")+";":"",c=[n?.style,i?.style].map(S).filter(e=>!!e).map(e=>e.trim().endsWith(";")?e:`${e};`).join(" "),p={...n,...i,...c&&{style:c}},{className:y,StyleComponent:b}=j(p,s?.data),g=e=>o(k,{className:`${y} ${e?.className||""}`.trim(),children:o(h,{className:"container_grid",children:o(w,{className:B(e),children:o(t,{...e,ref:a})})})}),P=e=>o(t,{...e,className:`${y} ${e?.className||""||""}`.trim(),ref:a}),{style:I,...l}=s;return o(G,{children:E(T,{children:[b,Reflect.ownKeys(l?.container||{})?.length>0?g(l):P(l)]})})});return r.displayName=`WithLayout${t.displayName||t.name||"Component"}`,r[u]=!0,r}export{O as getStylesProps,j as useStyles,U as withLayout};
+import{Fragment as _,jsx as s,jsxs as O}from"react/jsx-runtime";import p,{useMemo as m}from"react";import{simpleHash as R}from"./simpleHash.js";import f from"./getKeyPropsString.js";import{Grid as S,GridItem as g}from"../components/grid.js";import{Container as b}from"../components/container.js";import w from"./ErrorBoundary.js";const T={12:"col-start-1 col-end-13",10:"col-start-2 col-end-12",8:"col-start-3 col-end-11",6:"col-start-4 col-end-10",4:"col-start-5 col-end-9"},N={12:"tablet:col-start-1 tablet:col-end-13",10:"tablet:col-start-2 tablet:col-end-12",8:"tablet:col-start-3 tablet:col-end-11",6:"tablet:col-start-4 tablet:col-end-10",4:"tablet:col-start-5 tablet:col-end-9"},y=t=>{const n=f(t);return`style_${R(n)}`},I=t=>{const{style:n,uid:e,disabled:o,containerClassName:r}=t;return{style:n,uid:e,disabled:o,containerClassName:r}},k=({style:t,uid:n=y({}),disabled:e=!1})=>!t||e?null:s("style",{suppressHydrationWarning:!0,"data-style-id":n,dangerouslySetInnerHTML:{__html:`.block-${n} { ${t} }`}}),h=(t,n)=>{const e=m(()=>t?.uid||y({...t,...n??{}}),[n,t]),o=m(()=>s(k,{...t,uid:e}),[t,e]);return{className:`block-${e} `,StyleComponent:o,uid:e}},$=t=>{const{desktopSpan:n,mobileSpan:e}=t||{},o=e?T[e]:"",r=n?N[n]:"";return`${o} ${r}`.trim()},j=t=>t?typeof t=="string"?t:typeof t=="object"&&Object.entries(t).length<=0?"":Object.entries(t).map(([n,e])=>`${n.replace(/([A-Z])/g,"-$1").toLowerCase()}: ${e}`).join("; ")+";":"",x=(t,n)=>[t,n].map(j).filter(e=>!!e).map(e=>e.trim().endsWith(";")?e:`${e};`).join(" ");function L(t,n){const e=p.forwardRef((o,r)=>{const a=I(o),i=x(n?.style,a.style),c={...n,...a,...i&&{style:i}},{className:l,StyleComponent:d}=h(c,o.data),{style:G,uid:A,disabled:F,className:P,...C}=o;return O(_,{children:[d,s(t,{...C,className:[l,P].filter(Boolean).join(" ").trim(),ref:r})]})});return e.displayName=`WithStyleInjection(${t.displayName||t.name||"Component"})`,e}function E(t,n){const e=p.forwardRef((o,r)=>{const{container:a,containerClassName:i,...c}=o;if(!a||Reflect.ownKeys(a).length===0)return s(t,{...c,ref:r});const l=[n,i].filter(Boolean).join(" ").trim();return s(b,{className:l,children:s(S,{className:"container_grid",children:s(g,{className:$(a),children:s(t,{...c,ref:r})})})})});return e.displayName=`WithContainerLayout(${t.displayName||t.name||"Component"})`,e}function B(t){const n=p.forwardRef((e,o)=>s(w,{children:s(t,{...e,ref:o})}));return n.displayName=`WithErrorBoundary(${t.displayName||t.name||"Component"})`,n}const u=new WeakMap;function Z(t,n){if(u.has(t))return t;const e=B(E(L(t,n),n?.containerClassName));e.displayName=`WithLayout(${t.displayName||t.name||"Component"})`,u.set(t,!0);const o=e;return Object.getOwnPropertyNames(t).forEach(r=>{!(r in o)&&r!=="arguments"&&r!=="caller"&&r!=="length"&&r!=="name"&&(o[r]=t[r])}),o}export{I as getStylesProps,h as useStyles,Z as withLayout};
 //# sourceMappingURL=Styles.js.map

package/dist/esm/shared/Styles.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/shared/Styles.tsx"],
-  "sourcesContent": ["import React, { useMemo } from 'react'\nimport { simpleHash } from './simpleHash.js'\nimport getKeyPropsString from './getKeyPropsString.js'\nimport { Grid, GridItem } from '../components/grid.js'\nimport { Container } from '../components/container.js'\nimport ErrorBoundary from './ErrorBoundary.js'\n\nconst colContentClasses: Record<number, string> = {\n  12: 'col-start-1 col-end-13',\n  10: 'col-start-2 col-end-12',\n  8: 'col-start-3 col-end-11',\n  6: 'col-start-4 col-end-10',\n  4: 'col-start-5 col-end-9',\n} as const\n\n// \u9884\u5B9A\u4E49\u5E26 tablet \u524D\u7F00\u7684\u7C7B\u540D\uFF0C\u786E\u4FDD Tailwind \u53EF\u4EE5\u8BC6\u522B\nconst colContentClassesTablet: Record<number, string> = {\n  12: 'tablet:col-start-1 tablet:col-end-13',\n  10: 'tablet:col-start-2 tablet:col-end-12',\n  8: 'tablet:col-start-3 tablet:col-end-11',\n  6: 'tablet:col-start-4 tablet:col-end-10',\n  4: 'tablet:col-start-5 tablet:col-end-9',\n} as const\n\nexport interface ContainerProps {\n  container?: {\n    /** \u684C\u9762\u7AEF\u5217\u5185\u5BB9\u5BBD\u5EA6 */\n    desktopSpan: number\n    /** \u79FB\u52A8\u7AEF\u5217\u5185\u5BB9\u5BBD\u5EA6 */\n    mobileSpan: number\n  }\n}\n\nexport interface StylesProps {\n  /** \u81EA\u5B9A\u4E49\u6837\u5F0F\u5B57\u7B26\u4E32\u6216\u5BF9\u8C61 */\n  style?: string | React.CSSProperties\n  /** \u552F\u4E00\u6807\u8BC6\u7B26 */\n  uid?: string\n  /** \u662F\u5426\u7981\u7528 */\n  disabled?: boolean\n}\n\n/**\n * \u6839\u636E props \u751F\u6210\u786E\u5B9A\u6027 uid\n */\nconst generateUID = (props: Record<string, any>) => {\n  const keyString = getKeyPropsString(props)\n  return `style_${simpleHash(keyString)}`\n}\n\n/**\n * \u4ECE\u7EC4\u4EF6 props \u4E2D\u63D0\u53D6\u6837\u5F0F\u76F8\u5173\u5C5E\u6027\n */\nexport const getStylesProps = <T extends Record<string, unknown>>(props: T & StylesProps): StylesProps => {\n  const { style, uid, disabled } = props\n  return { style, uid, disabled }\n}\n\n/**\n * \u6837\u5F0F\u6CE8\u5165\u7EC4\u4EF6\n */\nconst Styles: React.FC<StylesProps> = ({ style, uid = generateUID({}), disabled = false }) => {\n  if (!style || disabled) {\n    return null\n  }\n\n  return (\n    <style\n      suppressHydrationWarning\n      data-style-id={uid}\n      dangerouslySetInnerHTML={{ __html: `.block-${uid} { ${style} }` }}\n    />\n  )\n}\n\n/**\n * \u6837\u5F0F Hook\uFF0C\u8FD4\u56DE\u6837\u5F0F\u7C7B\u540D\u548C\u6837\u5F0F\u7EC4\u4EF6\n * @param styleProps - \u6837\u5F0F\u5C5E\u6027\n */\nexport const useStyles = (styleProps: Partial<StylesProps>, data?: Record<string, any>) => {\n  const uid = useMemo(() => styleProps?.uid || generateUID({ ...styleProps, data }), [data, styleProps])\n\n  const StyleComponent = useMemo(() => <Styles {...styleProps} uid={uid} />, [styleProps, uid])\n\n  return {\n    className: `block-${uid} `,\n    StyleComponent,\n    uid,\n  } as const\n}\n\nconst getContainerClassName = (props?: Partial<StylesProps & ContainerProps>) => {\n  const { desktopSpan, mobileSpan } = props?.container || {}\n  const mobileClasses = mobileSpan ? colContentClasses[mobileSpan] : ''\n  const desktopClasses = desktopSpan ? colContentClassesTablet[desktopSpan] : ''\n  return `${mobileClasses} ${desktopClasses}`.trim()\n}\n\n/**\n * \u6807\u8BB0\u7EC4\u4EF6\u662F\u5426\u5DF2\u88AB withLayout \u5305\u88C5\n */\nconst WRAPPED_COMPONENT_SYMBOL = Symbol('withLayoutWrapped')\n\n/**\n * \u9AD8\u9636\u7EC4\u4EF6\u901A\u8FC7 withLayout \u5305\u88C5\u7EC4\u4EF6\uFF0C\u81EA\u52A8\u5E94\u7528\u6837\u5F0F\u548C\u5BB9\u5668\u5E03\u5C40\n *\n * @param WrappedComponent - \u9700\u8981\u5305\u88C5\u7684\u7EC4\u4EF6\n * @param defaultLayoutProps - \u9ED8\u8BA4\u6837\u5F0F\u5C5E\u6027\n */\nexport function withLayout<P>(\n  WrappedComponent: React.ComponentType<P>,\n  defaultLayoutProps?: Partial<StylesProps & ContainerProps>\n) {\n  // \u9632\u6B62\u91CD\u590D\u5305\u88C5\n  if ((WrappedComponent as any)[WRAPPED_COMPONENT_SYMBOL]) {\n    return WrappedComponent as any\n  }\n  // \u4F7F\u7528\u60A8\u7684\u7B80\u6D01\u65B9\u6CD5\uFF1A\u76F4\u63A5\u7528\u6CDB\u578B\u4FDD\u7559\u7C7B\u578B\n  const withLayout = React.forwardRef<\n    any,\n    P & { style?: string | React.CSSProperties; container?: ContainerProps['container'] }\n  >((props, ref) => {\n    const propsStyleProps = getStylesProps(props)\n\n    // \u5C06 style \u5BF9\u8C61\u8F6C\u6362\u4E3A\u5B57\u7B26\u4E32\n    const styleToString = (style?: string | React.CSSProperties): string => {\n      if (!style) return ''\n      if (typeof style === 'string') return style\n      if (typeof style === 'object' && Object.entries(style).length <= 0) return ''\n      return (\n        Object.entries(style)\n          .map(([key, value]) => {\n            const cssKey = key.replace(/([A-Z])/g, '-$1').toLowerCase()\n            return `${cssKey}: ${value}`\n          })\n          .join('; ') + ';'\n      )\n    }\n\n    // \u5408\u5E76 style \u5B57\u6BB5\uFF0C\u907F\u514D\u8986\u76D6\uFF0C\u786E\u4FDD\u6BCF\u4E2A\u6837\u5F0F\u90FD\u4EE5\u5206\u53F7\u7ED3\u5C3E\n    const mergedStyle = [defaultLayoutProps?.style, propsStyleProps?.style]\n      .map(styleToString)\n      .filter((style): style is string => Boolean(style))\n      .map(style => (style.trim().endsWith(';') ? style : `${style};`))\n      .join(' ')\n\n    const finalStyleProps = {\n      ...defaultLayoutProps,\n      ...propsStyleProps,\n      ...(mergedStyle && { style: mergedStyle }),\n    }\n\n    const { className, StyleComponent } = useStyles(finalStyleProps, (props as any)?.data)\n\n    const WithContainerWrapper = (props: any) => {\n      return (\n        <Container className={`${className} ${(props as any)?.className || ''}`.trim()}>\n          <Grid className=\"container_grid\">\n            <GridItem className={getContainerClassName(props)}>\n              <WrappedComponent {...props} ref={ref} />\n            </GridItem>\n          </Grid>\n        </Container>\n      )\n    }\n\n    const WithoutContainerWrapper = (props: any) => {\n      return <WrappedComponent {...props} className={`${className} ${props?.className || '' || ''}`.trim()} ref={ref} />\n    }\n\n    // @ts-ignore\n    // eslint-disable-next-line no-unused-vars\n    const { style: _style, ...withOutStyleProps } = props\n\n    return (\n      <>\n        <ErrorBoundary>\n          {StyleComponent}\n          {Reflect.ownKeys((withOutStyleProps as any)?.container || {})?.length > 0\n            ? WithContainerWrapper(withOutStyleProps)\n            : WithoutContainerWrapper(withOutStyleProps)}\n        </ErrorBoundary>\n      </>\n    )\n  })\n\n  withLayout.displayName = `WithLayout${WrappedComponent.displayName || WrappedComponent.name || 'Component'}`\n\n  // \u6807\u8BB0\u7EC4\u4EF6\u5DF2\u88AB\u5305\u88C5\n  ;(withLayout as any)[WRAPPED_COMPONENT_SYMBOL] = true\n  return withLayout\n}\n"],
-  "mappings": "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",
-  "names": ["Fragment", "jsx", "jsxs", "React", "useMemo", "simpleHash", "getKeyPropsString", "Grid", "GridItem", "Container", "ErrorBoundary", "colContentClasses", "colContentClassesTablet", "generateUID", "props", "keyString", "getStylesProps", "style", "uid", "disabled", "Styles", "useStyles", "styleProps", "data", "StyleComponent", "getContainerClassName", "desktopSpan", "mobileSpan", "mobileClasses", "desktopClasses", "WRAPPED_COMPONENT_SYMBOL", "withLayout", "WrappedComponent", "defaultLayoutProps", "ref", "propsStyleProps", "styleToString", "key", "value", "mergedStyle", "finalStyleProps", "className", "WithContainerWrapper", "WithoutContainerWrapper", "_style", "withOutStyleProps"]
+  "sourcesContent": ["import React, { useMemo } from 'react'\nimport { simpleHash } from './simpleHash.js'\nimport getKeyPropsString from './getKeyPropsString.js'\nimport { Grid, GridItem } from '../components/grid.js'\nimport { Container } from '../components/container.js'\nimport ErrorBoundary from './ErrorBoundary.js'\n\nconst colContentClasses: Record<number, string> = {\n  12: 'col-start-1 col-end-13',\n  10: 'col-start-2 col-end-12',\n  8: 'col-start-3 col-end-11',\n  6: 'col-start-4 col-end-10',\n  4: 'col-start-5 col-end-9',\n} as const\n\n// \u9884\u5B9A\u4E49\u5E26 tablet \u524D\u7F00\u7684\u7C7B\u540D\uFF0C\u786E\u4FDD Tailwind \u53EF\u4EE5\u8BC6\u522B\nconst colContentClassesTablet: Record<number, string> = {\n  12: 'tablet:col-start-1 tablet:col-end-13',\n  10: 'tablet:col-start-2 tablet:col-end-12',\n  8: 'tablet:col-start-3 tablet:col-end-11',\n  6: 'tablet:col-start-4 tablet:col-end-10',\n  4: 'tablet:col-start-5 tablet:col-end-9',\n} as const\n\nexport interface ContainerProps {\n  container?: {\n    desktopSpan: number\n    mobileSpan: number\n  }\n}\n\nexport interface StylesProps {\n  style?: string | React.CSSProperties\n  uid?: string\n  disabled?: boolean\n  containerClassName?: string\n}\n\ntype LayoutProps<P> = Omit<P, keyof StylesProps | keyof ContainerProps> & StylesProps & ContainerProps\n\ntype StaticComponentProperties<T> = Omit<T, keyof React.ComponentType<any> | 'displayName' | 'prototype'>\n\nconst generateUID = (props: Record<string, unknown>) => {\n  const keyString = getKeyPropsString(props)\n  return `style_${simpleHash(keyString)}`\n}\n\nexport const getStylesProps = <T extends StylesProps>(props: T): StylesProps => {\n  const { style, uid, disabled, containerClassName } = props\n  return { style, uid, disabled, containerClassName }\n}\n\nconst Styles: React.FC<StylesProps> = ({ style, uid = generateUID({}), disabled = false }) => {\n  if (!style || disabled) {\n    return null\n  }\n\n  return (\n    <style\n      suppressHydrationWarning\n      data-style-id={uid}\n      dangerouslySetInnerHTML={{ __html: `.block-${uid} { ${style} }` }}\n    />\n  )\n}\n\nexport const useStyles = (styleProps: Partial<StylesProps>, data?: Record<string, unknown>) => {\n  const uid = useMemo(() => styleProps?.uid || generateUID({ ...styleProps, ...(data ?? {}) }), [data, styleProps])\n\n  const StyleComponent = useMemo(() => <Styles {...styleProps} uid={uid} />, [styleProps, uid])\n\n  return {\n    className: `block-${uid} `,\n    StyleComponent,\n    uid,\n  } as const\n}\n\nconst getGridItemClassName = (container?: ContainerProps['container']) => {\n  const { desktopSpan, mobileSpan } = container || {}\n  const mobileClasses = mobileSpan ? colContentClasses[mobileSpan] : ''\n  const desktopClasses = desktopSpan ? colContentClassesTablet[desktopSpan] : ''\n  return `${mobileClasses} ${desktopClasses}`.trim()\n}\n\nconst styleToString = (style?: string | React.CSSProperties): string => {\n  if (!style) return ''\n  if (typeof style === 'string') return style\n  if (typeof style === 'object' && Object.entries(style).length <= 0) return ''\n  return (\n    Object.entries(style)\n      .map(([key, value]) => {\n        const cssKey = key.replace(/([A-Z])/g, '-$1').toLowerCase()\n        return `${cssKey}: ${value}`\n      })\n      .join('; ') + ';'\n  )\n}\n\nconst mergeStyles = (a?: string | React.CSSProperties, b?: string | React.CSSProperties): string =>\n  [a, b]\n    .map(styleToString)\n    .filter((s): s is string => Boolean(s))\n    .map(s => (s.trim().endsWith(';') ? s : `${s};`))\n    .join(' ')\n\ntype InternalProps = StylesProps &\n  ContainerProps & { className?: string; data?: Record<string, unknown> } & Record<string, unknown>\n\nfunction withStyleInjection(\n  WrappedComponent: React.ComponentType<InternalProps>,\n  defaultStyleProps?: Partial<StylesProps>\n): React.ComponentType<InternalProps> {\n  const Wrapped = React.forwardRef<unknown, InternalProps>((props, ref) => {\n    const propsStyleProps = getStylesProps(props)\n    const mergedStyle = mergeStyles(defaultStyleProps?.style, propsStyleProps.style)\n\n    const finalStyleProps: StylesProps = {\n      ...defaultStyleProps,\n      ...propsStyleProps,\n      ...(mergedStyle && { style: mergedStyle }),\n    }\n\n    const { className, StyleComponent } = useStyles(finalStyleProps, props.data as Record<string, unknown> | undefined)\n\n    // eslint-disable-next-line no-unused-vars\n    const { style: _s, uid: _u, disabled: _d, className: ownClassName, ...rest } = props\n\n    return (\n      <>\n        {StyleComponent}\n        <WrappedComponent {...rest} className={[className, ownClassName].filter(Boolean).join(' ').trim()} ref={ref} />\n      </>\n    )\n  })\n\n  Wrapped.displayName = `WithStyleInjection(${WrappedComponent.displayName || WrappedComponent.name || 'Component'})`\n  return Wrapped as React.ComponentType<InternalProps>\n}\n\nfunction withContainerLayout(\n  WrappedComponent: React.ComponentType<InternalProps>,\n  defaultContainerClassName?: string\n): React.ComponentType<InternalProps> {\n  const Wrapped = React.forwardRef<unknown, InternalProps>((props, ref) => {\n    // eslint-disable-next-line no-unused-vars\n    const { container, containerClassName, ...componentProps } = props\n\n    if (!container || Reflect.ownKeys(container).length === 0) {\n      return <WrappedComponent {...componentProps} ref={ref} />\n    }\n\n    const mergedContainerClassName = [defaultContainerClassName, containerClassName].filter(Boolean).join(' ').trim()\n\n    return (\n      <Container className={mergedContainerClassName}>\n        <Grid className=\"container_grid\">\n          <GridItem className={getGridItemClassName(container as ContainerProps['container'])}>\n            <WrappedComponent {...componentProps} ref={ref} />\n          </GridItem>\n        </Grid>\n      </Container>\n    )\n  })\n\n  Wrapped.displayName = `WithContainerLayout(${WrappedComponent.displayName || WrappedComponent.name || 'Component'})`\n  return Wrapped as React.ComponentType<InternalProps>\n}\n\nfunction withErrorBoundary(WrappedComponent: React.ComponentType<InternalProps>): React.ComponentType<InternalProps> {\n  const Wrapped = React.forwardRef<unknown, InternalProps>((props, ref) => (\n    <ErrorBoundary>\n      <WrappedComponent {...props} ref={ref} />\n    </ErrorBoundary>\n  ))\n\n  Wrapped.displayName = `WithErrorBoundary(${WrappedComponent.displayName || WrappedComponent.name || 'Component'})`\n  return Wrapped as React.ComponentType<InternalProps>\n}\n\nconst wrappedComponents = new WeakMap<React.ComponentType<never>, true>()\n\nexport function withLayout<T extends React.ComponentType<any>>(\n  WrappedComponent: T,\n  defaultLayoutProps?: Partial<StylesProps & ContainerProps>\n): React.ForwardRefExoticComponent<LayoutProps<React.ComponentProps<T>> & React.RefAttributes<unknown>> &\n  StaticComponentProperties<T> {\n  if (wrappedComponents.has(WrappedComponent as React.ComponentType<never>)) {\n    return WrappedComponent as unknown as React.ForwardRefExoticComponent<\n      LayoutProps<React.ComponentProps<T>> & React.RefAttributes<unknown>\n    > &\n      StaticComponentProperties<T>\n  }\n\n  const composed = withErrorBoundary(\n    withContainerLayout(\n      withStyleInjection(WrappedComponent as unknown as React.ComponentType<InternalProps>, defaultLayoutProps),\n      defaultLayoutProps?.containerClassName\n    )\n  )\n\n  composed.displayName = `WithLayout(${WrappedComponent.displayName || WrappedComponent.name || 'Component'})`\n\n  wrappedComponents.set(WrappedComponent as React.ComponentType<never>, true)\n\n  const result = composed as unknown as React.ForwardRefExoticComponent<\n    LayoutProps<React.ComponentProps<T>> & React.RefAttributes<unknown>\n  > &\n    StaticComponentProperties<T>\n\n  Object.getOwnPropertyNames(WrappedComponent).forEach(key => {\n    if (!(key in result) && key !== 'arguments' && key !== 'caller' && key !== 'length' && key !== 'name') {\n      ;(result as any)[key] = (WrappedComponent as any)[key]\n    }\n  })\n\n  return result\n}\n"],
+  "mappings": "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",
+  "names": ["Fragment", "jsx", "jsxs", "React", "useMemo", "simpleHash", "getKeyPropsString", "Grid", "GridItem", "Container", "ErrorBoundary", "colContentClasses", "colContentClassesTablet", "generateUID", "props", "keyString", "getStylesProps", "style", "uid", "disabled", "containerClassName", "Styles", "useStyles", "styleProps", "data", "StyleComponent", "getGridItemClassName", "container", "desktopSpan", "mobileSpan", "mobileClasses", "desktopClasses", "styleToString", "key", "value", "mergeStyles", "a", "b", "s", "withStyleInjection", "WrappedComponent", "defaultStyleProps", "Wrapped", "ref", "propsStyleProps", "mergedStyle", "finalStyleProps", "className", "_s", "_u", "_d", "ownClassName", "rest", "withContainerLayout", "defaultContainerClassName", "componentProps", "mergedContainerClassName", "withErrorBoundary", "wrappedComponents", "withLayout", "defaultLayoutProps", "composed", "result"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anker-in/headless-ui",
-  "version": "1.1.85",
+  "version": "1.1.87",
   "type": "commonjs",
   "main": "./dist/cjs/index.js",
   "types": "./dist/cjs/index.d.ts",