npm - @studiocubics/components - Versions diffs - 0.0.3 → 0.0.4 - Mend

@studiocubics/components 0.0.3 → 0.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (237) hide show

package/dist/Inputs/TextAreaInput/TextAreaInput.module.css.js CHANGED Viewed

@@ -1,4 +1,2 @@
-var styles = {"root":"TextAreaInput-module_root__HtNc8","fullWidth":"TextAreaInput-module_fullWidth__TUiOx","inputWrapper":"TextAreaInput-module_inputWrapper__P-2Yf","input":"TextAreaInput-module_input__1xpZl","label":"TextAreaInput-module_label__Fgykg","disableResize":"TextAreaInput-module_disableResize__uaUnX","errored":"TextAreaInput-module_errored__HJAUZ"};
-export { styles as default };
+var e={root:"TextAreaInput-module_root__HtNc8",fullWidth:"TextAreaInput-module_fullWidth__TUiOx",inputWrapper:"TextAreaInput-module_inputWrapper__P-2Yf",input:"TextAreaInput-module_input__1xpZl",label:"TextAreaInput-module_label__Fgykg",disableResize:"TextAreaInput-module_disableResize__uaUnX",errored:"TextAreaInput-module_errored__HJAUZ"};export{e as default};
 //# sourceMappingURL=TextAreaInput.module.css.js.map

package/dist/Inputs/TextAreaInput/TextAreaInput.module.css.js.map CHANGED Viewed

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

package/dist/Inputs/TextInput/TextInput.js CHANGED Viewed

@@ -1,23 +1,2 @@
-'use client';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { cn } from '@studiocubics/utils';
-import { useState, useEffect } from 'react';
-import { useRipple, eventWithRipple } from '../../Misc/Ripple/Ripple.js';
-import styles from './TextInput.module.css.js';
-import { InputErrors } from '../../Display/InputErrors/InputErrors.js';
-function TextInput(props) {
-    const { startIcon, endIcon, label, error, fullWidth, disableEndIconGutters = false, disableStartIconGutters = false, size = "md", inputSize, onTouchStart, onClick, onBlur, slotProps = {}, className: inputClass, ...inputProps } = props;
-    const { rippleElements, createRipple } = useRipple(slotProps.ripple);
-    const [isErrored, setIsErrored] = useState(error && !!error.length);
-    useEffect(() => {
-        setIsErrored(error && !!error.length);
-    }, [error]);
-    return (jsxs("div", { ...slotProps.root, className: cn(slotProps.root?.className, styles.root, styles[`size_${size}`], fullWidth ? styles.fullWidth : undefined, isErrored ? styles.errored : undefined), children: [label && (jsx("label", { ...slotProps.label, htmlFor: props.id || label, className: cn(slotProps.label?.className, styles.label), children: label })), jsxs("div", { ...slotProps.inputWrapper, className: cn(slotProps.inputWrapper?.className, styles.inputWrapper), children: [startIcon && (jsx("span", { ...slotProps.startIcon, className: cn(styles.iconContainer, slotProps.startIcon?.className, disableStartIconGutters ? styles.disableGutters : undefined), children: startIcon })), jsx("input", { type: "text", className: cn(inputClass, styles.input), onTouchStart: eventWithRipple(createRipple, onTouchStart), onClick: eventWithRipple(createRipple, onClick), onBlur: (e) => {
-                            setIsErrored(false);
-                            onBlur?.(e);
-                        }, size: inputSize, id: label, ...inputProps }), endIcon && (jsx("span", { ...slotProps.endIcon, className: cn(styles.iconContainer, slotProps.endIcon?.className, disableEndIconGutters ? styles.disableGutters : undefined), children: endIcon })), rippleElements] }), isErrored && (jsx(InputErrors, { ...slotProps.error, className: cn(slotProps.error?.className, styles.errorText), error: error }))] }));
-}
-export { TextInput };
+"use client";import{jsxs as r,jsx as e}from"react/jsx-runtime";import{cn as t}from"@studiocubics/utils";import{useState as s,useEffect as o}from"react";import{useRipple as l,eventWithRipple as a}from"../../Misc/Ripple/Ripple.js";import i from"./TextInput.module.css.js";import{InputErrors as n}from"../../Display/InputErrors/InputErrors.js";function c(c){const{startIcon:p,endIcon:m,label:d,error:u,fullWidth:N,disableEndIconGutters:h=!1,disableStartIconGutters:I=!1,size:b="md",inputSize:f,onTouchStart:v,onClick:x,onBlur:W,slotProps:j={},className:z,...C}=c,{rippleElements:E,createRipple:G}=l(j.ripple),[S,T]=s(u&&!!u.length);return o(()=>{T(u&&!!u.length)},[u]),r("div",{...j.root,className:t(j.root?.className,i.root,i[`size_${b}`],N?i.fullWidth:void 0,S?i.errored:void 0),children:[d&&e("label",{...j.label,htmlFor:c.id||d,className:t(j.label?.className,i.label),children:d}),r("div",{...j.inputWrapper,className:t(j.inputWrapper?.className,i.inputWrapper),children:[p&&e("span",{...j.startIcon,className:t(i.iconContainer,j.startIcon?.className,I?i.disableGutters:void 0),children:p}),e("input",{type:"text",className:t(z,i.input),onTouchStart:a(G,v),onClick:a(G,x),onBlur:r=>{T(!1),W?.(r)},size:f,id:d,...C}),m&&e("span",{...j.endIcon,className:t(i.iconContainer,j.endIcon?.className,h?i.disableGutters:void 0),children:m}),E]}),S&&e(n,{...j.error,className:t(j.error?.className,i.errorText),error:u})]})}export{c as TextInput};
 //# sourceMappingURL=TextInput.js.map

package/dist/Inputs/TextInput/TextInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextInput.js","sources":["../../../src/Inputs/TextInput/TextInput.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"@studiocubics/utils\";\nimport {\n useEffect,\n useState,\n type ComponentProps,\n type ReactNode,\n} from \"react\";\nimport {\n eventWithRipple,\n useRipple,\n type UseRippleProps,\n} from \"../../Misc/Ripple/Ripple\";\nimport styles from \"./TextInput.module.css\";\nimport {\n InputErrors,\n type InputErrorsProps,\n} from \"../../Display/InputErrors/InputErrors\";\n\nexport interface TextInputProps extends Omit<ComponentProps<\"input\">, \"size\"> {\n startIcon?: ReactNode;\n endIcon?: ReactNode;\n label?: string;\n error?: string \| string[];\n fullWidth?: boolean;\n /*\n Use inputSize for <input size=\"10\"/>\n */\n size?: \"sm\" \| \"md\" \| \"lg\";\n inputSize?: ComponentProps<\"input\">[\"size\"];\n disableEndIconGutters?: boolean;\n disableStartIconGutters?: boolean;\n slotProps?: {\n ripple?: UseRippleProps;\n startIcon?: ComponentProps<\"span\">;\n endIcon?: ComponentProps<\"span\">;\n root?: ComponentProps<\"div\">;\n inputWrapper?: ComponentProps<\"div\">;\n label?: ComponentProps<\"label\">;\n error?: InputErrorsProps;\n };\n}\n\nexport function TextInput(props: TextInputProps) {\n const {\n startIcon,\n endIcon,\n label,\n error,\n fullWidth,\n disableEndIconGutters = false,\n disableStartIconGutters = false,\n size = \"md\",\n inputSize,\n onTouchStart,\n onClick,\n onBlur,\n slotProps = {},\n className: inputClass,\n ...inputProps\n } = props;\n const { rippleElements, createRipple } = useRipple(slotProps.ripple);\n const [isErrored, setIsErrored] = useState(error && !!error.length);\n\n useEffect(() => {\n setIsErrored(error && !!error.length);\n }, [error]);\n\n return (\n <div\n {...slotProps.root}\n className={cn(\n slotProps.root?.className,\n styles.root,\n styles[`size_${size}`],\n fullWidth ? styles.fullWidth : undefined,\n isErrored ? styles.errored : undefined\n )}\n >\n {label && (\n <label\n {...slotProps.label}\n htmlFor={props.id \|\| label}\n className={cn(slotProps.label?.className, styles.label)}\n >\n {label}\n </label>\n )}\n <div\n {...slotProps.inputWrapper}\n className={cn(slotProps.inputWrapper?.className, styles.inputWrapper)}\n >\n {startIcon && (\n <span\n {...slotProps.startIcon}\n className={cn(\n styles.iconContainer,\n slotProps.startIcon?.className,\n disableStartIconGutters ? styles.disableGutters : undefined\n )}\n >\n {startIcon}\n </span>\n )}\n <input\n type=\"text\"\n className={cn(inputClass, styles.input)}\n onTouchStart={eventWithRipple(createRipple, onTouchStart)}\n onClick={eventWithRipple(createRipple, onClick)}\n onBlur={(e) => {\n setIsErrored(false);\n onBlur?.(e);\n }}\n size={inputSize}\n id={label}\n {...inputProps}\n />\n {endIcon && (\n <span\n {...slotProps.endIcon}\n className={cn(\n styles.iconContainer,\n slotProps.endIcon?.className,\n disableEndIconGutters ? styles.disableGutters : undefined\n )}\n >\n {endIcon}\n </span>\n )}\n {rippleElements}\n </div>\n {isErrored && (\n <InputErrors\n {...slotProps.error}\n className={cn(slotProps.error?.className, styles.errorText)}\n error={error}\n />\n )}\n </div>\n );\n}\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
1	+ {"version":3,"file":"TextInput.js","sources":["../../../src/Inputs/TextInput/TextInput.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"@studiocubics/utils\";\nimport {\n useEffect,\n useState,\n type ComponentProps,\n type ReactNode,\n} from \"react\";\nimport {\n eventWithRipple,\n useRipple,\n type UseRippleProps,\n} from \"../../Misc/Ripple/Ripple\";\nimport styles from \"./TextInput.module.css\";\nimport {\n InputErrors,\n type InputErrorsProps,\n} from \"../../Display/InputErrors/InputErrors\";\n\nexport interface TextInputProps extends Omit<ComponentProps<\"input\">, \"size\"> {\n startIcon?: ReactNode;\n endIcon?: ReactNode;\n label?: string;\n error?: string \| string[];\n fullWidth?: boolean;\n /*\n Use inputSize for <input size=\"10\"/>\n */\n size?: \"sm\" \| \"md\" \| \"lg\";\n inputSize?: ComponentProps<\"input\">[\"size\"];\n disableEndIconGutters?: boolean;\n disableStartIconGutters?: boolean;\n slotProps?: {\n ripple?: UseRippleProps;\n startIcon?: ComponentProps<\"span\">;\n endIcon?: ComponentProps<\"span\">;\n root?: ComponentProps<\"div\">;\n inputWrapper?: ComponentProps<\"div\">;\n label?: ComponentProps<\"label\">;\n error?: InputErrorsProps;\n };\n}\n\nexport function TextInput(props: TextInputProps) {\n const {\n startIcon,\n endIcon,\n label,\n error,\n fullWidth,\n disableEndIconGutters = false,\n disableStartIconGutters = false,\n size = \"md\",\n inputSize,\n onTouchStart,\n onClick,\n onBlur,\n slotProps = {},\n className: inputClass,\n ...inputProps\n } = props;\n const { rippleElements, createRipple } = useRipple(slotProps.ripple);\n const [isErrored, setIsErrored] = useState(error && !!error.length);\n\n useEffect(() => {\n setIsErrored(error && !!error.length);\n }, [error]);\n\n return (\n <div\n {...slotProps.root}\n className={cn(\n slotProps.root?.className,\n styles.root,\n styles[`size_${size}`],\n fullWidth ? styles.fullWidth : undefined,\n isErrored ? styles.errored : undefined\n )}\n >\n {label && (\n <label\n {...slotProps.label}\n htmlFor={props.id \|\| label}\n className={cn(slotProps.label?.className, styles.label)}\n >\n {label}\n </label>\n )}\n <div\n {...slotProps.inputWrapper}\n className={cn(slotProps.inputWrapper?.className, styles.inputWrapper)}\n >\n {startIcon && (\n <span\n {...slotProps.startIcon}\n className={cn(\n styles.iconContainer,\n slotProps.startIcon?.className,\n disableStartIconGutters ? styles.disableGutters : undefined\n )}\n >\n {startIcon}\n </span>\n )}\n <input\n type=\"text\"\n className={cn(inputClass, styles.input)}\n onTouchStart={eventWithRipple(createRipple, onTouchStart)}\n onClick={eventWithRipple(createRipple, onClick)}\n onBlur={(e) => {\n setIsErrored(false);\n onBlur?.(e);\n }}\n size={inputSize}\n id={label}\n {...inputProps}\n />\n {endIcon && (\n <span\n {...slotProps.endIcon}\n className={cn(\n styles.iconContainer,\n slotProps.endIcon?.className,\n disableEndIconGutters ? styles.disableGutters : undefined\n )}\n >\n {endIcon}\n </span>\n )}\n {rippleElements}\n </div>\n {isErrored && (\n <InputErrors\n {...slotProps.error}\n className={cn(slotProps.error?.className, styles.errorText)}\n error={error}\n />\n )}\n </div>\n );\n}\n"],"names":["TextInput","props","startIcon","endIcon","label","error","fullWidth","disableEndIconGutters","disableStartIconGutters","size","inputSize","onTouchStart","onClick","onBlur","slotProps","className","inputClass","inputProps","rippleElements","createRipple","useRipple","ripple","isErrored","setIsErrored","useState","length","useEffect","_jsxs","root","cn","styles","undefined","errored","children","_jsx","htmlFor","id","inputWrapper","iconContainer","disableGutters","type","input","eventWithRipple","e","InputErrors","errorText"],"mappings":"qVA4CM,SAAUA,EAAUC,GACxB,MAAMC,UACJA,EAASC,QACTA,EAAOC,MACPA,EAAKC,MACLA,EAAKC,UACLA,EAASC,sBACTA,GAAwB,EAAKC,wBAC7BA,GAA0B,EAAKC,KAC/BA,EAAO,KAAIC,UACXA,EAASC,aACTA,EAAYC,QACZA,EAAOC,OACPA,EAAMC,UACNA,EAAY,GACZC,UAAWC,KACRC,GACDhB,GACEiB,eAAEA,EAAcC,aAAEA,GAAiBC,EAAUN,EAAUO,SACtDC,EAAWC,GAAgBC,EAASnB,KAAWA,EAAMoB,QAM5D,OAJAC,EAAU,KACRH,EAAalB,KAAWA,EAAMoB,SAC7B,CAACpB,IAGFsB,EAAA,MAAA,IACMb,EAAUc,KACdb,UAAWc,EACTf,EAAUc,MAAMb,UAChBe,EAAOF,KACPE,EAAO,QAAQrB,KACfH,EAAYwB,EAAOxB,eAAYyB,EAC/BT,EAAYQ,EAAOE,aAAUD,GAC9BE,SAAA,CAEA7B,GACC8B,EAAA,QAAA,IACMpB,EAAUV,MACd+B,QAASlC,EAAMmC,IAAMhC,EACrBW,UAAWc,EAAGf,EAAUV,OAAOW,UAAWe,EAAO1B,OAAM6B,SAEtD7B,IAGLuB,EAAA,MAAA,IACMb,EAAUuB,aACdtB,UAAWc,EAAGf,EAAUuB,cAActB,UAAWe,EAAOO,wBAEvDnC,GACCgC,EAAA,OAAA,IACMpB,EAAUZ,UACda,UAAWc,EACTC,EAAOQ,cACPxB,EAAUZ,WAAWa,UACrBP,EAA0BsB,EAAOS,oBAAiBR,GACnDE,SAEA/B,IAGLgC,EAAA,QAAA,CACEM,KAAK,OACLzB,UAAWc,EAAGb,EAAYc,EAAOW,OACjC9B,aAAc+B,EAAgBvB,EAAcR,GAC5CC,QAAS8B,EAAgBvB,EAAcP,GACvCC,OAAS8B,IACPpB,GAAa,GACbV,IAAS8B,IAEXlC,KAAMC,EACN0B,GAAIhC,KACAa,IAELd,GACC+B,EAAA,OAAA,IACMpB,EAAUX,QACdY,UAAWc,EACTC,EAAOQ,cACPxB,EAAUX,SAASY,UACnBR,EAAwBuB,EAAOS,oBAAiBR,GACjDE,SAEA9B,IAGJe,KAEFI,GACCY,EAACU,MACK9B,EAAUT,MACdU,UAAWc,EAAGf,EAAUT,OAAOU,UAAWe,EAAOe,WACjDxC,MAAOA,MAKjB"}

