@anker-in/headless-ui 0.0.27-alpha.16 → 0.0.27-alpha.17

package/dist/cjs/biz-components/AccordionCards/index.js

@@ -1,2 +1,2 @@
-"use strict";var L=Object.create;var f=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var M=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var j=(t,r)=>{for(var o in r)f(t,o,{get:r[o],enumerable:!0})},w=(t,r,o,c)=>{if(r&&typeof r=="object"||typeof r=="function")for(let l of B(r))!R.call(t,l)&&l!==o&&f(t,l,{get:()=>r[l],enumerable:!(c=T(r,l))||c.enumerable});return t};var g=(t,r,o)=>(o=t!=null?L(M(t)):{},w(r||!t||!t.__esModule?f(o,"default",{value:t,enumerable:!0}):o,t)),q=t=>w(f({},"__esModule",{value:!0}),t);var H={};j(H,{default:()=>_});module.exports=q(H);var s=require("react/jsx-runtime"),d=require("../../helpers/utils.js"),v=g(require("../../components/picture.js")),y=g(require("../../components/button.js")),i=require("react");function z(){const[t,r]=(0,i.useState)(window?.innerWidth||0);return(0,i.useEffect)(()=>{const o=()=>r(window?.innerWidth||0);return window?.addEventListener("resize",o),()=>window?.removeEventListener("resize",o)},[]),t<=768}const A=({products:t=[],className:r="",shape:o="square",itemShape:c="square",event:l,primaryButton:k=""})=>{const E=z(),[N,b]=(0,i.useState)(null),[W,h]=(0,i.useState)({}),F=(0,i.useRef)([]),m=(0,i.useRef)({}),p=(0,i.useRef)({}),C=(n,e)=>{e&&(F.current[n]=e)},x=n=>{if(p.current?.[n]){const e={...m.current,[n]:!0};h(e),m.current=e}};return(0,i.useEffect)(()=>{const n=F.current;return n?.forEach((e,a)=>{e.addEventListener("transitionend",()=>x(a))}),()=>{n?.forEach((e,a)=>{e.removeEventListener("transitionend",()=>x(a))})}},[]),E?(0,s.jsx)("div",{className:(0,d.cn)("flex gap-4 overflow-x-auto w-full h-[400px]",r),children:t?.map((n,e)=>(0,s.jsx)("div",{className:"grow-0 shrink-0 basis-[296px] bg-[#FFFFFF] border border-solid border-[#dddddd]",children:(0,s.jsx)(v.default,{className:"w-full h-full object-cover [&_img]:h-full [&_img]:object-cover",source:n?.img})},e))}):(0,s.jsx)("div",{className:(0,d.cn)("h-[336px] gap-4 flex w-full overflow-hidden laptop:h-[448px] desktop:h-[560px]",r),children:t?.map((n,e)=>{const a=N===e;return(0,s.jsxs)("div",{style:{flex:a?6:1,transition:"all 0.3s ease-in-out"},ref:u=>u&&C(e,u),className:(0,d.cn)("relative overflow-hidden cursor-pointer",c==="round"?"rounded-2xl":""),onMouseEnter:()=>{b(e),p.current[e]=!0},onMouseLeave:()=>{b(null);const u={...m.current,[e]:!1};h(u),m.current=u,p.current[e]=!1},children:[(0,s.jsx)(v.default,{source:n?.img,className:"w-full h-full object-cover [&_img]:h-full [&_img]:object-cover"}),W?.[e]?(0,s.jsxs)("div",{className:(0,d.cn)("absolute left-0 right-0 bottom-0 px-6 pb-6 overflow-hidden flex justify-between items-end","transition-all duration-[50ms] delay-[300ms]",a?"opacity-100":"opacity-0"),children:[(0,s.jsxs)("div",{className:"mr-1 flex-1 overflow-hidden",children:[(0,s.jsx)("p",{className:"mb-1 text-xl font-bold text-[#FFFFFF] laptop:text-2xl desktop:text-[32px]",children:n?.title}),(0,s.jsx)("h3",{className:"text-sm font-medium text-[#FFFFFF] desktop:text-lg",children:n?.subTitle})]}),(0,s.jsx)(y.default,{size:"sm",hoverEffect:"slide",variant:"secondary",onClick:()=>l?.primaryButton?.onClick?.(n),className:(0,d.cn)("mb-1.5 overflow-hidden bg-transparent text-[#FFFFFF] border-[#FFFFFF] font-bold text-sm desktop:text-base",o==="round"?"rounded-2xl":""),children:k})]}):null]},e)})})};var _=A;
+"use strict";"use client";var L=Object.create;var f=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var M=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var j=(t,r)=>{for(var o in r)f(t,o,{get:r[o],enumerable:!0})},w=(t,r,o,c)=>{if(r&&typeof r=="object"||typeof r=="function")for(let l of B(r))!R.call(t,l)&&l!==o&&f(t,l,{get:()=>r[l],enumerable:!(c=T(r,l))||c.enumerable});return t};var g=(t,r,o)=>(o=t!=null?L(M(t)):{},w(r||!t||!t.__esModule?f(o,"default",{value:t,enumerable:!0}):o,t)),q=t=>w(f({},"__esModule",{value:!0}),t);var H={};j(H,{default:()=>_});module.exports=q(H);var s=require("react/jsx-runtime"),d=require("../../helpers/utils.js"),v=g(require("../../components/picture.js")),y=g(require("../../components/button.js")),i=require("react");function z(){const[t,r]=(0,i.useState)(window?.innerWidth||0);return(0,i.useEffect)(()=>{const o=()=>r(window?.innerWidth||0);return window?.addEventListener("resize",o),()=>window?.removeEventListener("resize",o)},[]),t<=768}const A=({products:t=[],className:r="",shape:o="square",itemShape:c="square",event:l,primaryButton:k=""})=>{const E=z(),[N,b]=(0,i.useState)(null),[W,h]=(0,i.useState)({}),F=(0,i.useRef)([]),m=(0,i.useRef)({}),p=(0,i.useRef)({}),C=(n,e)=>{e&&(F.current[n]=e)},x=n=>{if(p.current?.[n]){const e={...m.current,[n]:!0};h(e),m.current=e}};return(0,i.useEffect)(()=>{const n=F.current;return n?.forEach((e,a)=>{e.addEventListener("transitionend",()=>x(a))}),()=>{n?.forEach((e,a)=>{e.removeEventListener("transitionend",()=>x(a))})}},[]),E?(0,s.jsx)("div",{className:(0,d.cn)("flex gap-4 overflow-x-auto w-full h-[400px]",r),children:t?.map((n,e)=>(0,s.jsx)("div",{className:"grow-0 shrink-0 basis-[296px] bg-[#FFFFFF] border border-solid border-[#dddddd]",children:(0,s.jsx)(v.default,{className:"w-full h-full object-cover [&_img]:h-full [&_img]:object-cover",source:n?.img})},e))}):(0,s.jsx)("div",{className:(0,d.cn)("h-[336px] gap-4 flex w-full overflow-hidden laptop:h-[448px] desktop:h-[560px]",r),children:t?.map((n,e)=>{const a=N===e;return(0,s.jsxs)("div",{style:{flex:a?6:1,transition:"all 0.3s ease-in-out"},ref:u=>u&&C(e,u),className:(0,d.cn)("relative overflow-hidden cursor-pointer",c==="round"?"rounded-2xl":""),onMouseEnter:()=>{b(e),p.current[e]=!0},onMouseLeave:()=>{b(null);const u={...m.current,[e]:!1};h(u),m.current=u,p.current[e]=!1},children:[(0,s.jsx)(v.default,{source:n?.img,className:"w-full h-full object-cover [&_img]:h-full [&_img]:object-cover"}),W?.[e]?(0,s.jsxs)("div",{className:(0,d.cn)("absolute left-0 right-0 bottom-0 px-6 pb-6 overflow-hidden flex justify-between items-end","transition-all duration-[50ms] delay-[300ms]",a?"opacity-100":"opacity-0"),children:[(0,s.jsxs)("div",{className:"mr-1 flex-1 overflow-hidden",children:[(0,s.jsx)("p",{className:"mb-1 text-xl font-bold text-[#FFFFFF] laptop:text-2xl desktop:text-[32px]",children:n?.title}),(0,s.jsx)("h3",{className:"text-sm font-medium text-[#FFFFFF] desktop:text-lg",children:n?.subTitle})]}),(0,s.jsx)(y.default,{size:"sm",hoverEffect:"slide",variant:"secondary",onClick:()=>l?.primaryButton?.onClick?.(n),className:(0,d.cn)("mb-1.5 overflow-hidden bg-transparent text-[#FFFFFF] border-[#FFFFFF] font-bold text-sm desktop:text-base",o==="round"?"rounded-2xl":""),children:k})]}):null]},e)})})};var _=A;
 //# sourceMappingURL=index.js.map

