@studiocubics/components 0.0.3 → 0.0.4

package/dist/Layout/Popover/Popover.js

@@ -1,103 +1,2 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { useRef, useEffect } from 'react';
-import styles from './Popover.module.css.js';
-import { cn } from '@studiocubics/utils';
-
-function Popover({ children, anchorEl, open, className, onClose, anchorPosition = { vertical: "bottom", horizontal: "center" }, transformOrigin = { vertical: "top", horizontal: "left" }, ...rest }) {
-    const popoverRef = useRef(null);
-    // Sync controlled `open` state with native API
-    useEffect(() => {
-        const popover = popoverRef.current;
-        if (!popover)
-            return;
-        if (open && !popover.matches(":popover-open")) {
-            popover.showPopover();
-        }
-        else if (!open && popover.matches(":popover-open")) {
-            popover.hidePopover();
-        }
-    }, [open]);
-    // Handle outside click + escape
-    useEffect(() => {
-        const popover = popoverRef.current;
-        if (!popover)
-            return;
-        const handleToggle = () => {
-            if (!popover.matches(":popover-open")) {
-                onClose();
-            }
-        };
-        popover.addEventListener("toggle", handleToggle);
-        return () => {
-            popover.removeEventListener("toggle", handleToggle);
-        };
-    }, [onClose]);
-    // JS positioning
-    useEffect(() => {
-        const popover = popoverRef.current;
-        if (!popover || !anchorEl || !open)
-            return;
-        const anchorRect = anchorEl.getBoundingClientRect();
-        const popoverRect = popover.getBoundingClientRect();
-        const margin = 8;
-        let top = 0;
-        let left = 0;
-        // Compute anchor-based position
-        switch (anchorPosition.vertical) {
-            case "top":
-                top = anchorRect.top;
-                break;
-            case "center":
-                top = anchorRect.top + anchorRect.height / 2;
-                break;
-            case "bottom":
-                top = anchorRect.bottom;
-                break;
-        }
-        switch (anchorPosition.horizontal) {
-            case "left":
-                left = anchorRect.left;
-                break;
-            case "center":
-                left = anchorRect.left + anchorRect.width / 2;
-                break;
-            case "right":
-                left = anchorRect.right;
-                break;
-        }
-        //  Apply transform origin
-        switch (transformOrigin.vertical) {
-            case "center":
-                top -= popoverRect.height / 2;
-                break;
-            case "bottom":
-                top -= popoverRect.height;
-                break;
-            // top -> no change
-        }
-        switch (transformOrigin.horizontal) {
-            case "center":
-                left -= popoverRect.width / 2;
-                break;
-            case "right":
-                left -= popoverRect.width;
-                break;
-            // left -> no change
-        }
-        //  Clamp so the popover stays fully in viewport
-        const viewportWidth = document.documentElement.clientWidth;
-        const viewportHeight = document.documentElement.clientHeight;
-        const maxLeft = viewportWidth - popoverRect.width - margin;
-        const maxTop = viewportHeight - popoverRect.height - margin;
-        left = Math.min(Math.max(left, margin), maxLeft);
-        top = Math.min(Math.max(top, margin), maxTop);
-        //  Apply scroll offset
-        popover.style.top = `${top + window.scrollY}px`;
-        popover.style.left = `${left + window.scrollX}px`;
-    }, [open, anchorEl, anchorPosition, transformOrigin]);
-    return (jsx("div", { ...rest, className: cn(styles.root, className, open ? styles.open : ""), ref: popoverRef, popover: "auto", children: children }));
-}
-
-export { Popover };
+"use client";import{jsx as t}from"react/jsx-runtime";import{useRef as e,useEffect as o}from"react";import r from"./Popover.module.css.js";import{cn as n}from"@studiocubics/utils";function c({children:c,anchorEl:i,open:s,className:a,onClose:l,anchorPosition:h={vertical:"bottom",horizontal:"center"},transformOrigin:m={vertical:"top",horizontal:"left"},...p}){const u=e(null);return o(()=>{const t=u.current;t&&(s&&!t.matches(":popover-open")?t.showPopover():!s&&t.matches(":popover-open")&&t.hidePopover())},[s]),o(()=>{const t=u.current;if(!t)return;const e=()=>{t.matches(":popover-open")||l()};return t.addEventListener("toggle",e),()=>{t.removeEventListener("toggle",e)}},[l]),o(()=>{const t=u.current;if(!t||!i||!s)return;const e=i.getBoundingClientRect(),o=t.getBoundingClientRect();let r=0,n=0;switch(h.vertical){case"top":r=e.top;break;case"center":r=e.top+e.height/2;break;case"bottom":r=e.bottom}switch(h.horizontal){case"left":n=e.left;break;case"center":n=e.left+e.width/2;break;case"right":n=e.right}switch(m.vertical){case"center":r-=o.height/2;break;case"bottom":r-=o.height}switch(m.horizontal){case"center":n-=o.width/2;break;case"right":n-=o.width}const c=document.documentElement.clientWidth,a=document.documentElement.clientHeight,l=c-o.width-8,p=a-o.height-8;n=Math.min(Math.max(n,8),l),r=Math.min(Math.max(r,8),p),t.style.top=`${r+window.scrollY}px`,t.style.left=`${n+window.scrollX}px`},[s,i,h,m]),t("div",{...p,className:n(r.root,a,s?r.open:""),ref:u,popover:"auto",children:c})}export{c as Popover};
 //# sourceMappingURL=Popover.js.map