package/dist/Inputs/TextInput/TextInput.module.css.js CHANGED Viewed

@@ -1,4 +1,2 @@
-var styles = {"root":"TextInput-module_root__PFCcK","fullWidth":"TextInput-module_fullWidth__AT0dl","inputWrapper":"TextInput-module_inputWrapper__SJTji","input":"TextInput-module_input__I-YSj","label":"TextInput-module_label__AVOE4","iconContainer":"TextInput-module_iconContainer__Mkob8","disableGutters":"TextInput-module_disableGutters__zleWJ","errored":"TextInput-module_errored__OtcwB","size_sm":"TextInput-module_size_sm__5Y5wE","size_md":"TextInput-module_size_md__ngwcL","size_lg":"TextInput-module_size_lg__vFWvg"};
-export { styles as default };
+var e={root:"TextInput-module_root__PFCcK",fullWidth:"TextInput-module_fullWidth__AT0dl",inputWrapper:"TextInput-module_inputWrapper__SJTji",input:"TextInput-module_input__I-YSj",label:"TextInput-module_label__AVOE4",iconContainer:"TextInput-module_iconContainer__Mkob8",disableGutters:"TextInput-module_disableGutters__zleWJ",errored:"TextInput-module_errored__OtcwB",size_sm:"TextInput-module_size_sm__5Y5wE",size_md:"TextInput-module_size_md__ngwcL",size_lg:"TextInput-module_size_lg__vFWvg"};export{e as default};
 //# sourceMappingURL=TextInput.module.css.js.map

package/dist/Inputs/TextInput/TextInput.module.css.js.map CHANGED Viewed

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

package/dist/Inputs/ThemeToggle/ThemeToggleListItem.js CHANGED Viewed

@@ -1,31 +1,2 @@
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { useAnchorElement } from '@studiocubics/hooks';
-import { ListItem, List } from '../../Display/List/List.js';
-import { Popover } from '../../Layout/Popover/Popover.js';
-function ThemeToggleListItem(props) {
-    const { currentTheme, themeObject = {}, slotProps = {}, ...rest } = props;
-    const { open, anchorEl, handleClick, handleClose } = useAnchorElement();
-    const { popover = {}, ...listItemSlotProps } = slotProps;
-    const sanitisedThemeObject = {
-        dark: {
-            text: "Dark Mode",
-            icon: jsx(Fragment, { children: "\uD83C\uDF1A" }),
-            onClick: (e) => {
-                if (themeObject.dark?.onClick)
-                    themeObject.dark?.onClick(e);
-                if (open)
-                    handleClose();
-                else
-                    handleClick(e);
-            },
-            ...themeObject.dark,
-        },
-        light: { text: "Light Mode", icon: jsx(Fragment, { children: "\uD83C\uDF1E" }), ...themeObject.light },
-        system: { text: "System Color", icon: jsx(Fragment, { children: "\uD83D\uDCBB" }), ...themeObject.system },
-    };
-    return (jsxs(Fragment, { children: [jsx(ListItem, { slotProps: listItemSlotProps, startIcon: sanitisedThemeObject[currentTheme].icon, onClick: open ? handleClose : handleClick, ...rest, children: sanitisedThemeObject[currentTheme].text }), jsx(Popover, { open: open, anchorEl: anchorEl, onClose: handleClose, anchorPosition: { vertical: "top", horizontal: "right" }, transformOrigin: { vertical: "bottom", horizontal: "left" }, ...slotProps.popover, children: jsx(List, { className: "surfaceContainer", children: Object.entries(sanitisedThemeObject).map(([key, value]) => (jsx(ListItem, { selected: currentTheme == key, startIcon: value.icon, onClick: value.onClick, children: value.text }, key))) }) })] }));
-}
-export { ThemeToggleListItem };
+import{jsx as o,Fragment as t,jsxs as r}from"react/jsx-runtime";import{useAnchorElement as e}from"@studiocubics/hooks";import{ListItem as i,List as n}from"../../Display/List/List.js";import{Popover as c}from"../../Layout/Popover/Popover.js";function l(l){const{currentTheme:s,themeObject:a={},slotProps:h={},...d}=l,{open:m,anchorEl:p,handleClick:k,handleClose:C}=e(),{popover:f={},...u}=h,x={dark:{text:"Dark Mode",icon:o(t,{children:"🌚"}),onClick:o=>{a.dark?.onClick&&a.dark?.onClick(o),m?C():k(o)},...a.dark},light:{text:"Light Mode",icon:o(t,{children:"🌞"}),...a.light},system:{text:"System Color",icon:o(t,{children:"💻"}),...a.system}};return r(t,{children:[o(i,{slotProps:u,startIcon:x[s].icon,onClick:m?C:k,...d,children:x[s].text}),o(c,{open:m,anchorEl:p,onClose:C,anchorPosition:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"bottom",horizontal:"left"},...h.popover,children:o(n,{className:"surfaceContainer",children:Object.entries(x).map(([t,r])=>o(i,{selected:s==t,startIcon:r.icon,onClick:r.onClick,children:r.text},t))})})]})}export{l as ThemeToggleListItem};
 //# sourceMappingURL=ThemeToggleListItem.js.map

