@anker-in/headless-ui 1.3.23 → 1.3.24-alpha.1782359463561

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-export*from"./components/index.js";import{gaTrack as a}from"./shared/track.js";import{trackUrlRef as i,buildTrackingRef as t}from"./shared/trackUrlRef.js";export{t as buildTrackingRef,a as gaTrack,i as trackUrlRef};
+export*from"./components/index.js";import{gaTrack as t}from"./shared/track.js";import{trackUrlRef as s,buildTrackingRef as a}from"./shared/trackUrlRef.js";import{default as i}from"./hooks/useCountDown.js";import{useDraggableScroll as f}from"./hooks/useDraggableScroll.js";import{useExposure as x}from"./hooks/useExposure.js";import{useGridRowCount as c}from"./hooks/useGridRowCount.js";import{useIntersectionObserverDelay as g}from"./hooks/useIntersectionObserver.js";import{useRollout as C}from"./hooks/useRollout.js";import{useViewItemList as R}from"./hooks/useViewItemList.js";import{cn as T,getLocalizedPath as k,noop as D}from"./helpers/index.js";import{formatPrice as I,languageTerritory as h,PRICE_SYMBOL as v}from"./helpers/index.js";export{v as PRICE_SYMBOL,a as buildTrackingRef,T as cn,I as formatPrice,t as gaTrack,k as getLocalizedPath,h as languageTerritory,D as noop,s as trackUrlRef,i as useCountDown,f as useDraggableScroll,x as useExposure,c as useGridRowCount,g as useIntersectionObserverDelay,C as useRollout,R as useViewItemList};
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["export * from './components/index.js'\nexport { gaTrack } from './shared/track.js'\nexport { trackUrlRef, buildTrackingRef } from './shared/trackUrlRef.js'\nexport type { ExposureParams, OnExposureCallback } from './biz-components/AiuiProvider/index.js'\n"],
-  "mappings": "AAAA,WAAc,wBACd,OAAS,WAAAA,MAAe,oBACxB,OAAS,eAAAC,EAAa,oBAAAC,MAAwB",
-  "names": ["gaTrack", "trackUrlRef", "buildTrackingRef"]
+  "sourcesContent": ["export * from './components/index.js'\nexport { gaTrack } from './shared/track.js'\nexport { trackUrlRef, buildTrackingRef } from './shared/trackUrlRef.js'\nexport type { ExposureParams, OnExposureCallback } from './biz-components/AiuiProvider/index.js'\n\n// \u516C\u5F00\u5BFC\u51FA\u6838\u5FC3\u5171\u4EAB\u7C7B\u578B\uFF08\u4F9B Registry \u5206\u53D1\u7684 biz-components \u6D88\u8D39\u8005\u4F7F\u7528\uFF09\nexport type {\n  Media,\n  Theme,\n  Img,\n  Video,\n  ContainerProps,\n  ComponentCommonProps,\n  ResponsiveMedia,\n  Shape,\n  Align,\n  CurrencyDisplayType,\n} from './types/props.js'\n\n// \u516C\u5F00\u5BFC\u51FA\u5168\u91CF hooks\uFF08\u4F9B Registry \u5206\u53D1\u7684 biz-components \u6D88\u8D39\u8005\u4F7F\u7528\uFF09\nexport { default as useCountDown } from './hooks/useCountDown.js'\nexport { useDraggableScroll } from './hooks/useDraggableScroll.js'\nexport { useExposure } from './hooks/useExposure.js'\nexport { useGridRowCount } from './hooks/useGridRowCount.js'\nexport { useIntersectionObserverDelay } from './hooks/useIntersectionObserver.js'\nexport { useRollout } from './hooks/useRollout.js'\nexport { useViewItemList } from './hooks/useViewItemList.js'\n\n// \u516C\u5F00\u5BFC\u51FA helpers\uFF08\u4F9B Registry \u5206\u53D1\u7684 biz-components \u6D88\u8D39\u8005\u4F7F\u7528\uFF09\nexport { cn, getLocalizedPath, noop } from './helpers/index.js'\nexport { formatPrice, languageTerritory, PRICE_SYMBOL } from './helpers/index.js'\n"],
+  "mappings": "AAAA,WAAc,wBACd,OAAS,WAAAA,MAAe,oBACxB,OAAS,eAAAC,EAAa,oBAAAC,MAAwB,0BAkB9C,OAAoB,WAAXC,MAA+B,0BACxC,OAAS,sBAAAC,MAA0B,gCACnC,OAAS,eAAAC,MAAmB,yBAC5B,OAAS,mBAAAC,MAAuB,6BAChC,OAAS,gCAAAC,MAAoC,qCAC7C,OAAS,cAAAC,MAAkB,wBAC3B,OAAS,mBAAAC,MAAuB,6BAGhC,OAAS,MAAAC,EAAI,oBAAAC,EAAkB,QAAAC,MAAY,qBAC3C,OAAS,eAAAC,EAAa,qBAAAC,EAAmB,gBAAAC,MAAoB",
+  "names": ["gaTrack", "trackUrlRef", "buildTrackingRef", "default", "useDraggableScroll", "useExposure", "useGridRowCount", "useIntersectionObserverDelay", "useRollout", "useViewItemList", "cn", "getLocalizedPath", "noop", "formatPrice", "languageTerritory", "PRICE_SYMBOL"]
 }

