tempest-react-sdk 0.23.0 → 0.25.0

package/dist/components/Card/Card.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.module.js","names":[],"sources":["../../../src/components/Card/Card.module.css"],"sourcesContent":[".card {\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    padding: var(--tempest-space-5);\n    box-shadow: var(--tempest-shadow-sm);\n    color: var(--tempest-text);\n    transition:\n        var(--tempest-transition-shadow),\n        var(--tempest-transition-transform),\n        border-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n/* ============================================================\n * Elevation variants\n * ============================================================ */\n.flat {\n    box-shadow: none;\n}\n.raised {\n    box-shadow: var(--tempest-shadow-md);\n}\n.elevated {\n    box-shadow: var(--tempest-shadow-lg);\n    border-color: transparent;\n}\n\n/* ============================================================\n * Interactive — hoverable card (use for clickable cards, list rows)\n * ============================================================ */\n.interactive {\n    cursor: pointer;\n}\n@media (hover: hover) and (pointer: fine) {\n    .interactive:hover {\n        border-color: var(--tempest-border-strong);\n        box-shadow: var(--tempest-shadow-md);\n        transform: translateY(-1px);\n    }\n}\n.interactive:active {\n    transform: translateY(0);\n    box-shadow: var(--tempest-shadow-sm);\n}\n.interactive:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.padded {\n    padding: var(--tempest-space-5);\n}\n\n.flush {\n    padding: 0;\n}\n\n.header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-4) var(--tempest-space-5);\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.title {\n    margin: 0;\n    font-size: var(--tempest-text-md);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n    color: var(--tempest-text);\n}\n\n.body {\n    padding: var(--tempest-space-5);\n}\n\n.footer {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-4) var(--tempest-space-5);\n    border-top: 1px solid var(--tempest-border);\n}\n"],"mappings":""}

package/dist/components/Carousel/Carousel.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),b=require("react"),o=require("../../utils/cn.cjs"),a=require("./Carousel.module.css.cjs");function x({children:c,loop:i=!1,showArrows:m=!0,showDots:j=!0,index:d,defaultIndex:v=0,onIndexChange:f,className:y,...h}){const s=c.length,u=d!==void 0,[p,N]=b.useState(v),t=u?d:p,n=b.useCallback(l=>{let e=l;e<0?e=i?s-1:0:e>=s&&(e=i?0:s-1),e!==t&&(u||N(e),f?.(e))},[s,i,t,u,f]),g=t<=0,k=t>=s-1,w=l=>{l.key==="ArrowRight"?(l.preventDefault(),n(t+1)):l.key==="ArrowLeft"&&(l.preventDefault(),n(t-1))};return r.jsxs("div",{role:"region","aria-roledescription":"carousel",tabIndex:0,className:o.cn(a.default.root,y),onKeyDown:w,...h,children:[r.jsx("div",{className:a.default.viewport,children:r.jsx("div",{className:a.default.track,style:{transform:`translateX(-${t*100}%)`},children:c.map((l,e)=>r.jsx("div",{role:"group","aria-roledescription":"slide","aria-label":`${e+1} of ${s}`,"aria-hidden":e!==t,className:a.default.slide,children:l},e))})}),m&&s>1&&r.jsxs(r.Fragment,{children:[r.jsx("button",{type:"button",className:o.cn(a.default.arrow,a.default.prev),"aria-label":"Previous slide",disabled:!i&&g,onClick:()=>n(t-1),children:"‹"}),r.jsx("button",{type:"button",className:o.cn(a.default.arrow,a.default.next),"aria-label":"Next slide",disabled:!i&&k,onClick:()=>n(t+1),children:"›"})]}),j&&s>1&&r.jsx("div",{className:a.default.dots,role:"tablist","aria-label":"Slides",children:c.map((l,e)=>r.jsx("button",{type:"button",role:"tab","aria-label":`Go to slide ${e+1}`,"aria-selected":e===t,className:o.cn(a.default.dot,e===t&&a.default.dotActive),onClick:()=>n(e)},e))})]})}exports.Carousel=x;
-//# sourceMappingURL=Carousel.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./Carousel.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i({children:i,loop:a=!1,showArrows:o=!0,showDots:s=!0,index:c,defaultIndex:l=0,onIndexChange:u,className:d,...f}){let p=i.length,m=c!==void 0,[h,g]=(0,n.useState)(l),_=m?c:h,v=(0,n.useCallback)(e=>{let t=e;t<0?t=a?p-1:0:t>=p&&(t=a?0:p-1),t!==_&&(m||g(t),u?.(t))},[p,a,_,m,u]),y=_<=0,b=_>=p-1;return(0,r.jsxs)(`div`,{role:`region`,"aria-roledescription":`carousel`,tabIndex:0,className:e.cn(t.default.root,d),onKeyDown:e=>{e.key===`ArrowRight`?(e.preventDefault(),v(_+1)):e.key===`ArrowLeft`&&(e.preventDefault(),v(_-1))},...f,children:[(0,r.jsx)(`div`,{className:t.default.viewport,children:(0,r.jsx)(`div`,{className:t.default.track,style:{transform:`translateX(-${_*100}%)`},children:i.map((e,n)=>(0,r.jsx)(`div`,{role:`group`,"aria-roledescription":`slide`,"aria-label":`${n+1} of ${p}`,"aria-hidden":n!==_,className:t.default.slide,children:e},n))})}),o&&p>1&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(`button`,{type:`button`,className:e.cn(t.default.arrow,t.default.prev),"aria-label":`Previous slide`,disabled:!a&&y,onClick:()=>v(_-1),children:`‹`}),(0,r.jsx)(`button`,{type:`button`,className:e.cn(t.default.arrow,t.default.next),"aria-label":`Next slide`,disabled:!a&&b,onClick:()=>v(_+1),children:`›`})]}),s&&p>1&&(0,r.jsx)(`div`,{className:t.default.dots,role:`tablist`,"aria-label":`Slides`,children:i.map((n,i)=>(0,r.jsx)(`button`,{type:`button`,role:`tab`,"aria-label":`Go to slide ${i+1}`,"aria-selected":i===_,className:e.cn(t.default.dot,i===_&&t.default.dotActive),onClick:()=>v(i)},i))})]})}exports.Carousel=i;
+//# sourceMappingURL=Carousel.cjs.map