package/dist/Layout/Popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sources":["../../../src/Layout/Popover/Popover.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ReactNode, useRef, useEffect, type ComponentProps } from \"react\";\nimport styles from \"./Popover.module.css\";\nimport { cn } from \"@studiocubics/utils\";\n\nexport interface PositionType {\n  vertical: \"top\" | \"center\" | \"bottom\";\n  horizontal: \"left\" | \"center\" | \"right\";\n}\n\nexport interface PopoverProps extends ComponentProps<\"div\"> {\n  children: ReactNode;\n  anchorEl: HTMLElement | null;\n  open: boolean;\n  onClose: () => void;\n  anchorPosition?: PositionType;\n  transformOrigin?: PositionType;\n}\n\nexport function Popover({\n  children,\n  anchorEl,\n  open,\n  className,\n  onClose,\n  anchorPosition = { vertical: \"bottom\", horizontal: \"center\" },\n  transformOrigin = { vertical: \"top\", horizontal: \"left\" },\n  ...rest\n}: PopoverProps) {\n  const popoverRef = useRef<HTMLDivElement>(null);\n\n  // Sync controlled `open` state with native API\n  useEffect(() => {\n    const popover = popoverRef.current;\n    if (!popover) return;\n\n    if (open && !popover.matches(\":popover-open\")) {\n      popover.showPopover();\n    } else if (!open && popover.matches(\":popover-open\")) {\n      popover.hidePopover();\n    }\n  }, [open]);\n\n  // Handle outside click + escape\n  useEffect(() => {\n    const popover = popoverRef.current;\n    if (!popover) return;\n\n    const handleToggle = () => {\n      if (!popover.matches(\":popover-open\")) {\n        onClose();\n      }\n    };\n\n    popover.addEventListener(\"toggle\", handleToggle);\n    return () => {\n      popover.removeEventListener(\"toggle\", handleToggle);\n    };\n  }, [onClose]);\n\n  // JS positioning\n  useEffect(() => {\n    const popover = popoverRef.current;\n    if (!popover || !anchorEl || !open) return;\n\n    const anchorRect = anchorEl.getBoundingClientRect();\n    const popoverRect = popover.getBoundingClientRect();\n    const margin = 8;\n\n    let top = 0;\n    let left = 0;\n\n    // Compute anchor-based position\n    switch (anchorPosition.vertical) {\n      case \"top\":\n        top = anchorRect.top;\n        break;\n      case \"center\":\n        top = anchorRect.top + anchorRect.height / 2;\n        break;\n      case \"bottom\":\n        top = anchorRect.bottom;\n        break;\n    }\n\n    switch (anchorPosition.horizontal) {\n      case \"left\":\n        left = anchorRect.left;\n        break;\n      case \"center\":\n        left = anchorRect.left + anchorRect.width / 2;\n        break;\n      case \"right\":\n        left = anchorRect.right;\n        break;\n    }\n\n    //  Apply transform origin\n    switch (transformOrigin.vertical) {\n      case \"center\":\n        top -= popoverRect.height / 2;\n        break;\n      case \"bottom\":\n        top -= popoverRect.height;\n        break;\n      // top -> no change\n    }\n\n    switch (transformOrigin.horizontal) {\n      case \"center\":\n        left -= popoverRect.width / 2;\n        break;\n      case \"right\":\n        left -= popoverRect.width;\n        break;\n      // left -> no change\n    }\n\n    //  Clamp so the popover stays fully in viewport\n    const viewportWidth = document.documentElement.clientWidth;\n    const viewportHeight = document.documentElement.clientHeight;\n\n    const maxLeft = viewportWidth - popoverRect.width - margin;\n    const maxTop = viewportHeight - popoverRect.height - margin;\n\n    left = Math.min(Math.max(left, margin), maxLeft);\n    top = Math.min(Math.max(top, margin), maxTop);\n\n    //  Apply scroll offset\n    popover.style.top = `${top + window.scrollY}px`;\n    popover.style.left = `${left + window.scrollX}px`;\n  }, [open, anchorEl, anchorPosition, transformOrigin]);\n\n  return (\n    <div\n      {...rest}\n      className={cn(styles.root, className, open ? styles.open : \"\")}\n      ref={popoverRef}\n      popover=\"auto\"\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"Popover.js","sources":["../../../src/Layout/Popover/Popover.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ReactNode, useRef, useEffect, type ComponentProps } from \"react\";\nimport styles from \"./Popover.module.css\";\nimport { cn } from \"@studiocubics/utils\";\n\nexport interface PositionType {\n  vertical: \"top\" | \"center\" | \"bottom\";\n  horizontal: \"left\" | \"center\" | \"right\";\n}\n\nexport interface PopoverProps extends ComponentProps<\"div\"> {\n  children: ReactNode;\n  anchorEl: HTMLElement | null;\n  open: boolean;\n  onClose: () => void;\n  anchorPosition?: PositionType;\n  transformOrigin?: PositionType;\n}\n\nexport function Popover({\n  children,\n  anchorEl,\n  open,\n  className,\n  onClose,\n  anchorPosition = { vertical: \"bottom\", horizontal: \"center\" },\n  transformOrigin = { vertical: \"top\", horizontal: \"left\" },\n  ...rest\n}: PopoverProps) {\n  const popoverRef = useRef<HTMLDivElement>(null);\n\n  // Sync controlled `open` state with native API\n  useEffect(() => {\n    const popover = popoverRef.current;\n    if (!popover) return;\n\n    if (open && !popover.matches(\":popover-open\")) {\n      popover.showPopover();\n    } else if (!open && popover.matches(\":popover-open\")) {\n      popover.hidePopover();\n    }\n  }, [open]);\n\n  // Handle outside click + escape\n  useEffect(() => {\n    const popover = popoverRef.current;\n    if (!popover) return;\n\n    const handleToggle = () => {\n      if (!popover.matches(\":popover-open\")) {\n        onClose();\n      }\n    };\n\n    popover.addEventListener(\"toggle\", handleToggle);\n    return () => {\n      popover.removeEventListener(\"toggle\", handleToggle);\n    };\n  }, [onClose]);\n\n  // JS positioning\n  useEffect(() => {\n    const popover = popoverRef.current;\n    if (!popover || !anchorEl || !open) return;\n\n    const anchorRect = anchorEl.getBoundingClientRect();\n    const popoverRect = popover.getBoundingClientRect();\n    const margin = 8;\n\n    let top = 0;\n    let left = 0;\n\n    // Compute anchor-based position\n    switch (anchorPosition.vertical) {\n      case \"top\":\n        top = anchorRect.top;\n        break;\n      case \"center\":\n        top = anchorRect.top + anchorRect.height / 2;\n        break;\n      case \"bottom\":\n        top = anchorRect.bottom;\n        break;\n    }\n\n    switch (anchorPosition.horizontal) {\n      case \"left\":\n        left = anchorRect.left;\n        break;\n      case \"center\":\n        left = anchorRect.left + anchorRect.width / 2;\n        break;\n      case \"right\":\n        left = anchorRect.right;\n        break;\n    }\n\n    //  Apply transform origin\n    switch (transformOrigin.vertical) {\n      case \"center\":\n        top -= popoverRect.height / 2;\n        break;\n      case \"bottom\":\n        top -= popoverRect.height;\n        break;\n      // top -> no change\n    }\n\n    switch (transformOrigin.horizontal) {\n      case \"center\":\n        left -= popoverRect.width / 2;\n        break;\n      case \"right\":\n        left -= popoverRect.width;\n        break;\n      // left -> no change\n    }\n\n    //  Clamp so the popover stays fully in viewport\n    const viewportWidth = document.documentElement.clientWidth;\n    const viewportHeight = document.documentElement.clientHeight;\n\n    const maxLeft = viewportWidth - popoverRect.width - margin;\n    const maxTop = viewportHeight - popoverRect.height - margin;\n\n    left = Math.min(Math.max(left, margin), maxLeft);\n    top = Math.min(Math.max(top, margin), maxTop);\n\n    //  Apply scroll offset\n    popover.style.top = `${top + window.scrollY}px`;\n    popover.style.left = `${left + window.scrollX}px`;\n  }, [open, anchorEl, anchorPosition, transformOrigin]);\n\n  return (\n    <div\n      {...rest}\n      className={cn(styles.root, className, open ? styles.open : \"\")}\n      ref={popoverRef}\n      popover=\"auto\"\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["Popover","children","anchorEl","open","className","onClose","anchorPosition","vertical","horizontal","transformOrigin","rest","popoverRef","useRef","useEffect","popover","current","matches","showPopover","hidePopover","handleToggle","addEventListener","removeEventListener","anchorRect","getBoundingClientRect","popoverRect","top","left","height","bottom","width","right","viewportWidth","document","documentElement","clientWidth","viewportHeight","clientHeight","maxLeft","maxTop","Math","min","max","style","window","scrollY","scrollX","_jsx","cn","styles","root","ref"],"mappings":"4LAoBgBA,GAAQC,SACtBA,EAAQC,SACRA,EAAQC,KACRA,EAAIC,UACJA,EAASC,QACTA,EAAOC,eACPA,EAAiB,CAAEC,SAAU,SAAUC,WAAY,UAAUC,gBAC7DA,EAAkB,CAAEF,SAAU,MAAOC,WAAY,WAC9CE,IAEH,MAAMC,EAAaC,EAAuB,MAwG1C,OArGAC,EAAU,KACR,MAAMC,EAAUH,EAAWI,QACtBD,IAEDX,IAASW,EAAQE,QAAQ,iBAC3BF,EAAQG,eACEd,GAAQW,EAAQE,QAAQ,kBAClCF,EAAQI,gBAET,CAACf,IAGJU,EAAU,KACR,MAAMC,EAAUH,EAAWI,QAC3B,IAAKD,EAAS,OAEd,MAAMK,EAAe,KACdL,EAAQE,QAAQ,kBACnBX,KAKJ,OADAS,EAAQM,iBAAiB,SAAUD,GAC5B,KACLL,EAAQO,oBAAoB,SAAUF,KAEvC,CAACd,IAGJQ,EAAU,KACR,MAAMC,EAAUH,EAAWI,QAC3B,IAAKD,IAAYZ,IAAaC,EAAM,OAEpC,MAAMmB,EAAapB,EAASqB,wBACtBC,EAAcV,EAAQS,wBAG5B,IAAIE,EAAM,EACNC,EAAO,EAGX,OAAQpB,EAAeC,UACrB,IAAK,MACHkB,EAAMH,EAAWG,IACjB,MACF,IAAK,SACHA,EAAMH,EAAWG,IAAMH,EAAWK,OAAS,EAC3C,MACF,IAAK,SACHF,EAAMH,EAAWM,OAIrB,OAAQtB,EAAeE,YACrB,IAAK,OACHkB,EAAOJ,EAAWI,KAClB,MACF,IAAK,SACHA,EAAOJ,EAAWI,KAAOJ,EAAWO,MAAQ,EAC5C,MACF,IAAK,QACHH,EAAOJ,EAAWQ,MAKtB,OAAQrB,EAAgBF,UACtB,IAAK,SACHkB,GAAOD,EAAYG,OAAS,EAC5B,MACF,IAAK,SACHF,GAAOD,EAAYG,OAKvB,OAAQlB,EAAgBD,YACtB,IAAK,SACHkB,GAAQF,EAAYK,MAAQ,EAC5B,MACF,IAAK,QACHH,GAAQF,EAAYK,MAMxB,MAAME,EAAgBC,SAASC,gBAAgBC,YACzCC,EAAiBH,SAASC,gBAAgBG,aAE1CC,EAAUN,EAAgBP,EAAYK,MAvD7B,EAwDTS,EAASH,EAAiBX,EAAYG,OAxD7B,EA0DfD,EAAOa,KAAKC,IAAID,KAAKE,IAAIf,EA1DV,GA0DyBW,GACxCZ,EAAMc,KAAKC,IAAID,KAAKE,IAAIhB,EA3DT,GA2DuBa,GAGtCxB,EAAQ4B,MAAMjB,IAAM,GAAGA,EAAMkB,OAAOC,YACpC9B,EAAQ4B,MAAMhB,KAAO,GAAGA,EAAOiB,OAAOE,aACrC,CAAC1C,EAAMD,EAAUI,EAAgBG,IAGlCqC,EAAA,MAAA,IACMpC,EACJN,UAAW2C,EAAGC,EAAOC,KAAM7C,EAAWD,EAAO6C,EAAO7C,KAAO,IAC3D+C,IAAKvC,EACLG,QAAQ,gBAEPb,GAGP"}