package/dist/cjs/biz-components/AccordionCards/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/AccordionCards/index.tsx"],
-  "sourcesContent": ["import { cn } from '../../helpers/utils.js'\nimport Picture from '../../components/picture.js'\nimport Button from '../../components/button.js'\nimport { useState, useEffect, useRef } from 'react'\n\n/** Hook\uFF1A\u76D1\u542C\u7A97\u53E3\u5BBD\u5EA6 */\nfunction useWindowWidth() {\n    const [width, setWidth] = useState(window?.innerWidth || 0);\n    useEffect(() => {\n        const onResize = () => setWidth(window?.innerWidth || 0);\n        window?.addEventListener('resize', onResize);\n        return () => window?.removeEventListener('resize', onResize);\n    }, []);\n    return width <= 768;\n}\n\ntype AccordionCardsType = {\n    products: Array<{\n        /** \u6807\u9898\u6587\u672C */\n        title: string\n        /** \u56FE\u7247*/\n        img: string\n        /** \u5185\u5BB9\u8282\u70B9 */\n        subTitle: string\n    }>\n    className?: string\n    /** \u6309\u94AE\u5F62\u72B6 */\n    shape?: 'round' | 'square'\n    /** \u5361\u7247\u5F62\u72B6 */\n    itemShape?: 'round' | 'square'\n    /** \u4E3B\u6309\u94AE\u914D\u7F6E */\n    primaryButton?: string\n    /** \u6309\u94AE\u4E8B\u4EF6*/\n    event?: {\n        primaryButton?: {\n            onClick: (v: any) => void\n        },\n    },\n}\n\nconst AccordionCards = ({\n    products = [],\n    className = '',\n    shape = 'square',\n    itemShape = 'square',\n    event,\n    primaryButton = '',\n}: AccordionCardsType) => {\n    const isMobile = useWindowWidth();\n    const [hoverIndex, setHoverIndex] = useState<number | null>(null);\n    const [currentWidth, setCurrentWidth] = useState<{ [key: number]: boolean }>({});\n\n    const accordionRef = useRef<HTMLDivElement[]>([]);\n    const refWidth = useRef<{ [key: number]: boolean }>({});\n    const enterRef = useRef<{ [key: number]: boolean }>({});\n\n    const getRef = (index: number, el: HTMLDivElement) => {\n        if (el) {\n            accordionRef.current[index] = el;\n        }\n    };\n\n    const handleTransitionEnd = (index: number) => {\n        if (enterRef.current?.[index]) {\n            const current = { ...refWidth.current, [index]: true }\n            setCurrentWidth(current)\n            refWidth.current = current\n        }\n    };\n\n    useEffect(() => {\n        const element = accordionRef.current;\n        element?.forEach((item, index) => {\n            item.addEventListener('transitionend', () => handleTransitionEnd(index));\n        })\n        return () => {\n            element?.forEach((item, index) => {\n                item.removeEventListener('transitionend', () => handleTransitionEnd(index)); \n            })\n        };\n    }, [])\n\n    // \u79FB\u52A8\u7AEF\n    if (isMobile) {\n        return (\n            <div className={cn(\"flex gap-4 overflow-x-auto w-full h-[400px]\", className)}>\n                {products?.map((item, idx) => (\n                    <div\n                        key={idx}\n                        className=\"grow-0 shrink-0 basis-[296px] bg-[#FFFFFF] border border-solid border-[#dddddd]\"\n                    >\n                        <Picture\n                            className=\"w-full h-full object-cover [&_img]:h-full [&_img]:object-cover\"\n                            source={item?.img}\n                        />\n                    </div>\n                ))}\n            </div>\n        );\n    }\n\n    // \u684C\u9762\u7AEF\n    return (\n        <div className={cn(\"h-[336px] gap-4 flex w-full overflow-hidden laptop:h-[448px] desktop:h-[560px]\", className)}>\n            {products?.map((item, idx) => {\n                const isExpanded = hoverIndex === idx;\n                const flexValue = isExpanded ? 6 : 1;\n                return (\n                    <div\n                        key={idx}\n                        style={{\n                            flex: flexValue,\n                            transition: 'all 0.3s ease-in-out',\n                        }}\n                        ref={(el) => el && getRef(idx, el)}\n                        className={cn(\n                            'relative overflow-hidden cursor-pointer',\n                            itemShape === 'round' ? 'rounded-2xl' : ''\n                        )}\n                        onMouseEnter={() => {\n                            setHoverIndex(idx)\n                            enterRef.current[idx] = true\n                        }}\n                        onMouseLeave={() => {\n                            setHoverIndex(null)\n                            const current = { ...refWidth.current, [idx]: false }\n                            setCurrentWidth(current)\n                            refWidth.current = current\n                            enterRef.current[idx] = false\n                        }}\n                    >\n                        <Picture\n                            source={item?.img}\n                            className=\"w-full h-full object-cover [&_img]:h-full [&_img]:object-cover\"\n                        />\n                        {\n                            currentWidth?.[idx] ?\n                                <div className={cn(\n                                    'absolute left-0 right-0 bottom-0 px-6 pb-6 overflow-hidden flex justify-between items-end',\n                                    'transition-all duration-[50ms] delay-[300ms]',\n                                    isExpanded ? 'opacity-100' : 'opacity-0'\n                                )}>\n                                    <div className=\"mr-1 flex-1 overflow-hidden\">\n                                        <p className=\"mb-1 text-xl font-bold text-[#FFFFFF] laptop:text-2xl desktop:text-[32px]\">{item?.title}</p>\n                                        <h3 className=\"text-sm font-medium text-[#FFFFFF] desktop:text-lg\">{item?.subTitle}</h3>\n                                    </div>\n                                    <Button\n                                        size=\"sm\"\n                                        hoverEffect=\"slide\"\n                                        variant=\"secondary\"\n                                        onClick={() => event?.primaryButton?.onClick?.(item)}\n                                        className={cn(\n                                            'mb-1.5 overflow-hidden bg-transparent text-[#FFFFFF] border-[#FFFFFF] font-bold text-sm desktop:text-base',\n                                            shape === 'round' ? 'rounded-2xl' : ''\n                                        )}\n                                    >\n                                        {primaryButton}\n                                    </Button>\n                                </div>: null\n                        }\n                    </div>\n                );\n            })}\n        </div>\n    );\n};\n\nexport default AccordionCards\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GA2FwB,IAAAI,EAAA,6BA3FxBC,EAAmB,kCACnBC,EAAoB,0CACpBC,EAAmB,yCACnBC,EAA4C,iBAG5C,SAASC,GAAiB,CACtB,KAAM,CAACC,EAAOC,CAAQ,KAAI,YAAS,QAAQ,YAAc,CAAC,EAC1D,sBAAU,IAAM,CACZ,MAAMC,EAAW,IAAMD,EAAS,QAAQ,YAAc,CAAC,EACvD,eAAQ,iBAAiB,SAAUC,CAAQ,EACpC,IAAM,QAAQ,oBAAoB,SAAUA,CAAQ,CAC/D,EAAG,CAAC,CAAC,EACEF,GAAS,GACpB,CA0BA,MAAMG,EAAiB,CAAC,CACpB,SAAAC,EAAW,CAAC,EACZ,UAAAC,EAAY,GACZ,MAAAC,EAAQ,SACR,UAAAC,EAAY,SACZ,MAAAC,EACA,cAAAC,EAAgB,EACpB,IAA0B,CACtB,MAAMC,EAAWX,EAAe,EAC1B,CAACY,EAAYC,CAAa,KAAI,YAAwB,IAAI,EAC1D,CAACC,EAAcC,CAAe,KAAI,YAAqC,CAAC,CAAC,EAEzEC,KAAe,UAAyB,CAAC,CAAC,EAC1CC,KAAW,UAAmC,CAAC,CAAC,EAChDC,KAAW,UAAmC,CAAC,CAAC,EAEhDC,EAAS,CAACC,EAAeC,IAAuB,CAC9CA,IACAL,EAAa,QAAQI,CAAK,EAAIC,EAEtC,EAEMC,EAAuBF,GAAkB,CAC3C,GAAIF,EAAS,UAAUE,CAAK,EAAG,CAC3B,MAAMG,EAAU,CAAE,GAAGN,EAAS,QAAS,CAACG,CAAK,EAAG,EAAK,EACrDL,EAAgBQ,CAAO,EACvBN,EAAS,QAAUM,CACvB,CACJ,EAeA,SAbA,aAAU,IAAM,CACZ,MAAMC,EAAUR,EAAa,QAC7B,OAAAQ,GAAS,QAAQ,CAACC,EAAML,IAAU,CAC9BK,EAAK,iBAAiB,gBAAiB,IAAMH,EAAoBF,CAAK,CAAC,CAC3E,CAAC,EACM,IAAM,CACTI,GAAS,QAAQ,CAACC,EAAML,IAAU,CAC9BK,EAAK,oBAAoB,gBAAiB,IAAMH,EAAoBF,CAAK,CAAC,CAC9E,CAAC,CACL,CACJ,EAAG,CAAC,CAAC,EAGDT,KAEI,OAAC,OAAI,aAAW,MAAG,8CAA+CL,CAAS,EACtE,SAAAD,GAAU,IAAI,CAACoB,EAAMC,OAClB,OAAC,OAEG,UAAU,kFAEV,mBAAC,EAAAC,QAAA,CACG,UAAU,iEACV,OAAQF,GAAM,IAClB,GANKC,CAOT,CACH,EACL,KAMJ,OAAC,OAAI,aAAW,MAAG,iFAAkFpB,CAAS,EACzG,SAAAD,GAAU,IAAI,CAACoB,EAAMC,IAAQ,CAC1B,MAAME,EAAahB,IAAec,EAElC,SACI,QAAC,OAEG,MAAO,CACH,KALME,EAAa,EAAI,EAMvB,WAAY,sBAChB,EACA,IAAMP,GAAOA,GAAMF,EAAOO,EAAKL,CAAE,EACjC,aAAW,MACP,0CACAb,IAAc,QAAU,cAAgB,EAC5C,EACA,aAAc,IAAM,CAChBK,EAAca,CAAG,EACjBR,EAAS,QAAQQ,CAAG,EAAI,EAC5B,EACA,aAAc,IAAM,CAChBb,EAAc,IAAI,EAClB,MAAMU,EAAU,CAAE,GAAGN,EAAS,QAAS,CAACS,CAAG,EAAG,EAAM,EACpDX,EAAgBQ,CAAO,EACvBN,EAAS,QAAUM,EACnBL,EAAS,QAAQQ,CAAG,EAAI,EAC5B,EAEA,oBAAC,EAAAC,QAAA,CACG,OAAQF,GAAM,IACd,UAAU,iEACd,EAEIX,IAAeY,CAAG,KACd,QAAC,OAAI,aAAW,MACZ,4FACA,+CACAE,EAAa,cAAgB,WACjC,EACI,qBAAC,OAAI,UAAU,8BACX,oBAAC,KAAE,UAAU,4EAA6E,SAAAH,GAAM,MAAM,KACtG,OAAC,MAAG,UAAU,qDAAsD,SAAAA,GAAM,SAAS,GACvF,KACA,OAAC,EAAAI,QAAA,CACG,KAAK,KACL,YAAY,QACZ,QAAQ,YACR,QAAS,IAAMpB,GAAO,eAAe,UAAUgB,CAAI,EACnD,aAAW,MACP,4GACAlB,IAAU,QAAU,cAAgB,EACxC,EAEC,SAAAG,EACL,GACJ,EAAQ,OAjDXgB,CAmDT,CAER,CAAC,EACL,CAER,EAEA,IAAOjC,EAAQW",
+  "sourcesContent": ["'use client'\nimport { cn } from '../../helpers/utils.js'\nimport Picture from '../../components/picture.js'\nimport Button from '../../components/button.js'\nimport { useState, useEffect, useRef } from 'react'\n\n/** Hook\uFF1A\u76D1\u542C\u7A97\u53E3\u5BBD\u5EA6 */\nfunction useWindowWidth() {\n    const [width, setWidth] = useState(window?.innerWidth || 0);\n    useEffect(() => {\n        const onResize = () => setWidth(window?.innerWidth || 0);\n        window?.addEventListener('resize', onResize);\n        return () => window?.removeEventListener('resize', onResize);\n    }, []);\n    return width <= 768;\n}\n\ntype AccordionCardsType = {\n    products: Array<{\n        /** \u6807\u9898\u6587\u672C */\n        title: string\n        /** \u56FE\u7247*/\n        img: string\n        /** \u5185\u5BB9\u8282\u70B9 */\n        subTitle: string\n    }>\n    className?: string\n    /** \u6309\u94AE\u5F62\u72B6 */\n    shape?: 'round' | 'square'\n    /** \u5361\u7247\u5F62\u72B6 */\n    itemShape?: 'round' | 'square'\n    /** \u4E3B\u6309\u94AE\u914D\u7F6E */\n    primaryButton?: string\n    /** \u6309\u94AE\u4E8B\u4EF6*/\n    event?: {\n        primaryButton?: {\n            onClick: (v: any) => void\n        },\n    },\n}\n\nconst AccordionCards = ({\n    products = [],\n    className = '',\n    shape = 'square',\n    itemShape = 'square',\n    event,\n    primaryButton = '',\n}: AccordionCardsType) => {\n    const isMobile = useWindowWidth();\n    const [hoverIndex, setHoverIndex] = useState<number | null>(null);\n    const [currentWidth, setCurrentWidth] = useState<{ [key: number]: boolean }>({});\n\n    const accordionRef = useRef<HTMLDivElement[]>([]);\n    const refWidth = useRef<{ [key: number]: boolean }>({});\n    const enterRef = useRef<{ [key: number]: boolean }>({});\n\n    const getRef = (index: number, el: HTMLDivElement) => {\n        if (el) {\n            accordionRef.current[index] = el;\n        }\n    };\n\n    const handleTransitionEnd = (index: number) => {\n        if (enterRef.current?.[index]) {\n            const current = { ...refWidth.current, [index]: true }\n            setCurrentWidth(current)\n            refWidth.current = current\n        }\n    };\n\n    useEffect(() => {\n        const element = accordionRef.current;\n        element?.forEach((item, index) => {\n            item.addEventListener('transitionend', () => handleTransitionEnd(index));\n        })\n        return () => {\n            element?.forEach((item, index) => {\n                item.removeEventListener('transitionend', () => handleTransitionEnd(index)); \n            })\n        };\n    }, [])\n\n    // \u79FB\u52A8\u7AEF\n    if (isMobile) {\n        return (\n            <div className={cn(\"flex gap-4 overflow-x-auto w-full h-[400px]\", className)}>\n                {products?.map((item, idx) => (\n                    <div\n                        key={idx}\n                        className=\"grow-0 shrink-0 basis-[296px] bg-[#FFFFFF] border border-solid border-[#dddddd]\"\n                    >\n                        <Picture\n                            className=\"w-full h-full object-cover [&_img]:h-full [&_img]:object-cover\"\n                            source={item?.img}\n                        />\n                    </div>\n                ))}\n            </div>\n        );\n    }\n\n    // \u684C\u9762\u7AEF\n    return (\n        <div className={cn(\"h-[336px] gap-4 flex w-full overflow-hidden laptop:h-[448px] desktop:h-[560px]\", className)}>\n            {products?.map((item, idx) => {\n                const isExpanded = hoverIndex === idx;\n                const flexValue = isExpanded ? 6 : 1;\n                return (\n                    <div\n                        key={idx}\n                        style={{\n                            flex: flexValue,\n                            transition: 'all 0.3s ease-in-out',\n                        }}\n                        ref={(el) => el && getRef(idx, el)}\n                        className={cn(\n                            'relative overflow-hidden cursor-pointer',\n                            itemShape === 'round' ? 'rounded-2xl' : ''\n                        )}\n                        onMouseEnter={() => {\n                            setHoverIndex(idx)\n                            enterRef.current[idx] = true\n                        }}\n                        onMouseLeave={() => {\n                            setHoverIndex(null)\n                            const current = { ...refWidth.current, [idx]: false }\n                            setCurrentWidth(current)\n                            refWidth.current = current\n                            enterRef.current[idx] = false\n                        }}\n                    >\n                        <Picture\n                            source={item?.img}\n                            className=\"w-full h-full object-cover [&_img]:h-full [&_img]:object-cover\"\n                        />\n                        {\n                            currentWidth?.[idx] ?\n                                <div className={cn(\n                                    'absolute left-0 right-0 bottom-0 px-6 pb-6 overflow-hidden flex justify-between items-end',\n                                    'transition-all duration-[50ms] delay-[300ms]',\n                                    isExpanded ? 'opacity-100' : 'opacity-0'\n                                )}>\n                                    <div className=\"mr-1 flex-1 overflow-hidden\">\n                                        <p className=\"mb-1 text-xl font-bold text-[#FFFFFF] laptop:text-2xl desktop:text-[32px]\">{item?.title}</p>\n                                        <h3 className=\"text-sm font-medium text-[#FFFFFF] desktop:text-lg\">{item?.subTitle}</h3>\n                                    </div>\n                                    <Button\n                                        size=\"sm\"\n                                        hoverEffect=\"slide\"\n                                        variant=\"secondary\"\n                                        onClick={() => event?.primaryButton?.onClick?.(item)}\n                                        className={cn(\n                                            'mb-1.5 overflow-hidden bg-transparent text-[#FFFFFF] border-[#FFFFFF] font-bold text-sm desktop:text-base',\n                                            shape === 'round' ? 'rounded-2xl' : ''\n                                        )}\n                                    >\n                                        {primaryButton}\n                                    </Button>\n                                </div>: null\n                        }\n                    </div>\n                );\n            })}\n        </div>\n    );\n};\n\nexport default AccordionCards\n"],
+  "mappings": "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",
   "names": ["AccordionCards_exports", "__export", "AccordionCards_default", "__toCommonJS", "import_jsx_runtime", "import_utils", "import_picture", "import_button", "import_react", "useWindowWidth", "width", "setWidth", "onResize", "AccordionCards", "products", "className", "shape", "itemShape", "event", "primaryButton", "isMobile", "hoverIndex", "setHoverIndex", "currentWidth", "setCurrentWidth", "accordionRef", "refWidth", "enterRef", "getRef", "index", "el", "handleTransitionEnd", "current", "element", "item", "idx", "Picture", "isExpanded", "Button"]
 }