package/dist/esm/shared/Styles.js

@@ -1,2 +1,2 @@
-import{Fragment as O,jsx as s,jsxs as G}from"react/jsx-runtime";import m,{useMemo as u}from"react";import{simpleHash as f}from"./simpleHash.js";import S from"./getKeyPropsString.js";import{Grid as g,GridItem as b}from"../components/grid.js";import{Container as w}from"../components/container.js";import T from"./ErrorBoundary.js";const N={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"},I={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=S(t);return`style_${f(n)}`},k=t=>{const{style:n,uid:e,disabled:o,containerClassName:r,idx:a}=t;return{style:n,uid:e,disabled:o,containerClassName:r,idx:a}},h=({style:t,uid:n=d({}),disabled:e=!1})=>!t||e?null:s("style",{suppressHydrationWarning:!0,"data-style-id":n,dangerouslySetInnerHTML:{__html:`.block-${n} { ${t} }`}}),x=(t,n)=>{const e=u(()=>t?.uid||d({...t,...n??{}}),[n,t]),o=u(()=>s(h,{...t,uid:e}),[t,e]);return{className:`block-${e} `,StyleComponent:o,uid:e,idx:t?.idx}},$=t=>{const{desktopSpan:n,mobileSpan:e}=t||{},o=e?N[e]:"",r=n?I[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("; ")+";":"",L=(t,n)=>[t,n].map(j).filter(e=>!!e).map(e=>e.trim().endsWith(";")?e:`${e};`).join(" ");function E(t,n){const e=m.forwardRef((o,r)=>{const{container:a,containerClassName:i,className:c,...l}=o;if(!a||Reflect.ownKeys(a).length===0)return s(t,{...l,className:c,ref:r});const p=[n,i,c].filter(Boolean).join(" ").trim();return s(w,{className:p,children:s(g,{className:"container_grid",children:s(b,{className:$(a),children:s(t,{...l,ref:r})})})})});return e.displayName=`WithContainerLayout(${t.displayName||t.name||"Component"})`,e}function _(t,n){const e=m.forwardRef((o,r)=>{const a=k(o),i=L(n?.style,a.style),c={...n,...a,...i&&{style:i}},{className:l,StyleComponent:p,idx:y}=x(c,o.data),{style:A,uid:F,disabled:K,idx:v,className:C,...R}=o;return G(O,{children:[p,s(t,{...R,...y?{id:y}:{},className:[l,C].filter(Boolean).join(" ").trim(),ref:r})]})});return e.displayName=`WithStyleInjection(${t.displayName||t.name||"Component"})`,e}function B(t){const n=m.forwardRef((e,o)=>s(T,{children:s(t,{...e,ref:o})}));return n.displayName=`WithErrorBoundary(${t.displayName||t.name||"Component"})`,n}const P=new WeakMap;function z(t,n){if(P.has(t))return t;const e=B(_(E(t,n?.containerClassName),n));e.displayName=`WithLayout(${t.displayName||t.name||"Component"})`,P.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{k as getStylesProps,x as useStyles,z as withLayout};
+import{Fragment as v,jsx as s,jsxs as A}from"react/jsx-runtime";import m,{useMemo as y}from"react";import{simpleHash as S}from"./simpleHash.js";import b from"./getKeyPropsString.js";import{Grid as w,GridItem as T}from"../components/grid.js";import{Container as N}from"../components/container.js";import I from"./ErrorBoundary.js";const k={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"},h={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"},f=t=>{const n=b(t);return`style_${S(n)}`},x=t=>{const{style:n,uid:e,disabled:o,containerClassName:r,idx:a}=t;return{style:n,uid:e,disabled:o,containerClassName:r,idx:a}},$=({style:t,uid:n=f({}),disabled:e=!1})=>!t||e?null:s("style",{suppressHydrationWarning:!0,"data-style-id":n,dangerouslySetInnerHTML:{__html:`.block-${n} { ${t} }`}}),j=(t,n)=>{const e=y(()=>t?.uid||f({...t,...n??{}}),[n,t]),o=y(()=>s($,{...t,uid:e}),[t,e]);return{className:`block-${e} `,StyleComponent:o,uid:e,idx:t?.idx}},L=t=>{const{desktopSpan:n,mobileSpan:e}=t||{},o=e?k[e]:"",r=n?h[n]:"";return`${o} ${r}`.trim()},E=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("; ")+";":"",O=(t,n)=>[t,n].map(E).filter(e=>!!e).map(e=>e.trim().endsWith(";")?e:`${e};`).join(" ");function _(t,n){const e=m.forwardRef((o,r)=>{const{container:a,containerClassName:i,className:c,...l}=o;if(!a||Reflect.ownKeys(a).length===0)return s(t,{...l,className:c,ref:r});const p=[n,i,c].filter(Boolean).join(" ").trim();return s(N,{className:p,children:s(w,{className:"container_grid",children:s(T,{className:L(a),children:s(t,{...l,ref:r})})})})});return e.displayName=`WithContainerLayout(${t.displayName||t.name||"Component"})`,e}function B(t,n){const e=m.forwardRef((o,r)=>{const a=x(o),i=O(n?.style,a.style),c={...n,...a,...i&&{style:i}},{className:l,StyleComponent:p}=j(c,o.data),{style:F,uid:K,disabled:H,idx:d,className:C,data:u,...R}=o,g=u?.id;return A(v,{children:[p,s(t,{...R,...d?{id:d}:{},data:u,"data-lp-section-id":g||void 0,className:[l,C].filter(Boolean).join(" ").trim(),ref:r})]})});return e.displayName=`WithStyleInjection(${t.displayName||t.name||"Component"})`,e}function G(t){const n=m.forwardRef((e,o)=>s(I,{children:s(t,{...e,ref:o})}));return n.displayName=`WithErrorBoundary(${t.displayName||t.name||"Component"})`,n}const P=new WeakMap;function J(t,n){if(P.has(t))return t;const e=G(B(_(t,n?.containerClassName),n));e.displayName=`WithLayout(${t.displayName||t.name||"Component"})`,P.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{x as getStylesProps,j as useStyles,J 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    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  idx?: 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, idx } = props\n  return { style, uid, disabled, containerClassName, idx }\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    idx: styleProps?.idx,\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 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, className, ...componentProps } = props\n\n    if (!container || Reflect.ownKeys(container).length === 0) {\n      return <WrappedComponent {...componentProps} className={className as string | undefined} ref={ref} />\n    }\n\n    const mergedContainerClassName = [defaultContainerClassName, containerClassName, className]\n      .filter(Boolean)\n      .join(' ')\n      .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 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, idx } = useStyles(\n      finalStyleProps,\n      props.data as Record<string, unknown> | undefined\n    )\n\n    // eslint-disable-next-line no-unused-vars\n    const { style: _s, uid: _u, disabled: _d, idx: _idx, className: ownClassName, ...rest } = props\n\n    return (\n      <>\n        {StyleComponent}\n        <WrappedComponent\n          {...rest}\n          {...(idx ? { id: idx } : {})}\n          className={[className, ownClassName].filter(Boolean).join(' ').trim()}\n          ref={ref}\n        />\n      </>\n    )\n  })\n\n  Wrapped.displayName = `WithStyleInjection(${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    withStyleInjection(\n      withContainerLayout(\n        WrappedComponent as unknown as React.ComponentType<InternalProps>,\n        defaultLayoutProps?.containerClassName\n      ),\n      defaultLayoutProps\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", "idx", "Styles", "useStyles", "styleProps", "data", "StyleComponent", "getGridItemClassName", "container", "desktopSpan", "mobileSpan", "mobileClasses", "desktopClasses", "styleToString", "key", "value", "mergeStyles", "a", "b", "s", "withContainerLayout", "WrappedComponent", "defaultContainerClassName", "Wrapped", "ref", "className", "componentProps", "mergedContainerClassName", "withStyleInjection", "defaultStyleProps", "propsStyleProps", "mergedStyle", "finalStyleProps", "_s", "_u", "_d", "_idx", "ownClassName", "rest", "withErrorBoundary", "wrappedComponents", "withLayout", "defaultLayoutProps", "composed", "result"]
+  "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  idx?: 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, idx } = props\n  return { style, uid, disabled, containerClassName, idx }\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    idx: styleProps?.idx,\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 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, className, ...componentProps } = props\n\n    if (!container || Reflect.ownKeys(container).length === 0) {\n      return <WrappedComponent {...componentProps} className={className as string | undefined} ref={ref} />\n    }\n\n    const mergedContainerClassName = [defaultContainerClassName, containerClassName, className]\n      .filter(Boolean)\n      .join(' ')\n      .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 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, idx: _idx, className: ownClassName, data, ...rest } = props\n    const sectionId = (data as Record<string, unknown> | undefined)?.id as string | undefined\n\n    return (\n      <>\n        {StyleComponent}\n        <WrappedComponent\n          {...rest}\n          // TODO: fix - idx should be parsed from data, not a top-level prop\n          {...(_idx ? { id: _idx } : {})}\n          data={data as Record<string, unknown> | undefined}\n          data-lp-section-id={sectionId || undefined}\n          className={[className, ownClassName].filter(Boolean).join(' ').trim()}\n          ref={ref}\n        />\n      </>\n    )\n  })\n\n  Wrapped.displayName = `WithStyleInjection(${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    withStyleInjection(\n      withContainerLayout(\n        WrappedComponent as unknown as React.ComponentType<InternalProps>,\n        defaultLayoutProps?.containerClassName\n      ),\n      defaultLayoutProps\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", "idx", "Styles", "useStyles", "styleProps", "data", "StyleComponent", "getGridItemClassName", "container", "desktopSpan", "mobileSpan", "mobileClasses", "desktopClasses", "styleToString", "key", "value", "mergeStyles", "a", "b", "s", "withContainerLayout", "WrappedComponent", "defaultContainerClassName", "Wrapped", "ref", "className", "componentProps", "mergedContainerClassName", "withStyleInjection", "defaultStyleProps", "propsStyleProps", "mergedStyle", "finalStyleProps", "_s", "_u", "_d", "_idx", "ownClassName", "rest", "sectionId", "withErrorBoundary", "wrappedComponents", "withLayout", "defaultLayoutProps", "composed", "result"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anker-in/headless-ui",
-  "version": "1.3.23",
+  "version": "1.3.24-alpha.1782359463561",
   "type": "commonjs",
   "main": "./dist/cjs/index.js",
   "types": "./dist/cjs/index.d.ts",