package/dist/components/Carousel/Carousel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.cjs","sources":["../../../src/components/Carousel/Carousel.tsx"],"sourcesContent":["import { useCallback, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Carousel.module.css\";\n\nexport interface CarouselProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** Slides — one rendered at a time. */\n    children: ReactNode[];\n    /** Wrap around at the ends instead of stopping. Default `false`. */\n    loop?: boolean;\n    /** Show prev/next arrow buttons. Default `true`. */\n    showArrows?: boolean;\n    /** Show dot indicators. Default `true`. */\n    showDots?: boolean;\n    /** Controlled active index. */\n    index?: number;\n    /** Initial index for uncontrolled use. Default `0`. */\n    defaultIndex?: number;\n    /** Called whenever the active index changes. */\n    onIndexChange?: (index: number) => void;\n}\n\n/**\n * Horizontal content slider showing one slide at a time.\n *\n * - Track translates by the active index (`translateX(-index * 100%)`).\n * - Prev/next arrows (disabled at the ends unless `loop`); dot indicators jump.\n * - Controlled (`index`) or uncontrolled (`defaultIndex`).\n * - Arrow Left/Right on the focused region navigates.\n *\n * @example\n * <Carousel loop>\n *     <img src=\"/1.jpg\" alt=\"\" />\n *     <img src=\"/2.jpg\" alt=\"\" />\n *     <img src=\"/3.jpg\" alt=\"\" />\n * </Carousel>\n */\nexport function Carousel({\n    children,\n    loop = false,\n    showArrows = true,\n    showDots = true,\n    index,\n    defaultIndex = 0,\n    onIndexChange,\n    className,\n    ...props\n}: CarouselProps) {\n    const count = children.length;\n    const isControlled = index !== undefined;\n    const [internalIndex, setInternalIndex] = useState<number>(defaultIndex);\n    const current = isControlled ? index : internalIndex;\n\n    const goTo = useCallback(\n        (next: number): void => {\n            let target = next;\n            if (target < 0) target = loop ? count - 1 : 0;\n            else if (target >= count) target = loop ? 0 : count - 1;\n            if (target === current) return;\n            if (!isControlled) setInternalIndex(target);\n            onIndexChange?.(target);\n        },\n        [count, loop, current, isControlled, onIndexChange],\n    );\n\n    const atStart = current <= 0;\n    const atEnd = current >= count - 1;\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\n        if (event.key === \"ArrowRight\") {\n            event.preventDefault();\n            goTo(current + 1);\n        } else if (event.key === \"ArrowLeft\") {\n            event.preventDefault();\n            goTo(current - 1);\n        }\n    };\n\n    return (\n        <div\n            role=\"region\"\n            aria-roledescription=\"carousel\"\n            tabIndex={0}\n            className={cn(styles.root, className)}\n            onKeyDown={handleKeyDown}\n            {...props}\n        >\n            <div className={styles.viewport}>\n                <div\n                    className={styles.track}\n                    style={{ transform: `translateX(-${current * 100}%)` }}\n                >\n                    {children.map((slide, slideIndex) => (\n                        <div\n                            key={slideIndex}\n                            role=\"group\"\n                            aria-roledescription=\"slide\"\n                            aria-label={`${slideIndex + 1} of ${count}`}\n                            aria-hidden={slideIndex !== current}\n                            className={styles.slide}\n                        >\n                            {slide}\n                        </div>\n                    ))}\n                </div>\n            </div>\n\n            {showArrows && count > 1 && (\n                <>\n                    <button\n                        type=\"button\"\n                        className={cn(styles.arrow, styles.prev)}\n                        aria-label=\"Previous slide\"\n                        disabled={!loop && atStart}\n                        onClick={() => goTo(current - 1)}\n                    >\n                        ‹\n                    </button>\n                    <button\n                        type=\"button\"\n                        className={cn(styles.arrow, styles.next)}\n                        aria-label=\"Next slide\"\n                        disabled={!loop && atEnd}\n                        onClick={() => goTo(current + 1)}\n                    >\n                        ›\n                    </button>\n                </>\n            )}\n\n            {showDots && count > 1 && (\n                <div className={styles.dots} role=\"tablist\" aria-label=\"Slides\">\n                    {children.map((_, dotIndex) => (\n                        <button\n                            key={dotIndex}\n                            type=\"button\"\n                            role=\"tab\"\n                            aria-label={`Go to slide ${dotIndex + 1}`}\n                            aria-selected={dotIndex === current}\n                            className={cn(styles.dot, dotIndex === current && styles.dotActive)}\n                            onClick={() => goTo(dotIndex)}\n                        />\n                    ))}\n                </div>\n            )}\n        </div>\n    );\n}\n"],"names":["Carousel","children","loop","showArrows","showDots","index","defaultIndex","onIndexChange","className","props","count","isControlled","internalIndex","setInternalIndex","useState","current","goTo","useCallback","next","target","atStart","atEnd","handleKeyDown","event","jsxs","cn","styles","jsx","slide","slideIndex","Fragment","_","dotIndex"],"mappings":"+MAqCO,SAASA,EAAS,CACrB,SAAAC,EACA,KAAAC,EAAO,GACP,WAAAC,EAAa,GACb,SAAAC,EAAW,GACX,MAAAC,EACA,aAAAC,EAAe,EACf,cAAAC,EACA,UAAAC,EACA,GAAGC,CACP,EAAkB,CACd,MAAMC,EAAQT,EAAS,OACjBU,EAAeN,IAAU,OACzB,CAACO,EAAeC,CAAgB,EAAIC,EAAAA,SAAiBR,CAAY,EACjES,EAAUJ,EAAeN,EAAQO,EAEjCI,EAAOC,EAAAA,YACRC,GAAuB,CACpB,IAAIC,EAASD,EACTC,EAAS,EAAGA,EAASjB,EAAOQ,EAAQ,EAAI,EACnCS,GAAUT,IAAOS,EAASjB,EAAO,EAAIQ,EAAQ,GAClDS,IAAWJ,IACVJ,GAAcE,EAAiBM,CAAM,EAC1CZ,IAAgBY,CAAM,EAC1B,EACA,CAACT,EAAOR,EAAMa,EAASJ,EAAcJ,CAAa,CAAA,EAGhDa,EAAUL,GAAW,EACrBM,EAAQN,GAAWL,EAAQ,EAE3BY,EAAiBC,GAAqD,CACpEA,EAAM,MAAQ,cACdA,EAAM,eAAA,EACNP,EAAKD,EAAU,CAAC,GACTQ,EAAM,MAAQ,cACrBA,EAAM,eAAA,EACNP,EAAKD,EAAU,CAAC,EAExB,EAEA,OACIS,EAAAA,KAAC,MAAA,CACG,KAAK,SACL,uBAAqB,WACrB,SAAU,EACV,UAAWC,EAAAA,GAAGC,UAAO,KAAMlB,CAAS,EACpC,UAAWc,EACV,GAAGb,EAEJ,SAAA,CAAAkB,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,SACnB,SAAAC,EAAAA,IAAC,MAAA,CACG,UAAWD,EAAAA,QAAO,MAClB,MAAO,CAAE,UAAW,eAAeX,EAAU,GAAG,IAAA,EAE/C,SAAAd,EAAS,IAAI,CAAC2B,EAAOC,IAClBF,EAAAA,IAAC,MAAA,CAEG,KAAK,QACL,uBAAqB,QACrB,aAAY,GAAGE,EAAa,CAAC,OAAOnB,CAAK,GACzC,cAAamB,IAAed,EAC5B,UAAWW,EAAAA,QAAO,MAEjB,SAAAE,CAAA,EAPIC,CAAA,CASZ,CAAA,CAAA,EAET,EAEC1B,GAAcO,EAAQ,GACnBc,EAAAA,KAAAM,EAAAA,SAAA,CACI,SAAA,CAAAH,EAAAA,IAAC,SAAA,CACG,KAAK,SACL,UAAWF,EAAAA,GAAGC,EAAAA,QAAO,MAAOA,EAAAA,QAAO,IAAI,EACvC,aAAW,iBACX,SAAU,CAACxB,GAAQkB,EACnB,QAAS,IAAMJ,EAAKD,EAAU,CAAC,EAClC,SAAA,GAAA,CAAA,EAGDY,EAAAA,IAAC,SAAA,CACG,KAAK,SACL,UAAWF,EAAAA,GAAGC,EAAAA,QAAO,MAAOA,EAAAA,QAAO,IAAI,EACvC,aAAW,aACX,SAAU,CAACxB,GAAQmB,EACnB,QAAS,IAAML,EAAKD,EAAU,CAAC,EAClC,SAAA,GAAA,CAAA,CAED,EACJ,EAGHX,GAAYM,EAAQ,GACjBiB,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,KAAM,KAAK,UAAU,aAAW,SAClD,SAAAzB,EAAS,IAAI,CAAC8B,EAAGC,IACdL,EAAAA,IAAC,SAAA,CAEG,KAAK,SACL,KAAK,MACL,aAAY,eAAeK,EAAW,CAAC,GACvC,gBAAeA,IAAajB,EAC5B,UAAWU,EAAAA,GAAGC,UAAO,IAAKM,IAAajB,GAAWW,EAAAA,QAAO,SAAS,EAClE,QAAS,IAAMV,EAAKgB,CAAQ,CAAA,EANvBA,CAAA,CAQZ,CAAA,CACL,CAAA,CAAA,CAAA,CAIhB"}
+{"version":3,"file":"Carousel.cjs","names":[],"sources":["../../../src/components/Carousel/Carousel.tsx"],"sourcesContent":["import { useCallback, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Carousel.module.css\";\n\nexport interface CarouselProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** Slides — one rendered at a time. */\n    children: ReactNode[];\n    /** Wrap around at the ends instead of stopping. Default `false`. */\n    loop?: boolean;\n    /** Show prev/next arrow buttons. Default `true`. */\n    showArrows?: boolean;\n    /** Show dot indicators. Default `true`. */\n    showDots?: boolean;\n    /** Controlled active index. */\n    index?: number;\n    /** Initial index for uncontrolled use. Default `0`. */\n    defaultIndex?: number;\n    /** Called whenever the active index changes. */\n    onIndexChange?: (index: number) => void;\n}\n\n/**\n * Horizontal content slider showing one slide at a time.\n *\n * - Track translates by the active index (`translateX(-index * 100%)`).\n * - Prev/next arrows (disabled at the ends unless `loop`); dot indicators jump.\n * - Controlled (`index`) or uncontrolled (`defaultIndex`).\n * - Arrow Left/Right on the focused region navigates.\n *\n * @example\n * <Carousel loop>\n *     <img src=\"/1.jpg\" alt=\"\" />\n *     <img src=\"/2.jpg\" alt=\"\" />\n *     <img src=\"/3.jpg\" alt=\"\" />\n * </Carousel>\n */\nexport function Carousel({\n    children,\n    loop = false,\n    showArrows = true,\n    showDots = true,\n    index,\n    defaultIndex = 0,\n    onIndexChange,\n    className,\n    ...props\n}: CarouselProps) {\n    const count = children.length;\n    const isControlled = index !== undefined;\n    const [internalIndex, setInternalIndex] = useState<number>(defaultIndex);\n    const current = isControlled ? index : internalIndex;\n\n    const goTo = useCallback(\n        (next: number): void => {\n            let target = next;\n            if (target < 0) target = loop ? count - 1 : 0;\n            else if (target >= count) target = loop ? 0 : count - 1;\n            if (target === current) return;\n            if (!isControlled) setInternalIndex(target);\n            onIndexChange?.(target);\n        },\n        [count, loop, current, isControlled, onIndexChange],\n    );\n\n    const atStart = current <= 0;\n    const atEnd = current >= count - 1;\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\n        if (event.key === \"ArrowRight\") {\n            event.preventDefault();\n            goTo(current + 1);\n        } else if (event.key === \"ArrowLeft\") {\n            event.preventDefault();\n            goTo(current - 1);\n        }\n    };\n\n    return (\n        <div\n            role=\"region\"\n            aria-roledescription=\"carousel\"\n            tabIndex={0}\n            className={cn(styles.root, className)}\n            onKeyDown={handleKeyDown}\n            {...props}\n        >\n            <div className={styles.viewport}>\n                <div\n                    className={styles.track}\n                    style={{ transform: `translateX(-${current * 100}%)` }}\n                >\n                    {children.map((slide, slideIndex) => (\n                        <div\n                            key={slideIndex}\n                            role=\"group\"\n                            aria-roledescription=\"slide\"\n                            aria-label={`${slideIndex + 1} of ${count}`}\n                            aria-hidden={slideIndex !== current}\n                            className={styles.slide}\n                        >\n                            {slide}\n                        </div>\n                    ))}\n                </div>\n            </div>\n\n            {showArrows && count > 1 && (\n                <>\n                    <button\n                        type=\"button\"\n                        className={cn(styles.arrow, styles.prev)}\n                        aria-label=\"Previous slide\"\n                        disabled={!loop && atStart}\n                        onClick={() => goTo(current - 1)}\n                    >\n                        ‹\n                    </button>\n                    <button\n                        type=\"button\"\n                        className={cn(styles.arrow, styles.next)}\n                        aria-label=\"Next slide\"\n                        disabled={!loop && atEnd}\n                        onClick={() => goTo(current + 1)}\n                    >\n                        ›\n                    </button>\n                </>\n            )}\n\n            {showDots && count > 1 && (\n                <div className={styles.dots} role=\"tablist\" aria-label=\"Slides\">\n                    {children.map((_, dotIndex) => (\n                        <button\n                            key={dotIndex}\n                            type=\"button\"\n                            role=\"tab\"\n                            aria-label={`Go to slide ${dotIndex + 1}`}\n                            aria-selected={dotIndex === current}\n                            className={cn(styles.dot, dotIndex === current && styles.dotActive)}\n                            onClick={() => goTo(dotIndex)}\n                        />\n                    ))}\n                </div>\n            )}\n        </div>\n    );\n}\n"],"mappings":"+HAqCA,SAAgB,EAAS,CACrB,WACA,OAAO,GACP,aAAa,GACb,WAAW,GACX,QACA,eAAe,EACf,gBACA,YACA,GAAG,GACW,CACd,IAAM,EAAQ,EAAS,OACjB,EAAe,IAAU,IAAA,GACzB,CAAC,EAAe,IAAA,EAAA,EAAA,SAAA,CAAqC,CAAY,EACjE,EAAU,EAAe,EAAQ,EAEjC,GAAA,EAAA,EAAA,YAAA,CACD,GAAuB,CACpB,IAAI,EAAS,EACT,EAAS,EAAG,EAAS,EAAO,EAAQ,EAAI,EACnC,GAAU,IAAO,EAAS,EAAO,EAAI,EAAQ,GAClD,IAAW,IACV,GAAc,EAAiB,CAAM,EAC1C,IAAgB,CAAM,EAC1B,EACA,CAAC,EAAO,EAAM,EAAS,EAAc,CAAa,CACtD,EAEM,EAAU,GAAW,EACrB,EAAQ,GAAW,EAAQ,EAYjC,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CACI,KAAK,SACL,uBAAqB,WACrB,SAAU,EACV,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,CAAS,EACpC,UAhBe,GAAqD,CACpE,EAAM,MAAQ,cACd,EAAM,eAAe,EACrB,EAAK,EAAU,CAAC,GACT,EAAM,MAAQ,cACrB,EAAM,eAAe,EACrB,EAAK,EAAU,CAAC,EAExB,EASQ,GAAI,WANR,EAQI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,mBACnB,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,QAAO,MAClB,MAAO,CAAE,UAAW,eAAe,EAAU,IAAI,GAAI,WAEpD,EAAS,KAAK,EAAO,KAClB,EAAA,EAAA,IAAA,CAAC,MAAD,CAEI,KAAK,QACL,uBAAqB,QACrB,aAAY,GAAG,EAAa,EAAE,MAAM,IACpC,cAAa,IAAe,EAC5B,UAAW,EAAA,QAAO,eAEjB,CACA,EARI,CAQJ,CACR,CACA,CAAA,CACJ,CAAA,EAEJ,GAAc,EAAQ,IACnB,EAAA,EAAA,KAAA,CAAA,EAAA,SAAA,CAAA,SAAA,EACI,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,EAAA,QAAO,IAAI,EACvC,aAAW,iBACX,SAAU,CAAC,GAAQ,EACnB,YAAe,EAAK,EAAU,CAAC,WAClC,GAEO,CAAA,GACR,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,EAAA,QAAO,IAAI,EACvC,aAAW,aACX,SAAU,CAAC,GAAQ,EACnB,YAAe,EAAK,EAAU,CAAC,WAClC,GAEO,CAAA,CACV,CAAA,CAAA,EAGL,GAAY,EAAQ,IACjB,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAM,KAAK,UAAU,aAAW,kBAClD,EAAS,KAAK,EAAG,KACd,EAAA,EAAA,IAAA,CAAC,SAAD,CAEI,KAAK,SACL,KAAK,MACL,aAAY,eAAe,EAAW,IACtC,gBAAe,IAAa,EAC5B,UAAW,EAAA,GAAG,EAAA,QAAO,IAAK,IAAa,GAAW,EAAA,QAAO,SAAS,EAClE,YAAe,EAAK,CAAQ,CAC/B,EAPQ,CAOR,CACJ,CACA,CAAA,CAER,GAEb"}