package/dist/cjs/biz-components/index.d.ts

@@ -8,4 +8,4 @@ export { default as Category } from './Category/index.js';
 export { default as HeroBanner } from './HeroBanner/index.js';
 export { default as AccordionCards } from './AccordionCards/index.js';
 export { default as Graphic } from './Graphic/index.js';
-export * from './Marquee/index.js';
+export { Marquee, MarqueeList, MarqueeImageContent, MarqueeTextContent, type FastMarqueeProps, type MarqueeListProps, type MarqueeImageContentProps, type MarqueeTextContentProps, } from './Marquee/index.js';

package/dist/cjs/biz-components/index.js

@@ -1,2 +1,2 @@
-"use strict";var g=Object.create;var l=Object.defineProperty;var q=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var C=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var v=(r,a)=>{for(var e in a)l(r,e,{get:a[e],enumerable:!0})},f=(r,a,e,u)=>{if(a&&typeof a=="object"||typeof a=="function")for(let t of B(a))!b.call(r,t)&&t!==e&&l(r,t,{get:()=>a[t],enumerable:!(u=q(a,t))||u.enumerable});return r},p=(r,a,e)=>(f(r,a,"default"),e&&f(e,a,"default")),o=(r,a,e)=>(e=r!=null?g(C(r)):{},f(a||!r||!r.__esModule?l(e,"default",{value:r,enumerable:!0}):e,r)),A=r=>f(l({},"__esModule",{value:!0}),r);var d={};v(d,{AccordionCards:()=>E.default,BrandEquity:()=>s.default,Category:()=>c.default,Evaluate:()=>y.default,Graphic:()=>S.default,HeroBanner:()=>h.default,MemberEquity:()=>x.default,Shelf:()=>m.default,ShelfDisplay:()=>n.default,Slogan:()=>i.default});module.exports=A(d);var m=o(require("./Shelf/index.js")),s=o(require("./BrandEquity/index.js")),x=o(require("./MemberEquity/index.js")),i=o(require("./Slogan/index.js")),n=o(require("./ShelfDisplay/index.js")),y=o(require("./Evaluate/index.js")),c=o(require("./Category/index.js")),h=o(require("./HeroBanner/index.js")),E=o(require("./AccordionCards/index.js")),S=o(require("./Graphic/index.js"));p(d,require("./Marquee/index.js"),module.exports);
+"use strict";var g=Object.create;var p=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var S=(e,r)=>{for(var a in r)p(e,a,{get:r[a],enumerable:!0})},s=(e,r,a,u)=>{if(r&&typeof r=="object"||typeof r=="function")for(let f of c(r))!E.call(e,f)&&f!==a&&p(e,f,{get:()=>r[f],enumerable:!(u=P(r,f))||u.enumerable});return e};var t=(e,r,a)=>(a=e!=null?g(h(e)):{},s(r||!e||!e.__esModule?p(a,"default",{value:e,enumerable:!0}):a,e)),B=e=>s(p({},"__esModule",{value:!0}),e);var I={};S(I,{AccordionCards:()=>i.default,BrandEquity:()=>m.default,Category:()=>M.default,Evaluate:()=>q.default,Graphic:()=>C.default,HeroBanner:()=>y.default,Marquee:()=>o.Marquee,MarqueeImageContent:()=>o.MarqueeImageContent,MarqueeList:()=>o.MarqueeList,MarqueeTextContent:()=>o.MarqueeTextContent,MemberEquity:()=>d.default,Shelf:()=>l.default,ShelfDisplay:()=>x.default,Slogan:()=>n.default});module.exports=B(I);var l=t(require("./Shelf/index.js")),m=t(require("./BrandEquity/index.js")),d=t(require("./MemberEquity/index.js")),n=t(require("./Slogan/index.js")),x=t(require("./ShelfDisplay/index.js")),q=t(require("./Evaluate/index.js")),M=t(require("./Category/index.js")),y=t(require("./HeroBanner/index.js")),i=t(require("./AccordionCards/index.js")),C=t(require("./Graphic/index.js")),o=require("./Marquee/index.js");
 //# sourceMappingURL=index.js.map

package/dist/cjs/biz-components/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/biz-components/index.ts"],
-  "sourcesContent": ["export { default as Shelf } from './Shelf/index.js'\nexport { default as BrandEquity } from './BrandEquity/index.js'\nexport { default as MemberEquity } from './MemberEquity/index.js'\nexport { default as Slogan } from './Slogan/index.js'\nexport { default as ShelfDisplay } from './ShelfDisplay/index.js'\nexport { default as Evaluate } from './Evaluate/index.js'\nexport { default as Category } from './Category/index.js'\nexport { default as HeroBanner } from './HeroBanner/index.js'\nexport { default as AccordionCards } from './AccordionCards/index.js'\nexport { default as Graphic } from './Graphic/index.js'\nexport * from './Marquee/index.js'\n"],
-  "mappings": "wmBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qQAAAE,EAAAF,GAAA,IAAAG,EAAiC,+BACjCC,EAAuC,qCACvCC,EAAwC,sCACxCC,EAAkC,gCAClCC,EAAwC,sCACxCC,EAAoC,kCACpCC,EAAoC,kCACpCC,EAAsC,oCACtCC,EAA0C,wCAC1CC,EAAmC,iCACnCC,EAAAb,EAAc,8BAVd",
-  "names": ["biz_components_exports", "__export", "__toCommonJS", "import_Shelf", "import_BrandEquity", "import_MemberEquity", "import_Slogan", "import_ShelfDisplay", "import_Evaluate", "import_Category", "import_HeroBanner", "import_AccordionCards", "import_Graphic", "__reExport"]
+  "sourcesContent": ["export { default as Shelf } from './Shelf/index.js'\nexport { default as BrandEquity } from './BrandEquity/index.js'\nexport { default as MemberEquity } from './MemberEquity/index.js'\nexport { default as Slogan } from './Slogan/index.js'\nexport { default as ShelfDisplay } from './ShelfDisplay/index.js'\nexport { default as Evaluate } from './Evaluate/index.js'\nexport { default as Category } from './Category/index.js'\nexport { default as HeroBanner } from './HeroBanner/index.js'\nexport { default as AccordionCards } from './AccordionCards/index.js'\nexport { default as Graphic } from './Graphic/index.js'\nexport {\n  Marquee,\n  MarqueeList,\n  MarqueeImageContent,\n  MarqueeTextContent,\n  type FastMarqueeProps,\n  type MarqueeListProps,\n  type MarqueeImageContentProps,\n  type MarqueeTextContentProps,\n} from './Marquee/index.js'\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mZAAAE,EAAAF,GAAA,IAAAG,EAAiC,+BACjCC,EAAuC,qCACvCC,EAAwC,sCACxCC,EAAkC,gCAClCC,EAAwC,sCACxCC,EAAoC,kCACpCC,EAAoC,kCACpCC,EAAsC,oCACtCC,EAA0C,wCAC1CC,EAAmC,iCACnCC,EASO",
+  "names": ["biz_components_exports", "__export", "__toCommonJS", "import_Shelf", "import_BrandEquity", "import_MemberEquity", "import_Slogan", "import_ShelfDisplay", "import_Evaluate", "import_Category", "import_HeroBanner", "import_AccordionCards", "import_Graphic", "import_Marquee"]
 }