package/dist/Layout/Popover/Popover.module.css.js

@@ -1,4 +1,2 @@
-var styles = {"root":"Popover-module_root__HE-kk","open":"Popover-module_open__1aLk-"};
-
-export { styles as default };
+var o={root:"Popover-module_root__HE-kk",open:"Popover-module_open__1aLk-"};export{o as default};
 //# sourceMappingURL=Popover.module.css.js.map

package/dist/Layout/Popover/Popover.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"Popover.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Layout/SectionWrapper/SectionWrapper.js

@@ -1,11 +1,2 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import styles from './SectionWrapper.module.css.js';
-import { cssSafeString, cn } from '@studiocubics/utils';
-
-function SectionWrapper(props) {
-    const { title, subtitle, children, noBorders, slotProps = {}, containerClassname, className, ...rest } = props;
-    return (jsxs("section", { className: cn(containerClassname, styles.root, noBorders ? styles.noBorders : ""), id: typeof title == "string" ? cssSafeString(title) : undefined, ...rest, children: [jsxs("div", { ...slotProps.header, className: cn(styles.header, slotProps.header?.className), children: [typeof title == "string" ? (jsx("h4", { ...slotProps.title, children: title })) : (title), subtitle && typeof subtitle == "string" ? (jsx("p", { ...slotProps.subtitle, children: subtitle })) : (subtitle)] }), jsx("div", { ...slotProps.content, className: cn(styles.content, slotProps.content?.className, className), children: children })] }));
-}
-
-export { SectionWrapper };
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"./SectionWrapper.module.css.js";import{cssSafeString as s,cn as o}from"@studiocubics/utils";function i(i){const{title:n,subtitle:c,children:a,noBorders:l,slotProps:d={},containerClassname:m,className:p,...h}=i;return e("section",{className:o(m,r.root,l?r.noBorders:""),id:"string"==typeof n?s(n):void 0,...h,children:[e("div",{...d.header,className:o(r.header,d.header?.className),children:["string"==typeof n?t("h4",{...d.title,children:n}):n,c&&"string"==typeof c?t("p",{...d.subtitle,children:c}):c]}),t("div",{...d.content,className:o(r.content,d.content?.className,p),children:a})]})}export{i as SectionWrapper};
 //# sourceMappingURL=SectionWrapper.js.map