package/dist/components/Carousel/Carousel.js

@@ -1,97 +1,76 @@
-import { jsxs as b, jsx as i, Fragment as D } from "react/jsx-runtime";
-import { useState as $, useCallback as A } from "react";
-import { cn as n } from "../../utils/cn.js";
-import r from "./Carousel.module.css.js";
-function F({
-  children: c,
-  loop: s = !1,
-  showArrows: f = !0,
-  showDots: p = !0,
-  index: u,
-  defaultIndex: h = 0,
-  onIndexChange: m,
-  className: v,
-  ...y
-}) {
-  const l = c.length, d = u !== void 0, [N, k] = $(h), t = d ? u : N, o = A(
-    (a) => {
-      let e = a;
-      e < 0 ? e = s ? l - 1 : 0 : e >= l && (e = s ? 0 : l - 1), e !== t && (d || k(e), m?.(e));
-    },
-    [l, s, t, d, m]
-  ), w = t <= 0, g = t >= l - 1, C = (a) => {
-    a.key === "ArrowRight" ? (a.preventDefault(), o(t + 1)) : a.key === "ArrowLeft" && (a.preventDefault(), o(t - 1));
-  };
-  return /* @__PURE__ */ b(
-    "div",
-    {
-      role: "region",
-      "aria-roledescription": "carousel",
-      tabIndex: 0,
-      className: n(r.root, v),
-      onKeyDown: C,
-      ...y,
-      children: [
-        /* @__PURE__ */ i("div", { className: r.viewport, children: /* @__PURE__ */ i(
-          "div",
-          {
-            className: r.track,
-            style: { transform: `translateX(-${t * 100}%)` },
-            children: c.map((a, e) => /* @__PURE__ */ i(
-              "div",
-              {
-                role: "group",
-                "aria-roledescription": "slide",
-                "aria-label": `${e + 1} of ${l}`,
-                "aria-hidden": e !== t,
-                className: r.slide,
-                children: a
-              },
-              e
-            ))
-          }
-        ) }),
-        f && l > 1 && /* @__PURE__ */ b(D, { children: [
-          /* @__PURE__ */ i(
-            "button",
-            {
-              type: "button",
-              className: n(r.arrow, r.prev),
-              "aria-label": "Previous slide",
-              disabled: !s && w,
-              onClick: () => o(t - 1),
-              children: "‹"
-            }
-          ),
-          /* @__PURE__ */ i(
-            "button",
-            {
-              type: "button",
-              className: n(r.arrow, r.next),
-              "aria-label": "Next slide",
-              disabled: !s && g,
-              onClick: () => o(t + 1),
-              children: "›"
-            }
-          )
-        ] }),
-        p && l > 1 && /* @__PURE__ */ i("div", { className: r.dots, role: "tablist", "aria-label": "Slides", children: c.map((a, e) => /* @__PURE__ */ i(
-          "button",
-          {
-            type: "button",
-            role: "tab",
-            "aria-label": `Go to slide ${e + 1}`,
-            "aria-selected": e === t,
-            className: n(r.dot, e === t && r.dotActive),
-            onClick: () => o(e)
-          },
-          e
-        )) })
-      ]
-    }
-  );
+import { cn as e } from "../../utils/cn.js";
+import t from "./Carousel.module.js";
+import { useCallback as n, useState as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/Carousel/Carousel.tsx
+function s({ children: s, loop: c = !1, showArrows: l = !0, showDots: u = !0, index: d, defaultIndex: f = 0, onIndexChange: p, className: m, ...h }) {
+	let g = s.length, _ = d !== void 0, [v, y] = r(f), b = _ ? d : v, x = n((e) => {
+		let t = e;
+		t < 0 ? t = c ? g - 1 : 0 : t >= g && (t = c ? 0 : g - 1), t !== b && (_ || y(t), p?.(t));
+	}, [
+		g,
+		c,
+		b,
+		_,
+		p
+	]), S = b <= 0, C = b >= g - 1;
+	return /* @__PURE__ */ o("div", {
+		role: "region",
+		"aria-roledescription": "carousel",
+		tabIndex: 0,
+		className: e(t.root, m),
+		onKeyDown: (e) => {
+			e.key === "ArrowRight" ? (e.preventDefault(), x(b + 1)) : e.key === "ArrowLeft" && (e.preventDefault(), x(b - 1));
+		},
+		...h,
+		children: [
+			/* @__PURE__ */ a("div", {
+				className: t.viewport,
+				children: /* @__PURE__ */ a("div", {
+					className: t.track,
+					style: { transform: `translateX(-${b * 100}%)` },
+					children: s.map((e, n) => /* @__PURE__ */ a("div", {
+						role: "group",
+						"aria-roledescription": "slide",
+						"aria-label": `${n + 1} of ${g}`,
+						"aria-hidden": n !== b,
+						className: t.slide,
+						children: e
+					}, n))
+				})
+			}),
+			l && g > 1 && /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("button", {
+				type: "button",
+				className: e(t.arrow, t.prev),
+				"aria-label": "Previous slide",
+				disabled: !c && S,
+				onClick: () => x(b - 1),
+				children: "‹"
+			}), /* @__PURE__ */ a("button", {
+				type: "button",
+				className: e(t.arrow, t.next),
+				"aria-label": "Next slide",
+				disabled: !c && C,
+				onClick: () => x(b + 1),
+				children: "›"
+			})] }),
+			u && g > 1 && /* @__PURE__ */ a("div", {
+				className: t.dots,
+				role: "tablist",
+				"aria-label": "Slides",
+				children: s.map((n, r) => /* @__PURE__ */ a("button", {
+					type: "button",
+					role: "tab",
+					"aria-label": `Go to slide ${r + 1}`,
+					"aria-selected": r === b,
+					className: e(t.dot, r === b && t.dotActive),
+					onClick: () => x(r)
+				}, r))
+			})
+		]
+	});
 }