package/dist/cjs/components/index.d.ts

@@ -1,24 +1,24 @@
 export { default as Button } from './button.js';
 export { default as Badge } from './badge.js';
-export * from './input.js';
+export { Input, InputSlot } from './input.js';
 export { default as Checkbox } from './checkbox.js';
 export { default as Skeleton } from './skeleton.js';
-export * from './dialog.js';
-export * from './popover.js';
-export * from './radio.js';
-export * from './text.js';
-export * from './gird.js';
-export * from './heading.js';
-export * from './container.js';
-export * from './color.js';
-export * from './drawer.js';
-export * from './link.js';
-export * from './avatar.js';
-export * from './input-number.js';
-export * from './drop-down.js';
-export * from './card.js';
-export * from './carousel.js';
-export * from './tabs.js';
-export * from './alert.js';
+export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, } from './dialog.js';
+export { Popover, PopoverTrigger, PopoverContent } from './popover.js';
+export { RadioGroup, RadioGroupItem, type RadioGroupProps, type RadioGroupItemProps } from './radio.js';
+export { Text, type TextProps } from './text.js';
+export { Grid, GridItem, type GridProps, type GridItemProps } from './gird.js';
+export { Heading, type HeadingProps } from './heading.js';
+export { Container, type ContainerProps } from './container.js';
+export { Color, type ColorProps } from './color.js';
+export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, } from './drawer.js';
+export { default as Link, type LinkProps } from './link.js';
+export { Avatar, AvatarImage, AvatarFallback } from './avatar.js';
+export { default as InputNumber, type InputNumberProps } from './input-number.js';
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, } from './drop-down.js';
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent } from './card.js';
+export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, } from './carousel.js';
+export { Tabs, TabsList, TabsTrigger, TabsContent } from './tabs.js';
+export { Alert, AlertTitle, AlertDescription } from './alert.js';
 export { default as Picture } from './picture.js';
 export { default as Theme } from './theme.js';

package/dist/cjs/components/index.js

@@ -1,2 +1,2 @@
-"use strict";var n=Object.create;var a=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,i=Object.prototype.hasOwnProperty;var C=(e,t)=>{for(var f in t)a(e,f,{get:t[f],enumerable:!0})},p=(e,t,f,u)=>{if(t&&typeof t=="object"||typeof t=="function")for(let x of b(t))!i.call(e,x)&&x!==f&&a(e,x,{get:()=>t[x],enumerable:!(u=B(t,x))||u.enumerable});return e},r=(e,t,f)=>(p(e,t,"default"),f&&p(f,t,"default")),m=(e,t,f)=>(f=e!=null?n(g(e)):{},p(t||!e||!e.__esModule?a(f,"default",{value:e,enumerable:!0}):f,e)),P=e=>p(a({},"__esModule",{value:!0}),e);var o={};C(o,{Badge:()=>l.default,Button:()=>d.default,Checkbox:()=>s.default,Picture:()=>h.default,Skeleton:()=>c.default,Theme:()=>k.default});module.exports=P(o);var d=m(require("./button.js")),l=m(require("./badge.js"));r(o,require("./input.js"),module.exports);var s=m(require("./checkbox.js")),c=m(require("./skeleton.js"));r(o,require("./dialog.js"),module.exports);r(o,require("./popover.js"),module.exports);r(o,require("./radio.js"),module.exports);r(o,require("./text.js"),module.exports);r(o,require("./gird.js"),module.exports);r(o,require("./heading.js"),module.exports);r(o,require("./container.js"),module.exports);r(o,require("./color.js"),module.exports);r(o,require("./drawer.js"),module.exports);r(o,require("./link.js"),module.exports);r(o,require("./avatar.js"),module.exports);r(o,require("./input-number.js"),module.exports);r(o,require("./drop-down.js"),module.exports);r(o,require("./card.js"),module.exports);r(o,require("./carousel.js"),module.exports);r(o,require("./tabs.js"),module.exports);r(o,require("./alert.js"),module.exports);var h=m(require("./picture.js")),k=m(require("./theme.js"));
+"use strict";var H=Object.create;var f=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames;var L=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty;var B=(t,p)=>{for(var i in p)f(t,i,{get:p[i],enumerable:!0})},P=(t,p,i,w)=>{if(p&&typeof p=="object"||typeof p=="function")for(let s of F(p))!N.call(t,s)&&s!==i&&f(t,s,{get:()=>p[s],enumerable:!(w=h(p,s))||w.enumerable});return t};var u=(t,p,i)=>(i=t!=null?H(L(t)):{},P(p||!t||!t.__esModule?f(i,"default",{value:t,enumerable:!0}):i,t)),O=t=>P(f({},"__esModule",{value:!0}),t);var j={};B(j,{Alert:()=>m.Alert,AlertDescription:()=>m.AlertDescription,AlertTitle:()=>m.AlertTitle,Avatar:()=>D.Avatar,AvatarFallback:()=>D.AvatarFallback,AvatarImage:()=>D.AvatarImage,Badge:()=>M.default,Button:()=>T.default,Card:()=>a.Card,CardContent:()=>a.CardContent,CardDescription:()=>a.CardDescription,CardFooter:()=>a.CardFooter,CardHeader:()=>a.CardHeader,CardTitle:()=>a.CardTitle,Carousel:()=>n.Carousel,CarouselContent:()=>n.CarouselContent,CarouselItem:()=>n.CarouselItem,CarouselNext:()=>n.CarouselNext,CarouselPrevious:()=>n.CarouselPrevious,Checkbox:()=>b.default,Color:()=>v.Color,Container:()=>c.Container,Dialog:()=>o.Dialog,DialogClose:()=>o.DialogClose,DialogContent:()=>o.DialogContent,DialogDescription:()=>o.DialogDescription,DialogFooter:()=>o.DialogFooter,DialogHeader:()=>o.DialogHeader,DialogOverlay:()=>o.DialogOverlay,DialogPortal:()=>o.DialogPortal,DialogTitle:()=>o.DialogTitle,DialogTrigger:()=>o.DialogTrigger,Drawer:()=>e.Drawer,DrawerClose:()=>e.DrawerClose,DrawerContent:()=>e.DrawerContent,DrawerDescription:()=>e.DrawerDescription,DrawerFooter:()=>e.DrawerFooter,DrawerHeader:()=>e.DrawerHeader,DrawerOverlay:()=>e.DrawerOverlay,DrawerPortal:()=>e.DrawerPortal,DrawerTitle:()=>e.DrawerTitle,DrawerTrigger:()=>e.DrawerTrigger,DropdownMenu:()=>r.DropdownMenu,DropdownMenuCheckboxItem:()=>r.DropdownMenuCheckboxItem,DropdownMenuContent:()=>r.DropdownMenuContent,DropdownMenuGroup:()=>r.DropdownMenuGroup,DropdownMenuItem:()=>r.DropdownMenuItem,DropdownMenuLabel:()=>r.DropdownMenuLabel,DropdownMenuPortal:()=>r.DropdownMenuPortal,DropdownMenuRadioGroup:()=>r.DropdownMenuRadioGroup,DropdownMenuRadioItem:()=>r.DropdownMenuRadioItem,DropdownMenuSeparator:()=>r.DropdownMenuSeparator,DropdownMenuShortcut:()=>r.DropdownMenuShortcut,DropdownMenuSub:()=>r.DropdownMenuSub,DropdownMenuSubContent:()=>r.DropdownMenuSubContent,DropdownMenuSubTrigger:()=>r.DropdownMenuSubTrigger,DropdownMenuTrigger:()=>r.DropdownMenuTrigger,Grid:()=>g.Grid,GridItem:()=>g.GridItem,Heading:()=>G.Heading,Input:()=>x.Input,InputNumber:()=>S.default,InputSlot:()=>x.InputSlot,Link:()=>A.default,Picture:()=>k.default,Popover:()=>l.Popover,PopoverContent:()=>l.PopoverContent,PopoverTrigger:()=>l.PopoverTrigger,RadioGroup:()=>C.RadioGroup,RadioGroupItem:()=>C.RadioGroupItem,Skeleton:()=>y.default,Tabs:()=>d.Tabs,TabsContent:()=>d.TabsContent,TabsList:()=>d.TabsList,TabsTrigger:()=>d.TabsTrigger,Text:()=>I.Text,Theme:()=>R.default});module.exports=O(j);var T=u(require("./button.js")),M=u(require("./badge.js")),x=require("./input.js"),b=u(require("./checkbox.js")),y=u(require("./skeleton.js")),o=require("./dialog.js"),l=require("./popover.js"),C=require("./radio.js"),I=require("./text.js"),g=require("./gird.js"),G=require("./heading.js"),c=require("./container.js"),v=require("./color.js"),e=require("./drawer.js"),A=u(require("./link.js")),D=require("./avatar.js"),S=u(require("./input-number.js")),r=require("./drop-down.js"),a=require("./card.js"),n=require("./carousel.js"),d=require("./tabs.js"),m=require("./alert.js"),k=u(require("./picture.js")),R=u(require("./theme.js"));
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/index.ts"],
-  "sourcesContent": ["export { default as Button } from './button.js'\nexport { default as Badge } from './badge.js'\nexport * from './input.js'\n\nexport { default as Checkbox } from './checkbox.js'\n\nexport { default as Skeleton } from './skeleton.js'\nexport * from './dialog.js'\nexport * from './popover.js'\nexport * from './radio.js'\nexport * from './text.js'\nexport * from './gird.js'\nexport * from './heading.js'\nexport * from './container.js'\nexport * from './color.js'\nexport * from './drawer.js'\nexport * from './link.js'\nexport * from './avatar.js'\nexport * from './input-number.js'\nexport * from './drop-down.js'\nexport * from './card.js'\nexport * from './carousel.js'\nexport * from './tabs.js'\nexport * from './alert.js'\nexport { default as Picture } from './picture.js'\nexport { default as Theme } from './theme.js'\n"],
-  "mappings": "wmBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mJAAAE,EAAAF,GAAA,IAAAG,EAAkC,0BAClCC,EAAiC,yBACjCC,EAAAL,EAAc,sBAFd,gBAIA,IAAAM,EAAoC,4BAEpCC,EAAoC,4BACpCF,EAAAL,EAAc,uBAPd,gBAQAK,EAAAL,EAAc,wBARd,gBASAK,EAAAL,EAAc,sBATd,gBAUAK,EAAAL,EAAc,qBAVd,gBAWAK,EAAAL,EAAc,qBAXd,gBAYAK,EAAAL,EAAc,wBAZd,gBAaAK,EAAAL,EAAc,0BAbd,gBAcAK,EAAAL,EAAc,sBAdd,gBAeAK,EAAAL,EAAc,uBAfd,gBAgBAK,EAAAL,EAAc,qBAhBd,gBAiBAK,EAAAL,EAAc,uBAjBd,gBAkBAK,EAAAL,EAAc,6BAlBd,gBAmBAK,EAAAL,EAAc,0BAnBd,gBAoBAK,EAAAL,EAAc,qBApBd,gBAqBAK,EAAAL,EAAc,yBArBd,gBAsBAK,EAAAL,EAAc,qBAtBd,gBAuBAK,EAAAL,EAAc,sBAvBd,gBAwBA,IAAAQ,EAAmC,2BACnCC,EAAiC",
-  "names": ["components_exports", "__export", "__toCommonJS", "import_button", "import_badge", "__reExport", "import_checkbox", "import_skeleton", "import_picture", "import_theme"]
+  "sourcesContent": ["export { default as Button } from './button.js'\nexport { default as Badge } from './badge.js'\nexport { Input, InputSlot } from './input.js'\n\nexport { default as Checkbox } from './checkbox.js'\n\nexport { default as Skeleton } from './skeleton.js'\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogClose,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n} from './dialog.js'\nexport { Popover, PopoverTrigger, PopoverContent } from './popover.js'\nexport { RadioGroup, RadioGroupItem, type RadioGroupProps, type RadioGroupItemProps } from './radio.js'\nexport { Text, type TextProps } from './text.js'\nexport { Grid, GridItem, type GridProps, type GridItemProps } from './gird.js'\nexport { Heading, type HeadingProps } from './heading.js'\nexport { Container , type ContainerProps} from './container.js'\nexport { Color, type ColorProps } from './color.js'\nexport {\n  Drawer,\n  DrawerPortal,\n  DrawerOverlay,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n} from './drawer.js'\nexport { default as Link , type LinkProps} from './link.js'\nexport { Avatar, AvatarImage, AvatarFallback } from './avatar.js'\nexport { default as InputNumber, type InputNumberProps } from './input-number.js'\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup,\n} from './drop-down.js'\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent } from './card.js'\nexport {\n  type CarouselApi,\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselPrevious,\n  CarouselNext,\n} from './carousel.js'\nexport { Tabs, TabsList, TabsTrigger, TabsContent } from './tabs.js'\nexport { Alert, AlertTitle, AlertDescription } from './alert.js'\nexport { default as Picture } from './picture.js'\nexport { default as Theme } from './theme.js'\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,k5EAAAE,EAAAF,GAAA,IAAAG,EAAkC,0BAClCC,EAAiC,yBACjCC,EAAiC,sBAEjCC,EAAoC,4BAEpCC,EAAoC,4BACpCC,EAWO,uBACPC,EAAwD,wBACxDC,EAA2F,sBAC3FC,EAAqC,qBACrCC,EAAmE,qBACnEC,EAA2C,wBAC3CC,EAA+C,0BAC/CC,EAAuC,sBACvCC,EAWO,uBACPC,EAAgD,wBAChDC,EAAoD,uBACpDC,EAA8D,gCAC9DC,EAgBO,0BACPC,EAAsF,qBACtFC,EAOO,yBACPC,EAAyD,qBACzDC,EAAoD,sBACpDC,EAAmC,2BACnCC,EAAiC",
+  "names": ["components_exports", "__export", "__toCommonJS", "import_button", "import_badge", "import_input", "import_checkbox", "import_skeleton", "import_dialog", "import_popover", "import_radio", "import_text", "import_gird", "import_heading", "import_container", "import_color", "import_drawer", "import_link", "import_avatar", "import_input_number", "import_drop_down", "import_card", "import_carousel", "import_tabs", "import_alert", "import_picture", "import_theme"]
 }