package/dist/Inputs/ThemeToggle/ThemeToggleListItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThemeToggleListItem.js","sources":["../../../src/Inputs/ThemeToggle/ThemeToggleListItem.tsx"],"sourcesContent":["import { useAnchorElement } from \"@studiocubics/hooks\";\nimport {\n List,\n type ListItemProps,\n ListItem,\n} from \"../../Display/List/List\";\nimport { type PopoverProps, Popover } from \"../../Layout/Popover/Popover\";\nimport type { MouseEvent, ReactNode } from \"react\";\n\nexport type ThemeObject = Record<\n \"dark\" \| \"light\" \| \"system\",\n {\n text?: string;\n icon?: ReactNode;\n onClick?: (e: MouseEvent<HTMLElement>) => void;\n }\n>;\n\nexport interface ThemeToggleListItemProps\n extends Omit<ListItemProps, \"slotProps\"> {\n themeObject?: Partial<ThemeObject>;\n currentTheme: keyof ThemeObject;\n slotProps?: ListItemProps[\"slotProps\"] & {\n popover?: PopoverProps;\n };\n}\n\nexport function ThemeToggleListItem(props: ThemeToggleListItemProps) {\n const { currentTheme, themeObject = {}, slotProps = {}, ...rest } = props;\n const { open, anchorEl, handleClick, handleClose } = useAnchorElement();\n const { popover = {}, ...listItemSlotProps } = slotProps;\n const sanitisedThemeObject: ThemeObject = {\n dark: {\n text: \"Dark Mode\",\n icon: <>🌚</>,\n onClick: (e) => {\n if (themeObject.dark?.onClick) themeObject.dark?.onClick(e);\n if (open) handleClose();\n else handleClick(e);\n },\n ...themeObject.dark,\n },\n light: { text: \"Light Mode\", icon: <>🌞</>, ...themeObject.light },\n system: { text: \"System Color\", icon: <>💻</>, ...themeObject.system },\n };\n\n return (\n <>\n <ListItem\n slotProps={listItemSlotProps}\n startIcon={sanitisedThemeObject[currentTheme].icon}\n onClick={open ? handleClose : handleClick}\n {...rest}\n >\n {sanitisedThemeObject[currentTheme].text}\n </ListItem>\n <Popover\n open={open}\n anchorEl={anchorEl}\n onClose={handleClose}\n anchorPosition={{ vertical: \"top\", horizontal: \"right\" }}\n transformOrigin={{ vertical: \"bottom\", horizontal: \"left\" }}\n {...slotProps.popover}\n >\n <List className={\"surfaceContainer\"}>\n {Object.entries(sanitisedThemeObject).map(([key, value]) => (\n <ListItem\n selected={currentTheme == key}\n startIcon={value.icon}\n key={key}\n onClick={value.onClick}\n >\n {value.text}\n </ListItem>\n ))}\n </List>\n </Popover>\n </>\n );\n}\n"],"names":["~~_jsx~~","~~_Fragment~~","~~_jsxs~~"],"~~mappings~~":"~~;;;;;AA2BM~~,~~SAAU~~,~~mBAAmB~~,~~CAAC~~,~~KAA+B~~,~~EAAA;AACjE~~,~~IAAA~~,~~MAAM~~,~~EAAE~~,~~YAAY~~,~~EAAE~~,~~WAAW~~,~~GAAG~~,~~EAAE~~,~~EAAE~~,~~SAAS~~,~~GAAG~~,~~EAAE~~,~~EAAE~~,~~GAAG~~,~~IAAI~~,~~EAAE~~,~~GAAG~~,~~KAAK;AACzE~~,~~IAAA~~,~~MAAM~~,~~EAAE~~,~~IAAI~~,~~EAAE~~,~~QAAQ~~,~~EAAE~~,~~WAAW~~,~~EAAE~~,~~WAAW~~,~~EAAE~~,~~GAAG~~,~~gBAAgB~~,~~EAAE;IACvE~~,~~MAAM~~,~~EAAE~~,~~OAAO~~,~~GAAG~~,~~EAAE~~,~~EAAE~~,~~GAAG~~,~~iBAAiB~~,~~EAAE~~,~~GAAG~~,~~SAAS;AACxD~~,~~IAAA~~,~~MAAM~~,~~oBAAoB~~,~~GAAgB;AACxC~~,~~QAAA~~,~~IAAI~~,~~EAAE;AACJ~~,~~YAAA~~,~~IAAI~~,~~EAAE~~,~~WAAW;AACjB~~,~~YAAA~~,~~IAAI~~,~~EAAEA~~,~~GAAA~~,~~CAAAC~~,~~QAAA~~,~~EAAA~~,~~EAAA~~,~~QAAA~~,~~EAAA~~,~~cAAA~~,~~EAAA~~,~~CAAO;AACb~~,~~YAAA~~,~~OAAO~~,~~EAAE~~,~~CAAC~~,~~CAAC~~,~~KAAI;AACb~~,~~gBAAA~~,~~IAAI~~,~~WAAW~~,~~CAAC~~,~~IAAI~~,~~EAAE~~,~~OAAO;AAAE~~,~~oBAAA~~,~~WAAW~~,~~CAAC~~,~~IAAI~~,~~EAAE~~,~~OAAO~~,~~CAAC~~,~~CAAC~~,~~CAAC;AAC3D~~,~~gBAAA~~,~~IAAI~~,~~IAAI;AAAE~~,~~oBAAA~~,~~WAAW~~,~~EAAE;;oBAClB~~,~~WAAW~~,~~CAAC~~,~~CAAC,CAAC;YACrB,CAAC;YACD,GAAG,WAAW,CAAC,IAAI;AACpB,~~SAAA~~;AACD~~,~~QAAA~~,~~KAAK~~,~~EAAE~~,~~EAAE~~,~~IAAI~~,~~EAAE~~,~~YAAY~~,~~EAAE~~,~~IAAI~~,~~EAAED~~,~~GAAA,~~CAAAC,~~QAAA~~,~~EAAA~~,~~EAAA~~,~~QAAA~~,~~EAAA~~,~~cAAA~~,EAAA,~~CAAO,EAAE,GAAG,WAAW,CAAC,KAAK,EAAE;AAClE,QAAA,MAAM,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAED,GAAA,~~CAAAC,~~QAAA~~,~~EAAA~~,~~EAAA~~,~~QAAA~~,~~EAAA~~,~~cAAA~~,~~EAAA~~,~~CAAO~~,~~EAAE~~,~~GAAG~~,~~WAAW~~,~~CAAC~~,~~MAAM~~,~~EAAE;KACvE;AAED~~,~~IAAA~~,~~QACEC~~,~~IAAA~~,~~CAAAD~~,~~QAAA~~,~~EAAA~~,~~EAAA~~,~~QAAA~~,~~EAAA~~,~~CACED~~,~~GAAA~~,~~CAAC~~,~~QAAQ~~,~~IACP~~,~~SAAS~~,~~EAAE~~,~~iBAAiB~~,~~EAC5B~~,~~SAAS~~,~~EAAE~~,~~oBAAoB~~,~~CAAC~~,~~YAAY~~,~~CAAC~~,~~CAAC,IAAI,EAClD,OAAO,EAAE,IAAI,GAAG,WAAW,GAAG,WAAW,EAAA,GACrC,IAAI,YAEP,oBAAoB,CAAC,YAAY,CAAC,CAAC,IAAI,EAAA,CAC~~/B,~~EACXA~~,~~IAAC~~,~~OAAO~~,~~EAAA~~,~~EACN~~,~~IAAI~~,~~EAAE~~,~~IAAI~~,~~EACV~~,~~QAAQ~~,~~EAAE~~,~~QAAQ~~,~~EAClB,OAAO,EAAE,WAAW,EACpB,cAAc,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,EACxD,eAAe,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,EAAA,GACvD,SAAS,CAAC,OAAO,EAAA,QAAA,EAErBA,GAAA,CAAC,~~IAAI,~~EAAA~~,~~EAAC~~,~~SAAS~~,~~EAAE~~,~~kBAAkB~~,~~EAAA~~,~~QAAA~~,~~EAChC~~,~~MAAM~~,~~CAAC~~,~~OAAO~~,~~CAAC~~,~~oBAAoB~~,~~CAAC~~,~~CAAC~~,~~GAAG~~,~~CAAC~~,~~CAAC~~,CAAC,GAAG,EAAE,KAAK,CAAC,MACrDA,GAAA,CAAC,QAAQ,EAAA,EACP,QAAQ,EAAE,YAAY,IAAI,GAAG,EAC7B,SAAS,EAAE,KAAK,CAAC,IAAI,EAErB,OAAO,EAAE,KAAK,CAAC,OAAO,EAAA,QAAA,EAErB,KAAK,CAAC,IAAI,EAAA,EAHN,GAAG,CAIC,CACZ,CAAC,EAAA,CACG,EAAA,CACC,CAAA,EAAA,CACT;AAEP;;;;"}
1	+ {"version":3,"file":"ThemeToggleListItem.js","sources":["../../../src/Inputs/ThemeToggle/ThemeToggleListItem.tsx"],"sourcesContent":["import { useAnchorElement } from \"@studiocubics/hooks\";\nimport {\n List,\n type ListItemProps,\n ListItem,\n} from \"../../Display/List/List\";\nimport { type PopoverProps, Popover } from \"../../Layout/Popover/Popover\";\nimport type { MouseEvent, ReactNode } from \"react\";\n\nexport type ThemeObject = Record<\n \"dark\" \| \"light\" \| \"system\",\n {\n text?: string;\n icon?: ReactNode;\n onClick?: (e: MouseEvent<HTMLElement>) => void;\n }\n>;\n\nexport interface ThemeToggleListItemProps\n extends Omit<ListItemProps, \"slotProps\"> {\n themeObject?: Partial<ThemeObject>;\n currentTheme: keyof ThemeObject;\n slotProps?: ListItemProps[\"slotProps\"] & {\n popover?: PopoverProps;\n };\n}\n\nexport function ThemeToggleListItem(props: ThemeToggleListItemProps) {\n const { currentTheme, themeObject = {}, slotProps = {}, ...rest } = props;\n const { open, anchorEl, handleClick, handleClose } = useAnchorElement();\n const { popover = {}, ...listItemSlotProps } = slotProps;\n const sanitisedThemeObject: ThemeObject = {\n dark: {\n text: \"Dark Mode\",\n icon: <>🌚</>,\n onClick: (e) => {\n if (themeObject.dark?.onClick) themeObject.dark?.onClick(e);\n if (open) handleClose();\n else handleClick(e);\n },\n ...themeObject.dark,\n },\n light: { text: \"Light Mode\", icon: <>🌞</>, ...themeObject.light },\n system: { text: \"System Color\", icon: <>💻</>, ...themeObject.system },\n };\n\n return (\n <>\n <ListItem\n slotProps={listItemSlotProps}\n startIcon={sanitisedThemeObject[currentTheme].icon}\n onClick={open ? handleClose : handleClick}\n {...rest}\n >\n {sanitisedThemeObject[currentTheme].text}\n </ListItem>\n <Popover\n open={open}\n anchorEl={anchorEl}\n onClose={handleClose}\n anchorPosition={{ vertical: \"top\", horizontal: \"right\" }}\n transformOrigin={{ vertical: \"bottom\", horizontal: \"left\" }}\n {...slotProps.popover}\n >\n <List className={\"surfaceContainer\"}>\n {Object.entries(sanitisedThemeObject).map(([key, value]) => (\n <ListItem\n selected={currentTheme == key}\n startIcon={value.icon}\n key={key}\n onClick={value.onClick}\n >\n {value.text}\n </ListItem>\n ))}\n </List>\n </Popover>\n </>\n );\n}\n"],"names":["ThemeToggleListItem","props","currentTheme","themeObject","slotProps","rest","open","anchorEl","handleClick","handleClose","useAnchorElement","popover","listItemSlotProps","sanitisedThemeObject","dark","text","icon","_jsx","_Fragment","children","onClick","e","light","system","_jsxs","ListItem","startIcon","Popover","onClose","anchorPosition","vertical","horizontal","transformOrigin","List","className","Object","entries","map","key","value","selected"],"mappings":"iPA2BM,SAAUA,EAAoBC,GAClC,MAAMC,aAAEA,EAAYC,YAAEA,EAAc,CAAA,EAAEC,UAAEA,EAAY,MAAOC,GAASJ,GAC9DK,KAAEA,EAAIC,SAAEA,EAAQC,YAAEA,EAAWC,YAAEA,GAAgBC,KAC/CC,QAAEA,EAAU,CAAA,KAAOC,GAAsBR,EACzCS,EAAoC,CACxCC,KAAM,CACJC,KAAM,YACNC,KAAMC,EAAAC,EAAA,CAAAC,SAAA,OACNC,QAAUC,IACJlB,EAAYW,MAAMM,SAASjB,EAAYW,MAAMM,QAAQC,GACrDf,EAAMG,IACLD,EAAYa,OAEhBlB,EAAYW,MAEjBQ,MAAO,CAAEP,KAAM,aAAcC,KAAMC,EAAAC,EAAA,CAAAC,SAAA,UAAYhB,EAAYmB,OAC3DC,OAAQ,CAAER,KAAM,eAAgBC,KAAMC,EAAAC,EAAA,CAAAC,SAAA,UAAYhB,EAAYoB,SAGhE,OACEC,EAAAN,EAAA,CAAAC,SAAA,CACEF,EAACQ,GACCrB,UAAWQ,EACXc,UAAWb,EAAqBX,GAAcc,KAC9CI,QAASd,EAAOG,EAAcD,KAC1BH,WAEHQ,EAAqBX,GAAca,OAEtCE,EAACU,EAAO,CACNrB,KAAMA,EACNC,SAAUA,EACVqB,QAASnB,EACToB,eAAgB,CAAEC,SAAU,MAAOC,WAAY,SAC/CC,gBAAiB,CAAEF,SAAU,SAAUC,WAAY,WAC/C3B,EAAUO,QAAOQ,SAErBF,EAACgB,EAAI,CAACC,UAAW,mBAAkBf,SAChCgB,OAAOC,QAAQvB,GAAsBwB,IAAI,EAAEC,EAAKC,KAC/CtB,EAACQ,EAAQ,CACPe,SAAUtC,GAAgBoC,EAC1BZ,UAAWa,EAAMvB,KAEjBI,QAASmB,EAAMnB,QAAOD,SAErBoB,EAAMxB,MAHFuB,UAUnB"}

package/dist/Layout/Dialog/Dialog.js CHANGED Viewed