-export {
-  F as Carousel
-};
-//# sourceMappingURL=Carousel.js.map
+//#endregion
+export { s as Carousel };
+
+//# sourceMappingURL=Carousel.js.map

package/dist/components/Carousel/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.js","sources":["../../../src/components/Carousel/Carousel.tsx"],"sourcesContent":["import { useCallback, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Carousel.module.css\";\n\nexport interface CarouselProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** Slides — one rendered at a time. */\n    children: ReactNode[];\n    /** Wrap around at the ends instead of stopping. Default `false`. */\n    loop?: boolean;\n    /** Show prev/next arrow buttons. Default `true`. */\n    showArrows?: boolean;\n    /** Show dot indicators. Default `true`. */\n    showDots?: boolean;\n    /** Controlled active index. */\n    index?: number;\n    /** Initial index for uncontrolled use. Default `0`. */\n    defaultIndex?: number;\n    /** Called whenever the active index changes. */\n    onIndexChange?: (index: number) => void;\n}\n\n/**\n * Horizontal content slider showing one slide at a time.\n *\n * - Track translates by the active index (`translateX(-index * 100%)`).\n * - Prev/next arrows (disabled at the ends unless `loop`); dot indicators jump.\n * - Controlled (`index`) or uncontrolled (`defaultIndex`).\n * - Arrow Left/Right on the focused region navigates.\n *\n * @example\n * <Carousel loop>\n *     <img src=\"/1.jpg\" alt=\"\" />\n *     <img src=\"/2.jpg\" alt=\"\" />\n *     <img src=\"/3.jpg\" alt=\"\" />\n * </Carousel>\n */\nexport function Carousel({\n    children,\n    loop = false,\n    showArrows = true,\n    showDots = true,\n    index,\n    defaultIndex = 0,\n    onIndexChange,\n    className,\n    ...props\n}: CarouselProps) {\n    const count = children.length;\n    const isControlled = index !== undefined;\n    const [internalIndex, setInternalIndex] = useState<number>(defaultIndex);\n    const current = isControlled ? index : internalIndex;\n\n    const goTo = useCallback(\n        (next: number): void => {\n            let target = next;\n            if (target < 0) target = loop ? count - 1 : 0;\n            else if (target >= count) target = loop ? 0 : count - 1;\n            if (target === current) return;\n            if (!isControlled) setInternalIndex(target);\n            onIndexChange?.(target);\n        },\n        [count, loop, current, isControlled, onIndexChange],\n    );\n\n    const atStart = current <= 0;\n    const atEnd = current >= count - 1;\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\n        if (event.key === \"ArrowRight\") {\n            event.preventDefault();\n            goTo(current + 1);\n        } else if (event.key === \"ArrowLeft\") {\n            event.preventDefault();\n            goTo(current - 1);\n        }\n    };\n\n    return (\n        <div\n            role=\"region\"\n            aria-roledescription=\"carousel\"\n            tabIndex={0}\n            className={cn(styles.root, className)}\n            onKeyDown={handleKeyDown}\n            {...props}\n        >\n            <div className={styles.viewport}>\n                <div\n                    className={styles.track}\n                    style={{ transform: `translateX(-${current * 100}%)` }}\n                >\n                    {children.map((slide, slideIndex) => (\n                        <div\n                            key={slideIndex}\n                            role=\"group\"\n                            aria-roledescription=\"slide\"\n                            aria-label={`${slideIndex + 1} of ${count}`}\n                            aria-hidden={slideIndex !== current}\n                            className={styles.slide}\n                        >\n                            {slide}\n                        </div>\n                    ))}\n                </div>\n            </div>\n\n            {showArrows && count > 1 && (\n                <>\n                    <button\n                        type=\"button\"\n                        className={cn(styles.arrow, styles.prev)}\n                        aria-label=\"Previous slide\"\n                        disabled={!loop && atStart}\n                        onClick={() => goTo(current - 1)}\n                    >\n                        ‹\n                    </button>\n                    <button\n                        type=\"button\"\n                        className={cn(styles.arrow, styles.next)}\n                        aria-label=\"Next slide\"\n                        disabled={!loop && atEnd}\n                        onClick={() => goTo(current + 1)}\n                    >\n                        ›\n                    </button>\n                </>\n            )}\n\n            {showDots && count > 1 && (\n                <div className={styles.dots} role=\"tablist\" aria-label=\"Slides\">\n                    {children.map((_, dotIndex) => (\n                        <button\n                            key={dotIndex}\n                            type=\"button\"\n                            role=\"tab\"\n                            aria-label={`Go to slide ${dotIndex + 1}`}\n                            aria-selected={dotIndex === current}\n                            className={cn(styles.dot, dotIndex === current && styles.dotActive)}\n                            onClick={() => goTo(dotIndex)}\n                        />\n                    ))}\n                </div>\n            )}\n        </div>\n    );\n}\n"],"names":["Carousel","children","loop","showArrows","showDots","index","defaultIndex","onIndexChange","className","props","count","isControlled","internalIndex","setInternalIndex","useState","current","goTo","useCallback","next","target","atStart","atEnd","handleKeyDown","event","jsxs","cn","styles","jsx","slide","slideIndex","Fragment","_","dotIndex"],"mappings":";;;;AAqCO,SAASA,EAAS;AAAA,EACrB,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACP,GAAkB;AACd,QAAMC,IAAQT,EAAS,QACjBU,IAAeN,MAAU,QACzB,CAACO,GAAeC,CAAgB,IAAIC,EAAiBR,CAAY,GACjES,IAAUJ,IAAeN,IAAQO,GAEjCI,IAAOC;AAAA,IACT,CAACC,MAAuB;AACpB,UAAIC,IAASD;AAGb,MAFIC,IAAS,IAAGA,IAASjB,IAAOQ,IAAQ,IAAI,IACnCS,KAAUT,MAAOS,IAASjB,IAAO,IAAIQ,IAAQ,IAClDS,MAAWJ,MACVJ,KAAcE,EAAiBM,CAAM,GAC1CZ,IAAgBY,CAAM;AAAA,IAC1B;AAAA,IACA,CAACT,GAAOR,GAAMa,GAASJ,GAAcJ,CAAa;AAAA,EAAA,GAGhDa,IAAUL,KAAW,GACrBM,IAAQN,KAAWL,IAAQ,GAE3BY,IAAgB,CAACC,MAAqD;AACxE,IAAIA,EAAM,QAAQ,gBACdA,EAAM,eAAA,GACNP,EAAKD,IAAU,CAAC,KACTQ,EAAM,QAAQ,gBACrBA,EAAM,eAAA,GACNP,EAAKD,IAAU,CAAC;AAAA,EAExB;AAEA,SACI,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,wBAAqB;AAAA,MACrB,UAAU;AAAA,MACV,WAAWC,EAAGC,EAAO,MAAMlB,CAAS;AAAA,MACpC,WAAWc;AAAA,MACV,GAAGb;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAkB,EAAC,OAAA,EAAI,WAAWD,EAAO,UACnB,UAAA,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWD,EAAO;AAAA,YAClB,OAAO,EAAE,WAAW,eAAeX,IAAU,GAAG,KAAA;AAAA,YAE/C,UAAAd,EAAS,IAAI,CAAC2B,GAAOC,MAClB,gBAAAF;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEG,MAAK;AAAA,gBACL,wBAAqB;AAAA,gBACrB,cAAY,GAAGE,IAAa,CAAC,OAAOnB,CAAK;AAAA,gBACzC,eAAamB,MAAed;AAAA,gBAC5B,WAAWW,EAAO;AAAA,gBAEjB,UAAAE;AAAA,cAAA;AAAA,cAPIC;AAAA,YAAA,CASZ;AAAA,UAAA;AAAA,QAAA,GAET;AAAA,QAEC1B,KAAcO,IAAQ,KACnB,gBAAAc,EAAAM,GAAA,EACI,UAAA;AAAA,UAAA,gBAAAH;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,WAAWF,EAAGC,EAAO,OAAOA,EAAO,IAAI;AAAA,cACvC,cAAW;AAAA,cACX,UAAU,CAACxB,KAAQkB;AAAA,cACnB,SAAS,MAAMJ,EAAKD,IAAU,CAAC;AAAA,cAClC,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAGD,gBAAAY;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,WAAWF,EAAGC,EAAO,OAAOA,EAAO,IAAI;AAAA,cACvC,cAAW;AAAA,cACX,UAAU,CAACxB,KAAQmB;AAAA,cACnB,SAAS,MAAML,EAAKD,IAAU,CAAC;AAAA,cAClC,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAED,GACJ;AAAA,QAGHX,KAAYM,IAAQ,KACjB,gBAAAiB,EAAC,OAAA,EAAI,WAAWD,EAAO,MAAM,MAAK,WAAU,cAAW,UAClD,UAAAzB,EAAS,IAAI,CAAC8B,GAAGC,MACd,gBAAAL;AAAA,UAAC;AAAA,UAAA;AAAA,YAEG,MAAK;AAAA,YACL,MAAK;AAAA,YACL,cAAY,eAAeK,IAAW,CAAC;AAAA,YACvC,iBAAeA,MAAajB;AAAA,YAC5B,WAAWU,EAAGC,EAAO,KAAKM,MAAajB,KAAWW,EAAO,SAAS;AAAA,YAClE,SAAS,MAAMV,EAAKgB,CAAQ;AAAA,UAAA;AAAA,UANvBA;AAAA,QAAA,CAQZ,EAAA,CACL;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIhB;"}
+{"version":3,"file":"Carousel.js","names":[],"sources":["../../../src/components/Carousel/Carousel.tsx"],"sourcesContent":["import { useCallback, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Carousel.module.css\";\n\nexport interface CarouselProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** Slides — one rendered at a time. */\n    children: ReactNode[];\n    /** Wrap around at the ends instead of stopping. Default `false`. */\n    loop?: boolean;\n    /** Show prev/next arrow buttons. Default `true`. */\n    showArrows?: boolean;\n    /** Show dot indicators. Default `true`. */\n    showDots?: boolean;\n    /** Controlled active index. */\n    index?: number;\n    /** Initial index for uncontrolled use. Default `0`. */\n    defaultIndex?: number;\n    /** Called whenever the active index changes. */\n    onIndexChange?: (index: number) => void;\n}\n\n/**\n * Horizontal content slider showing one slide at a time.\n *\n * - Track translates by the active index (`translateX(-index * 100%)`).\n * - Prev/next arrows (disabled at the ends unless `loop`); dot indicators jump.\n * - Controlled (`index`) or uncontrolled (`defaultIndex`).\n * - Arrow Left/Right on the focused region navigates.\n *\n * @example\n * <Carousel loop>\n *     <img src=\"/1.jpg\" alt=\"\" />\n *     <img src=\"/2.jpg\" alt=\"\" />\n *     <img src=\"/3.jpg\" alt=\"\" />\n * </Carousel>\n */\nexport function Carousel({\n    children,\n    loop = false,\n    showArrows = true,\n    showDots = true,\n    index,\n    defaultIndex = 0,\n    onIndexChange,\n    className,\n    ...props\n}: CarouselProps) {\n    const count = children.length;\n    const isControlled = index !== undefined;\n    const [internalIndex, setInternalIndex] = useState<number>(defaultIndex);\n    const current = isControlled ? index : internalIndex;\n\n    const goTo = useCallback(\n        (next: number): void => {\n            let target = next;\n            if (target < 0) target = loop ? count - 1 : 0;\n            else if (target >= count) target = loop ? 0 : count - 1;\n            if (target === current) return;\n            if (!isControlled) setInternalIndex(target);\n            onIndexChange?.(target);\n        },\n        [count, loop, current, isControlled, onIndexChange],\n    );\n\n    const atStart = current <= 0;\n    const atEnd = current >= count - 1;\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\n        if (event.key === \"ArrowRight\") {\n            event.preventDefault();\n            goTo(current + 1);\n        } else if (event.key === \"ArrowLeft\") {\n            event.preventDefault();\n            goTo(current - 1);\n        }\n    };\n\n    return (\n        <div\n            role=\"region\"\n            aria-roledescription=\"carousel\"\n            tabIndex={0}\n            className={cn(styles.root, className)}\n            onKeyDown={handleKeyDown}\n            {...props}\n        >\n            <div className={styles.viewport}>\n                <div\n                    className={styles.track}\n                    style={{ transform: `translateX(-${current * 100}%)` }}\n                >\n                    {children.map((slide, slideIndex) => (\n                        <div\n                            key={slideIndex}\n                            role=\"group\"\n                            aria-roledescription=\"slide\"\n                            aria-label={`${slideIndex + 1} of ${count}`}\n                            aria-hidden={slideIndex !== current}\n                            className={styles.slide}\n                        >\n                            {slide}\n                        </div>\n                    ))}\n                </div>\n            </div>\n\n            {showArrows && count > 1 && (\n                <>\n                    <button\n                        type=\"button\"\n                        className={cn(styles.arrow, styles.prev)}\n                        aria-label=\"Previous slide\"\n                        disabled={!loop && atStart}\n                        onClick={() => goTo(current - 1)}\n                    >\n                        ‹\n                    </button>\n                    <button\n                        type=\"button\"\n                        className={cn(styles.arrow, styles.next)}\n                        aria-label=\"Next slide\"\n                        disabled={!loop && atEnd}\n                        onClick={() => goTo(current + 1)}\n                    >\n                        ›\n                    </button>\n                </>\n            )}\n\n            {showDots && count > 1 && (\n                <div className={styles.dots} role=\"tablist\" aria-label=\"Slides\">\n                    {children.map((_, dotIndex) => (\n                        <button\n                            key={dotIndex}\n                            type=\"button\"\n                            role=\"tab\"\n                            aria-label={`Go to slide ${dotIndex + 1}`}\n                            aria-selected={dotIndex === current}\n                            className={cn(styles.dot, dotIndex === current && styles.dotActive)}\n                            onClick={() => goTo(dotIndex)}\n                        />\n                    ))}\n                </div>\n            )}\n        </div>\n    );\n}\n"],"mappings":";;;;;AAqCA,SAAgB,EAAS,EACrB,aACA,UAAO,IACP,gBAAa,IACb,cAAW,IACX,UACA,kBAAe,GACf,kBACA,cACA,GAAG,KACW;CACd,IAAM,IAAQ,EAAS,QACjB,IAAe,MAAU,KAAA,GACzB,CAAC,GAAe,KAAoB,EAAiB,CAAY,GACjE,IAAU,IAAe,IAAQ,GAEjC,IAAO,GACR,MAAuB;EACpB,IAAI,IAAS;EACb,AAAI,IAAS,IAAG,IAAS,IAAO,IAAQ,IAAI,IACnC,KAAU,MAAO,IAAS,IAAO,IAAI,IAAQ,IAClD,MAAW,MACV,KAAc,EAAiB,CAAM,GAC1C,IAAgB,CAAM;CAC1B,GACA;EAAC;EAAO;EAAM;EAAS;EAAc;CAAa,CACtD,GAEM,IAAU,KAAW,GACrB,IAAQ,KAAW,IAAQ;CAYjC,OACI,kBAAC,OAAD;EACI,MAAK;EACL,wBAAqB;EACrB,UAAU;EACV,WAAW,EAAG,EAAO,MAAM,CAAS;EACpC,YAhBe,MAAqD;GACxE,AAAI,EAAM,QAAQ,gBACd,EAAM,eAAe,GACrB,EAAK,IAAU,CAAC,KACT,EAAM,QAAQ,gBACrB,EAAM,eAAe,GACrB,EAAK,IAAU,CAAC;EAExB;EASQ,GAAI;YANR;GAQI,kBAAC,OAAD;IAAK,WAAW,EAAO;cACnB,kBAAC,OAAD;KACI,WAAW,EAAO;KAClB,OAAO,EAAE,WAAW,eAAe,IAAU,IAAI,IAAI;eAEpD,EAAS,KAAK,GAAO,MAClB,kBAAC,OAAD;MAEI,MAAK;MACL,wBAAqB;MACrB,cAAY,GAAG,IAAa,EAAE,MAAM;MACpC,eAAa,MAAe;MAC5B,WAAW,EAAO;gBAEjB;KACA,GARI,CAQJ,CACR;IACA,CAAA;GACJ,CAAA;GAEJ,KAAc,IAAQ,KACnB,kBAAA,GAAA,EAAA,UAAA,CACI,kBAAC,UAAD;IACI,MAAK;IACL,WAAW,EAAG,EAAO,OAAO,EAAO,IAAI;IACvC,cAAW;IACX,UAAU,CAAC,KAAQ;IACnB,eAAe,EAAK,IAAU,CAAC;cAClC;GAEO,CAAA,GACR,kBAAC,UAAD;IACI,MAAK;IACL,WAAW,EAAG,EAAO,OAAO,EAAO,IAAI;IACvC,cAAW;IACX,UAAU,CAAC,KAAQ;IACnB,eAAe,EAAK,IAAU,CAAC;cAClC;GAEO,CAAA,CACV,EAAA,CAAA;GAGL,KAAY,IAAQ,KACjB,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAM,MAAK;IAAU,cAAW;cAClD,EAAS,KAAK,GAAG,MACd,kBAAC,UAAD;KAEI,MAAK;KACL,MAAK;KACL,cAAY,eAAe,IAAW;KACtC,iBAAe,MAAa;KAC5B,WAAW,EAAG,EAAO,KAAK,MAAa,KAAW,EAAO,SAAS;KAClE,eAAe,EAAK,CAAQ;IAC/B,GAPQ,CAOR,CACJ;GACA,CAAA;EAER;;AAEb"}