package/dist/cjs/components/theme.d.ts

@@ -4,7 +4,7 @@ interface ThemeProps {
     children: React.ReactNode;
 }
 /**
- *
+ * @deprecated
  * @param param
  * @returns
  */

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/theme.tsx"],
-  "sourcesContent": ["'use client'\nimport * as React from 'react'\n\ninterface ThemeProps {\n  brand: string\n  children: React.ReactNode\n}\n/**\n *\n * @param param\n * @returns\n */\nconst Theme = ({ brand, children }: ThemeProps) => {\n  React.useLayoutEffect(() => {\n    document.querySelector('html')?.setAttribute('data-brand-theme', brand)\n  }, [])\n  return <>{children}</>\n}\n\nexport default Theme\n"],
+  "sourcesContent": ["'use client'\nimport * as React from 'react'\n\ninterface ThemeProps {\n  brand: string\n  children: React.ReactNode\n}\n/**\n * @deprecated \n * @param param\n * @returns\n */\nconst Theme = ({ brand, children }: ThemeProps) => {\n  React.useLayoutEffect(() => {\n    document.querySelector('html')?.setAttribute('data-brand-theme', brand)\n  }, [])\n  return <>{children}</>\n}\n\nexport default Theme\n"],
   "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAgBS,IAAAI,EAAA,6BAfTC,EAAuB,oBAWvB,MAAMC,EAAQ,CAAC,CAAE,MAAAC,EAAO,SAAAC,CAAS,KAC/BH,EAAM,gBAAgB,IAAM,CAC1B,SAAS,cAAc,MAAM,GAAG,aAAa,mBAAoBE,CAAK,CACxE,EAAG,CAAC,CAAC,KACE,mBAAG,SAAAC,EAAS,GAGrB,IAAON,EAAQI",
   "names": ["theme_exports", "__export", "theme_default", "__toCommonJS", "import_jsx_runtime", "React", "Theme", "brand", "children"]
 }

package/dist/esm/biz-components/AccordionCards/index.js

@@ -1,2 +1,2 @@
-import{jsx as r,jsxs as f}from"react/jsx-runtime";import{cn as s}from"../../helpers/utils.js";import F from"../../components/picture.js";import C from"../../components/button.js";import{useState as c,useEffect as x,useRef as m}from"react";function L(){const[i,l]=c(window?.innerWidth||0);return x(()=>{const a=()=>l(window?.innerWidth||0);return window?.addEventListener("resize",a),()=>window?.removeEventListener("resize",a)},[]),i<=768}const T=({products:i=[],className:l="",shape:a="square",itemShape:w="square",event:g,primaryButton:y=""})=>{const k=L(),[E,p]=c(null),[N,v]=c({}),b=m([]),d=m({}),u=m({}),W=(t,e)=>{e&&(b.current[t]=e)},h=t=>{if(u.current?.[t]){const e={...d.current,[t]:!0};v(e),d.current=e}};return x(()=>{const t=b.current;return t?.forEach((e,n)=>{e.addEventListener("transitionend",()=>h(n))}),()=>{t?.forEach((e,n)=>{e.removeEventListener("transitionend",()=>h(n))})}},[]),k?r("div",{className:s("flex gap-4 overflow-x-auto w-full h-[400px]",l),children:i?.map((t,e)=>r("div",{className:"grow-0 shrink-0 basis-[296px] bg-[#FFFFFF] border border-solid border-[#dddddd]",children:r(F,{className:"w-full h-full object-cover [&_img]:h-full [&_img]:object-cover",source:t?.img})},e))}):r("div",{className:s("h-[336px] gap-4 flex w-full overflow-hidden laptop:h-[448px] desktop:h-[560px]",l),children:i?.map((t,e)=>{const n=E===e;return f("div",{style:{flex:n?6:1,transition:"all 0.3s ease-in-out"},ref:o=>o&&W(e,o),className:s("relative overflow-hidden cursor-pointer",w==="round"?"rounded-2xl":""),onMouseEnter:()=>{p(e),u.current[e]=!0},onMouseLeave:()=>{p(null);const o={...d.current,[e]:!1};v(o),d.current=o,u.current[e]=!1},children:[r(F,{source:t?.img,className:"w-full h-full object-cover [&_img]:h-full [&_img]:object-cover"}),N?.[e]?f("div",{className:s("absolute left-0 right-0 bottom-0 px-6 pb-6 overflow-hidden flex justify-between items-end","transition-all duration-[50ms] delay-[300ms]",n?"opacity-100":"opacity-0"),children:[f("div",{className:"mr-1 flex-1 overflow-hidden",children:[r("p",{className:"mb-1 text-xl font-bold text-[#FFFFFF] laptop:text-2xl desktop:text-[32px]",children:t?.title}),r("h3",{className:"text-sm font-medium text-[#FFFFFF] desktop:text-lg",children:t?.subTitle})]}),r(C,{size:"sm",hoverEffect:"slide",variant:"secondary",onClick:()=>g?.primaryButton?.onClick?.(t),className:s("mb-1.5 overflow-hidden bg-transparent text-[#FFFFFF] border-[#FFFFFF] font-bold text-sm desktop:text-base",a==="round"?"rounded-2xl":""),children:y})]}):null]},e)})})};var z=T;export{z as default};
+"use client";import{jsx as r,jsxs as f}from"react/jsx-runtime";import{cn as s}from"../../helpers/utils.js";import F from"../../components/picture.js";import C from"../../components/button.js";import{useState as c,useEffect as x,useRef as m}from"react";function L(){const[i,l]=c(window?.innerWidth||0);return x(()=>{const a=()=>l(window?.innerWidth||0);return window?.addEventListener("resize",a),()=>window?.removeEventListener("resize",a)},[]),i<=768}const T=({products:i=[],className:l="",shape:a="square",itemShape:w="square",event:g,primaryButton:y=""})=>{const k=L(),[E,p]=c(null),[N,v]=c({}),b=m([]),d=m({}),u=m({}),W=(t,e)=>{e&&(b.current[t]=e)},h=t=>{if(u.current?.[t]){const e={...d.current,[t]:!0};v(e),d.current=e}};return x(()=>{const t=b.current;return t?.forEach((e,n)=>{e.addEventListener("transitionend",()=>h(n))}),()=>{t?.forEach((e,n)=>{e.removeEventListener("transitionend",()=>h(n))})}},[]),k?r("div",{className:s("flex gap-4 overflow-x-auto w-full h-[400px]",l),children:i?.map((t,e)=>r("div",{className:"grow-0 shrink-0 basis-[296px] bg-[#FFFFFF] border border-solid border-[#dddddd]",children:r(F,{className:"w-full h-full object-cover [&_img]:h-full [&_img]:object-cover",source:t?.img})},e))}):r("div",{className:s("h-[336px] gap-4 flex w-full overflow-hidden laptop:h-[448px] desktop:h-[560px]",l),children:i?.map((t,e)=>{const n=E===e;return f("div",{style:{flex:n?6:1,transition:"all 0.3s ease-in-out"},ref:o=>o&&W(e,o),className:s("relative overflow-hidden cursor-pointer",w==="round"?"rounded-2xl":""),onMouseEnter:()=>{p(e),u.current[e]=!0},onMouseLeave:()=>{p(null);const o={...d.current,[e]:!1};v(o),d.current=o,u.current[e]=!1},children:[r(F,{source:t?.img,className:"w-full h-full object-cover [&_img]:h-full [&_img]:object-cover"}),N?.[e]?f("div",{className:s("absolute left-0 right-0 bottom-0 px-6 pb-6 overflow-hidden flex justify-between items-end","transition-all duration-[50ms] delay-[300ms]",n?"opacity-100":"opacity-0"),children:[f("div",{className:"mr-1 flex-1 overflow-hidden",children:[r("p",{className:"mb-1 text-xl font-bold text-[#FFFFFF] laptop:text-2xl desktop:text-[32px]",children:t?.title}),r("h3",{className:"text-sm font-medium text-[#FFFFFF] desktop:text-lg",children:t?.subTitle})]}),r(C,{size:"sm",hoverEffect:"slide",variant:"secondary",onClick:()=>g?.primaryButton?.onClick?.(t),className:s("mb-1.5 overflow-hidden bg-transparent text-[#FFFFFF] border-[#FFFFFF] font-bold text-sm desktop:text-base",a==="round"?"rounded-2xl":""),children:y})]}):null]},e)})})};var z=T;export{z as default};
 //# sourceMappingURL=index.js.map