@@ -83,6 +83,7 @@
     "eslint-plugin-prettier": "^5.2.6",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-require-extensions": "^0.1.3",
+    "glob": "^13.0.0",
     "jest": "^29.7.0",
     "jest-coverage-badges": "^1.1.2",
     "jest-environment-jsdom": "^29.7.0",
@@ -92,11 +93,11 @@
     "postcss-prefix-selector": "^2.1.1",
     "prettier": "^3.5.3",
     "react-test-renderer": "^18.3.1",
-    "stylelint": "^16.6.0",
-    "glob": "^13.0.0"
+    "stylelint": "^16.6.0"
   },
   "dependencies": {
     "@payloadcms/richtext-lexical": "^3.39.1",
+    "@radix-ui/react-accordion": "^1.2.14",
     "@radix-ui/react-avatar": "^1.1.9",
     "@radix-ui/react-checkbox": "^1.3.1",
     "@radix-ui/react-dialog": "^1.1.13",

package/style.css

@@ -667,6 +667,9 @@ video {
 .top-5 {
   top: 1.25rem;
 }
+.top-6 {
+  top: 1.5rem;
+}
 .top-\[104\%\] {
   top: 104%;
 }
@@ -887,6 +890,10 @@ video {
   margin-left: -0.25rem;
   margin-right: -0.25rem;
 }
+.mx-0 {
+  margin-left: 0px;
+  margin-right: 0px;
+}
 .mx-1\.5 {
   margin-left: 0.375rem;
   margin-right: 0.375rem;
@@ -911,6 +918,14 @@ video {
   margin-top: 1rem;
   margin-bottom: 1rem;
 }
+.my-6 {
+  margin-top: 1.5rem;
+  margin-bottom: 1.5rem;
+}
+.my-8 {
+  margin-top: 2rem;
+  margin-bottom: 2rem;
+}
 .my-\[24px\] {
   margin-top: 24px;
   margin-bottom: 24px;
@@ -1226,6 +1241,10 @@ video {
   width: 0.5rem;
   height: 0.5rem;
 }
+.size-20 {
+  width: 5rem;
+  height: 5rem;
+}
 .size-3\.5 {
   width: 0.875rem;
   height: 0.875rem;
@@ -1465,6 +1484,9 @@ video {
 .h-\[28px\] {
   height: 28px;
 }
+.h-\[296px\] {
+  height: 296px;
+}
 .h-\[2px\] {
   height: 2px;
 }
@@ -1574,9 +1596,6 @@ video {
 .\!max-h-none {
   max-height: none !important;
 }
-.max-h-0 {
-  max-height: 0px;
-}
 .max-h-\[126px\] {
   max-height: 126px;
 }
@@ -1610,9 +1629,6 @@ video {
 .max-h-\[40px\] {
   max-height: 40px;
 }
-.max-h-\[500px\] {
-  max-height: 500px;
-}
 .max-h-\[560px\] {
   max-height: 560px;
 }
@@ -1625,6 +1641,9 @@ video {
 .max-h-\[80vh\] {
   max-height: 80vh;
 }
+.max-h-\[90vh\] {
+  max-height: 90vh;
+}
 .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
   max-height: var(--radix-dropdown-menu-content-available-height);
 }
@@ -1664,6 +1683,9 @@ video {
 .min-h-\[336px\] {
   min-height: 336px;
 }
+.min-h-\[36px\] {
+  min-height: 36px;
+}
 .min-h-\[48px\] {
   min-height: 48px;
 }
@@ -1730,6 +1752,9 @@ video {
 .w-\[18px\] {
   width: 18px;
 }
+.w-\[200px\] {
+  width: 200px;
+}
 .w-\[20px\] {
   width: 20px;
 }
@@ -1928,6 +1953,9 @@ video {
 .max-w-none {
   max-width: none;
 }
+.max-w-sm {
+  max-width: 24rem;
+}
 .max-w-xs {
   max-width: 20rem;
 }
@@ -2109,6 +2137,9 @@ video {
 .\!cursor-default {
   cursor: default !important;
 }
+.\!cursor-pointer {
+  cursor: pointer !important;
+}
 .cursor-default {
   cursor: default;
 }
@@ -2458,6 +2489,9 @@ video {
 .rounded-\[16px\] {
   border-radius: 16px;
 }
+.rounded-\[24px\] {
+  border-radius: 24px;
+}
 .rounded-\[28px\] {
   border-radius: 28px;
 }
@@ -2576,6 +2610,9 @@ video {
 .border-\[1\.6px\] {
   border-width: 1.6px;
 }
+.border-\[1px\] {
+  border-width: 1px;
+}
 .border-y {
   border-top-width: 1px;
   border-bottom-width: 1px;
@@ -2621,6 +2658,10 @@ video {
   --tw-border-opacity: 1 !important;
   border-color: rgb(248 77 79 / var(--tw-border-opacity, 1)) !important;
 }
+.border-\[\#005D8E\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(0 93 142 / var(--tw-border-opacity, 1));
+}
 .border-\[\#00BEFA\] {
   --tw-border-opacity: 1;
   border-color: rgb(0 190 250 / var(--tw-border-opacity, 1));
@@ -2688,9 +2729,15 @@ video {
 .border-container-primary {
   border-color: var(--container-primary-color);
 }
+.border-error-0 {
+  border-color: var(--error-color-0);
+}
 .border-info-primary {
   border-color: var(--info-primary-color);
 }
+.border-info-secondary {
+  border-color: var(--info-secondary-color);
+}
 .border-info-white {
   border-color: var(--info-white-color);
 }
@@ -2816,6 +2863,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(218 231 242 / var(--tw-bg-opacity, 1));
 }
+.bg-\[\#E1F8FE\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(225 248 254 / var(--tw-bg-opacity, 1));
+}
 .bg-\[\#E4E5E6\] {
   --tw-bg-opacity: 1;
   background-color: rgb(228 229 230 / var(--tw-bg-opacity, 1));
@@ -2860,6 +2911,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(247 248 249 / var(--tw-bg-opacity, 1));
 }
+.bg-\[\#FFF1E1\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 241 225 / var(--tw-bg-opacity, 1));
+}
 .bg-\[\#FFFFFF\] {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
@@ -2971,6 +3026,9 @@ video {
 .bg-lines {
   background-color: var(--lines-color);
 }
+.bg-lines-1 {
+  background-color: var(--line-color-1);
+}
 .bg-masks-0 {
   background-color: var(--masks-color-0);
 }
@@ -3684,6 +3742,9 @@ video {
 .tracking-\[-0\.04em\] {
   letter-spacing: -0.04em;
 }
+.tracking-\[-0\.24px\] {
+  letter-spacing: -0.24px;
+}
 .tracking-\[-0\.28px\] {
   letter-spacing: -0.28px;
 }
@@ -3699,6 +3760,9 @@ video {
 .tracking-\[-0\.56px\] {
   letter-spacing: -0.56px;
 }
+.tracking-\[-0\.64px\] {
+  letter-spacing: -0.64px;
+}
 .tracking-\[-0\.8px\] {
   letter-spacing: -0.8px;
 }
@@ -3719,6 +3783,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity, 1));
 }
+.text-\[\#005D8E\] {
+  --tw-text-opacity: 1;
+  color: rgb(0 93 142 / var(--tw-text-opacity, 1));
+}
 .text-\[\#00BEFA\] {
   --tw-text-opacity: 1;
   color: rgb(0 190 250 / var(--tw-text-opacity, 1));
@@ -3856,6 +3924,9 @@ video {
 .text-\[1D1D1F\] {
   color: 1D1D1F;
 }
+.text-\[var\(--brand-color-0\)\] {
+  color: var(--brand-color-0);
+}
 .text-badge-foreground {
   color: var(--badge-text-color, #ffffff);
 }
@@ -3879,6 +3950,9 @@ video {
 .text-current {
   color: currentColor;
 }
+.text-error-0 {
+  color: var(--error-color-0);
+}
 .text-gray-400 {
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity, 1));
@@ -3987,6 +4061,9 @@ video {
 .opacity-90 {
   opacity: 0.9;
 }
+.mix-blend-multiply {
+  mix-blend-mode: multiply;
+}
 .\!shadow-none {
   --tw-shadow: 0 0 #0000 !important;
   --tw-shadow-colored: 0 0 #0000 !important;
@@ -4191,6 +4268,12 @@ video {
 .file\:font-medium::file-selector-button {
   font-weight: 500;
 }
+.placeholder\:font-bold::-moz-placeholder {
+  font-weight: 700;
+}
+.placeholder\:font-bold::placeholder {
+  font-weight: 700;
+}
 .placeholder\:text-\[\#4A4C56\]::-moz-placeholder {
   --tw-text-opacity: 1;
   color: rgb(74 76 86 / var(--tw-text-opacity, 1));
@@ -4215,6 +4298,12 @@ video {
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity, 1));
 }
+.placeholder\:text-info-tertiary::-moz-placeholder {
+  color: var(--info-tertiary-color);
+}
+.placeholder\:text-info-tertiary::placeholder {
+  color: var(--info-tertiary-color);
+}
 .before\:\!invisible::before {
   content: var(--tw-content);
   visibility: hidden !important;
@@ -4489,6 +4578,9 @@ video {
 .hover\:opacity-100:hover {
   opacity: 1;
 }
+.hover\:opacity-70:hover {
+  opacity: 0.7;
+}
 .hover\:opacity-80:hover {
   opacity: 0.8;
 }
@@ -4737,6 +4829,20 @@ video {
 .data-\[vaul-drawer-direction\=right\]\:max-w-sm[data-vaul-drawer-direction="right"] {
   max-width: 24rem;
 }
+.data-\[state\=closed\]\:-translate-y-2[data-state="closed"] {
+  --tw-translate-y: -0.5rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.data-\[state\=open\]\:translate-y-0[data-state="open"] {
+  --tw-translate-y: 0px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.data-\[state\=closed\]\:animate-\[faq-slide-up_300ms_ease-out\][data-state="closed"] {
+  animation: faq-slide-up 300ms ease-out;
+}
+.data-\[state\=open\]\:animate-\[faq-slide-down_300ms_ease-out\][data-state="open"] {
+  animation: faq-slide-down 300ms ease-out;
+}
 .data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction="bottom"] {
   border-top-width: 1px;
 }
@@ -4777,6 +4883,9 @@ video {
 .data-\[state\=checked\]\:bg-info-primary[data-state="checked"] {
   background-color: var(--info-primary-color);
 }
+.data-\[state\=checked\]\:bg-info-secondary[data-state="checked"] {
+  background-color: var(--info-secondary-color);
+}
 .data-\[state\=checked\]\:bg-primary[data-state="checked"] {
   background-color: var(--brand-color-0);
 }
@@ -4812,9 +4921,19 @@ video {
 .data-\[disabled\]\:opacity-50[data-disabled] {
   opacity: 0.5;
 }
+.data-\[state\=closed\]\:opacity-0[data-state="closed"] {
+  opacity: 0;
+}
+.data-\[state\=open\]\:opacity-100[data-state="open"] {
+  opacity: 1;
+}
 .group\/drawer-content[data-vaul-drawer-direction="bottom"] .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block {
   display: block;
 }
+.group[data-state="open"] .group-data-\[state\=open\]\:rotate-180 {
+  --tw-rotate: 180deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 @media (min-width: 640px) {
   .sm\:overflow-visible {
     overflow: visible;
@@ -5196,6 +5315,9 @@ video {
   .tablet\:h-\[24px\] {
     height: 24px;
   }
+  .tablet\:h-\[264px\] {
+    height: 264px;
+  }
   .tablet\:h-\[336px\] {
     height: 336px;
   }
@@ -5693,6 +5815,9 @@ video {
   .laptop\:mt-4 {
     margin-top: 1rem;
   }
+  .laptop\:mt-8 {
+    margin-top: 2rem;
+  }
   .laptop\:mt-\[12px\] {
     margin-top: 12px;
   }
@@ -5813,6 +5938,10 @@ video {
     width: 1.25rem;
     height: 1.25rem;
   }
+  .laptop\:size-8 {
+    width: 2rem;
+    height: 2rem;
+  }
   .laptop\:size-9 {
     width: 2.25rem;
     height: 2.25rem;
@@ -5821,10 +5950,18 @@ video {
     width: var(--circle-laptop-size);
     height: var(--circle-laptop-size);
   }
+  .laptop\:size-\[196px\] {
+    width: 196px;
+    height: 196px;
+  }
   .laptop\:size-\[200px\] {
     width: 200px;
     height: 200px;
   }
+  .laptop\:size-\[216px\] {
+    width: 216px;
+    height: 216px;
+  }
   .laptop\:size-\[24px\] {
     width: 24px;
     height: 24px;
@@ -5906,6 +6043,9 @@ video {
   .laptop\:h-\[320px\] {
     height: 320px;
   }
+  .laptop\:h-\[32px\] {
+    height: 32px;
+  }
   .laptop\:h-\[336px\] {
     height: 336px;
   }
@@ -5954,6 +6094,9 @@ video {
   .laptop\:min-h-\[288px\] {
     min-height: 288px;
   }
+  .laptop\:min-h-\[336px\] {
+    min-height: 336px;
+  }
   .laptop\:min-h-\[425px\] {
     min-height: 425px;
   }
@@ -5999,6 +6142,9 @@ video {
   .laptop\:w-\[320px\] {
     width: 320px;
   }
+  .laptop\:w-\[40px\] {
+    width: 40px;
+  }
   .laptop\:w-\[49\%\] {
     width: 49%;
   }
@@ -6285,6 +6431,9 @@ video {
   .laptop\:p-6 {
     padding: 1.5rem;
   }
+  .laptop\:p-8 {
+    padding: 2rem;
+  }
   .laptop\:p-\[12px\] {
     padding: 12px;
   }
@@ -6896,6 +7045,9 @@ video {
   .desktop\:h-\[44px\] {
     height: 44px;
   }
+  .desktop\:h-\[456px\] {
+    height: 456px;
+  }
   .desktop\:h-\[48px\] {
     height: 48px;
   }
@@ -7189,10 +7341,6 @@ video {
     padding-left: 1.75rem;
     padding-right: 1.75rem;
   }
-  .desktop\:px-8 {
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
   .desktop\:px-\[111px\] {
     padding-left: 111px;
     padding-right: 111px;
@@ -7262,9 +7410,6 @@ video {
   .desktop\:pr-16 {
     padding-right: 4rem;
   }
-  .desktop\:pr-28 {
-    padding-right: 7rem;
-  }
   .desktop\:pt-0 {
     padding-top: 0px;
   }
@@ -7887,6 +8032,9 @@ video {
   .lg-desktop\:pb-\[4px\] {
     padding-bottom: 4px;
   }
+  .lg-desktop\:pr-28 {
+    padding-right: 7rem;
+  }
   .lg-desktop\:pt-4 {
     padding-top: 1rem;
   }
@@ -7958,6 +8106,10 @@ video {
     line-height: 1.2;
   }
 }
+.\[\&\._dialog-close-icon\]\:size-5. dialog-close-icon {
+  width: 1.25rem;
+  height: 1.25rem;
+}
 .\[\&\.swiper-slide-thumb-active\]\:rounded.swiper-slide-thumb-active {
   border-radius: 0.25rem;
 }
@@ -8065,6 +8217,10 @@ video {
     width: 1.5rem;
     height: 1.5rem;
   }
+  .laptop\:\[\&_\.dialog-close-icon\]\:size-6 .dialog-close-icon {
+    width: 1.5rem;
+    height: 1.5rem;
+  }
 }
 .\[\&_\.swiper-button\]\:hover\:opacity-100:hover .swiper-button {
   opacity: 1;
@@ -8218,6 +8374,9 @@ video {
   --tw-text-opacity: 1;
   color: rgb(8 10 15 / var(--tw-text-opacity, 1));
 }
+.\[\&_span\]\:text-brand-0 span {
+  color: var(--brand-color-0);
+}
 .\[\&_svg\]\:pointer-events-none svg {
   pointer-events: none;
 }