@@ -1,75 +1,2 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { useRef, useState, useEffect } from 'react';
-import ReactDOM from 'react-dom';
-import styles from './Dialog.module.css.js';
-import { cn } from '@studiocubics/utils';
-function Dialog({ open, onClose, children, fullWidth = false, fullScreen = false, disablePortal = false, className = "", style, ...rest }) {
-    const dialogRef = useRef(null);
-    const [mounted, setMounted] = useState(false);
-    // Only mark as mounted on client
-    useEffect(() => {
-        setMounted(true);
-    }, []);
-    // Show or close dialog using native API
-    useEffect(() => {
-        if (!mounted)
-            return;
-        const dialog = dialogRef.current;
-        if (!dialog)
-            return;
-        if (open && !dialog.open) {
-            dialog.showModal();
-        }
-        else if (!open && dialog.open) {
-            dialog.close();
-        }
-    }, [open, mounted]);
-    // Close handlers
-    useEffect(() => {
-        if (!mounted)
-            return;
-        const dialog = dialogRef.current;
-        if (!dialog)
-            return;
-        function handleCancel(e) {
-            e.preventDefault();
-            onClose(e, "escapeKeyDown");
-        }
-        function handleClick(e) {
-            if (!dialog)
-                return;
-            const rect = dialog.getBoundingClientRect();
-            const isInDialog = rect.top <= e.clientY &&
-                e.clientY <= rect.top + rect.height &&
-                rect.left <= e.clientX &&
-                e.clientX <= rect.left + rect.width;
-            if (!isInDialog) {
-                onClose(e, "backdropClick");
-            }
-        }
-        dialog.addEventListener("cancel", handleCancel);
-        dialog.addEventListener("click", handleClick);
-        return () => {
-            dialog.removeEventListener("cancel", handleCancel);
-            dialog.removeEventListener("click", handleClick);
-        };
-    }, [onClose, mounted]);
-    const dialogContent = (jsx("dialog", { ...rest, ref: dialogRef, style: {
-            width: fullWidth || fullScreen ? "100%" : undefined,
-            height: fullScreen ? "100%" : undefined,
-            ...style,
-        }, className: cn(className, styles.root), children: children }));
-    // Only render portal on client
-    if (!mounted)
-        return null;
-    if (!open)
-        return null;
-    if (disablePortal)
-        return dialogContent;
-    return ReactDOM.createPortal(dialogContent, document.body);
-}
-export { Dialog };
+"use client";import{jsx as e}from"react/jsx-runtime";import{useRef as t,useState as n,useEffect as o}from"react";import r from"react-dom";import i from"./Dialog.module.css.js";import{cn as c}from"@studiocubics/utils";function l({open:l,onClose:s,children:u,fullWidth:a=!1,fullScreen:d=!1,disablePortal:f=!1,className:m="",style:p,...h}){const v=t(null),[g,b]=n(!1);o(()=>{b(!0)},[]),o(()=>{if(!g)return;const e=v.current;e&&(l&&!e.open?e.showModal():!l&&e.open&&e.close())},[l,g]),o(()=>{if(!g)return;const e=v.current;if(e)return e.addEventListener("cancel",t),e.addEventListener("click",n),()=>{e.removeEventListener("cancel",t),e.removeEventListener("click",n)};function t(e){e.preventDefault(),s(e,"escapeKeyDown")}function n(t){if(!e)return;const n=e.getBoundingClientRect();n.top<=t.clientY&&t.clientY<=n.top+n.height&&n.left<=t.clientX&&t.clientX<=n.left+n.width||s(t,"backdropClick")}},[s,g]);const k=e("dialog",{...h,ref:v,style:{width:a||d?"100%":void 0,height:d?"100%":void 0,...p},className:c(m,i.root),children:u});return g&&l?f?k:r.createPortal(k,document.body):null}export{l as Dialog};
 //# sourceMappingURL=Dialog.js.map

package/dist/Layout/Dialog/Dialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dialog.js","sources":["../../../src/Layout/Dialog/Dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n type ComponentProps,\n type ReactNode,\n useEffect,\n useRef,\n useState,\n} from \"react\";\nimport ReactDOM from \"react-dom\";\nimport styles from \"./Dialog.module.css\";\nimport { cn } from \"@studiocubics/utils\";\n\nexport type CloseReason = \"backdropClick\" \| \"escapeKeyDown\";\n\ntype OmittedProps = \"onClose\" \| \"onCancel\";\n\nexport interface DialogProps\n extends Omit<ComponentProps<\"dialog\">, OmittedProps> {\n open: boolean;\n onClose: (event: Event \| MouseEvent, reason: CloseReason) => void;\n children?: ReactNode;\n fullWidth?: boolean;\n fullScreen?: boolean;\n disablePortal?: boolean;\n}\n\nexport function Dialog({\n open,\n onClose,\n children,\n fullWidth = false,\n fullScreen = false,\n disablePortal = false,\n className = \"\",\n style,\n ...rest\n}: DialogProps) {\n const dialogRef = useRef<HTMLDialogElement>(null);\n const [mounted, setMounted] = useState(false);\n // Only mark as mounted on client\n useEffect(() => {\n setMounted(true);\n }, []);\n\n // Show or close dialog using native API\n useEffect(() => {\n if (!mounted) return;\n\n const dialog = dialogRef.current;\n if (!dialog) return;\n\n if (open && !dialog.open) {\n dialog.showModal();\n } else if (!open && dialog.open) {\n dialog.close();\n }\n }, [open, mounted]);\n\n // Close handlers\n useEffect(() => {\n if (!mounted) return;\n\n const dialog = dialogRef.current;\n if (!dialog) return;\n\n function handleCancel(e: Event) {\n e.preventDefault();\n onClose(e, \"escapeKeyDown\");\n }\n\n function handleClick(e: MouseEvent) {\n if (!dialog) return;\n const rect = dialog.getBoundingClientRect();\n const isInDialog =\n rect.top <= e.clientY &&\n e.clientY <= rect.top + rect.height &&\n rect.left <= e.clientX &&\n e.clientX <= rect.left + rect.width;\n\n if (!isInDialog) {\n onClose(e, \"backdropClick\");\n }\n }\n\n dialog.addEventListener(\"cancel\", handleCancel);\n dialog.addEventListener(\"click\", handleClick);\n\n return () => {\n dialog.removeEventListener(\"cancel\", handleCancel);\n dialog.removeEventListener(\"click\", handleClick);\n };\n }, [onClose, mounted]);\n\n const dialogContent = (\n <dialog\n {...rest}\n ref={dialogRef}\n style={{\n width: fullWidth \|\| fullScreen ? \"100%\" : undefined,\n height: fullScreen ? \"100%\" : undefined,\n ...style,\n }}\n className={cn(className, styles.root)}\n >\n {children}\n </dialog>\n );\n\n // Only render portal on client\n if (!mounted) return null;\n if (!open) return null;\n\n if (disablePortal) return dialogContent;\n\n return ReactDOM.createPortal(dialogContent, document.body);\n}\n"],"names":["_jsx"],"mappings":"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"}
1	+ {"version":3,"file":"Dialog.js","sources":["../../../src/Layout/Dialog/Dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n type ComponentProps,\n type ReactNode,\n useEffect,\n useRef,\n useState,\n} from \"react\";\nimport ReactDOM from \"react-dom\";\nimport styles from \"./Dialog.module.css\";\nimport { cn } from \"@studiocubics/utils\";\n\nexport type CloseReason = \"backdropClick\" \| \"escapeKeyDown\";\n\ntype OmittedProps = \"onClose\" \| \"onCancel\";\n\nexport interface DialogProps\n extends Omit<ComponentProps<\"dialog\">, OmittedProps> {\n open: boolean;\n onClose: (event: Event \| MouseEvent, reason: CloseReason) => void;\n children?: ReactNode;\n fullWidth?: boolean;\n fullScreen?: boolean;\n disablePortal?: boolean;\n}\n\nexport function Dialog({\n open,\n onClose,\n children,\n fullWidth = false,\n fullScreen = false,\n disablePortal = false,\n className = \"\",\n style,\n ...rest\n}: DialogProps) {\n const dialogRef = useRef<HTMLDialogElement>(null);\n const [mounted, setMounted] = useState(false);\n // Only mark as mounted on client\n useEffect(() => {\n setMounted(true);\n }, []);\n\n // Show or close dialog using native API\n useEffect(() => {\n if (!mounted) return;\n\n const dialog = dialogRef.current;\n if (!dialog) return;\n\n if (open && !dialog.open) {\n dialog.showModal();\n } else if (!open && dialog.open) {\n dialog.close();\n }\n }, [open, mounted]);\n\n // Close handlers\n useEffect(() => {\n if (!mounted) return;\n\n const dialog = dialogRef.current;\n if (!dialog) return;\n\n function handleCancel(e: Event) {\n e.preventDefault();\n onClose(e, \"escapeKeyDown\");\n }\n\n function handleClick(e: MouseEvent) {\n if (!dialog) return;\n const rect = dialog.getBoundingClientRect();\n const isInDialog =\n rect.top <= e.clientY &&\n e.clientY <= rect.top + rect.height &&\n rect.left <= e.clientX &&\n e.clientX <= rect.left + rect.width;\n\n if (!isInDialog) {\n onClose(e, \"backdropClick\");\n }\n }\n\n dialog.addEventListener(\"cancel\", handleCancel);\n dialog.addEventListener(\"click\", handleClick);\n\n return () => {\n dialog.removeEventListener(\"cancel\", handleCancel);\n dialog.removeEventListener(\"click\", handleClick);\n };\n }, [onClose, mounted]);\n\n const dialogContent = (\n <dialog\n {...rest}\n ref={dialogRef}\n style={{\n width: fullWidth \|\| fullScreen ? \"100%\" : undefined,\n height: fullScreen ? \"100%\" : undefined,\n ...style,\n }}\n className={cn(className, styles.root)}\n >\n {children}\n </dialog>\n );\n\n // Only render portal on client\n if (!mounted) return null;\n if (!open) return null;\n\n if (disablePortal) return dialogContent;\n\n return ReactDOM.createPortal(dialogContent, document.body);\n}\n"],"names":["Dialog","open","onClose","children","fullWidth","fullScreen","disablePortal","className","style","rest","dialogRef","useRef","mounted","setMounted","useState","useEffect","dialog","current","showModal","close","addEventListener","handleCancel","handleClick","removeEventListener","e","preventDefault","rect","getBoundingClientRect","top","clientY","height","left","clientX","width","dialogContent","_jsx","ref","undefined","cn","styles","root","ReactDOM","createPortal","document","body"],"mappings":"yNA2BM,SAAUA,GAAOC,KACrBA,EAAIC,QACJA,EAAOC,SACPA,EAAQC,UACRA,GAAY,EAAKC,WACjBA,GAAa,EAAKC,cAClBA,GAAgB,EAAKC,UACrBA,EAAY,GAAEC,MACdA,KACGC,IAEH,MAAMC,EAAYC,EAA0B,OACrCC,EAASC,GAAcC,GAAS,GAEvCC,EAAU,KACRF,GAAW,IACV,IAGHE,EAAU,KACR,IAAKH,EAAS,OAEd,MAAMI,EAASN,EAAUO,QACpBD,IAEDf,IAASe,EAAOf,KAClBe,EAAOE,aACGjB,GAAQe,EAAOf,MACzBe,EAAOG,UAER,CAAClB,EAAMW,IAGVG,EAAU,KACR,IAAKH,EAAS,OAEd,MAAMI,EAASN,EAAUO,QACzB,GAAKD,EAwBL,OAHAA,EAAOI,iBAAiB,SAAUC,GAClCL,EAAOI,iBAAiB,QAASE,GAE1B,KACLN,EAAOO,oBAAoB,SAAUF,GACrCL,EAAOO,oBAAoB,QAASD,IAxBtC,SAASD,EAAaG,GACpBA,EAAEC,iBACFvB,EAAQsB,EAAG,gBACb,CAEA,SAASF,EAAYE,GACnB,IAAKR,EAAQ,OACb,MAAMU,EAAOV,EAAOW,wBAElBD,EAAKE,KAAOJ,EAAEK,SACdL,EAAEK,SAAWH,EAAKE,IAAMF,EAAKI,QAC7BJ,EAAKK,MAAQP,EAAEQ,SACfR,EAAEQ,SAAWN,EAAKK,KAAOL,EAAKO,OAG9B/B,EAAQsB,EAAG,gBAEf,GASC,CAACtB,EAASU,IAEb,MAAMsB,EACJC,EAAA,SAAA,IACM1B,EACJ2B,IAAK1B,EACLF,MAAO,CACLyB,MAAO7B,GAAaC,EAAa,YAASgC,EAC1CP,OAAQzB,EAAa,YAASgC,KAC3B7B,GAELD,UAAW+B,EAAG/B,EAAWgC,EAAOC,MAAKrC,SAEpCA,IAKL,OAAKS,GACAX,EAEDK,EAAsB4B,EAEnBO,EAASC,aAAaR,EAAeS,SAASC,MALhC,IAMvB"}