package/dist/esm/biz-components/AccordionCards/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/AccordionCards/index.tsx"],
-  "sourcesContent": ["import { cn } from '../../helpers/utils.js'\nimport Picture from '../../components/picture.js'\nimport Button from '../../components/button.js'\nimport { useState, useEffect, useRef } from 'react'\n\n/** Hook\uFF1A\u76D1\u542C\u7A97\u53E3\u5BBD\u5EA6 */\nfunction useWindowWidth() {\n    const [width, setWidth] = useState(window?.innerWidth || 0);\n    useEffect(() => {\n        const onResize = () => setWidth(window?.innerWidth || 0);\n        window?.addEventListener('resize', onResize);\n        return () => window?.removeEventListener('resize', onResize);\n    }, []);\n    return width <= 768;\n}\n\ntype AccordionCardsType = {\n    products: Array<{\n        /** \u6807\u9898\u6587\u672C */\n        title: string\n        /** \u56FE\u7247*/\n        img: string\n        /** \u5185\u5BB9\u8282\u70B9 */\n        subTitle: string\n    }>\n    className?: string\n    /** \u6309\u94AE\u5F62\u72B6 */\n    shape?: 'round' | 'square'\n    /** \u5361\u7247\u5F62\u72B6 */\n    itemShape?: 'round' | 'square'\n    /** \u4E3B\u6309\u94AE\u914D\u7F6E */\n    primaryButton?: string\n    /** \u6309\u94AE\u4E8B\u4EF6*/\n    event?: {\n        primaryButton?: {\n            onClick: (v: any) => void\n        },\n    },\n}\n\nconst AccordionCards = ({\n    products = [],\n    className = '',\n    shape = 'square',\n    itemShape = 'square',\n    event,\n    primaryButton = '',\n}: AccordionCardsType) => {\n    const isMobile = useWindowWidth();\n    const [hoverIndex, setHoverIndex] = useState<number | null>(null);\n    const [currentWidth, setCurrentWidth] = useState<{ [key: number]: boolean }>({});\n\n    const accordionRef = useRef<HTMLDivElement[]>([]);\n    const refWidth = useRef<{ [key: number]: boolean }>({});\n    const enterRef = useRef<{ [key: number]: boolean }>({});\n\n    const getRef = (index: number, el: HTMLDivElement) => {\n        if (el) {\n            accordionRef.current[index] = el;\n        }\n    };\n\n    const handleTransitionEnd = (index: number) => {\n        if (enterRef.current?.[index]) {\n            const current = { ...refWidth.current, [index]: true }\n            setCurrentWidth(current)\n            refWidth.current = current\n        }\n    };\n\n    useEffect(() => {\n        const element = accordionRef.current;\n        element?.forEach((item, index) => {\n            item.addEventListener('transitionend', () => handleTransitionEnd(index));\n        })\n        return () => {\n            element?.forEach((item, index) => {\n                item.removeEventListener('transitionend', () => handleTransitionEnd(index)); \n            })\n        };\n    }, [])\n\n    // \u79FB\u52A8\u7AEF\n    if (isMobile) {\n        return (\n            <div className={cn(\"flex gap-4 overflow-x-auto w-full h-[400px]\", className)}>\n                {products?.map((item, idx) => (\n                    <div\n                        key={idx}\n                        className=\"grow-0 shrink-0 basis-[296px] bg-[#FFFFFF] border border-solid border-[#dddddd]\"\n                    >\n                        <Picture\n                            className=\"w-full h-full object-cover [&_img]:h-full [&_img]:object-cover\"\n                            source={item?.img}\n                        />\n                    </div>\n                ))}\n            </div>\n        );\n    }\n\n    // \u684C\u9762\u7AEF\n    return (\n        <div className={cn(\"h-[336px] gap-4 flex w-full overflow-hidden laptop:h-[448px] desktop:h-[560px]\", className)}>\n            {products?.map((item, idx) => {\n                const isExpanded = hoverIndex === idx;\n                const flexValue = isExpanded ? 6 : 1;\n                return (\n                    <div\n                        key={idx}\n                        style={{\n                            flex: flexValue,\n                            transition: 'all 0.3s ease-in-out',\n                        }}\n                        ref={(el) => el && getRef(idx, el)}\n                        className={cn(\n                            'relative overflow-hidden cursor-pointer',\n                            itemShape === 'round' ? 'rounded-2xl' : ''\n                        )}\n                        onMouseEnter={() => {\n                            setHoverIndex(idx)\n                            enterRef.current[idx] = true\n                        }}\n                        onMouseLeave={() => {\n                            setHoverIndex(null)\n                            const current = { ...refWidth.current, [idx]: false }\n                            setCurrentWidth(current)\n                            refWidth.current = current\n                            enterRef.current[idx] = false\n                        }}\n                    >\n                        <Picture\n                            source={item?.img}\n                            className=\"w-full h-full object-cover [&_img]:h-full [&_img]:object-cover\"\n                        />\n                        {\n                            currentWidth?.[idx] ?\n                                <div className={cn(\n                                    'absolute left-0 right-0 bottom-0 px-6 pb-6 overflow-hidden flex justify-between items-end',\n                                    'transition-all duration-[50ms] delay-[300ms]',\n                                    isExpanded ? 'opacity-100' : 'opacity-0'\n                                )}>\n                                    <div className=\"mr-1 flex-1 overflow-hidden\">\n                                        <p className=\"mb-1 text-xl font-bold text-[#FFFFFF] laptop:text-2xl desktop:text-[32px]\">{item?.title}</p>\n                                        <h3 className=\"text-sm font-medium text-[#FFFFFF] desktop:text-lg\">{item?.subTitle}</h3>\n                                    </div>\n                                    <Button\n                                        size=\"sm\"\n                                        hoverEffect=\"slide\"\n                                        variant=\"secondary\"\n                                        onClick={() => event?.primaryButton?.onClick?.(item)}\n                                        className={cn(\n                                            'mb-1.5 overflow-hidden bg-transparent text-[#FFFFFF] border-[#FFFFFF] font-bold text-sm desktop:text-base',\n                                            shape === 'round' ? 'rounded-2xl' : ''\n                                        )}\n                                    >\n                                        {primaryButton}\n                                    </Button>\n                                </div>: null\n                        }\n                    </div>\n                );\n            })}\n        </div>\n    );\n};\n\nexport default AccordionCards\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\nimport { cn } from '../../helpers/utils.js'\nimport Picture from '../../components/picture.js'\nimport Button from '../../components/button.js'\nimport { useState, useEffect, useRef } from 'react'\n\n/** Hook\uFF1A\u76D1\u542C\u7A97\u53E3\u5BBD\u5EA6 */\nfunction useWindowWidth() {\n    const [width, setWidth] = useState(window?.innerWidth || 0);\n    useEffect(() => {\n        const onResize = () => setWidth(window?.innerWidth || 0);\n        window?.addEventListener('resize', onResize);\n        return () => window?.removeEventListener('resize', onResize);\n    }, []);\n    return width <= 768;\n}\n\ntype AccordionCardsType = {\n    products: Array<{\n        /** \u6807\u9898\u6587\u672C */\n        title: string\n        /** \u56FE\u7247*/\n        img: string\n        /** \u5185\u5BB9\u8282\u70B9 */\n        subTitle: string\n    }>\n    className?: string\n    /** \u6309\u94AE\u5F62\u72B6 */\n    shape?: 'round' | 'square'\n    /** \u5361\u7247\u5F62\u72B6 */\n    itemShape?: 'round' | 'square'\n    /** \u4E3B\u6309\u94AE\u914D\u7F6E */\n    primaryButton?: string\n    /** \u6309\u94AE\u4E8B\u4EF6*/\n    event?: {\n        primaryButton?: {\n            onClick: (v: any) => void\n        },\n    },\n}\n\nconst AccordionCards = ({\n    products = [],\n    className = '',\n    shape = 'square',\n    itemShape = 'square',\n    event,\n    primaryButton = '',\n}: AccordionCardsType) => {\n    const isMobile = useWindowWidth();\n    const [hoverIndex, setHoverIndex] = useState<number | null>(null);\n    const [currentWidth, setCurrentWidth] = useState<{ [key: number]: boolean }>({});\n\n    const accordionRef = useRef<HTMLDivElement[]>([]);\n    const refWidth = useRef<{ [key: number]: boolean }>({});\n    const enterRef = useRef<{ [key: number]: boolean }>({});\n\n    const getRef = (index: number, el: HTMLDivElement) => {\n        if (el) {\n            accordionRef.current[index] = el;\n        }\n    };\n\n    const handleTransitionEnd = (index: number) => {\n        if (enterRef.current?.[index]) {\n            const current = { ...refWidth.current, [index]: true }\n            setCurrentWidth(current)\n            refWidth.current = current\n        }\n    };\n\n    useEffect(() => {\n        const element = accordionRef.current;\n        element?.forEach((item, index) => {\n            item.addEventListener('transitionend', () => handleTransitionEnd(index));\n        })\n        return () => {\n            element?.forEach((item, index) => {\n                item.removeEventListener('transitionend', () => handleTransitionEnd(index)); \n            })\n        };\n    }, [])\n\n    // \u79FB\u52A8\u7AEF\n    if (isMobile) {\n        return (\n            <div className={cn(\"flex gap-4 overflow-x-auto w-full h-[400px]\", className)}>\n                {products?.map((item, idx) => (\n                    <div\n                        key={idx}\n                        className=\"grow-0 shrink-0 basis-[296px] bg-[#FFFFFF] border border-solid border-[#dddddd]\"\n                    >\n                        <Picture\n                            className=\"w-full h-full object-cover [&_img]:h-full [&_img]:object-cover\"\n                            source={item?.img}\n                        />\n                    </div>\n                ))}\n            </div>\n        );\n    }\n\n    // \u684C\u9762\u7AEF\n    return (\n        <div className={cn(\"h-[336px] gap-4 flex w-full overflow-hidden laptop:h-[448px] desktop:h-[560px]\", className)}>\n            {products?.map((item, idx) => {\n                const isExpanded = hoverIndex === idx;\n                const flexValue = isExpanded ? 6 : 1;\n                return (\n                    <div\n                        key={idx}\n                        style={{\n                            flex: flexValue,\n                            transition: 'all 0.3s ease-in-out',\n                        }}\n                        ref={(el) => el && getRef(idx, el)}\n                        className={cn(\n                            'relative overflow-hidden cursor-pointer',\n                            itemShape === 'round' ? 'rounded-2xl' : ''\n                        )}\n                        onMouseEnter={() => {\n                            setHoverIndex(idx)\n                            enterRef.current[idx] = true\n                        }}\n                        onMouseLeave={() => {\n                            setHoverIndex(null)\n                            const current = { ...refWidth.current, [idx]: false }\n                            setCurrentWidth(current)\n                            refWidth.current = current\n                            enterRef.current[idx] = false\n                        }}\n                    >\n                        <Picture\n                            source={item?.img}\n                            className=\"w-full h-full object-cover [&_img]:h-full [&_img]:object-cover\"\n                        />\n                        {\n                            currentWidth?.[idx] ?\n                                <div className={cn(\n                                    'absolute left-0 right-0 bottom-0 px-6 pb-6 overflow-hidden flex justify-between items-end',\n                                    'transition-all duration-[50ms] delay-[300ms]',\n                                    isExpanded ? 'opacity-100' : 'opacity-0'\n                                )}>\n                                    <div className=\"mr-1 flex-1 overflow-hidden\">\n                                        <p className=\"mb-1 text-xl font-bold text-[#FFFFFF] laptop:text-2xl desktop:text-[32px]\">{item?.title}</p>\n                                        <h3 className=\"text-sm font-medium text-[#FFFFFF] desktop:text-lg\">{item?.subTitle}</h3>\n                                    </div>\n                                    <Button\n                                        size=\"sm\"\n                                        hoverEffect=\"slide\"\n                                        variant=\"secondary\"\n                                        onClick={() => event?.primaryButton?.onClick?.(item)}\n                                        className={cn(\n                                            'mb-1.5 overflow-hidden bg-transparent text-[#FFFFFF] border-[#FFFFFF] font-bold text-sm desktop:text-base',\n                                            shape === 'round' ? 'rounded-2xl' : ''\n                                        )}\n                                    >\n                                        {primaryButton}\n                                    </Button>\n                                </div>: null\n                        }\n                    </div>\n                );\n            })}\n        </div>\n    );\n};\n\nexport default AccordionCards\n"],
+  "mappings": "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",
   "names": ["jsx", "jsxs", "cn", "Picture", "Button", "useState", "useEffect", "useRef", "useWindowWidth", "width", "setWidth", "onResize", "AccordionCards", "products", "className", "shape", "itemShape", "event", "primaryButton", "isMobile", "hoverIndex", "setHoverIndex", "currentWidth", "setCurrentWidth", "accordionRef", "refWidth", "enterRef", "getRef", "index", "el", "handleTransitionEnd", "current", "element", "item", "idx", "isExpanded", "AccordionCards_default"]
 }