package/dist/Layout/SectionWrapper/SectionWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionWrapper.js","sources":["../../../src/Layout/SectionWrapper/SectionWrapper.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from \"react\";\nimport styles from \"./SectionWrapper.module.css\";\nimport { cn, cssSafeString } from \"@studiocubics/utils\";\n\nexport interface SectionWrapperProps\n  extends Omit<ComponentProps<\"section\">, \"title\"> {\n  title: ReactNode;\n  subtitle?: ReactNode;\n  noBorders?: boolean;\n  containerClassname?: string;\n  slotProps?: {\n    header?: ComponentProps<\"div\">;\n    title?: ComponentProps<\"h4\">;\n    subtitle?: ComponentProps<\"p\">;\n    content?: ComponentProps<\"div\">;\n  };\n}\nexport function SectionWrapper(props: SectionWrapperProps) {\n  const {\n    title,\n    subtitle,\n    children,\n    noBorders,\n    slotProps = {},\n    containerClassname,\n    className,\n    ...rest\n  } = props;\n  return (\n    <section\n      className={cn(\n        containerClassname,\n        styles.root,\n        noBorders ? styles.noBorders : \"\"\n      )}\n      id={typeof title == \"string\" ? cssSafeString(title) : undefined}\n      {...rest}\n    >\n      <div\n        {...slotProps.header}\n        className={cn(styles.header, slotProps.header?.className)}\n      >\n        {typeof title == \"string\" ? (\n          <h4 {...slotProps.title}>{title}</h4>\n        ) : (\n          title\n        )}\n        {subtitle && typeof subtitle == \"string\" ? (\n          <p {...slotProps.subtitle}>{subtitle}</p>\n        ) : (\n          subtitle\n        )}\n      </div>\n      <div\n        {...slotProps.content}\n        className={cn(styles.content, slotProps.content?.className, className)}\n      >\n        {children}\n      </div>\n    </section>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;AAiBM,SAAU,cAAc,CAAC,KAA0B,EAAA;IACvD,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,EAAE,EACd,kBAAkB,EAClB,SAAS,EACT,GAAG,IAAI,EACR,GAAG,KAAK;AACT,IAAA,QACEA,IAAA,CAAA,SAAA,EAAA,EACE,SAAS,EAAE,EAAE,CACX,kBAAkB,EAClB,MAAM,CAAC,IAAI,EACX,SAAS,GAAG,MAAM,CAAC,SAAS,GAAG,EAAE,CAClC,EACD,EAAE,EAAE,OAAO,KAAK,IAAI,QAAQ,GAAG,aAAa,CAAC,KAAK,CAAC,GAAG,SAAS,EAAA,GAC3D,IAAI,EAAA,QAAA,EAAA,CAERA,IAAA,CAAA,KAAA,EAAA,EAAA,GACM,SAAS,CAAC,MAAM,EACpB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,CAExD,OAAO,KAAK,IAAI,QAAQ,IACvBC,GAAA,CAAA,IAAA,EAAA,EAAA,GAAQ,SAAS,CAAC,KAAK,EAAA,QAAA,EAAG,KAAK,EAAA,CAAM,KAErC,KAAK,CACN,EACA,QAAQ,IAAI,OAAO,QAAQ,IAAI,QAAQ,IACtCA,GAAA,CAAA,GAAA,EAAA,EAAA,GAAO,SAAS,CAAC,QAAQ,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAK,KAEzC,QAAQ,CACT,IACG,EACNA,GAAA,CAAA,KAAA,EAAA,EAAA,GACM,SAAS,CAAC,OAAO,EACrB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC,EAAA,QAAA,EAErE,QAAQ,EAAA,CACL,CAAA,EAAA,CACE;AAEd;;;;"}
+{"version":3,"file":"SectionWrapper.js","sources":["../../../src/Layout/SectionWrapper/SectionWrapper.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from \"react\";\nimport styles from \"./SectionWrapper.module.css\";\nimport { cn, cssSafeString } from \"@studiocubics/utils\";\n\nexport interface SectionWrapperProps\n  extends Omit<ComponentProps<\"section\">, \"title\"> {\n  title: ReactNode;\n  subtitle?: ReactNode;\n  noBorders?: boolean;\n  containerClassname?: string;\n  slotProps?: {\n    header?: ComponentProps<\"div\">;\n    title?: ComponentProps<\"h4\">;\n    subtitle?: ComponentProps<\"p\">;\n    content?: ComponentProps<\"div\">;\n  };\n}\nexport function SectionWrapper(props: SectionWrapperProps) {\n  const {\n    title,\n    subtitle,\n    children,\n    noBorders,\n    slotProps = {},\n    containerClassname,\n    className,\n    ...rest\n  } = props;\n  return (\n    <section\n      className={cn(\n        containerClassname,\n        styles.root,\n        noBorders ? styles.noBorders : \"\"\n      )}\n      id={typeof title == \"string\" ? cssSafeString(title) : undefined}\n      {...rest}\n    >\n      <div\n        {...slotProps.header}\n        className={cn(styles.header, slotProps.header?.className)}\n      >\n        {typeof title == \"string\" ? (\n          <h4 {...slotProps.title}>{title}</h4>\n        ) : (\n          title\n        )}\n        {subtitle && typeof subtitle == \"string\" ? (\n          <p {...slotProps.subtitle}>{subtitle}</p>\n        ) : (\n          subtitle\n        )}\n      </div>\n      <div\n        {...slotProps.content}\n        className={cn(styles.content, slotProps.content?.className, className)}\n      >\n        {children}\n      </div>\n    </section>\n  );\n}\n"],"names":["SectionWrapper","props","title","subtitle","children","noBorders","slotProps","containerClassname","className","rest","_jsxs","cn","styles","root","id","cssSafeString","undefined","header","_jsx","content"],"mappings":"4JAiBM,SAAUA,EAAeC,GAC7B,MAAMC,MACJA,EAAKC,SACLA,EAAQC,SACRA,EAAQC,UACRA,EAASC,UACTA,EAAY,CAAA,EAAEC,mBACdA,EAAkBC,UAClBA,KACGC,GACDR,EACJ,OACES,EAAA,UAAA,CACEF,UAAWG,EACTJ,EACAK,EAAOC,KACPR,EAAYO,EAAOP,UAAY,IAEjCS,GAAoB,iBAATZ,EAAoBa,EAAcb,QAASc,KAClDP,EAAIL,SAAA,CAERM,EAAA,MAAA,IACMJ,EAAUW,OACdT,UAAWG,EAAGC,EAAOK,OAAQX,EAAUW,QAAQT,WAAUJ,SAAA,CAExC,iBAATF,EACNgB,EAAA,KAAA,IAAQZ,EAAUJ,MAAKE,SAAGF,IAAW,EAItCC,GAA+B,iBAAZA,EAClBe,EAAA,IAAA,IAAOZ,EAAUH,SAAQC,SAAGD,IAAa,KAK7Ce,EAAA,MAAA,IACMZ,EAAUa,QACdX,UAAWG,EAAGC,EAAOO,QAASb,EAAUa,SAASX,UAAWA,GAAUJ,SAErEA,MAIT"}

package/dist/Layout/SectionWrapper/SectionWrapper.module.css.js

@@ -1,4 +1,2 @@
-var styles = {"root":"SectionWrapper-module_root__K-O4Y","header":"SectionWrapper-module_header__8-h-6","noBorders":"SectionWrapper-module_noBorders__brOqe","content":"SectionWrapper-module_content__Ruu8X"};
-
-export { styles as default };
+var e={root:"SectionWrapper-module_root__K-O4Y",header:"SectionWrapper-module_header__8-h-6",noBorders:"SectionWrapper-module_noBorders__brOqe",content:"SectionWrapper-module_content__Ruu8X"};export{e as default};
 //# sourceMappingURL=SectionWrapper.module.css.js.map

package/dist/Layout/SectionWrapper/SectionWrapper.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionWrapper.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"SectionWrapper.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Layout/Sidebar/Sidebar.js