package/dist/components/Carousel/Carousel.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_root_-w3-j`,t=`tempest_viewport_n0hzM`,n=`tempest_track_5PA8h`,r=`tempest_slide_fhfjg`,i=`tempest_arrow_S92Lt`,a=`tempest_prev_X8whU`,o=`tempest_next_jBRSz`,s=`tempest_dots_fL3Hr`,c=`tempest_dot_vEB56`,l=`tempest_dotActive_OSSUg`,u={root:e,viewport:t,track:n,slide:r,arrow:i,prev:a,next:o,dots:s,dot:c,dotActive:l};exports.arrow=i,exports.default=u,exports.dot=c,exports.dotActive=l,exports.dots=s,exports.next=o,exports.prev=a,exports.root=e,exports.slide=r,exports.track=n,exports.viewport=t;
+//# sourceMappingURL=Carousel.module.cjs.map

package/dist/components/Carousel/Carousel.module.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.module.cjs","names":[],"sources":["../../../src/components/Carousel/Carousel.module.css"],"sourcesContent":[".root {\n    position: relative;\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n}\n\n.root:focus-visible {\n    outline: 2px solid var(--tempest-primary);\n    outline-offset: 2px;\n}\n\n.viewport {\n    overflow: hidden;\n    border-radius: var(--tempest-radius-lg);\n}\n\n.track {\n    display: flex;\n    transition: transform var(--tempest-duration-normal) var(--tempest-ease-out);\n}\n\n.slide {\n    flex: 0 0 100%;\n    min-width: 0;\n}\n\n.arrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2rem;\n    height: 2rem;\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-full);\n    box-shadow: var(--tempest-shadow-md);\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-xl);\n    line-height: 1;\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .arrow:hover:not(:disabled) {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.arrow:focus-visible {\n    outline: 2px solid var(--tempest-primary);\n    outline-offset: 2px;\n}\n\n.arrow:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.prev {\n    left: var(--tempest-space-2);\n}\n\n.next {\n    right: var(--tempest-space-2);\n}\n\n.dots {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-2);\n    margin-top: var(--tempest-space-3);\n}\n\n.dot {\n    width: 0.5rem;\n    height: 0.5rem;\n    padding: 0;\n    background-color: var(--tempest-border);\n    border: none;\n    border-radius: var(--tempest-radius-full);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n.dotActive {\n    background-color: var(--tempest-primary);\n}\n\n.dot:focus-visible {\n    outline: 2px solid var(--tempest-primary);\n    outline-offset: 2px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .track {\n        transition: none;\n    }\n}\n"],"mappings":""}

package/dist/components/Carousel/Carousel.module.js

@@ -0,0 +1,17 @@
+//#region src/components/Carousel/Carousel.module.css
+var e = "tempest_root_-w3-j", t = "tempest_viewport_n0hzM", n = "tempest_track_5PA8h", r = "tempest_slide_fhfjg", i = "tempest_arrow_S92Lt", a = "tempest_prev_X8whU", o = "tempest_next_jBRSz", s = "tempest_dots_fL3Hr", c = "tempest_dot_vEB56", l = "tempest_dotActive_OSSUg", u = {
+	root: e,
+	viewport: t,
+	track: n,
+	slide: r,
+	arrow: i,
+	prev: a,
+	next: o,
+	dots: s,
+	dot: c,
+	dotActive: l
+};
+//#endregion
+export { i as arrow, u as default, c as dot, l as dotActive, s as dots, o as next, a as prev, e as root, r as slide, n as track, t as viewport };
+
+//# sourceMappingURL=Carousel.module.js.map

package/dist/components/Carousel/Carousel.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.module.js","names":[],"sources":["../../../src/components/Carousel/Carousel.module.css"],"sourcesContent":[".root {\n    position: relative;\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n}\n\n.root:focus-visible {\n    outline: 2px solid var(--tempest-primary);\n    outline-offset: 2px;\n}\n\n.viewport {\n    overflow: hidden;\n    border-radius: var(--tempest-radius-lg);\n}\n\n.track {\n    display: flex;\n    transition: transform var(--tempest-duration-normal) var(--tempest-ease-out);\n}\n\n.slide {\n    flex: 0 0 100%;\n    min-width: 0;\n}\n\n.arrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2rem;\n    height: 2rem;\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-full);\n    box-shadow: var(--tempest-shadow-md);\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-xl);\n    line-height: 1;\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .arrow:hover:not(:disabled) {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.arrow:focus-visible {\n    outline: 2px solid var(--tempest-primary);\n    outline-offset: 2px;\n}\n\n.arrow:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.prev {\n    left: var(--tempest-space-2);\n}\n\n.next {\n    right: var(--tempest-space-2);\n}\n\n.dots {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-2);\n    margin-top: var(--tempest-space-3);\n}\n\n.dot {\n    width: 0.5rem;\n    height: 0.5rem;\n    padding: 0;\n    background-color: var(--tempest-border);\n    border: none;\n    border-radius: var(--tempest-radius-full);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n.dotActive {\n    background-color: var(--tempest-primary);\n}\n\n.dot:focus-visible {\n    outline: 2px solid var(--tempest-primary);\n    outline-offset: 2px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .track {\n        transition: none;\n    }\n}\n"],"mappings":""}

package/dist/components/Center/Center.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),i=require("../../utils/cn.cjs"),t=require("./Center.module.css.cjs");function a({axis:n="both",minHeight:e,fullWidth:r=!0,className:u,style:l,children:o,...c}){const s={...e!==void 0?{minHeight:typeof e=="number"?`${e}px`:e}:null,...r?{width:"100%"}:null,...l};return d.jsx("div",{className:i.cn(t.default.center,t.default[n],u),style:s,...c,children:o})}exports.Center=a;
-//# sourceMappingURL=Center.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./Center.module.cjs");let n=require("react/jsx-runtime");function r({axis:r=`both`,minHeight:i,fullWidth:a=!0,className:o,style:s,children:c,...l}){let u={...i===void 0?null:{minHeight:typeof i==`number`?`${i}px`:i},...a?{width:`100%`}:null,...s};return(0,n.jsx)(`div`,{className:e.cn(t.default.center,t.default[r],o),style:u,...l,children:c})}exports.Center=r;
+//# sourceMappingURL=Center.cjs.map

package/dist/components/Center/Center.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Center.cjs","sources":["../../../src/components/Center/Center.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Center.module.css\";\n\nexport type CenterAxis = \"both\" | \"horizontal\" | \"vertical\";\n\nexport interface CenterProps extends HTMLAttributes<HTMLDivElement> {\n    /** Which axis to center on. Default `\"both\"`. */\n    axis?: CenterAxis;\n    /** Fixed height for the container. Numbers map to `${n}px`; strings pass through. Useful when centering inside an unsized parent. */\n    minHeight?: number | string;\n    /** When `true` (default), takes up `100%` width of the parent. */\n    fullWidth?: boolean;\n    children?: ReactNode;\n}\n\n/**\n * Center children horizontally, vertically, or both. Flex-based; works with\n * any child size. Pair with `minHeight` (or set parent height) when\n * centering vertically.\n *\n * @example\n * <Center axis=\"both\" minHeight=\"100vh\">\n *     <Spinner />\n * </Center>\n */\nexport function Center({\n    axis = \"both\",\n    minHeight,\n    fullWidth = true,\n    className,\n    style,\n    children,\n    ...props\n}: CenterProps) {\n    const finalStyle: CSSProperties = {\n        ...(minHeight !== undefined\n            ? { minHeight: typeof minHeight === \"number\" ? `${minHeight}px` : minHeight }\n            : null),\n        ...(fullWidth ? { width: \"100%\" } : null),\n        ...style,\n    };\n    return (\n        <div className={cn(styles.center, styles[axis], className)} style={finalStyle} {...props}>\n            {children}\n        </div>\n    );\n}\n"],"names":["Center","axis","minHeight","fullWidth","className","style","children","props","finalStyle","jsx","cn","styles"],"mappings":"0LA0BO,SAASA,EAAO,CACnB,KAAAC,EAAO,OACP,UAAAC,EACA,UAAAC,EAAY,GACZ,UAAAC,EACA,MAAAC,EACA,SAAAC,EACA,GAAGC,CACP,EAAgB,CACZ,MAAMC,EAA4B,CAC9B,GAAIN,IAAc,OACZ,CAAE,UAAW,OAAOA,GAAc,SAAW,GAAGA,CAAS,KAAOA,CAAA,EAChE,KACN,GAAIC,EAAY,CAAE,MAAO,QAAW,KACpC,GAAGE,CAAA,EAEP,OACII,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,OAAQA,EAAAA,QAAOV,CAAI,EAAGG,CAAS,EAAG,MAAOI,EAAa,GAAGD,EAC9E,SAAAD,EACL,CAER"}
+{"version":3,"file":"Center.cjs","names":[],"sources":["../../../src/components/Center/Center.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Center.module.css\";\n\nexport type CenterAxis = \"both\" | \"horizontal\" | \"vertical\";\n\nexport interface CenterProps extends HTMLAttributes<HTMLDivElement> {\n    /** Which axis to center on. Default `\"both\"`. */\n    axis?: CenterAxis;\n    /** Fixed height for the container. Numbers map to `${n}px`; strings pass through. Useful when centering inside an unsized parent. */\n    minHeight?: number | string;\n    /** When `true` (default), takes up `100%` width of the parent. */\n    fullWidth?: boolean;\n    children?: ReactNode;\n}\n\n/**\n * Center children horizontally, vertically, or both. Flex-based; works with\n * any child size. Pair with `minHeight` (or set parent height) when\n * centering vertically.\n *\n * @example\n * <Center axis=\"both\" minHeight=\"100vh\">\n *     <Spinner />\n * </Center>\n */\nexport function Center({\n    axis = \"both\",\n    minHeight,\n    fullWidth = true,\n    className,\n    style,\n    children,\n    ...props\n}: CenterProps) {\n    const finalStyle: CSSProperties = {\n        ...(minHeight !== undefined\n            ? { minHeight: typeof minHeight === \"number\" ? `${minHeight}px` : minHeight }\n            : null),\n        ...(fullWidth ? { width: \"100%\" } : null),\n        ...style,\n    };\n    return (\n        <div className={cn(styles.center, styles[axis], className)} style={finalStyle} {...props}>\n            {children}\n        </div>\n    );\n}\n"],"mappings":"0GA0BA,SAAgB,EAAO,CACnB,OAAO,OACP,YACA,YAAY,GACZ,YACA,QACA,WACA,GAAG,GACS,CACZ,IAAM,EAA4B,CAC9B,GAAI,IAAc,IAAA,GAEZ,KADA,CAAE,UAAW,OAAO,GAAc,SAAW,GAAG,EAAU,IAAM,CAAU,EAEhF,GAAI,EAAY,CAAE,MAAO,MAAO,EAAI,KACpC,GAAG,CACP,EACA,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,OAAQ,EAAA,QAAO,GAAO,CAAS,EAAG,MAAO,EAAY,GAAI,EAC9E,UACA,CAAA,CAEb"}