package/dist/Layout/Dialog/Dialog.module.css.js CHANGED Viewed

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

package/dist/Layout/Dialog/Dialog.module.css.js.map CHANGED Viewed

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

package/dist/Layout/Drawer/Drawer.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { type ButtonProps } from "../../Inputs/_index";
-import { type DialogProps } from "../_index";
+import { type DialogProps } from "../../Layout/Dialog/Dialog";
 export interface DrawerProps extends Omit<DialogProps, "open" | "onClose"> {
     /**
      * @default "right"

package/dist/Layout/Drawer/Drawer.js CHANGED Viewed

@@ -1,39 +1,2 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { useDisclosure } from '@studiocubics/hooks';
-import { Button } from '../../Inputs/Button/Button.js';
-import 'react';
-import '../../Inputs/Checkbox/CheckboxGroup/CheckboxGroup.js';
-import { cn } from '@studiocubics/utils';
-import '../../Display/InputErrors/InputErrors.js';
-import '../../Display/Accordion/Accordion.js';
-import '../../Cards/GlassCard/GlassCard.js';
-import '../../Display/Chip/Chip.js';
-import '../../Display/IdentityDisplay/IdentityDisplay.js';
-import '../../Display/Kbd/buttonList.js';
-import '../../Display/List/List.js';
-import 'react-dom';
-import { Dialog } from '../Dialog/Dialog.js';
-import styles from './Drawer.module.css.js';
-import '../PageLayout/PageLayout.js';
-import '../../Navigation/Tabs/Tabs.js';
-import '../../Navigation/Tabs/Tab/Tab.js';
-import '../Sidebar/Sidebar.js';
-import '../Table/Table.js';
-const PanelLeft = (props) => {
-    return (jsxs("svg", { width: "24", height: "24", stroke: "currentColor", ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: [jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), jsx("path", { d: "M9 3v18" }), jsx("path", { d: "m16 15-3-3 3-3" })] }));
-};
-const PanelRight = (props) => {
-    return (jsxs("svg", { width: "24", height: "24", stroke: "currentColor", ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: [jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), jsx("path", { d: "M15 3v18" }), jsx("path", { d: "m8 9 3 3-3 3" })] }));
-};
-/**
- * Opens a drawer from the side of the screen
- */
-function Drawer(props) {
-    const { side = "right", slotProps, children, className, ...rest } = props;
-    const { open, handleOpen, handleClose } = useDisclosure();
-    return (jsxs(Fragment, { children: [jsx(Button, { onClick: handleOpen, children: side == "left" ? jsx(PanelRight, {}) : jsx(PanelLeft, {}) }), jsx(Dialog, { open: open, onClose: handleClose, className: cn(className, styles.drawer), ...rest, children: children })] }));
-}
-export { Drawer };
+import{jsxs as o,Fragment as r,jsx as t}from"react/jsx-runtime";import{useDisclosure as i}from"@studiocubics/hooks";import{Button as s}from"../../Inputs/Button/Button.js";import"react";import"../../Inputs/Checkbox/CheckboxGroup/CheckboxGroup.js";import{cn as e}from"@studiocubics/utils";import"../../Display/InputErrors/InputErrors.js";import"../../Display/Accordion/Accordion.js";import"../../Cards/GlassCard/GlassCard.js";import"../../Display/Chip/Chip.js";import"../../Display/IdentityDisplay/IdentityDisplay.js";import"../../Display/Kbd/buttonList.js";import"../../Display/List/List.js";import"react-dom";import{Dialog as n}from"../Dialog/Dialog.js";import p from"./Drawer.module.css.js";const l=r=>o("svg",{width:"24",height:"24",stroke:"currentColor",...r,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[t("rect",{width:"18",height:"18",x:"3",y:"3",rx:"2"}),t("path",{d:"M9 3v18"}),t("path",{d:"m16 15-3-3 3-3"})]}),d=r=>o("svg",{width:"24",height:"24",stroke:"currentColor",...r,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[t("rect",{width:"18",height:"18",x:"3",y:"3",rx:"2"}),t("path",{d:"M15 3v18"}),t("path",{d:"m8 9 3 3-3 3"})]});function h(h){const{side:c="right",slotProps:a,children:m,className:u,...w}=h,{open:j,handleOpen:g,handleClose:k}=i();return o(r,{children:[t(s,{onClick:g,children:t("left"==c?d:l,{})}),t(n,{open:j,onClose:k,className:e(u,p.drawer),...w,children:m})]})}export{h as Drawer};
 //# sourceMappingURL=Drawer.js.map

package/dist/Layout/Drawer/Drawer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Drawer.js","sources":["../../../src/Layout/Drawer/Drawer.tsx"],"sourcesContent":["import { useDisclosure } from \"@studiocubics/hooks\";\nimport { Button, type ButtonProps } from \"../../Inputs/_index\";\nimport { Dialog, type DialogProps } from \"~~../_index~~\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"@studiocubics/utils\";\nimport styles from \"./Drawer.module.css\";\n\nexport interface DrawerProps extends Omit<DialogProps, \"open\" \| \"onClose\"> {\n /*\n @default \"right\"\n /\n side?: \"right\" \| \"left\";\n\n slotProps?: {\n button?: ButtonProps;\n };\n}\n\nconst PanelLeft = (props: ComponentProps<\"svg\">) => {\n return (\n <svg\n width=\"24\"\n height=\"24\"\n stroke=\"currentColor\"\n {...props}\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\n <path d=\"M9 3v18\" />\n <path d=\"m16 15-3-3 3-3\" />\n </svg>\n );\n};\nconst PanelRight = (props: ComponentProps<\"svg\">) => {\n return (\n <svg\n width=\"24\"\n height=\"24\"\n stroke=\"currentColor\"\n {...props}\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\n <path d=\"M15 3v18\" />\n <path d=\"m8 9 3 3-3 3\" />\n </svg>\n );\n};\n\n/\n Opens a drawer from the side of the screen\n */\nexport function Drawer(props: DrawerProps) {\n const { side = \"right\", slotProps, children, className, ...rest } = props;\n const { open, handleOpen, handleClose } = useDisclosure();\n\n return (\n <>\n <Button onClick={handleOpen}>\n {side == \"left\" ? <PanelRight /> : <PanelLeft />}\n </Button>\n <Dialog\n open={open}\n onClose={handleClose}\n className={cn(className, styles.drawer)}\n {...rest}\n >\n {children}\n </Dialog>\n </>\n );\n}\n"],"names":["~~_jsxs~~","~~_jsx~~","~~_Fragment~~"],"~~mappings~~":"~~;;;;;;;;;;;;;;;;;;;;;;AAkBA~~,~~MAAM~~,~~SAAS~~,~~GAAG~~,~~CAAC~~,~~KAA4B~~,~~KAAI;AACjD~~,~~IAAA~~,~~QACEA~~,~~IAAA~~,~~CAAA~~,~~KAAA~~,~~EAAA~~,~~EACE~~,~~KAAK~~,~~EAAC~~,~~IAAI~~,~~EACV~~,~~MAAM~~,~~EAAC~~,~~IAAI~~,~~EACX~~,~~MAAM~~,~~EAAC~~,~~cAAc~~,~~KACjB~~,~~KAAK~~,~~EACT~~,~~KAAK~~,~~EAAC~~,~~4BAA4B~~,~~EAClC~~,~~OAAO~~,~~EAAC~~,~~WAAW~~,~~EACnB~~,~~IAAI,EAAC,~~MAAM,~~EAAA~~,~~cAAA,EACE,GAAG,EAAA,gBAAA,EACD,~~OAAO,~~qBACN~~,OAAO,~~EAAA~~,~~QAAA~~,~~EAAA~~,~~CAEvBC~~,~~GAAA~~,~~CAAA~~,~~MAAA~~,~~EAAA~~,~~EAAM~~,~~KAAK~~,~~EAAC~~,~~IAAI~~,~~EAAC~~,~~MAAM~~,~~EAAC~~,~~IAAI~~,~~EAAC~~,~~CAAC~~,~~EAAC~~,~~GAAG~~,~~EAAC~~,~~CAAC~~,~~EAAC~~,~~GAAG~~,~~EAAC,~~EAAE,~~EAAC~~,GAAG,~~EAAA~~,~~CAAG,EAClDA,GAAA,CAAA,MAAA,~~EAAA,~~EAAM~~,~~CAAC~~,~~EAAC~~,~~SAAS~~,EAAA,~~CAAG~~,~~EACpBA~~,~~GAAA~~,~~CAAA~~,~~MAAA~~,~~EAAA~~,~~EAAM,CAAC,EAAC,gBAAgB,~~EAAA,~~CAAG~~,~~CAAA~~,~~EAAA,CACvB;AAEV,CAAC;AACD,~~MAAM,~~UAAU~~,~~GAAG~~,~~CAAC~~,~~KAA4B~~,~~KAAI;AAClD~~,~~IAAA~~,~~QACED,IAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,IAAI,EACV,~~MAAM,~~EAAC~~,~~IAAI~~,~~EACX~~,~~MAAM,EAAC,cAAc,KACjB,~~KAAK,~~EACT~~,~~KAAK~~,~~EAAC~~,~~4BAA4B~~,~~EAClC~~,~~OAAO~~,~~EAAC~~,~~WAAW,EACnB,IAAI,EAAC,MAAM,EAAA,cAAA,EACE,GAAG,EAAA,gBAAA,EACD,OAAO,qBACN,OAAO,EAAA,QAAA,EAAA,~~CAEvBC,~~GAAA,CAAA,MAAA,~~EAAA,~~EAAM~~,~~KAAK~~,~~EAAC,IAAI,EAAC,~~MAAM,~~EAAC~~,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAA,CAAG,EAClDA,GAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,UAAU,EAAA,CAAG,EACrBA,GAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,cAAc,EAAA,CAAG,CAAA,EAAA,CACrB;AAEV,CAAC;AAED;;AAEG;AACG,SAAU,MAAM,CAAC,KAAkB,EAAA;AACvC,IAAA,MAAM,EAAE,IAAI,GAAG,OAAO,~~EAAE~~,~~SAAS,~~EAAE,~~QAAQ~~,EAAE,~~SAAS~~,~~EAAE,~~GAAG,~~IAAI~~,~~EAAE~~,~~GAAG~~,~~KAAK;IACzE~~,~~MAAM,~~EAAE,~~IAAI~~,~~EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,aAAa,EAAE;IAEzD,QACED,IAAA,CAAAE,QAAA,~~EAAA,~~EAAA~~,~~QAAA~~,~~EAAA,CACED,GAAA,CAAC,MAAM,EAAA,EAAC,OAAO,~~EAAE,~~UAAU~~,~~EAAA~~,~~QAAA~~,~~EACxB~~,~~IAAI~~,~~IAAI~~,~~MAAM~~,~~GAAGA~~,~~GAAA~~,~~CAAC~~,~~UAAU~~,~~EAAA~~,~~EAAA~~,~~CAAG~~,~~GAAGA~~,~~GAAA~~,~~CAAC~~,~~SAAS~~,~~EAAA~~,~~EAAA~~,~~CAAG~~,~~EAAA~~,~~CACzC~~,~~EACTA~~,~~GAAA~~,~~CAAC,MAAM,~~EAAA,~~EACL~~,~~IAAI~~,~~EAAE~~,~~IAAI~~,~~EACV~~,~~OAAO~~,~~EAAE~~,~~WAAW~~,~~EACpB~~,~~SAAS~~,~~EAAE~~,~~EAAE~~,~~CAAC~~,~~SAAS~~,~~EAAE~~,~~MAAM~~,~~CAAC~~,~~MAAM~~,~~CAAC~~,~~EAAA~~,~~GACnC~~,~~IAAI~~,~~EAAA~~,~~QAAA~~,~~EAEP~~,~~QAAQ~~,~~EAAA~~,~~CACF~~,~~CAAA~~,~~EAAA~~,~~CACR;AAEP;;;;~~"}
1	+ {"version":3,"file":"Drawer.js","sources":["../../../src/Layout/Drawer/Drawer.tsx"],"sourcesContent":["import { useDisclosure } from \"@studiocubics/hooks\";\nimport { Button, type ButtonProps } from \"../../Inputs/_index\";\nimport { Dialog, type DialogProps } from \"../../Layout/Dialog/Dialog\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"@studiocubics/utils\";\nimport styles from \"./Drawer.module.css\";\n\nexport interface DrawerProps extends Omit<DialogProps, \"open\" \| \"onClose\"> {\n /*\n @default \"right\"\n /\n side?: \"right\" \| \"left\";\n\n slotProps?: {\n button?: ButtonProps;\n };\n}\n\nconst PanelLeft = (props: ComponentProps<\"svg\">) => {\n return (\n <svg\n width=\"24\"\n height=\"24\"\n stroke=\"currentColor\"\n {...props}\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\n <path d=\"M9 3v18\" />\n <path d=\"m16 15-3-3 3-3\" />\n </svg>\n );\n};\nconst PanelRight = (props: ComponentProps<\"svg\">) => {\n return (\n <svg\n width=\"24\"\n height=\"24\"\n stroke=\"currentColor\"\n {...props}\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" />\n <path d=\"M15 3v18\" />\n <path d=\"m8 9 3 3-3 3\" />\n </svg>\n );\n};\n\n/\n Opens a drawer from the side of the screen\n */\nexport function Drawer(props: DrawerProps) {\n const { side = \"right\", slotProps, children, className, ...rest } = props;\n const { open, handleOpen, handleClose } = useDisclosure();\n\n return (\n <>\n <Button onClick={handleOpen}>\n {side == \"left\" ? <PanelRight /> : <PanelLeft />}\n </Button>\n <Dialog\n open={open}\n onClose={handleClose}\n className={cn(className, styles.drawer)}\n {...rest}\n >\n {children}\n </Dialog>\n </>\n );\n}\n"],"names":["PanelLeft","props","_jsxs","width","height","stroke","xmlns","viewBox","fill","children","_jsx","x","y","rx","d","PanelRight","Drawer","side","slotProps","className","rest","open","handleOpen","handleClose","useDisclosure","_Fragment","Button","onClick","Dialog","onClose","cn","styles","drawer"],"mappings":"orBAkBA,MAAMA,EAAaC,GAEfC,EAAA,MAAA,CACEC,MAAM,KACNC,OAAO,KACPC,OAAO,kBACHJ,EACJK,MAAM,6BACNC,QAAQ,YACRC,KAAK,OAAM,eACE,IAAG,iBACD,0BACC,QAAOC,SAAA,CAEvBC,EAAA,OAAA,CAAMP,MAAM,KAAKC,OAAO,KAAKO,EAAE,IAAIC,EAAE,IAAIC,GAAG,MAC5CH,EAAA,OAAA,CAAMI,EAAE,YACRJ,EAAA,OAAA,CAAMI,EAAE,sBAIRC,EAAcd,GAEhBC,EAAA,MAAA,CACEC,MAAM,KACNC,OAAO,KACPC,OAAO,kBACHJ,EACJK,MAAM,6BACNC,QAAQ,YACRC,KAAK,OAAM,eACE,IAAG,iBACD,0BACC,QAAOC,SAAA,CAEvBC,EAAA,OAAA,CAAMP,MAAM,KAAKC,OAAO,KAAKO,EAAE,IAAIC,EAAE,IAAIC,GAAG,MAC5CH,EAAA,OAAA,CAAMI,EAAE,aACRJ,EAAA,OAAA,CAAMI,EAAE,oBAQR,SAAUE,EAAOf,GACrB,MAAMgB,KAAEA,EAAO,QAAOC,UAAEA,EAAST,SAAEA,EAAQU,UAAEA,KAAcC,GAASnB,GAC9DoB,KAAEA,EAAIC,WAAEA,EAAUC,YAAEA,GAAgBC,IAE1C,OACEtB,EAAAuB,EAAA,CAAAhB,SAAA,CACEC,EAACgB,EAAM,CAACC,QAASL,EAAUb,SACPC,EAAT,QAARO,EAAkBF,EAAiBf,EAAP,CAAA,KAE/BU,EAACkB,EAAM,CACLP,KAAMA,EACNQ,QAASN,EACTJ,UAAWW,EAAGX,EAAWY,EAAOC,WAC5BZ,EAAIX,SAEPA,MAIT"}