@@ -1,25 +1,2 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext, useState } from 'react';
-import styles from './Sidebar.module.css.js';
-
-const SidebarContext = createContext(null);
-function useSidebar() {
-    const c = useContext(SidebarContext);
-    if (!c)
-        throw new Error("Components must be wrapped in <SidebarProvider/>");
-    return c;
-}
-const SIDEBAR_COOKIE = "sidebarOpen";
-const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
-function Sidebar({ children, defaultOpen }) {
-    const [sidebarOpen, setSidebarOpen] = useState(defaultOpen ?? false);
-    async function toggleSidebar() {
-        setSidebarOpen((v) => !v);
-        document.cookie = `${SIDEBAR_COOKIE}=${!sidebarOpen}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
-    }
-    return (jsx(SidebarContext.Provider, { value: { sidebarOpen, toggleSidebar }, children: jsx("div", { className: styles.root, children: children }) }));
-}
-
-export { SIDEBAR_COOKIE, SIDEBAR_COOKIE_MAX_AGE, Sidebar, useSidebar };
+"use client";import{jsx as e}from"react/jsx-runtime";import{createContext as r,useContext as n,useState as o}from"react";import t from"./Sidebar.module.css.js";const i=r(null);function c(){const e=n(i);if(!e)throw new Error("Components must be wrapped in <SidebarProvider/>");return e}const a="sidebarOpen",s=604800;function d({children:r,defaultOpen:n}){const[c,s]=o(n??!1);return e(i.Provider,{value:{sidebarOpen:c,toggleSidebar:async function(){s(e=>!e),document.cookie=`${a}=${!c}; path=/; max-age=604800`}},children:e("div",{className:t.root,children:r})})}export{a as SIDEBAR_COOKIE,s as SIDEBAR_COOKIE_MAX_AGE,d as Sidebar,c as useSidebar};
 //# sourceMappingURL=Sidebar.js.map

package/dist/Layout/Sidebar/Sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","sources":["../../../src/Layout/Sidebar/Sidebar.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, type ReactNode, useContext, useState } from \"react\";\nimport styles from \"./Sidebar.module.css\";\n\ninterface SidebarContextProps {\n  sidebarOpen: boolean;\n  toggleSidebar(): void;\n}\ninterface SidebarProps {\n  children: ReactNode;\n  defaultOpen?: boolean;\n  storageKey?: string;\n}\n\nconst SidebarContext = createContext<SidebarContextProps | null>(null);\n\nexport function useSidebar() {\n  const c = useContext(SidebarContext);\n  if (!c) throw new Error(\"Components must be wrapped in <SidebarProvider/>\");\n  return c;\n}\nexport const SIDEBAR_COOKIE = \"sidebarOpen\";\nexport const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;\n\nexport function Sidebar({ children, defaultOpen }: SidebarProps) {\n  const [sidebarOpen, setSidebarOpen] = useState(defaultOpen ?? false);\n\n  async function toggleSidebar() {\n    setSidebarOpen((v) => !v);\n    document.cookie = `${SIDEBAR_COOKIE}=${!sidebarOpen}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\n  }\n\n  return (\n    <SidebarContext.Provider value={{ sidebarOpen, toggleSidebar }}>\n      <div className={styles.root}>{children}</div>\n    </SidebarContext.Provider>\n  );\n}\n"],"names":["_jsx"],"mappings":";;;;;AAeA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,CAA6B,IAAI,CAAC;SAEtD,UAAU,CAAA,CAAA,CAAA;AACxB,CAAA,CAAA,CAAA,CAAA,MAAM,CAAC,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAC,cAAc,CAAC;AACpC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAI,CAAC,CAAC;AAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,kDAAkD,CAAC;AAC3E,CAAA,CAAA,CAAA,CAAA,OAAO,CAAC;AACV;AACO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,cAAc,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACvB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,sBAAsB,CAAA,CAAA,CAAG,CAAA,CAAE,GAAG,CAAA,CAAE,CAAA,CAAA,CAAG,EAAE,CAAA,CAAA,CAAG,CAAA;SAErC,OAAO,CAAC,CAAA,CAAE,QAAQ,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,EAAgB,CAAA,CAAA;AAC7D,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAC,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC;AAEpE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAe,aAAa,CAAA,CAAA,CAAA;QAC1B,cAAc,CAAC,CAAC,CAAC,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAC,CAAC;QACzB,QAAQ,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAG,CAAA,EAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,CAAA,CAAI,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,kBAAA,CAAA,CAAqB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAsB,CAAA,CAAE;IAClG;IAEA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACEA,CAAAA,CAAAA,CAAA,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,GAAC,CAAA,CAAA,CAAA,CAAA,CAAK,EAAE,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,EAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAC5DA,CAAAA,CAAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,EAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,QAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAA,CAAO,EAAA,CACrB,CAAA;AAE9B;;"}
+{"version":3,"file":"Sidebar.js","sources":["../../../src/Layout/Sidebar/Sidebar.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, type ReactNode, useContext, useState } from \"react\";\nimport styles from \"./Sidebar.module.css\";\n\ninterface SidebarContextProps {\n  sidebarOpen: boolean;\n  toggleSidebar(): void;\n}\ninterface SidebarProps {\n  children: ReactNode;\n  defaultOpen?: boolean;\n  storageKey?: string;\n}\n\nconst SidebarContext = createContext<SidebarContextProps | null>(null);\n\nexport function useSidebar() {\n  const c = useContext(SidebarContext);\n  if (!c) throw new Error(\"Components must be wrapped in <SidebarProvider/>\");\n  return c;\n}\nexport const SIDEBAR_COOKIE = \"sidebarOpen\";\nexport const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;\n\nexport function Sidebar({ children, defaultOpen }: SidebarProps) {\n  const [sidebarOpen, setSidebarOpen] = useState(defaultOpen ?? false);\n\n  async function toggleSidebar() {\n    setSidebarOpen((v) => !v);\n    document.cookie = `${SIDEBAR_COOKIE}=${!sidebarOpen}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\n  }\n\n  return (\n    <SidebarContext.Provider value={{ sidebarOpen, toggleSidebar }}>\n      <div className={styles.root}>{children}</div>\n    </SidebarContext.Provider>\n  );\n}\n"],"names":["SidebarContext","createContext","useSidebar","c","useContext","Error","SIDEBAR_COOKIE","SIDEBAR_COOKIE_MAX_AGE","Sidebar","children","defaultOpen","sidebarOpen","setSidebarOpen","useState","_jsx","Provider","value","toggleSidebar","async","v","document","cookie","className","styles","root"],"mappings":"gKAeA,MAAMA,EAAiBC,EAA0C,eAEjDC,IACd,MAAMC,EAAIC,EAAWJ,GACrB,IAAKG,EAAG,MAAM,IAAIE,MAAM,oDACxB,OAAOF,CACT,CACO,MAAMG,EAAiB,cACjBC,EAAyB,gBAEtBC,GAAQC,SAAEA,EAAQC,YAAEA,IAClC,MAAOC,EAAaC,GAAkBC,EAASH,IAAe,GAO9D,OACEI,EAACd,EAAee,UAASC,MAAO,CAAEL,cAAaM,cANjDC,iBACEN,EAAgBO,IAAOA,GACvBC,SAASC,OAAS,GAAGf,MAAmBK,2BAC1C,GAGgEF,SAC5DK,EAAA,MAAA,CAAKQ,UAAWC,EAAOC,KAAIf,SAAGA,KAGpC"}

package/dist/Layout/Sidebar/Sidebar.module.css.js

@@ -1,4 +1,2 @@
-var styles = {"root":"Sidebar-module_root__1stxg"};
-
-export { styles as default };
+var o={root:"Sidebar-module_root__1stxg"};export{o as default};
 //# sourceMappingURL=Sidebar.module.css.js.map

package/dist/Layout/Sidebar/Sidebar.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"Sidebar.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Layout/Sidebar/SidebarBody/SidebarBody.js

@@ -1,14 +1,2 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import styles from './SidebarBody.module.css.js';
-import { cn } from '@studiocubics/utils';
-import { useSidebar } from '../Sidebar.js';
-
-function SidebarBody(props) {
-    const { children, className, ...rest } = props;
-    const { sidebarOpen } = useSidebar();
-    return (jsx("div", { className: cn(styles.root, className, sidebarOpen ? styles.open : ""), ...rest, children: children }));
-}
-
-export { SidebarBody };
+"use client";import{jsx as r}from"react/jsx-runtime";import o from"./SidebarBody.module.css.js";import{cn as e}from"@studiocubics/utils";import{useSidebar as i}from"../Sidebar.js";function s(s){const{children:t,className:m,...c}=s,{sidebarOpen:n}=i();return r("div",{className:e(o.root,m,n?o.open:""),...c,children:t})}export{s as SidebarBody};
 //# sourceMappingURL=SidebarBody.js.map