package/dist/esm/biz-components/index.d.ts

@@ -8,4 +8,4 @@ export { default as Category } from './Category/index.js';
 export { default as HeroBanner } from './HeroBanner/index.js';
 export { default as AccordionCards } from './AccordionCards/index.js';
 export { default as Graphic } from './Graphic/index.js';
-export * from './Marquee/index.js';
+export { Marquee, MarqueeList, MarqueeImageContent, MarqueeTextContent, type FastMarqueeProps, type MarqueeListProps, type MarqueeImageContentProps, type MarqueeTextContentProps, } from './Marquee/index.js';

package/dist/esm/biz-components/index.js

@@ -1,2 +1,2 @@
-import{default as e}from"./Shelf/index.js";import{default as t}from"./BrandEquity/index.js";import{default as l}from"./MemberEquity/index.js";import{default as p}from"./Slogan/index.js";import{default as m}from"./ShelfDisplay/index.js";import{default as x}from"./Evaluate/index.js";import{default as n}from"./Category/index.js";import{default as c}from"./HeroBanner/index.js";import{default as E}from"./AccordionCards/index.js";import{default as g}from"./Graphic/index.js";export*from"./Marquee/index.js";export{E as AccordionCards,t as BrandEquity,n as Category,x as Evaluate,g as Graphic,c as HeroBanner,l as MemberEquity,e as Shelf,m as ShelfDisplay,p as Slogan};
+import{default as t}from"./Shelf/index.js";import{default as o}from"./BrandEquity/index.js";import{default as p}from"./MemberEquity/index.js";import{default as s}from"./Slogan/index.js";import{default as m}from"./ShelfDisplay/index.js";import{default as n}from"./Evaluate/index.js";import{default as q}from"./Category/index.js";import{default as y}from"./HeroBanner/index.js";import{default as C}from"./AccordionCards/index.js";import{default as P}from"./Graphic/index.js";import{Marquee as h,MarqueeList as E,MarqueeImageContent as S,MarqueeTextContent as B}from"./Marquee/index.js";export{C as AccordionCards,o as BrandEquity,q as Category,n as Evaluate,P as Graphic,y as HeroBanner,h as Marquee,S as MarqueeImageContent,E as MarqueeList,B as MarqueeTextContent,p as MemberEquity,t as Shelf,m as ShelfDisplay,s as Slogan};
 //# sourceMappingURL=index.js.map

package/dist/esm/biz-components/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/biz-components/index.ts"],
-  "sourcesContent": ["export { default as Shelf } from './Shelf/index.js'\nexport { default as BrandEquity } from './BrandEquity/index.js'\nexport { default as MemberEquity } from './MemberEquity/index.js'\nexport { default as Slogan } from './Slogan/index.js'\nexport { default as ShelfDisplay } from './ShelfDisplay/index.js'\nexport { default as Evaluate } from './Evaluate/index.js'\nexport { default as Category } from './Category/index.js'\nexport { default as HeroBanner } from './HeroBanner/index.js'\nexport { default as AccordionCards } from './AccordionCards/index.js'\nexport { default as Graphic } from './Graphic/index.js'\nexport * from './Marquee/index.js'\n"],
-  "mappings": "AAAA,OAAoB,WAAXA,MAAwB,mBACjC,OAAoB,WAAXA,MAA8B,yBACvC,OAAoB,WAAXA,MAA+B,0BACxC,OAAoB,WAAXA,MAAyB,oBAClC,OAAoB,WAAXA,MAA+B,0BACxC,OAAoB,WAAXA,MAA2B,sBACpC,OAAoB,WAAXA,MAA2B,sBACpC,OAAoB,WAAXA,MAA6B,wBACtC,OAAoB,WAAXA,MAAiC,4BAC1C,OAAoB,WAAXA,MAA0B,qBACnC,WAAc",
-  "names": ["default"]
+  "sourcesContent": ["export { default as Shelf } from './Shelf/index.js'\nexport { default as BrandEquity } from './BrandEquity/index.js'\nexport { default as MemberEquity } from './MemberEquity/index.js'\nexport { default as Slogan } from './Slogan/index.js'\nexport { default as ShelfDisplay } from './ShelfDisplay/index.js'\nexport { default as Evaluate } from './Evaluate/index.js'\nexport { default as Category } from './Category/index.js'\nexport { default as HeroBanner } from './HeroBanner/index.js'\nexport { default as AccordionCards } from './AccordionCards/index.js'\nexport { default as Graphic } from './Graphic/index.js'\nexport {\n  Marquee,\n  MarqueeList,\n  MarqueeImageContent,\n  MarqueeTextContent,\n  type FastMarqueeProps,\n  type MarqueeListProps,\n  type MarqueeImageContentProps,\n  type MarqueeTextContentProps,\n} from './Marquee/index.js'\n"],
+  "mappings": "AAAA,OAAoB,WAAXA,MAAwB,mBACjC,OAAoB,WAAXA,MAA8B,yBACvC,OAAoB,WAAXA,MAA+B,0BACxC,OAAoB,WAAXA,MAAyB,oBAClC,OAAoB,WAAXA,MAA+B,0BACxC,OAAoB,WAAXA,MAA2B,sBACpC,OAAoB,WAAXA,MAA2B,sBACpC,OAAoB,WAAXA,MAA6B,wBACtC,OAAoB,WAAXA,MAAiC,4BAC1C,OAAoB,WAAXA,MAA0B,qBACnC,OACE,WAAAC,EACA,eAAAC,EACA,uBAAAC,EACA,sBAAAC,MAKK",
+  "names": ["default", "Marquee", "MarqueeList", "MarqueeImageContent", "MarqueeTextContent"]
 }

package/dist/esm/components/index.d.ts

@@ -1,24 +1,24 @@
 export { default as Button } from './button.js';
 export { default as Badge } from './badge.js';
-export * from './input.js';
+export { Input, InputSlot } from './input.js';
 export { default as Checkbox } from './checkbox.js';
 export { default as Skeleton } from './skeleton.js';
-export * from './dialog.js';
-export * from './popover.js';
-export * from './radio.js';
-export * from './text.js';
-export * from './gird.js';
-export * from './heading.js';
-export * from './container.js';
-export * from './color.js';
-export * from './drawer.js';
-export * from './link.js';
-export * from './avatar.js';
-export * from './input-number.js';
-export * from './drop-down.js';
-export * from './card.js';
-export * from './carousel.js';
-export * from './tabs.js';
-export * from './alert.js';
+export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, } from './dialog.js';
+export { Popover, PopoverTrigger, PopoverContent } from './popover.js';
+export { RadioGroup, RadioGroupItem, type RadioGroupProps, type RadioGroupItemProps } from './radio.js';
+export { Text, type TextProps } from './text.js';
+export { Grid, GridItem, type GridProps, type GridItemProps } from './gird.js';
+export { Heading, type HeadingProps } from './heading.js';
+export { Container, type ContainerProps } from './container.js';
+export { Color, type ColorProps } from './color.js';
+export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, } from './drawer.js';
+export { default as Link, type LinkProps } from './link.js';
+export { Avatar, AvatarImage, AvatarFallback } from './avatar.js';
+export { default as InputNumber, type InputNumberProps } from './input-number.js';
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, } from './drop-down.js';
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent } from './card.js';
+export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, } from './carousel.js';
+export { Tabs, TabsList, TabsTrigger, TabsContent } from './tabs.js';
+export { Alert, AlertTitle, AlertDescription } from './alert.js';
 export { default as Picture } from './picture.js';
 export { default as Theme } from './theme.js';

package/dist/esm/components/index.js

@@ -1,2 +1,2 @@
-import{default as e}from"./button.js";import{default as f}from"./badge.js";export*from"./input.js";import{default as p}from"./checkbox.js";import{default as u}from"./skeleton.js";export*from"./dialog.js";export*from"./popover.js";export*from"./radio.js";export*from"./text.js";export*from"./gird.js";export*from"./heading.js";export*from"./container.js";export*from"./color.js";export*from"./drawer.js";export*from"./link.js";export*from"./avatar.js";export*from"./input-number.js";export*from"./drop-down.js";export*from"./card.js";export*from"./carousel.js";export*from"./tabs.js";export*from"./alert.js";import{default as w}from"./picture.js";import{default as z}from"./theme.js";export{f as Badge,e as Button,p as Checkbox,w as Picture,u as Skeleton,z as Theme};
+import{default as e}from"./button.js";import{default as a}from"./badge.js";import{Input as n,InputSlot as i}from"./input.js";import{default as d}from"./checkbox.js";import{default as D}from"./skeleton.js";import{Dialog as s,DialogPortal as f,DialogOverlay as x,DialogClose as C,DialogTrigger as g,DialogContent as w,DialogHeader as P,DialogFooter as T,DialogTitle as M,DialogDescription as b}from"./dialog.js";import{Popover as I,PopoverTrigger as G,PopoverContent as c}from"./popover.js";import{RadioGroup as A,RadioGroupItem as S}from"./radio.js";import{Text as R}from"./text.js";import{Grid as h,GridItem as F}from"./gird.js";import{Heading as N}from"./heading.js";import{Container as O}from"./container.js";import{Color as q}from"./color.js";import{Drawer as E,DrawerPortal as J,DrawerOverlay as K,DrawerTrigger as Q,DrawerClose as U,DrawerContent as V,DrawerHeader as W,DrawerFooter as X,DrawerTitle as Y,DrawerDescription as Z}from"./drawer.js";import{default as $}from"./link.js";import{Avatar as or,AvatarImage as er,AvatarFallback as tr}from"./avatar.js";import{default as pr}from"./input-number.js";import{DropdownMenu as ir,DropdownMenuTrigger as ur,DropdownMenuContent as dr,DropdownMenuItem as lr,DropdownMenuCheckboxItem as Dr,DropdownMenuRadioItem as mr,DropdownMenuLabel as sr,DropdownMenuSeparator as fr,DropdownMenuShortcut as xr,DropdownMenuGroup as Cr,DropdownMenuPortal as gr,DropdownMenuSub as wr,DropdownMenuSubContent as Pr,DropdownMenuSubTrigger as Tr,DropdownMenuRadioGroup as Mr}from"./drop-down.js";import{Card as yr,CardHeader as Ir,CardFooter as Gr,CardTitle as cr,CardDescription as vr,CardContent as Ar}from"./card.js";import{Carousel as kr,CarouselContent as Rr,CarouselItem as Hr,CarouselPrevious as hr,CarouselNext as Fr}from"./carousel.js";import{Tabs as Nr,TabsList as Br,TabsTrigger as Or,TabsContent as jr}from"./tabs.js";import{Alert as zr,AlertTitle as Er,AlertDescription as Jr}from"./alert.js";import{default as Qr}from"./picture.js";import{default as Vr}from"./theme.js";export{zr as Alert,Jr as AlertDescription,Er as AlertTitle,or as Avatar,tr as AvatarFallback,er as AvatarImage,a as Badge,e as Button,yr as Card,Ar as CardContent,vr as CardDescription,Gr as CardFooter,Ir as CardHeader,cr as CardTitle,kr as Carousel,Rr as CarouselContent,Hr as CarouselItem,Fr as CarouselNext,hr as CarouselPrevious,d as Checkbox,q as Color,O as Container,s as Dialog,C as DialogClose,w as DialogContent,b as DialogDescription,T as DialogFooter,P as DialogHeader,x as DialogOverlay,f as DialogPortal,M as DialogTitle,g as DialogTrigger,E as Drawer,U as DrawerClose,V as DrawerContent,Z as DrawerDescription,X as DrawerFooter,W as DrawerHeader,K as DrawerOverlay,J as DrawerPortal,Y as DrawerTitle,Q as DrawerTrigger,ir as DropdownMenu,Dr as DropdownMenuCheckboxItem,dr as DropdownMenuContent,Cr as DropdownMenuGroup,lr as DropdownMenuItem,sr as DropdownMenuLabel,gr as DropdownMenuPortal,Mr as DropdownMenuRadioGroup,mr as DropdownMenuRadioItem,fr as DropdownMenuSeparator,xr as DropdownMenuShortcut,wr as DropdownMenuSub,Pr as DropdownMenuSubContent,Tr as DropdownMenuSubTrigger,ur as DropdownMenuTrigger,h as Grid,F as GridItem,N as Heading,n as Input,pr as InputNumber,i as InputSlot,$ as Link,Qr as Picture,I as Popover,c as PopoverContent,G as PopoverTrigger,A as RadioGroup,S as RadioGroupItem,D as Skeleton,Nr as Tabs,jr as TabsContent,Br as TabsList,Or as TabsTrigger,R as Text,Vr as Theme};
 //# sourceMappingURL=index.js.map