package/dist/Layout/Drawer/Drawer.module.css.js CHANGED Viewed

@@ -1,4 +1,2 @@
-var styles = {"drawer":"Drawer-module_drawer__i-80z"};
-export { styles as default };
+var r={drawer:"Drawer-module_drawer__i-80z"};export{r as default};
 //# sourceMappingURL=Drawer.module.css.js.map

package/dist/Layout/Drawer/Drawer.module.css.js.map CHANGED Viewed

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

package/dist/Layout/PageLayout/PageLayout.js CHANGED Viewed

@@ -1,25 +1,2 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import styles from './PageLayout.module.css.js';
-import { cn } from '@studiocubics/utils';
-import { PageTitle } from '../../Typography/PageTitle/PageTitle.js';
-const defaultElement = "div";
-function PageLayoutBase(props) {
-    const { as, children, titleBar, footer, slotProps = {}, ...rest } = props;
-    const Component = (as || defaultElement);
-    return (jsxs(Component, { ...slotProps.root, className: cn(styles.root, slotProps.root?.className), children: [jsx(PageTitle, { ...rest }), titleBar && (jsx("div", { ...slotProps.titleBar, className: cn(styles.titleBar, slotProps.titleBar?.className), children: titleBar })), jsx("div", { ...slotProps.body, className: cn(styles.body, slotProps.body?.className), children: children }), footer && (jsx("div", { ...slotProps.footer, className: cn(styles.footer, slotProps.footer?.className), children: footer }))] }));
-}
-PageLayoutBase.displayName = "PageLayout";
-/**
- * A polymorphic PageLayout component.
- *
- * By default it renders a `<main>`, but any element can be used via the `as` prop:
- *
- * ```tsx
- * <PageLayout as="a" href="/docs">Read docs</PageLayout>
- * ```
- */
-const PageLayout = PageLayoutBase;
-export { PageLayout };
+import{jsxs as o,jsx as e}from"react/jsx-runtime";import t from"./PageLayout.module.css.js";import{cn as a}from"@studiocubics/utils";import{PageTitle as r}from"../../Typography/PageTitle/PageTitle.js";function s(s){const{as:i,children:l,titleBar:c,footer:m,slotProps:d={},...n}=s;return o(i||"div",{...d.root,className:a(t.root,d.root?.className),children:[e(r,{...n}),c&&e("div",{...d.titleBar,className:a(t.titleBar,d.titleBar?.className),children:c}),e("div",{...d.body,className:a(t.body,d.body?.className),children:l}),m&&e("div",{...d.footer,className:a(t.footer,d.footer?.className),children:m})]})}s.displayName="PageLayout";const i=s;export{i as PageLayout};
 //# sourceMappingURL=PageLayout.js.map