package/dist/Layout/Sidebar/SidebarBody/SidebarBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarBody.js","sources":["../../../../src/Layout/Sidebar/SidebarBody/SidebarBody.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport styles from \"./SidebarBody.module.css\";\nimport { cn } from \"@studiocubics/utils\";\nimport { useSidebar } from \"../Sidebar\";\nexport function SidebarBody(props: ComponentProps<\"div\">) {\n  const { children, className, ...rest } = props;\n  const { sidebarOpen } = useSidebar();\n  return (\n    <div\n      className={cn(styles.root, className, sidebarOpen ? styles.open : \"\")}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["_jsx"],"mappings":";;;;;;AAMM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAC,CAAA,CAAA,CAAA,CAAA,CAA4B,CAAA,CAAA;IACtD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,EAAE,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAI,CAAA,CAAE,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAK;AAC9C,CAAA,CAAA,CAAA,CAAA,MAAM,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,CAAE,CAAA,CAAA,CAAG,UAAU,CAAA,CAAE;AACpC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACEA,CAAAA,CAAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CACE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAE,CAAA,CAAE,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAA,CAAA,CAAA,CAAI,EAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAG,EAAE,CAAC,CAAA,CAAA,CAAA,CAAA,CACjE,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAEP,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,EAAA,CACL,CAAA;AAEV;;"}
+{"version":3,"file":"SidebarBody.js","sources":["../../../../src/Layout/Sidebar/SidebarBody/SidebarBody.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport styles from \"./SidebarBody.module.css\";\nimport { cn } from \"@studiocubics/utils\";\nimport { useSidebar } from \"../Sidebar\";\nexport function SidebarBody(props: ComponentProps<\"div\">) {\n  const { children, className, ...rest } = props;\n  const { sidebarOpen } = useSidebar();\n  return (\n    <div\n      className={cn(styles.root, className, sidebarOpen ? styles.open : \"\")}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["SidebarBody","props","children","className","rest","sidebarOpen","useSidebar","_jsx","cn","styles","root","open"],"mappings":"oLAMM,SAAUA,EAAYC,GAC1B,MAAMC,SAAEA,EAAQC,UAAEA,KAAcC,GAASH,GACnCI,YAAEA,GAAgBC,IACxB,OACEC,EAAA,MAAA,CACEJ,UAAWK,EAAGC,EAAOC,KAAMP,EAAWE,EAAcI,EAAOE,KAAO,OAC9DP,EAAIF,SAEPA,GAGP"}

package/dist/Layout/Sidebar/SidebarBody/SidebarBody.module.css.js

@@ -1,4 +1,2 @@
-var styles = {"root":"SidebarBody-module_root__yPbfH","open":"SidebarBody-module_open__gtCKF"};
-
-export { styles as default };
+var o={root:"SidebarBody-module_root__yPbfH",open:"SidebarBody-module_open__gtCKF"};export{o as default};
 //# sourceMappingURL=SidebarBody.module.css.js.map

package/dist/Layout/Sidebar/SidebarBody/SidebarBody.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarBody.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"SidebarBody.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Layout/Sidebar/SidebarDrawer/SidebarDrawer.js

@@ -1,14 +1,2 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import styles from './SidebarDrawer.module.css.js';
-import { cn } from '@studiocubics/utils';
-import { useSidebar } from '../Sidebar.js';
-
-function SidebarDrawer(props) {
-    const { children, className, ...rest } = props;
-    const { sidebarOpen } = useSidebar();
-    return (jsx("aside", { className: cn(styles.root, className, sidebarOpen ? styles.open : ""), ...rest, children: children }));
-}
-
-export { SidebarDrawer };
+"use client";import{jsx as r}from"react/jsx-runtime";import e from"./SidebarDrawer.module.css.js";import{cn as i}from"@studiocubics/utils";import{useSidebar as o}from"../Sidebar.js";function s(s){const{children:t,className:m,...c}=s,{sidebarOpen:a}=o();return r("aside",{className:i(e.root,m,a?e.open:""),...c,children:t})}export{s as SidebarDrawer};
 //# sourceMappingURL=SidebarDrawer.js.map

package/dist/Layout/Sidebar/SidebarDrawer/SidebarDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarDrawer.js","sources":["../../../../src/Layout/Sidebar/SidebarDrawer/SidebarDrawer.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport styles from \"./SidebarDrawer.module.css\";\nimport { cn } from \"@studiocubics/utils\";\nimport { useSidebar } from \"../Sidebar\";\n\nexport function SidebarDrawer(props: ComponentProps<\"div\">) {\n  const { children, className, ...rest } = props;\n  const { sidebarOpen } = useSidebar();\n  return (\n    <aside\n      className={cn(styles.root, className, sidebarOpen ? styles.open : \"\")}\n      {...rest}\n    >\n      {children}\n    </aside>\n  );\n}\n"],"names":["_jsx"],"mappings":";;;;;;AAOM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,CAAC,CAAA,CAAA,CAAA,CAAA,CAA4B,CAAA,CAAA;IACxD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,EAAE,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAI,CAAA,CAAE,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAK;AAC9C,CAAA,CAAA,CAAA,CAAA,MAAM,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,CAAE,CAAA,CAAA,CAAG,UAAU,CAAA,CAAE;AACpC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACEA,CAAAA,CAAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CACE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAE,CAAA,CAAE,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAA,CAAA,CAAA,CAAI,EAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAG,EAAE,CAAC,CAAA,CAAA,CAAA,CAAA,CACjE,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAEP,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,EAAA,CACH,CAAA;AAEZ;;"}
+{"version":3,"file":"SidebarDrawer.js","sources":["../../../../src/Layout/Sidebar/SidebarDrawer/SidebarDrawer.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport styles from \"./SidebarDrawer.module.css\";\nimport { cn } from \"@studiocubics/utils\";\nimport { useSidebar } from \"../Sidebar\";\n\nexport function SidebarDrawer(props: ComponentProps<\"div\">) {\n  const { children, className, ...rest } = props;\n  const { sidebarOpen } = useSidebar();\n  return (\n    <aside\n      className={cn(styles.root, className, sidebarOpen ? styles.open : \"\")}\n      {...rest}\n    >\n      {children}\n    </aside>\n  );\n}\n"],"names":["SidebarDrawer","props","children","className","rest","sidebarOpen","useSidebar","_jsx","cn","styles","root","open"],"mappings":"sLAOM,SAAUA,EAAcC,GAC5B,MAAMC,SAAEA,EAAQC,UAAEA,KAAcC,GAASH,GACnCI,YAAEA,GAAgBC,IACxB,OACEC,EAAA,QAAA,CACEJ,UAAWK,EAAGC,EAAOC,KAAMP,EAAWE,EAAcI,EAAOE,KAAO,OAC9DP,EAAIF,SAEPA,GAGP"}

package/dist/Layout/Sidebar/SidebarDrawer/SidebarDrawer.module.css.js

@@ -1,4 +1,2 @@
-var styles = {"root":"SidebarDrawer-module_root__CJch2","open":"SidebarDrawer-module_open__E60Tc"};
-
-export { styles as default };
+var e={root:"SidebarDrawer-module_root__CJch2",open:"SidebarDrawer-module_open__E60Tc"};export{e as default};
 //# sourceMappingURL=SidebarDrawer.module.css.js.map

package/dist/Layout/Sidebar/SidebarDrawer/SidebarDrawer.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarDrawer.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"SidebarDrawer.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Layout/Sidebar/SidebarFooter/SidebarFooter.js

@@ -1,14 +1,2 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { cn } from '@studiocubics/utils';
-import styles from './SidebarFooter.module.css.js';
-import { useSidebar } from '../Sidebar.js';
-
-function SidebarFooter(props) {
-    const { children, className, ...rest } = props;
-    const { sidebarOpen } = useSidebar();
-    return (jsx("div", { className: cn(styles.root, className, sidebarOpen ? styles.open : ""), ...rest, children: children }));
-}
-
-export { SidebarFooter };
+"use client";import{jsx as r}from"react/jsx-runtime";import{cn as o}from"@studiocubics/utils";import e from"./SidebarFooter.module.css.js";import{useSidebar as i}from"../Sidebar.js";function s(s){const{children:t,className:m,...c}=s,{sidebarOpen:n}=i();return r("div",{className:o(e.root,m,n?e.open:""),...c,children:t})}export{s as SidebarFooter};
 //# sourceMappingURL=SidebarFooter.js.map