package/dist/components/Center/Center.js

@@ -1,23 +1,21 @@
-import { jsx as p } from "react/jsx-runtime";
-import { cn as u } from "../../utils/cn.js";
-import r from "./Center.module.css.js";
-function a({
-  axis: o = "both",
-  minHeight: t,
-  fullWidth: e = !0,
-  className: l,
-  style: n,
-  children: s,
-  ...f
-}) {
-  const m = {
-    ...t !== void 0 ? { minHeight: typeof t == "number" ? `${t}px` : t } : null,
-    ...e ? { width: "100%" } : null,
-    ...n
-  };
-  return /* @__PURE__ */ p("div", { className: u(r.center, r[o], l), style: m, ...f, children: s });
+import { cn as e } from "../../utils/cn.js";
+import t from "./Center.module.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Center/Center.tsx
+function r({ axis: r = "both", minHeight: i, fullWidth: a = !0, className: o, style: s, children: c, ...l }) {
+	let u = {
+		...i === void 0 ? null : { minHeight: typeof i == "number" ? `${i}px` : i },
+		...a ? { width: "100%" } : null,
+		...s
+	};
+	return /* @__PURE__ */ n("div", {
+		className: e(t.center, t[r], o),
+		style: u,
+		...l,
+		children: c
+	});
 }
-export {
-  a as Center
-};
-//# sourceMappingURL=Center.js.map
+//#endregion
+export { r as Center };
+
+//# sourceMappingURL=Center.js.map

package/dist/components/Center/Center.js.map

@@ -1 +1 @@
-{"version":3,"file":"Center.js","sources":["../../../src/components/Center/Center.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Center.module.css\";\n\nexport type CenterAxis = \"both\" | \"horizontal\" | \"vertical\";\n\nexport interface CenterProps extends HTMLAttributes<HTMLDivElement> {\n    /** Which axis to center on. Default `\"both\"`. */\n    axis?: CenterAxis;\n    /** Fixed height for the container. Numbers map to `${n}px`; strings pass through. Useful when centering inside an unsized parent. */\n    minHeight?: number | string;\n    /** When `true` (default), takes up `100%` width of the parent. */\n    fullWidth?: boolean;\n    children?: ReactNode;\n}\n\n/**\n * Center children horizontally, vertically, or both. Flex-based; works with\n * any child size. Pair with `minHeight` (or set parent height) when\n * centering vertically.\n *\n * @example\n * <Center axis=\"both\" minHeight=\"100vh\">\n *     <Spinner />\n * </Center>\n */\nexport function Center({\n    axis = \"both\",\n    minHeight,\n    fullWidth = true,\n    className,\n    style,\n    children,\n    ...props\n}: CenterProps) {\n    const finalStyle: CSSProperties = {\n        ...(minHeight !== undefined\n            ? { minHeight: typeof minHeight === \"number\" ? `${minHeight}px` : minHeight }\n            : null),\n        ...(fullWidth ? { width: \"100%\" } : null),\n        ...style,\n    };\n    return (\n        <div className={cn(styles.center, styles[axis], className)} style={finalStyle} {...props}>\n            {children}\n        </div>\n    );\n}\n"],"names":["Center","axis","minHeight","fullWidth","className","style","children","props","finalStyle","jsx","cn","styles"],"mappings":";;;AA0BO,SAASA,EAAO;AAAA,EACnB,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,GAAgB;AACZ,QAAMC,IAA4B;AAAA,IAC9B,GAAIN,MAAc,SACZ,EAAE,WAAW,OAAOA,KAAc,WAAW,GAAGA,CAAS,OAAOA,EAAA,IAChE;AAAA,IACN,GAAIC,IAAY,EAAE,OAAO,WAAW;AAAA,IACpC,GAAGE;AAAA,EAAA;AAEP,SACI,gBAAAI,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAO,QAAQA,EAAOV,CAAI,GAAGG,CAAS,GAAG,OAAOI,GAAa,GAAGD,GAC9E,UAAAD,GACL;AAER;"}
+{"version":3,"file":"Center.js","names":[],"sources":["../../../src/components/Center/Center.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Center.module.css\";\n\nexport type CenterAxis = \"both\" | \"horizontal\" | \"vertical\";\n\nexport interface CenterProps extends HTMLAttributes<HTMLDivElement> {\n    /** Which axis to center on. Default `\"both\"`. */\n    axis?: CenterAxis;\n    /** Fixed height for the container. Numbers map to `${n}px`; strings pass through. Useful when centering inside an unsized parent. */\n    minHeight?: number | string;\n    /** When `true` (default), takes up `100%` width of the parent. */\n    fullWidth?: boolean;\n    children?: ReactNode;\n}\n\n/**\n * Center children horizontally, vertically, or both. Flex-based; works with\n * any child size. Pair with `minHeight` (or set parent height) when\n * centering vertically.\n *\n * @example\n * <Center axis=\"both\" minHeight=\"100vh\">\n *     <Spinner />\n * </Center>\n */\nexport function Center({\n    axis = \"both\",\n    minHeight,\n    fullWidth = true,\n    className,\n    style,\n    children,\n    ...props\n}: CenterProps) {\n    const finalStyle: CSSProperties = {\n        ...(minHeight !== undefined\n            ? { minHeight: typeof minHeight === \"number\" ? `${minHeight}px` : minHeight }\n            : null),\n        ...(fullWidth ? { width: \"100%\" } : null),\n        ...style,\n    };\n    return (\n        <div className={cn(styles.center, styles[axis], className)} style={finalStyle} {...props}>\n            {children}\n        </div>\n    );\n}\n"],"mappings":";;;;AA0BA,SAAgB,EAAO,EACnB,UAAO,QACP,cACA,eAAY,IACZ,cACA,UACA,aACA,GAAG,KACS;CACZ,IAAM,IAA4B;EAC9B,GAAI,MAAc,KAAA,IAEZ,OADA,EAAE,WAAW,OAAO,KAAc,WAAW,GAAG,EAAU,MAAM,EAAU;EAEhF,GAAI,IAAY,EAAE,OAAO,OAAO,IAAI;EACpC,GAAG;CACP;CACA,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,QAAQ,EAAO,IAAO,CAAS;EAAG,OAAO;EAAY,GAAI;EAC9E;CACA,CAAA;AAEb"}

package/dist/components/Center/Center.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_center_Pu1Pf`,t=`tempest_both_53GWn`,n=`tempest_horizontal_94-Bt`,r=`tempest_vertical_Q7Kyg`,i={center:e,both:t,horizontal:n,vertical:r};exports.both=t,exports.center=e,exports.default=i,exports.horizontal=n,exports.vertical=r;
+//# sourceMappingURL=Center.module.cjs.map

package/dist/components/Center/Center.module.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Center.module.cjs","names":[],"sources":["../../../src/components/Center/Center.module.css"],"sourcesContent":[".center {\n    display: flex;\n}\n\n.center.both {\n    align-items: center;\n    justify-content: center;\n}\n\n.center.horizontal {\n    justify-content: center;\n}\n\n.center.vertical {\n    align-items: center;\n}\n"],"mappings":""}

package/dist/components/Center/Center.module.js

@@ -0,0 +1,11 @@
+//#region src/components/Center/Center.module.css
+var e = "tempest_center_Pu1Pf", t = "tempest_both_53GWn", n = "tempest_horizontal_94-Bt", r = "tempest_vertical_Q7Kyg", i = {
+	center: e,
+	both: t,
+	horizontal: n,
+	vertical: r
+};
+//#endregion
+export { t as both, e as center, i as default, n as horizontal, r as vertical };
+
+//# sourceMappingURL=Center.module.js.map

package/dist/components/Center/Center.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Center.module.js","names":[],"sources":["../../../src/components/Center/Center.module.css"],"sourcesContent":[".center {\n    display: flex;\n}\n\n.center.both {\n    align-items: center;\n    justify-content: center;\n}\n\n.center.horizontal {\n    justify-content: center;\n}\n\n.center.vertical {\n    align-items: center;\n}\n"],"mappings":""}

package/dist/components/Checkbox/Checkbox.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),l=require("../../utils/cn.cjs"),n=require("./Checkbox.module.css.cjs"),j=i.forwardRef(function({label:t,description:s,indeterminate:c,disabled:a,wrapperClassName:h,className:d,...f},r){const o=i.useRef(null);i.useEffect(()=>{o.current&&(o.current.indeterminate=!!c)},[c]);function x(u){o.current=u,typeof r=="function"?r(u):r&&(r.current=u)}return e.jsxs("label",{className:l.cn(n.default.wrapper,a&&n.default.disabled,h),children:[e.jsx("input",{ref:x,type:"checkbox",disabled:a,className:l.cn(n.default.input,d),...f}),e.jsx("span",{className:n.default.box,"aria-hidden":!0,children:c?e.jsx(k,{}):e.jsx(p,{})}),(t||s)&&e.jsxs("span",{className:n.default.labelWrap,children:[t&&e.jsx("span",{className:n.default.label,children:t}),s&&e.jsx("span",{className:n.default.description,children:s})]})]})});function p(){return e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",children:e.jsx("path",{d:"M5 12l5 5L20 7",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round"})})}function k(){return e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",children:e.jsx("path",{d:"M5 12h14",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round"})})}exports.Checkbox=j;
-//# sourceMappingURL=Checkbox.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./Checkbox.module.cjs");let n=require("react"),r=require("react/jsx-runtime");var i=(0,n.forwardRef)(function({label:i,description:s,indeterminate:c,disabled:l,wrapperClassName:u,className:d,...f},p){let m=(0,n.useRef)(null);(0,n.useEffect)(()=>{m.current&&(m.current.indeterminate=!!c)},[c]);function h(e){m.current=e,typeof p==`function`?p(e):p&&(p.current=e)}return(0,r.jsxs)(`label`,{className:e.cn(t.default.wrapper,l&&t.default.disabled,u),children:[(0,r.jsx)(`input`,{ref:h,type:`checkbox`,disabled:l,className:e.cn(t.default.input,d),...f}),(0,r.jsx)(`span`,{className:t.default.box,"aria-hidden":!0,children:c?(0,r.jsx)(o,{}):(0,r.jsx)(a,{})}),(i||s)&&(0,r.jsxs)(`span`,{className:t.default.labelWrap,children:[i&&(0,r.jsx)(`span`,{className:t.default.label,children:i}),s&&(0,r.jsx)(`span`,{className:t.default.description,children:s})]})]})});function a(){return(0,r.jsx)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,children:(0,r.jsx)(`path`,{d:`M5 12l5 5L20 7`,stroke:`currentColor`,strokeWidth:`3`,strokeLinecap:`round`,strokeLinejoin:`round`})})}function o(){return(0,r.jsx)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,children:(0,r.jsx)(`path`,{d:`M5 12h14`,stroke:`currentColor`,strokeWidth:`3`,strokeLinecap:`round`})})}exports.Checkbox=i;
+//# sourceMappingURL=Checkbox.cjs.map

package/dist/components/Checkbox/Checkbox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.cjs","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef, useEffect, useRef } from \"react\";\nimport type { InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Checkbox.module.css\";\n\nexport interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n    label?: ReactNode;\n    description?: ReactNode;\n    /** Render the box in the indeterminate state regardless of `checked`. */\n    indeterminate?: boolean;\n    wrapperClassName?: string;\n}\n\n/**\n * Accessible checkbox. Supports a tri-state via `indeterminate` and pairs the\n * input with a label/description column for forms.\n */\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(function Checkbox(\n    { label, description, indeterminate, disabled, wrapperClassName, className, ...props },\n    ref,\n) {\n    const innerRef = useRef<HTMLInputElement | null>(null);\n\n    useEffect(() => {\n        if (innerRef.current) innerRef.current.indeterminate = Boolean(indeterminate);\n    }, [indeterminate]);\n\n    function setRef(node: HTMLInputElement | null): void {\n        innerRef.current = node;\n        if (typeof ref === \"function\") ref(node);\n        else if (ref) (ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n    }\n\n    return (\n        <label className={cn(styles.wrapper, disabled && styles.disabled, wrapperClassName)}>\n            <input\n                ref={setRef}\n                type=\"checkbox\"\n                disabled={disabled}\n                className={cn(styles.input, className)}\n                {...props}\n            />\n            <span className={styles.box} aria-hidden>\n                {indeterminate ? <DashIcon /> : <CheckIcon />}\n            </span>\n            {(label || description) && (\n                <span className={styles.labelWrap}>\n                    {label && <span className={styles.label}>{label}</span>}\n                    {description && <span className={styles.description}>{description}</span>}\n                </span>\n            )}\n        </label>\n    );\n});\n\nfunction CheckIcon() {\n    return (\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M5 12l5 5L20 7\"\n                stroke=\"currentColor\"\n                strokeWidth=\"3\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n\nfunction DashIcon() {\n    return (\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M5 12h14\" stroke=\"currentColor\" strokeWidth=\"3\" strokeLinecap=\"round\" />\n        </svg>\n    );\n}\n"],"names":["Checkbox","forwardRef","label","description","indeterminate","disabled","wrapperClassName","className","props","ref","innerRef","useRef","useEffect","setRef","node","jsxs","cn","styles","jsx","DashIcon","CheckIcon"],"mappings":"+MAiBaA,EAAWC,EAAAA,WAA4C,SAChE,CAAE,MAAAC,EAAO,YAAAC,EAAa,cAAAC,EAAe,SAAAC,EAAU,iBAAAC,EAAkB,UAAAC,EAAW,GAAGC,CAAA,EAC/EC,EACF,CACE,MAAMC,EAAWC,EAAAA,OAAgC,IAAI,EAErDC,EAAAA,UAAU,IAAM,CACRF,EAAS,UAASA,EAAS,QAAQ,cAAgB,EAAQN,EACnE,EAAG,CAACA,CAAa,CAAC,EAElB,SAASS,EAAOC,EAAqC,CACjDJ,EAAS,QAAUI,EACf,OAAOL,GAAQ,WAAYA,EAAIK,CAAI,EAC9BL,IAAMA,EAAwD,QAAUK,EACrF,CAEA,OACIC,EAAAA,KAAC,QAAA,CAAM,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,QAASZ,GAAYY,EAAAA,QAAO,SAAUX,CAAgB,EAC9E,SAAA,CAAAY,EAAAA,IAAC,QAAA,CACG,IAAKL,EACL,KAAK,WACL,SAAAR,EACA,UAAWW,EAAAA,GAAGC,UAAO,MAAOV,CAAS,EACpC,GAAGC,CAAA,CAAA,EAERU,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,IAAK,cAAW,GACnC,SAAAb,EAAgBc,EAAAA,IAACC,EAAA,CAAA,CAAS,EAAKD,EAAAA,IAACE,IAAU,EAC/C,GACElB,GAASC,IACPY,OAAC,OAAA,CAAK,UAAWE,EAAAA,QAAO,UACnB,SAAA,CAAAf,GAASgB,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,MAAQ,SAAAf,EAAM,EAC/CC,GAAee,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,YAAc,SAAAd,CAAA,CAAY,CAAA,CAAA,CACtE,CAAA,EAER,CAER,CAAC,EAED,SAASiB,GAAY,CACjB,OACIF,EAAAA,IAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACjD,SAAAA,EAAAA,IAAC,OAAA,CACG,EAAE,iBACF,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,OAAA,CAAA,EAEvB,CAER,CAEA,SAASC,GAAW,CAChB,OACID,MAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACjD,eAAC,OAAA,CAAK,EAAE,WAAW,OAAO,eAAe,YAAY,IAAI,cAAc,QAAQ,CAAA,CACnF,CAER"}
+{"version":3,"file":"Checkbox.cjs","names":[],"sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef, useEffect, useRef } from \"react\";\nimport type { InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Checkbox.module.css\";\n\nexport interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n    label?: ReactNode;\n    description?: ReactNode;\n    /** Render the box in the indeterminate state regardless of `checked`. */\n    indeterminate?: boolean;\n    wrapperClassName?: string;\n}\n\n/**\n * Accessible checkbox. Supports a tri-state via `indeterminate` and pairs the\n * input with a label/description column for forms.\n */\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(function Checkbox(\n    { label, description, indeterminate, disabled, wrapperClassName, className, ...props },\n    ref,\n) {\n    const innerRef = useRef<HTMLInputElement | null>(null);\n\n    useEffect(() => {\n        if (innerRef.current) innerRef.current.indeterminate = Boolean(indeterminate);\n    }, [indeterminate]);\n\n    function setRef(node: HTMLInputElement | null): void {\n        innerRef.current = node;\n        if (typeof ref === \"function\") ref(node);\n        else if (ref) (ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n    }\n\n    return (\n        <label className={cn(styles.wrapper, disabled && styles.disabled, wrapperClassName)}>\n            <input\n                ref={setRef}\n                type=\"checkbox\"\n                disabled={disabled}\n                className={cn(styles.input, className)}\n                {...props}\n            />\n            <span className={styles.box} aria-hidden>\n                {indeterminate ? <DashIcon /> : <CheckIcon />}\n            </span>\n            {(label || description) && (\n                <span className={styles.labelWrap}>\n                    {label && <span className={styles.label}>{label}</span>}\n                    {description && <span className={styles.description}>{description}</span>}\n                </span>\n            )}\n        </label>\n    );\n});\n\nfunction CheckIcon() {\n    return (\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M5 12l5 5L20 7\"\n                stroke=\"currentColor\"\n                strokeWidth=\"3\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n\nfunction DashIcon() {\n    return (\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M5 12h14\" stroke=\"currentColor\" strokeWidth=\"3\" strokeLinecap=\"round\" />\n        </svg>\n    );\n}\n"],"mappings":"+HAiBA,IAAa,GAAA,EAAA,EAAA,WAAA,CAAuD,SAChE,CAAE,QAAO,cAAa,gBAAe,WAAU,mBAAkB,YAAW,GAAG,GAC/E,EACF,CACE,IAAM,GAAA,EAAA,EAAA,OAAA,CAA2C,IAAI,GAErD,EAAA,EAAA,UAAA,KAAgB,CACR,EAAS,UAAS,EAAS,QAAQ,cAAgB,EAAQ,EACnE,EAAG,CAAC,CAAa,CAAC,EAElB,SAAS,EAAO,EAAqC,CACjD,EAAS,QAAU,EACf,OAAO,GAAQ,WAAY,EAAI,CAAI,EAC9B,IAAK,EAAyD,QAAU,EACrF,CAEA,OACI,EAAA,EAAA,KAAA,CAAC,QAAD,CAAO,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,GAAY,EAAA,QAAO,SAAU,CAAgB,WAAlF,EACI,EAAA,EAAA,IAAA,CAAC,QAAD,CACI,IAAK,EACL,KAAK,WACK,WACV,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,CAAS,EACrC,GAAI,CACP,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,IAAK,cAAA,YACxB,GAAgB,EAAA,EAAA,IAAA,CAAC,EAAD,CAAW,CAAA,GAAI,EAAA,EAAA,IAAA,CAAC,EAAD,CAAY,CAAA,CAC1C,CAAA,GACJ,GAAS,KACP,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,mBAAxB,CACK,IAAS,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,CAAY,CAAA,EACrD,IAAe,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,qBAAc,CAAkB,CAAA,CACtE,GAEP,GAEf,CAAC,EAED,SAAS,GAAY,CACjB,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,iBACjD,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,EAAE,iBACF,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,OAClB,CAAA,CACA,CAAA,CAEb,CAEA,SAAS,GAAW,CAChB,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,iBACjD,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,EAAE,WAAW,OAAO,eAAe,YAAY,IAAI,cAAc,OAAS,CAAA,CAC/E,CAAA,CAEb"}