package/dist/Layout/PageLayout/PageLayout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PageLayout.js","sources":["../../../src/Layout/PageLayout/PageLayout.tsx"],"sourcesContent":["import styles from \"./PageLayout.module.css\";\nimport type { ComponentProps, ElementType, ReactNode } from \"react\";\nimport { cn } from \"@studiocubics/utils\";\nimport type {\n PolymorphicComponentProps,\n PolymorphicComponentType,\n} from \"@studiocubics/types\";\nimport {\n PageTitle,\n type PageTitleProps,\n} from \"../../Typography/PageTitle/PageTitle\";\n\nexport interface PageLayoutBaseProps extends PageTitleProps {\n children: ReactNode;\n titleBar?: ReactNode;\n footer?: ReactNode;\n slotProps?: {\n root?: ComponentProps<\"main\">;\n body?: ComponentProps<\"div\">;\n footer?: ComponentProps<\"div\">;\n titleBar?: ComponentProps<\"div\">;\n };\n}\nconst defaultElement = \"div\";\ntype DefaultElement = typeof defaultElement;\n\nexport type PageLayoutProps<C extends ElementType = DefaultElement> =\n PolymorphicComponentProps<C, PageLayoutBaseProps>;\n\nfunction PageLayoutBase(props: PageLayoutProps) {\n const { as, children, titleBar, footer, slotProps = {}, ...rest } = props;\n const Component = (as \|\| defaultElement) as ElementType;\n return (\n <Component\n {...slotProps.root}\n className={cn(styles.root, slotProps.root?.className)}\n >\n <PageTitle {...rest} />\n {titleBar && (\n <div\n {...slotProps.titleBar}\n className={cn(styles.titleBar, slotProps.titleBar?.className)}\n >\n {titleBar}\n </div>\n )}\n\n <div\n {...slotProps.body}\n className={cn(styles.body, slotProps.body?.className)}\n >\n {children}\n </div>\n {footer && (\n <div\n {...slotProps.footer}\n className={cn(styles.footer, slotProps.footer?.className)}\n >\n {footer}\n </div>\n )}\n </Component>\n );\n}\nPageLayoutBase.displayName = \"PageLayout\";\n\n/*\n A polymorphic PageLayout component.\n \n By default it renders a `<main>`, but any element can be used via the `as` prop:\n \n ```tsx\n * <PageLayout as=\"a\" href=\"/docs\">Read docs</PageLayout>\n * ```\n */\nexport const PageLayout = PageLayoutBase as PolymorphicComponentType<\n PageLayoutBaseProps,\n DefaultElement\n>;\n"],"names":["~~_jsxs~~","~~_jsx~~"],"~~mappings~~":"~~;;;;;AAuBA~~,~~MAAM~~,~~cAAc~~,~~GAAG~~,~~KAAK;AAM5B~~,~~SAAS~~,~~cAAc~~,~~CAAC~~,~~KAAsB~~,~~EAAA;AAC5C~~,~~IAAA~~,~~MAAM~~,~~EAAE~~,~~EAAE~~,~~EAAE~~,~~QAAQ~~,~~EAAE~~,~~QAAQ~~,~~EAAE~~,~~MAAM~~,~~EAAE~~,~~SAAS~~,~~GAAG~~,~~EAAE~~,~~EAAE~~,~~GAAG~~,~~IAAI~~,~~EAAE~~,~~GAAG~~,~~KAAK;AACzE~~,~~IAAA~~,~~MAAM~~,~~SAAS~~,~~IAAI~~,~~EAAE~~,~~IAAI~~,~~cAAc~~,~~CAAgB;IACvD~~,~~QACEA~~,~~KAAC~~,~~SAAS~~,~~EAAA~~,~~EAAA~~,~~GACJ~~,~~SAAS~~,~~CAAC~~,~~IAAI~~,~~EAClB~~,~~SAAS~~,~~EAAE~~,~~EAAE~~,~~CAAC~~,~~MAAM~~,~~CAAC~~,~~IAAI~~,~~EAAE~~,~~SAAS~~,~~CAAC~~,~~IAAI~~,~~EAAE~~,~~SAAS~~,~~CAAC~~,~~EAAA~~,~~QAAA~~,~~EAAA~~,~~CAErDC~~,~~GAAA,CAAC,SAAS,OAAK,IAAI,~~EAAA,~~CAAI~~,~~EACtB~~,~~QAAQ~~,~~KACPA~~,~~gBACM~~,~~SAAS~~,~~CAAC~~,~~QAAQ~~,~~EACtB~~,~~SAAS~~,~~EAAE~~,~~EAAE~~,~~CAAC~~,~~MAAM~~,~~CAAC,QAAQ,EAAE,SAAS,CAAC,QAAQ,EAAE,SAAS,CAAC,~~EAAA,~~QAAA~~,~~EAE5D~~,~~QAAQ~~,~~GACL~~,~~CACP~~,~~EAEDA~~,~~GAAA~~,~~CAAA~~,~~KAAA~~,~~EAAA~~,~~EAAA~~,~~GACM~~,~~SAAS~~,~~CAAC~~,~~IAAI~~,~~EAClB~~,~~SAAS~~,~~EAAE~~,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,EAAA,QAAA,EAEpD,QAAQ,EAAA,CACL,EACL,MAAM,KACLA,GAAA,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,EAExD,MAAM,EAAA,CACH,CACP,CAAA,EAAA,CACS;AAEhB;AACA,cAAc,CAAC,WAAW,GAAG,YAAY;AAEzC;;;;;;;;AAQG;AACI,MAAM,UAAU,GAAG;;;;"}
1	+ {"version":3,"file":"PageLayout.js","sources":["../../../src/Layout/PageLayout/PageLayout.tsx"],"sourcesContent":["import styles from \"./PageLayout.module.css\";\nimport type { ComponentProps, ElementType, ReactNode } from \"react\";\nimport { cn } from \"@studiocubics/utils\";\nimport type {\n PolymorphicComponentProps,\n PolymorphicComponentType,\n} from \"@studiocubics/types\";\nimport {\n PageTitle,\n type PageTitleProps,\n} from \"../../Typography/PageTitle/PageTitle\";\n\nexport interface PageLayoutBaseProps extends PageTitleProps {\n children: ReactNode;\n titleBar?: ReactNode;\n footer?: ReactNode;\n slotProps?: {\n root?: ComponentProps<\"main\">;\n body?: ComponentProps<\"div\">;\n footer?: ComponentProps<\"div\">;\n titleBar?: ComponentProps<\"div\">;\n };\n}\nconst defaultElement = \"div\";\ntype DefaultElement = typeof defaultElement;\n\nexport type PageLayoutProps<C extends ElementType = DefaultElement> =\n PolymorphicComponentProps<C, PageLayoutBaseProps>;\n\nfunction PageLayoutBase(props: PageLayoutProps) {\n const { as, children, titleBar, footer, slotProps = {}, ...rest } = props;\n const Component = (as \|\| defaultElement) as ElementType;\n return (\n <Component\n {...slotProps.root}\n className={cn(styles.root, slotProps.root?.className)}\n >\n <PageTitle {...rest} />\n {titleBar && (\n <div\n {...slotProps.titleBar}\n className={cn(styles.titleBar, slotProps.titleBar?.className)}\n >\n {titleBar}\n </div>\n )}\n\n <div\n {...slotProps.body}\n className={cn(styles.body, slotProps.body?.className)}\n >\n {children}\n </div>\n {footer && (\n <div\n {...slotProps.footer}\n className={cn(styles.footer, slotProps.footer?.className)}\n >\n {footer}\n </div>\n )}\n </Component>\n );\n}\nPageLayoutBase.displayName = \"PageLayout\";\n\n/*\n A polymorphic PageLayout component.\n \n By default it renders a `<main>`, but any element can be used via the `as` prop:\n \n ```tsx\n * <PageLayout as=\"a\" href=\"/docs\">Read docs</PageLayout>\n * ```\n */\nexport const PageLayout = PageLayoutBase as PolymorphicComponentType<\n PageLayoutBaseProps,\n DefaultElement\n>;\n"],"names":["PageLayoutBase","props","as","children","titleBar","footer","slotProps","rest","_jsxs","root","className","cn","styles","_jsx","PageTitle","body","displayName","PageLayout"],"mappings":"yMA6BA,SAASA,EAAeC,GACtB,MAAMC,GAAEA,EAAEC,SAAEA,EAAQC,SAAEA,EAAQC,OAAEA,EAAMC,UAAEA,EAAY,CAAA,KAAOC,GAASN,EAEpE,OACEO,EAFiBN,GARE,MAUT,IACJI,EAAUG,KACdC,UAAWC,EAAGC,EAAOH,KAAMH,EAAUG,MAAMC,WAAUP,SAAA,CAErDU,EAACC,MAAcP,IACdH,GACCS,YACMP,EAAUF,SACdM,UAAWC,EAAGC,EAAOR,SAAUE,EAAUF,UAAUM,WAAUP,SAE5DC,IAILS,EAAA,MAAA,IACMP,EAAUS,KACdL,UAAWC,EAAGC,EAAOG,KAAMT,EAAUS,MAAML,WAAUP,SAEpDA,IAEFE,GACCQ,EAAA,MAAA,IACMP,EAAUD,OACdK,UAAWC,EAAGC,EAAOP,OAAQC,EAAUD,QAAQK,WAAUP,SAExDE,MAKX,CACAL,EAAegB,YAAc,aAWtB,MAAMC,EAAajB"}

package/dist/Layout/PageLayout/PageLayout.module.css.js CHANGED Viewed

@@ -1,4 +1,2 @@
-var styles = {"root":"PageLayout-module_root__H4l4t","titleBar":"PageLayout-module_titleBar__Be27V","body":"PageLayout-module_body__yjAdc","footer":"PageLayout-module_footer__iR2sk"};
-export { styles as default };
+var o={root:"PageLayout-module_root__H4l4t",titleBar:"PageLayout-module_titleBar__Be27V",body:"PageLayout-module_body__yjAdc",footer:"PageLayout-module_footer__iR2sk"};export{o as default};
 //# sourceMappingURL=PageLayout.module.css.js.map

package/dist/Layout/PageLayout/PageLayout.module.css.js.map CHANGED Viewed

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

package/dist/Layout/PageLayoutPagination/PageLayoutPagination.js CHANGED Viewed

@@ -1,13 +1,2 @@
-import { jsx } from 'react/jsx-runtime';
-import { Suspense } from 'react';
-import { PageLayout } from '../PageLayout/PageLayout.js';
-import styles from './PageLayoutPagination.module.css.js';
-import { Skeleton } from '../../Display/Skeleton/Skeleton.js';
-function PageLayoutPagination(props) {
-    const { skeletonHeight = 107, paginationComponent, children, ...rest } = props;
-    return (jsx(PageLayout, { footer: jsx(Suspense, { fallback: jsx(Skeleton, { height: 32 }), children: paginationComponent }), ...rest, children: jsx("div", { className: styles.list, children: jsx(Suspense, { fallback: Array.from({ length: 3 }).map((_, i) => (jsx(Skeleton, { height: skeletonHeight }, i))), children: children }) }) }));
-}
-export { PageLayoutPagination };
+import{jsx as e}from"react/jsx-runtime";import{Suspense as o}from"react";import{PageLayout as t}from"../PageLayout/PageLayout.js";import r from"./PageLayoutPagination.module.css.js";import{Skeleton as i}from"../../Display/Skeleton/Skeleton.js";function a(a){const{skeletonHeight:n=107,paginationComponent:l,children:m,...c}=a;return e(t,{footer:e(o,{fallback:e(i,{height:32}),children:l}),...c,children:e("div",{className:r.list,children:e(o,{fallback:Array.from({length:3}).map((o,t)=>e(i,{height:n},t)),children:m})})})}export{a as PageLayoutPagination};
 //# sourceMappingURL=PageLayoutPagination.js.map

package/dist/Layout/PageLayoutPagination/PageLayoutPagination.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PageLayoutPagination.js","sources":["../../../src/Layout/PageLayoutPagination/PageLayoutPagination.tsx"],"sourcesContent":["import { type ReactNode, Suspense } from \"react\";\nimport { PageLayout, type PageLayoutProps } from \"../PageLayout/PageLayout\";\nimport styles from \"./PageLayoutPagination.module.css\";\nimport { Skeleton } from \"../../Display/Skeleton/Skeleton\";\n\nexport interface PageLayoutPaginationProps {\n skeletonHeight?: number;\n paginationComponent?: ReactNode;\n}\n\nexport function PageLayoutPagination(\n props: PageLayoutPaginationProps & Omit<PageLayoutProps, \"footer\">,\n) {\n const {\n skeletonHeight = 107,\n paginationComponent,\n children,\n ...rest\n } = props;\n return (\n <PageLayout\n footer={\n <Suspense fallback={<Skeleton height={32} />}>\n {paginationComponent}\n </Suspense>\n }\n {...rest}\n >\n <div className={styles.list}>\n <Suspense\n fallback={Array.from({ length: 3 }).map((_, i) => (\n <Skeleton key={i} height={skeletonHeight} />\n ))}\n >\n {children}\n </Suspense>\n </div>\n </PageLayout>\n );\n}\n"],"names":["~~_jsx~~"],"~~mappings~~":"~~;;;;;;AAUM~~,~~SAAU~~,~~oBAAoB~~,~~CAClC~~,~~KAAkE~~,~~EAAA;AAElE~~,~~IAAA~~,~~MAAM~~,~~EACJ~~,~~cAAc~~,~~GAAG~~,~~GAAG~~,~~EACpB~~,~~mBAAmB~~,~~EACnB~~,~~QAAQ~~,~~EACR~~,~~GAAG~~,~~IAAI~~,~~EACR~~,~~GAAG~~,~~KAAK;AACT~~,~~IAAA~~,~~QACEA~~,~~GAAA~~,~~CAAC~~,~~UAAU~~,~~EAAA~~,~~EACT~~,~~MAAM~~,~~EACJA~~,~~GAAA~~,~~CAAC~~,~~QAAQ~~,~~EAAA~~,~~EAAC~~,~~QAAQ~~,~~EAAEA~~,~~GAAA~~,~~CAAC~~,~~QAAQ~~,~~EAAA~~,~~EAAC~~,~~MAAM~~,~~EAAE~~,~~EAAE~~,~~EAAA~~,~~CAAI~~,~~EAAA~~,~~QAAA~~,~~EACzC~~,~~mBAAmB~~,~~EAAA~~,~~CACX~~,~~EAAA~~,~~GAET~~,~~IAAI~~,~~EAAA~~,~~QAAA~~,~~EAERA~~,~~aAAK~~,~~SAAS~~,~~EAAE~~,~~MAAM~~,~~CAAC~~,~~IAAI~~,~~EAAA,QAAA,EACzBA,GAAA,CAAC,QAAQ,EAAA,EACP,QAAQ,EAAE,KAAK,CAAC,~~IAAI,~~CAAC~~,~~EAAE~~,~~MAAM~~,~~EAAE~~,~~CAAC~~,~~EAAE~~,~~CAAC~~,~~CAAC~~,~~GAAG~~,~~CAAC,CAAC,CAAC,EAAE,CAAC,MAC3CA,GAAA,CAAC,QAAQ,EAAA,EAAS,MAAM,EAAE,cAAc,IAAzB,CAAC,CAA4B,CAC7C,CAAC,YAED,QAAQ,EAAA,CACA,EAAA,CACP,EAAA,CACK;AAEjB;;;;~~"}
1	+ {"version":3,"file":"PageLayoutPagination.js","sources":["../../../src/Layout/PageLayoutPagination/PageLayoutPagination.tsx"],"sourcesContent":["import { type ReactNode, Suspense } from \"react\";\nimport { PageLayout, type PageLayoutProps } from \"../PageLayout/PageLayout\";\nimport styles from \"./PageLayoutPagination.module.css\";\nimport { Skeleton } from \"../../Display/Skeleton/Skeleton\";\n\nexport interface PageLayoutPaginationProps {\n skeletonHeight?: number;\n paginationComponent?: ReactNode;\n}\n\nexport function PageLayoutPagination(\n props: PageLayoutPaginationProps & Omit<PageLayoutProps, \"footer\">,\n) {\n const {\n skeletonHeight = 107,\n paginationComponent,\n children,\n ...rest\n } = props;\n return (\n <PageLayout\n footer={\n <Suspense fallback={<Skeleton height={32} />}>\n {paginationComponent}\n </Suspense>\n }\n {...rest}\n >\n <div className={styles.list}>\n <Suspense\n fallback={Array.from({ length: 3 }).map((_, i) => (\n <Skeleton key={i} height={skeletonHeight} />\n ))}\n >\n {children}\n </Suspense>\n </div>\n </PageLayout>\n );\n}\n"],"names":["PageLayoutPagination","props","skeletonHeight","paginationComponent","children","rest","_jsx","PageLayout","footer","Suspense","fallback","Skeleton","height","className","styles","list","Array","from","length","map","_","i"],"mappings":"oPAUM,SAAUA,EACdC,GAEA,MAAMC,eACJA,EAAiB,IAAGC,oBACpBA,EAAmBC,SACnBA,KACGC,GACDJ,EACJ,OACEK,EAACC,EAAU,CACTC,OACEF,EAACG,EAAQ,CAACC,SAAUJ,EAACK,EAAQ,CAACC,OAAQ,KAAMR,SACzCD,OAGDE,EAAID,SAERE,SAAKO,UAAWC,EAAOC,KAAIX,SACzBE,EAACG,EAAQ,CACPC,SAAUM,MAAMC,KAAK,CAAEC,OAAQ,IAAKC,IAAI,CAACC,EAAGC,IAC1Cf,EAACK,EAAQ,CAASC,OAAQV,GAAXmB,aAGhBjB,OAKX"}