package/dist/Layout/Sidebar/SidebarFooter/SidebarFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarFooter.js","sources":["../../../../src/Layout/Sidebar/SidebarFooter/SidebarFooter.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"@studiocubics/utils\";\nimport styles from \"./SidebarFooter.module.css\";\nimport type { ComponentProps } from \"react\";\nimport { useSidebar } from \"../Sidebar\";\n\nexport function SidebarFooter(props: ComponentProps<\"div\">) {\n  const { children, className, ...rest } = props;\n  const { sidebarOpen } = useSidebar();\n  return (\n    <div\n      className={cn(styles.root, className, sidebarOpen ? styles.open : \"\")}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["_jsx"],"mappings":";;;;;;AAOM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,CAAC,CAAA,CAAA,CAAA,CAAA,CAA4B,CAAA,CAAA;IACxD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,EAAE,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAI,CAAA,CAAE,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAK;AAC9C,CAAA,CAAA,CAAA,CAAA,MAAM,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,CAAE,CAAA,CAAA,CAAG,UAAU,CAAA,CAAE;AACpC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACEA,CAAAA,CAAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CACE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAE,CAAA,CAAE,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAA,CAAA,CAAA,CAAI,EAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAG,EAAE,CAAC,CAAA,CAAA,CAAA,CAAA,CACjE,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAEP,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,EAAA,CACL,CAAA;AAEV;;"}
+{"version":3,"file":"SidebarFooter.js","sources":["../../../../src/Layout/Sidebar/SidebarFooter/SidebarFooter.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"@studiocubics/utils\";\nimport styles from \"./SidebarFooter.module.css\";\nimport type { ComponentProps } from \"react\";\nimport { useSidebar } from \"../Sidebar\";\n\nexport function SidebarFooter(props: ComponentProps<\"div\">) {\n  const { children, className, ...rest } = props;\n  const { sidebarOpen } = useSidebar();\n  return (\n    <div\n      className={cn(styles.root, className, sidebarOpen ? styles.open : \"\")}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["SidebarFooter","props","children","className","rest","sidebarOpen","useSidebar","_jsx","cn","styles","root","open"],"mappings":"sLAOM,SAAUA,EAAcC,GAC5B,MAAMC,SAAEA,EAAQC,UAAEA,KAAcC,GAASH,GACnCI,YAAEA,GAAgBC,IACxB,OACEC,EAAA,MAAA,CACEJ,UAAWK,EAAGC,EAAOC,KAAMP,EAAWE,EAAcI,EAAOE,KAAO,OAC9DP,EAAIF,SAEPA,GAGP"}

package/dist/Layout/Sidebar/SidebarFooter/SidebarFooter.module.css.js

@@ -1,4 +1,2 @@
-var styles = {"root":"SidebarFooter-module_root__AdFmj","open":"SidebarFooter-module_open__qHsZf"};
-
-export { styles as default };
+var o={root:"SidebarFooter-module_root__AdFmj",open:"SidebarFooter-module_open__qHsZf"};export{o as default};
 //# sourceMappingURL=SidebarFooter.module.css.js.map

package/dist/Layout/Sidebar/SidebarFooter/SidebarFooter.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarFooter.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"SidebarFooter.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Layout/Sidebar/SidebarHeader/SidebarHeader.js

@@ -1,12 +1,2 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { useSidebar } from '../Sidebar.js';
-
-function SidebarHeader(props) {
-    const { children, ...rest } = props;
-    const { sidebarOpen } = useSidebar();
-    return (jsx("div", { "data-open": sidebarOpen, ...rest, children: children }));
-}
-
-export { SidebarHeader };
+"use client";import{jsx as r}from"react/jsx-runtime";import{useSidebar as e}from"../Sidebar.js";function i(i){const{children:n,...t}=i,{sidebarOpen:o}=e();return r("div",{"data-open":o,...t,children:n})}export{i as SidebarHeader};
 //# sourceMappingURL=SidebarHeader.js.map

package/dist/Layout/Sidebar/SidebarHeader/SidebarHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarHeader.js","sources":["../../../../src/Layout/Sidebar/SidebarHeader/SidebarHeader.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { useSidebar } from \"../Sidebar\";\n\nexport function SidebarHeader(props: ComponentProps<\"div\">) {\n  const { children, ...rest } = props;\n  const { sidebarOpen } = useSidebar();\n  return (\n    <div data-open={sidebarOpen} {...rest}>\n      {children}\n    </div>\n  );\n}\n"],"names":["_jsx"],"mappings":";;;;AAKM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,CAAC,CAAA,CAAA,CAAA,CAAA,CAA4B,CAAA,CAAA;IACxD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,EAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAE,GAAG,CAAA,CAAA,CAAA,CAAI,CAAA,CAAE,GAAG,CAAA,CAAA,CAAA,CAAA,CAAK;AACnC,CAAA,CAAA,CAAA,CAAA,MAAM,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,CAAE,CAAA,CAAA,CAAG,UAAU,CAAA,CAAE;IACpC,QACEA,CAAAA,CAAAA,wBAAgB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,CAAA,GAAM,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,QAAA,CAAA,CAClC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,EAAA,CACL,CAAA;AAEV;;"}
+{"version":3,"file":"SidebarHeader.js","sources":["../../../../src/Layout/Sidebar/SidebarHeader/SidebarHeader.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { useSidebar } from \"../Sidebar\";\n\nexport function SidebarHeader(props: ComponentProps<\"div\">) {\n  const { children, ...rest } = props;\n  const { sidebarOpen } = useSidebar();\n  return (\n    <div data-open={sidebarOpen} {...rest}>\n      {children}\n    </div>\n  );\n}\n"],"names":["SidebarHeader","props","children","rest","sidebarOpen","useSidebar","_jsx"],"mappings":"gGAKM,SAAUA,EAAcC,GAC5B,MAAMC,SAAEA,KAAaC,GAASF,GACxBG,YAAEA,GAAgBC,IACxB,OACEC,qBAAgBF,KAAiBD,EAAID,SAClCA,GAGP"}

package/dist/Layout/Sidebar/SidebarViewport/SidebarViewport.js

@@ -1,11 +1,2 @@
-import { jsx } from 'react/jsx-runtime';
-import styles from './SidebarViewport.module.css.js';
-import { cn } from '@studiocubics/utils';
-
-function SidebarViewport(props) {
-    const { children, className, ...rest } = props;
-    return (jsx("div", { className: cn(styles.root, className), ...rest, children: children }));
-}
-
-export { SidebarViewport };
+import{jsx as r}from"react/jsx-runtime";import o from"./SidebarViewport.module.css.js";import{cn as i}from"@studiocubics/utils";function t(t){const{children:s,className:e,...c}=t;return r("div",{className:i(o.root,e),...c,children:s})}export{t as SidebarViewport};
 //# sourceMappingURL=SidebarViewport.js.map

package/dist/Layout/Sidebar/SidebarViewport/SidebarViewport.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarViewport.js","sources":["../../../../src/Layout/Sidebar/SidebarViewport/SidebarViewport.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport styles from \"./SidebarViewport.module.css\";\nimport { cn } from \"@studiocubics/utils\";\nexport function SidebarViewport(props: ComponentProps<\"div\">) {\n  const { children, className, ...rest } = props;\n  return (\n    <div className={cn(styles.root, className)} {...rest}>\n      {children}\n    </div>\n  );\n}\n"],"names":["_jsx"],"mappings":";;;;AAGM,SAAU,eAAe,CAAC,KAA4B,EAAA;IAC1D,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAC9C,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,EAAA,GAAM,IAAI,YACjD,QAAQ,EAAA,CACL;AAEV;;;;"}
+{"version":3,"file":"SidebarViewport.js","sources":["../../../../src/Layout/Sidebar/SidebarViewport/SidebarViewport.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport styles from \"./SidebarViewport.module.css\";\nimport { cn } from \"@studiocubics/utils\";\nexport function SidebarViewport(props: ComponentProps<\"div\">) {\n  const { children, className, ...rest } = props;\n  return (\n    <div className={cn(styles.root, className)} {...rest}>\n      {children}\n    </div>\n  );\n}\n"],"names":["SidebarViewport","props","children","className","rest","_jsx","cn","styles","root"],"mappings":"gIAGM,SAAUA,EAAgBC,GAC9B,MAAMC,SAAEA,EAAQC,UAAEA,KAAcC,GAASH,EACzC,OACEI,EAAA,MAAA,CAAKF,UAAWG,EAAGC,EAAOC,KAAML,MAAgBC,WAC7CF,GAGP"}

package/dist/Layout/Sidebar/SidebarViewport/SidebarViewport.module.css.js

@@ -1,4 +1,2 @@
-var styles = {"root":"SidebarViewport-module_root__KAGAg"};
-
-export { styles as default };
+var o={root:"SidebarViewport-module_root__KAGAg"};export{o as default};
 //# sourceMappingURL=SidebarViewport.module.css.js.map