package/dist/esm/components/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/index.ts"],
-  "sourcesContent": ["export { default as Button } from './button.js'\nexport { default as Badge } from './badge.js'\nexport * from './input.js'\n\nexport { default as Checkbox } from './checkbox.js'\n\nexport { default as Skeleton } from './skeleton.js'\nexport * from './dialog.js'\nexport * from './popover.js'\nexport * from './radio.js'\nexport * from './text.js'\nexport * from './gird.js'\nexport * from './heading.js'\nexport * from './container.js'\nexport * from './color.js'\nexport * from './drawer.js'\nexport * from './link.js'\nexport * from './avatar.js'\nexport * from './input-number.js'\nexport * from './drop-down.js'\nexport * from './card.js'\nexport * from './carousel.js'\nexport * from './tabs.js'\nexport * from './alert.js'\nexport { default as Picture } from './picture.js'\nexport { default as Theme } from './theme.js'\n"],
-  "mappings": "AAAA,OAAoB,WAAXA,MAAyB,cAClC,OAAoB,WAAXA,MAAwB,aACjC,WAAc,aAEd,OAAoB,WAAXA,MAA2B,gBAEpC,OAAoB,WAAXA,MAA2B,gBACpC,WAAc,cACd,WAAc,eACd,WAAc,aACd,WAAc,YACd,WAAc,YACd,WAAc,eACd,WAAc,iBACd,WAAc,aACd,WAAc,cACd,WAAc,YACd,WAAc,cACd,WAAc,oBACd,WAAc,iBACd,WAAc,YACd,WAAc,gBACd,WAAc,YACd,WAAc,aACd,OAAoB,WAAXA,MAA0B,eACnC,OAAoB,WAAXA,MAAwB",
-  "names": ["default"]
+  "sourcesContent": ["export { default as Button } from './button.js'\nexport { default as Badge } from './badge.js'\nexport { Input, InputSlot } from './input.js'\n\nexport { default as Checkbox } from './checkbox.js'\n\nexport { default as Skeleton } from './skeleton.js'\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogClose,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n} from './dialog.js'\nexport { Popover, PopoverTrigger, PopoverContent } from './popover.js'\nexport { RadioGroup, RadioGroupItem, type RadioGroupProps, type RadioGroupItemProps } from './radio.js'\nexport { Text, type TextProps } from './text.js'\nexport { Grid, GridItem, type GridProps, type GridItemProps } from './gird.js'\nexport { Heading, type HeadingProps } from './heading.js'\nexport { Container , type ContainerProps} from './container.js'\nexport { Color, type ColorProps } from './color.js'\nexport {\n  Drawer,\n  DrawerPortal,\n  DrawerOverlay,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n} from './drawer.js'\nexport { default as Link , type LinkProps} from './link.js'\nexport { Avatar, AvatarImage, AvatarFallback } from './avatar.js'\nexport { default as InputNumber, type InputNumberProps } from './input-number.js'\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup,\n} from './drop-down.js'\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent } from './card.js'\nexport {\n  type CarouselApi,\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselPrevious,\n  CarouselNext,\n} from './carousel.js'\nexport { Tabs, TabsList, TabsTrigger, TabsContent } from './tabs.js'\nexport { Alert, AlertTitle, AlertDescription } from './alert.js'\nexport { default as Picture } from './picture.js'\nexport { default as Theme } from './theme.js'\n"],
+  "mappings": "AAAA,OAAoB,WAAXA,MAAyB,cAClC,OAAoB,WAAXA,MAAwB,aACjC,OAAS,SAAAC,EAAO,aAAAC,MAAiB,aAEjC,OAAoB,WAAXF,MAA2B,gBAEpC,OAAoB,WAAXA,MAA2B,gBACpC,OACE,UAAAG,EACA,gBAAAC,EACA,iBAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,iBAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,qBAAAC,MACK,cACP,OAAS,WAAAC,EAAS,kBAAAC,EAAgB,kBAAAC,MAAsB,eACxD,OAAS,cAAAC,EAAY,kBAAAC,MAAsE,aAC3F,OAAS,QAAAC,MAA4B,YACrC,OAAS,QAAAC,EAAM,YAAAC,MAAoD,YACnE,OAAS,WAAAC,MAAkC,eAC3C,OAAS,aAAAC,MAAsC,iBAC/C,OAAS,SAAAC,MAA8B,aACvC,OACE,UAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,iBAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,qBAAAC,MACK,cACP,OAAoB,WAAXjC,MAAuC,YAChD,OAAS,UAAAkC,GAAQ,eAAAC,GAAa,kBAAAC,OAAsB,cACpD,OAAoB,WAAXpC,OAAqD,oBAC9D,OACE,gBAAAqC,GACA,uBAAAC,GACA,uBAAAC,GACA,oBAAAC,GACA,4BAAAC,GACA,yBAAAC,GACA,qBAAAC,GACA,yBAAAC,GACA,wBAAAC,GACA,qBAAAC,GACA,sBAAAC,GACA,mBAAAC,GACA,0BAAAC,GACA,0BAAAC,GACA,0BAAAC,OACK,iBACP,OAAS,QAAAC,GAAM,cAAAC,GAAY,cAAAC,GAAY,aAAAC,GAAW,mBAAAC,GAAiB,eAAAC,OAAmB,YACtF,OAEE,YAAAC,GACA,mBAAAC,GACA,gBAAAC,GACA,oBAAAC,GACA,gBAAAC,OACK,gBACP,OAAS,QAAAC,GAAM,YAAAC,GAAU,eAAAC,GAAa,eAAAC,OAAmB,YACzD,OAAS,SAAAC,GAAO,cAAAC,GAAY,oBAAAC,OAAwB,aACpD,OAAoB,WAAXrE,OAA0B,eACnC,OAAoB,WAAXA,OAAwB",
+  "names": ["default", "Input", "InputSlot", "Dialog", "DialogPortal", "DialogOverlay", "DialogClose", "DialogTrigger", "DialogContent", "DialogHeader", "DialogFooter", "DialogTitle", "DialogDescription", "Popover", "PopoverTrigger", "PopoverContent", "RadioGroup", "RadioGroupItem", "Text", "Grid", "GridItem", "Heading", "Container", "Color", "Drawer", "DrawerPortal", "DrawerOverlay", "DrawerTrigger", "DrawerClose", "DrawerContent", "DrawerHeader", "DrawerFooter", "DrawerTitle", "DrawerDescription", "Avatar", "AvatarImage", "AvatarFallback", "DropdownMenu", "DropdownMenuTrigger", "DropdownMenuContent", "DropdownMenuItem", "DropdownMenuCheckboxItem", "DropdownMenuRadioItem", "DropdownMenuLabel", "DropdownMenuSeparator", "DropdownMenuShortcut", "DropdownMenuGroup", "DropdownMenuPortal", "DropdownMenuSub", "DropdownMenuSubContent", "DropdownMenuSubTrigger", "DropdownMenuRadioGroup", "Card", "CardHeader", "CardFooter", "CardTitle", "CardDescription", "CardContent", "Carousel", "CarouselContent", "CarouselItem", "CarouselPrevious", "CarouselNext", "Tabs", "TabsList", "TabsTrigger", "TabsContent", "Alert", "AlertTitle", "AlertDescription"]
 }

package/dist/esm/components/theme.d.ts

@@ -4,7 +4,7 @@ interface ThemeProps {
     children: React.ReactNode;
 }
 /**
- *
+ * @deprecated
  * @param param
  * @returns
  */

package/dist/esm/components/theme.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/theme.tsx"],
-  "sourcesContent": ["'use client'\nimport * as React from 'react'\n\ninterface ThemeProps {\n  brand: string\n  children: React.ReactNode\n}\n/**\n *\n * @param param\n * @returns\n */\nconst Theme = ({ brand, children }: ThemeProps) => {\n  React.useLayoutEffect(() => {\n    document.querySelector('html')?.setAttribute('data-brand-theme', brand)\n  }, [])\n  return <>{children}</>\n}\n\nexport default Theme\n"],
+  "sourcesContent": ["'use client'\nimport * as React from 'react'\n\ninterface ThemeProps {\n  brand: string\n  children: React.ReactNode\n}\n/**\n * @deprecated \n * @param param\n * @returns\n */\nconst Theme = ({ brand, children }: ThemeProps) => {\n  React.useLayoutEffect(() => {\n    document.querySelector('html')?.setAttribute('data-brand-theme', brand)\n  }, [])\n  return <>{children}</>\n}\n\nexport default Theme\n"],
   "mappings": "aAgBS,mBAAAA,EAAA,OAAAC,MAAA,oBAfT,UAAYC,MAAW,QAWvB,MAAMC,EAAQ,CAAC,CAAE,MAAAC,EAAO,SAAAC,CAAS,KAC/BH,EAAM,gBAAgB,IAAM,CAC1B,SAAS,cAAc,MAAM,GAAG,aAAa,mBAAoBE,CAAK,CACxE,EAAG,CAAC,CAAC,EACEH,EAAAD,EAAA,CAAG,SAAAK,EAAS,GAGrB,IAAOC,EAAQH",
   "names": ["Fragment", "jsx", "React", "Theme", "brand", "children", "theme_default"]
 }

package/package.json

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