package/dist/Layout/PageLayoutPagination/PageLayoutPagination.module.css.js CHANGED Viewed

@@ -1,4 +1,2 @@
-var styles = {"list":"PageLayoutPagination-module_list__lyhYm"};
-export { styles as default };
+var a={list:"PageLayoutPagination-module_list__lyhYm"};export{a as default};
 //# sourceMappingURL=PageLayoutPagination.module.css.js.map

package/dist/Layout/PageLayoutPagination/PageLayoutPagination.module.css.js.map CHANGED Viewed

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

package/dist/Layout/PageLayoutTabs/PageLayoutTabs.js CHANGED Viewed

@@ -1,22 +1,2 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { cn } from '@studiocubics/utils';
-import { Tabs } from '../../Navigation/Tabs/Tabs.js';
-import { TabsBar } from '../../Navigation/Tabs/TabsBar/TabsBar.js';
-import { Tab } from '../../Navigation/Tabs/Tab/Tab.js';
-import { PageLayout } from '../PageLayout/PageLayout.js';
-import styles from './PageLayoutTabs.module.css.js';
-function PageLayoutTabs(props) {
-    const { children, menuItems = [], slotProps = {}, selectedIndex = 0, LinkComponent = "a", ...rest } = props;
-    return (jsx(PageLayout, { ...rest, slotProps: {
-            ...slotProps,
-            body: {
-                ...slotProps.body,
-                className: cn(slotProps.body?.className, styles.body),
-            },
-        }, titleBar: jsx(Tabs, { children: jsx(TabsBar, { children: menuItems.map((mi, i) => (jsx(Tab, { ...slotProps.tab, as: LinkComponent, selected: i == selectedIndex, ...mi }, i))) }) }), noBorders: true, children: children }));
-}
-export { PageLayoutTabs };
+"use client";import{jsx as o}from"react/jsx-runtime";import{cn as a}from"@studiocubics/utils";import{Tabs as s}from"../../Navigation/Tabs/Tabs.js";import{TabsBar as t}from"../../Navigation/Tabs/TabsBar/TabsBar.js";import{Tab as r}from"../../Navigation/Tabs/Tab/Tab.js";import{PageLayout as e}from"../PageLayout/PageLayout.js";import i from"./PageLayoutTabs.module.css.js";function m(m){const{children:n,menuItems:b=[],slotProps:c={},selectedIndex:d=0,LinkComponent:l="a",...p}=m;return o(e,{...p,slotProps:{...c,body:{...c.body,className:a(c.body?.className,i.body)}},titleBar:o(s,{children:o(t,{children:b.map((a,s)=>o(r,{...c.tab,as:l,selected:s==d,...a},s))})}),noBorders:!0,children:n})}export{m as PageLayoutTabs};
 //# sourceMappingURL=PageLayoutTabs.js.map

package/dist/Layout/PageLayoutTabs/PageLayoutTabs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PageLayoutTabs.js","sources":["../../../src/Layout/PageLayoutTabs/PageLayoutTabs.tsx"],"sourcesContent":["\"use client\";\n\nimport { type PageTitleProps } from \"../../Typography/PageTitle/PageTitle\";\nimport type { ComponentProps, ElementType, ReactNode } from \"react\";\nimport { Tabs } from \"../../Navigation/Tabs/Tabs\";\nimport { TabsBar } from \"../../Navigation/Tabs/TabsBar/TabsBar\";\nimport { Tab, type TabProps } from \"../../Navigation/Tabs/Tab/Tab\";\nimport { PageLayout, type PageLayoutProps } from \"../PageLayout/PageLayout\";\nimport { cn } from \"@studiocubics/utils\";\nimport styles from \"./PageLayoutTabs.module.css\";\n\nexport interface PageLayoutTabsProps extends PageTitleProps {\n children: ReactNode;\n menuItems?: TabProps[];\n LinkComponent?: ElementType<ComponentProps<any>>;\n selectedIndex?: number;\n slotProps?: PageLayoutProps[\"slotProps\"] & {\n tab?: TabProps;\n };\n}\n\nexport function PageLayoutTabs(props: PageLayoutTabsProps) {\n const {\n children,\n menuItems = [],\n slotProps = {},\n selectedIndex = 0,\n LinkComponent = \"a\",\n ...rest\n } = props;\n\n return (\n <PageLayout\n {...rest}\n slotProps={{\n ...slotProps,\n body: {\n ...slotProps.body,\n className: cn(slotProps.body?.className, styles.body),\n },\n }}\n titleBar={\n <Tabs>\n <TabsBar>\n {menuItems.map((mi, i) => (\n <Tab\n key={i}\n {...slotProps.tab}\n as={LinkComponent}\n selected={i == selectedIndex}\n {...mi}\n />\n ))}\n </TabsBar>\n </Tabs>\n }\n noBorders\n >\n {children}\n </PageLayout>\n );\n}\n"],"names":["~~_jsx~~"],"~~mappings~~":"~~;;;;;;;;;AAqBM~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAU~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAc~~,~~CAAC~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAA0B~~,~~CAAA~~,~~CAAA;IACvD~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,CAAA,~~CAAA~~,~~CAAM~~,~~CAAA~~,~~CACJ~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAQ~~,~~CAAA~~,~~CACR~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAS~~,~~GAAG~~,~~CAAA~~,~~CAAE~~,~~CAAA~~,~~CACd~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,CAAA,CAAS,CAAA,CAAA,CAAG,CAAA,CAAE,CAAA,CACd,aAAa,CAAA,CAAA,CAAG,CAAC,CAAA,CACjB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,CAAA,CAAA,CAAG,CAAA,CAAA,CAAG,EACnB,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAI,CAAA,CACR,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAK;AAET,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACEA,CAAAA,CAAAA,CAAA,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,MACL,CAAA,CAAA,CAAA,CAAI,CAAA,CACR,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAE;AACT,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS;AACZ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAI,~~CAAA~~,~~CAAE;gBACJ~~,~~CAAA~~,~~CAAA~~,~~CAAG~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAS~~,~~CAAC~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,CAAI;AACjB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAE,CAAA,CAAE,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAC,CAAA,CAAA,CAAA,CAAI,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,IAAI,CAAC;AACtD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;SACF,CAAA,CACD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CACNA,CAAAA,CAAAA,CAAA,CAAC,CAAA,CAAA,CAAA,CAAI,CAAA,aACHA,CAAAA,CAAAA,CAAA,CAAC,OAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACL,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAC,CAAA,CAAA,CAAG,CAAC,CAAC,CAAA,CAAE,CAAA,CAAE,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CACnBA,CAAAA,CAAAA,CAAA,CAAC,CAAA,CAAA,CAAG,CAAA,CAAA,EAAA,CAAA,CAAA,CAEE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAC,CAAA,CAAA,CAAG,CAAA,CACjB,CAAA,CAAE,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,EACjB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAE,CAAC,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,CAAA,CAAA,CAAA,CAAA,CACxB,CAAA,CAAE,EAAA,CAAA,CAJD,CAAC,CAKN,CACH,CAAC,CAAA,CAAA,CACM,CAAA,CAAA,CACL,CAAA,CAET,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAER,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,EAAA,CACE,CAAA;AAEjB;;"}
1	+ {"version":3,"file":"PageLayoutTabs.js","sources":["../../../src/Layout/PageLayoutTabs/PageLayoutTabs.tsx"],"sourcesContent":["\"use client\";\n\nimport { type PageTitleProps } from \"../../Typography/PageTitle/PageTitle\";\nimport type { ComponentProps, ElementType, ReactNode } from \"react\";\nimport { Tabs } from \"../../Navigation/Tabs/Tabs\";\nimport { TabsBar } from \"../../Navigation/Tabs/TabsBar/TabsBar\";\nimport { Tab, type TabProps } from \"../../Navigation/Tabs/Tab/Tab\";\nimport { PageLayout, type PageLayoutProps } from \"../PageLayout/PageLayout\";\nimport { cn } from \"@studiocubics/utils\";\nimport styles from \"./PageLayoutTabs.module.css\";\n\nexport interface PageLayoutTabsProps extends PageTitleProps {\n children: ReactNode;\n menuItems?: TabProps[];\n LinkComponent?: ElementType<ComponentProps<any>>;\n selectedIndex?: number;\n slotProps?: PageLayoutProps[\"slotProps\"] & {\n tab?: TabProps;\n };\n}\n\nexport function PageLayoutTabs(props: PageLayoutTabsProps) {\n const {\n children,\n menuItems = [],\n slotProps = {},\n selectedIndex = 0,\n LinkComponent = \"a\",\n ...rest\n } = props;\n\n return (\n <PageLayout\n {...rest}\n slotProps={{\n ...slotProps,\n body: {\n ...slotProps.body,\n className: cn(slotProps.body?.className, styles.body),\n },\n }}\n titleBar={\n <Tabs>\n <TabsBar>\n {menuItems.map((mi, i) => (\n <Tab\n key={i}\n {...slotProps.tab}\n as={LinkComponent}\n selected={i == selectedIndex}\n {...mi}\n />\n ))}\n </TabsBar>\n </Tabs>\n }\n noBorders\n >\n {children}\n </PageLayout>\n );\n}\n"],"names":["PageLayoutTabs","props","children","menuItems","slotProps","selectedIndex","LinkComponent","rest","_jsx","PageLayout","body","className","cn","styles","titleBar","Tabs","TabsBar","map","mi","i","Tab","tab","as","selected","noBorders"],"mappings":"oXAqBM,SAAUA,EAAeC,GAC7B,MAAMC,SACJA,EAAQC,UACRA,EAAY,GAAEC,UACdA,EAAY,CAAA,EAAEC,cACdA,EAAgB,EAACC,cACjBA,EAAgB,OACbC,GACDN,EAEJ,OACEO,EAACC,MACKF,EACJH,UAAW,IACNA,EACHM,KAAM,IACDN,EAAUM,KACbC,UAAWC,EAAGR,EAAUM,MAAMC,UAAWE,EAAOH,QAGpDI,SACEN,EAACO,YACCP,EAACQ,EAAO,CAAAd,SACLC,EAAUc,IAAI,CAACC,EAAIC,IAClBX,EAACY,EAAG,IAEEhB,EAAUiB,IACdC,GAAIhB,EACJiB,SAAUJ,GAAKd,KACXa,GAJCC,QAUfK,WAAS,EAAAtB,SAERA,GAGP"}

package/dist/Layout/PageLayoutTabs/PageLayoutTabs.module.css.js CHANGED Viewed

@@ -1,4 +1,2 @@
-var styles = {"body":"PageLayoutTabs-module_body__baK6C"};
-export { styles as default };
+var a={body:"PageLayoutTabs-module_body__baK6C"};export{a as default};
 //# sourceMappingURL=PageLayoutTabs.module.css.js.map

package/dist/Layout/PageLayoutTabs/PageLayoutTabs.module.css.js.map CHANGED Viewed

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