package/dist/Layout/Sidebar/SidebarViewport/SidebarViewport.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarViewport.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"SidebarViewport.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Layout/Table/Table.js

@@ -1,131 +1,2 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext, useState, useRef, isValidElement } from 'react';
-import { getColumnCount, isAOA, isAOO, isOOA, isOCR } from './tableUtils.js';
-import styles from './Table.module.css.js';
-import { mergeRefs, cn } from '@studiocubics/utils';
-
-const TableContext = createContext(null);
-function useTable() {
-    const c = useContext(TableContext);
-    if (!c)
-        throw new Error("Components must be wrapped in <Table/>");
-    return c;
-}
-/**
- * Works for data of four types
- *
- * **Array of arrays:-**
- *
- * ```ts
- * const aoaData: TableData = [
-    ["name", "email", "age"], // column headers are always 0th element
-    ["pumpernickel", "pump@nick.com", 420],
-    ["rumpelstiltskin", "rump@stilt.com", 96],
-  ];
- * ```
- * **Array of objects:-**
- *
- * ```ts
- * const aooData: TableData = [
-    { name: "pumpernickel", email: "pump@nick.com", age: 420 }, // keys are column headers
-    { name: "rumpelstiltskin", email: "rump@stilt.com", age: 96 },
-  ];
- * ```
- * **Object of arrays:-**
- *
- * ```ts
- * const ooaData: TableData = {
-    name: ["pumpernickel", "rumpelstiltskin"], // keys are column headers
-    email: ["pump@nick.com", "rump@stilt.com"],
-    age: [420, 96],
-  };
- * ```
- * **Explicit schema + rows:-**
- *
- * ```ts
- * const ocrData: TableData = {
-    columns: ["name", "email", "age"], // column headers are defined in a seperate columns array
-    rows: [
-      ["pumpernickel", "pump@nick.com", 420],
-      ["rumpelstiltskin", "rump@stilt.com", 96],
-    ],
-  };
- * ```
- */
-function Table({ data }) {
-    const [selectedCell, setSelectedCell] = useState(null);
-    const columnCount = getColumnCount(data);
-    function renderRows() {
-        // AOA (array of arrays)
-        if (isAOA(data)) {
-            return data.map((row, r) => Array.isArray(row)
-                ? row.map((cell, c) => (jsx(TableCell, { id: `${r},${c}`, children: renderCell(cell) }, `${r},${c}`)))
-                : null);
-        }
-        // AOO (array of objects)
-        if (isAOO(data)) {
-            const columns = Object.keys(data[0]);
-            return data.map((row, r) => columns.map((col, c) => (jsx(TableCell, { id: `${r},${c}`, children: renderCell(row[col]) }, `${r},${c}`))));
-        }
-        // OOA (object of arrays)
-        if (isOOA(data)) {
-            const columns = Object.keys(data);
-            const rowCount = data[columns[0]]?.length ?? 0;
-            return Array.from({ length: rowCount }, (_, r) => columns.map((col, c) => (jsx(TableCell, { id: `${r},${c}`, children: renderCell(data[col][r]) }, `${r},${c}`))));
-        }
-        // OCR (columns + rows)
-        if (isOCR(data)) {
-            return data.rows.map((row, r) => row.map((cell, c) => (jsx(TableCell, { id: `${r},${c}`, children: renderCell(cell) }, `${r},${c}`))));
-        }
-        return null;
-    }
-    return (jsx(TableContext.Provider, { value: { selectedCell, setSelectedCell, columnCount }, children: jsx("div", { className: styles.root, children: jsx("div", { className: styles.table, style: {
-                    gridTemplateColumns: `repeat(${columnCount}, minmax(0, 1fr))`,
-                }, children: renderRows() }) }) }));
-}
-const defaultElement = "div";
-function TableCellBase(props) {
-    const { as, children, ref, onClick, ...rest } = props;
-    const cellRef = useRef(null);
-    const { setSelectedCell, selectedCell } = useTable();
-    const Component = as || defaultElement;
-    const componentProps = {
-        className: cn(styles.tableCell, selectedCell?.id == cellRef.current?.id ? styles.selected : ""),
-        ref: mergeRefs(cellRef, ref),
-        onClick: handleSelectCell,
-        ...rest,
-    };
-    function handleSelectCell(e) {
-        setSelectedCell(cellRef.current);
-        onClick?.(e);
-    }
-    return jsx(Component, { ...componentProps, children: children });
-}
-TableCellBase.displayName = "TableCell";
-const TableCell = TableCellBase;
-function renderCell(cell) {
-    if (typeof cell === "boolean")
-        return cell ? "✔" : "❌";
-    if (!cell)
-        return;
-    if (typeof cell === "string" || isValidElement(cell))
-        return cell;
-    if (typeof cell === "object" && "type" in cell) {
-        switch (cell.type) {
-            case "boolean":
-                return cell.value ? "✔" : "X";
-            case "timestamp":
-                return cell.value.toLocaleString();
-            case "array":
-                return JSON.stringify(cell.value);
-            case "image":
-                return jsx("img", { src: cell.value, alt: cell.alt });
-            default:
-                return cell.value;
-        }
-    }
-}
-
-export { Table, TableCell, renderCell, useTable };
+"use client";import{jsx as e}from"react/jsx-runtime";import{createContext as r,useContext as t,useState as l,useRef as n,isValidElement as i}from"react";import{getColumnCount as a,isAOA as c,isAOO as o,isOOA as s,isOCR as u}from"./tableUtils.js";import m from"./Table.module.css.js";import{mergeRefs as d,cn as f}from"@studiocubics/utils";const p=r(null);function $(){const e=t(p);if(!e)throw new Error("Components must be wrapped in <Table/>");return e}function y({data:r}){const[t,n]=l(null),i=a(r);return e(p.Provider,{value:{selectedCell:t,setSelectedCell:n,columnCount:i},children:e("div",{className:m.root,children:e("div",{className:m.table,style:{gridTemplateColumns:`repeat(${i}, minmax(0, 1fr))`},children:function(){if(c(r))return r.map((r,t)=>Array.isArray(r)?r.map((r,l)=>e(h,{id:`${t},${l}`,children:C(r)},`${t},${l}`)):null);if(o(r)){const t=Object.keys(r[0]);return r.map((r,l)=>t.map((t,n)=>e(h,{id:`${l},${n}`,children:C(r[t])},`${l},${n}`)))}if(s(r)){const t=Object.keys(r),l=r[t[0]]?.length??0;return Array.from({length:l},(l,n)=>t.map((t,l)=>e(h,{id:`${n},${l}`,children:C(r[t][n])},`${n},${l}`)))}return u(r)?r.rows.map((r,t)=>r.map((r,l)=>e(h,{id:`${t},${l}`,children:C(r)},`${t},${l}`))):null}()})})})}function b(r){const{as:t,children:l,ref:i,onClick:a,...c}=r,o=n(null),{setSelectedCell:s,selectedCell:u}=$(),p=t||"div",y={className:f(m.tableCell,u?.id==o.current?.id?m.selected:""),ref:d(o,i),onClick:function(e){s(o.current),a?.(e)},...c};return e(p,{...y,children:l})}b.displayName="TableCell";const h=b;function C(r){if("boolean"==typeof r)return r?"✔":"❌";if(r){if("string"==typeof r||i(r))return r;if("object"==typeof r&&"type"in r)switch(r.type){case"boolean":return r.value?"✔":"X";case"timestamp":return r.value.toLocaleString();case"array":return JSON.stringify(r.value);case"image":return e("img",{src:r.value,alt:r.alt});default:return r.value}}}export{y as Table,h as TableCell,C as renderCell,$ as useTable};
 //# sourceMappingURL=Table.js.map