thread-ui 0.5.0 → 0.7.0

package/dist/components/form-elements/file-upload/components/file-upload-content.js

@@ -7,20 +7,20 @@ import { Divider, IconButton } from '../../../../components/ui';
 import { FileInput } from './file-input';
 import { FilePreview } from './item-previews';
 import { FileUploadPreview } from './file-upload-preview';
+const styles = {
+    container: css({
+        width: '100%',
+        padding: '1',
+    }),
+    fileWrapper: css({
+        marginBottom: '2',
+        display: 'flex',
+        gap: '1',
+        flexDirection: 'column',
+    }),
+};
 export const FileUploadContent = () => {
     const { value, name, title, removeFile, selectedFile } = useFileUploadContext();
-    const styles = {
-        container: css({
-            width: '100%',
-            padding: '1',
-        }),
-        fileWrapper: css({
-            marginBottom: '2',
-            display: 'flex',
-            gap: '1',
-            flexDirection: 'column',
-        }),
-    };
     return (_jsxs("div", { className: styles.container, children: [_jsx(FormLabel, { name: name, title: title }), _jsx(Divider, { width: "100%", marginY: "2px" }), _jsxs("div", { children: [value && (_jsx("div", { className: styles.fileWrapper, children: value.map((file, index) => (_jsx(FilePreview, { file: file, actions: _jsx(IconButton, { onClick: () => removeFile(index), name: "XSquare", size: "sm", color: "error" }) }, index))) })), !selectedFile ? (_jsx(FileInput, {})) : (
                     // Preview Selected File
                     _jsx(FileUploadPreview, {}))] })] }));

package/dist/components/form-elements/file-upload/components/file-upload-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-upload-content.js","sourceRoot":"","sources":["../../../../../src/components/form-elements/file-upload/components/file-upload-content.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACrC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAEhF,MAAM,MAAM,GAAG;QACd,SAAS,EAAE,GAAG,CAAC;YACd,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,GAAG;SACZ,CAAC;QACF,WAAW,EAAE,GAAG,CAAC;YAChB,YAAY,EAAE,GAAG;YACjB,OAAO,EAAE,MAAM;YACf,GAAG,EAAE,GAAG;YACR,aAAa,EAAE,QAAQ;SACvB,CAAC;KACF,CAAC;IAEF,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC/B,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,EACvC,KAAC,OAAO,IAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,KAAK,GAAG,EACtC,0BAEE,KAAK,IAAI,CACT,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,YAChC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,KAAC,WAAW,IAEX,IAAI,EAAE,IAAI,EACV,OAAO,EACN,KAAC,UAAU,IACV,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAChC,IAAI,EAAC,SAAS,EACd,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,OAAO,GACZ,IARE,KAAK,CAUT,CACF,CAAC,GACG,CACN,EACA,CAAC,YAAY,CAAC,CAAC,CAAC,CAChB,KAAC,SAAS,KAAG,CACb,CAAC,CAAC,CAAC;oBACH,wBAAwB;oBACxB,KAAC,iBAAiB,KAAG,CACrB,IACI,IACD,CACN,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"file-upload-content.js","sourceRoot":"","sources":["../../../../../src/components/form-elements/file-upload/components/file-upload-content.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D,MAAM,MAAM,GAAG;IACd,SAAS,EAAE,GAAG,CAAC;QACd,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,GAAG;KACZ,CAAC;IACF,WAAW,EAAE,GAAG,CAAC;QAChB,YAAY,EAAE,GAAG;QACjB,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,GAAG;QACR,aAAa,EAAE,QAAQ;KACvB,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACrC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAEhF,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC/B,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,EACvC,KAAC,OAAO,IAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,KAAK,GAAG,EACtC,0BAEE,KAAK,IAAI,CACT,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,YAChC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,KAAC,WAAW,IAEX,IAAI,EAAE,IAAI,EACV,OAAO,EACN,KAAC,UAAU,IACV,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAChC,IAAI,EAAC,SAAS,EACd,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,OAAO,GACZ,IARE,KAAK,CAUT,CACF,CAAC,GACG,CACN,EACA,CAAC,YAAY,CAAC,CAAC,CAAC,CAChB,KAAC,SAAS,KAAG,CACb,CAAC,CAAC,CAAC;oBACH,wBAAwB;oBACxB,KAAC,iBAAiB,KAAG,CACrB,IACI,IACD,CACN,CAAC;AACH,CAAC,CAAC"}

package/dist/components/form-elements/file-upload/components/file-upload-preview.js

@@ -7,45 +7,45 @@ import { FilePreview, ImageDisplay } from './item-previews';
 import { Button } from '../../../../components/ui';
 import { css } from '../../../../styled-system/css';
 import { Text } from '../../../../components/typography';
+const styles = {
+    container: css({
+        display: 'flex',
+        gap: '4',
+        flexDirection: 'column',
+        width: '100%',
+        marginX: 'auto',
+        justifyContent: {
+            base: 'normal',
+            md: 'space-between',
+        },
+        alignItems: 'center',
+    }),
+    contents: css({
+        width: '100%',
+        display: 'flex',
+        flexDirection: 'row',
+        justifyContent: 'start',
+        gap: '2',
+    }),
+    item: css({
+        width: '100%',
+    }),
+    actionBlock: css({
+        alignSelf: 'flex-end',
+        display: 'flex',
+        gap: '3',
+        flexDirection: 'column',
+    }),
+    actionContent: css({
+        display: 'flex',
+        gap: '2',
+    }),
+};
 export const FileUploadPreview = () => {
     const { selectedFile, preview, customFilename, setCustomFilename, alt, setAlt, handleClearFile, saveFile, } = useFileUploadContext();
     if (!selectedFile) {
         return;
     }
-    const styles = {
-        container: css({
-            display: 'flex',
-            gap: '4',
-            flexDirection: 'column',
-            width: '100%',
-            marginX: 'auto',
-            justifyContent: {
-                base: 'normal',
-                md: 'space-between',
-            },
-            alignItems: 'center',
-        }),
-        contents: css({
-            width: '100%',
-            display: 'flex',
-            flexDirection: 'row',
-            justifyContent: 'start',
-            gap: '2',
-        }),
-        item: css({
-            width: '100%',
-        }),
-        actionBlock: css({
-            alignSelf: 'flex-end',
-            display: 'flex',
-            gap: '3',
-            flexDirection: 'column',
-        }),
-        actionContent: css({
-            display: 'flex',
-            gap: '2',
-        }),
-    };
-    return (_jsxs("div", { className: styles.container, children: [preview ? _jsx(ImageDisplay, { src: preview }) : _jsx(FilePreview, { file: selectedFile }), _jsxs("div", { className: styles.contents, children: [_jsxs("div", { className: styles.item, children: [_jsx(TextInput, { name: "filename", title: "Filename:", value: customFilename, onChange: (e) => setCustomFilename(e.target.value), required: true }), _jsxs(Text, { color: "text-secondary", size: "xs", children: ["Extension: .", selectedFile.name.split('.').pop()] })] }), isFileImageType(selectedFile) && (_jsx("div", { className: styles.item, children: _jsx(TextInput, { name: "alt", title: "Alt Text:", value: alt, onChange: (e) => setAlt(e.target.value) }) }))] }), _jsx("div", { className: styles.actionBlock, children: _jsx("div", { className: styles.actionContent, children: _jsxs(_Fragment, { children: [_jsx(Button, { type: "button", color: "error", onClick: handleClearFile, children: "Remove" }), _jsx(Button, { type: "button", onClick: saveFile, fullWidth: true, children: "Add File" })] }) }) })] }));
+    return (_jsxs("div", { className: styles.container, children: [preview ? _jsx(ImageDisplay, { src: preview }) : _jsx(FilePreview, { file: selectedFile }), _jsxs("div", { className: styles.contents, children: [_jsxs("div", { className: styles.item, children: [_jsx(TextInput, { name: "filename", title: "Filename:", value: customFilename, onChange: (e) => setCustomFilename(e.target.value), required: true }), _jsxs(Text, { color: "text-secondary", size: "xs", children: ["Extension: .", selectedFile.name.split('.').pop()] })] }), isFileImageType(selectedFile) && (_jsx("div", { className: styles.item, children: _jsx(TextInput, { name: "alt", title: "Alt Text:", value: alt, onChange: (e) => setAlt(e.target.value) }) }))] }), _jsx("div", { className: styles.actionBlock, children: _jsx("div", { className: styles.actionContent, children: _jsxs(_Fragment, { children: [_jsx(Button, { ariaLabel: "Remove File from Upload", type: "button", color: "error", onClick: handleClearFile, children: "Remove" }), _jsx(Button, { ariaLabel: "Add file to upload", type: "button", onClick: saveFile, fullWidth: true, children: "Add File" })] }) }) })] }));
 };
 //# sourceMappingURL=file-upload-preview.js.map

package/dist/components/form-elements/file-upload/components/file-upload-preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-upload-preview.js","sourceRoot":"","sources":["../../../../../src/components/form-elements/file-upload/components/file-upload-preview.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"file-upload-preview.js","sourceRoot":"","sources":["../../../../../src/components/form-elements/file-upload/components/file-upload-preview.tsx"],"names":[],"mappings":"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"}

package/dist/components/form-elements/file-upload/components/item-previews.js

@@ -3,29 +3,29 @@ import { Text } from '../../../../components/typography';
 import { Icon, IconButton } from '../../../../components/ui';
 import { css } from '../../../../styled-system/css';
 import { isFileImageType } from '../../../../utils';
+const styles = {
+    image: css({
+        width: '100%',
+        height: '100%',
+        objectFit: 'cover',
+        borderRadius: 'md',
+        maxHeight: '6rem',
+        maxWidth: '6rem',
+    }),
+    wrapper: css({
+        display: 'flex',
+        flexDirection: 'row',
+        justifyContent: 'center',
+        gap: '3',
+    }),
+};
+const fixedImageStyles = {
+    height: 'auto',
+    width: 'auto',
+    maxWidth: '256px',
+    maxHeight: '400px',
+};
 export const ImageDisplay = ({ src, action }) => {
-    const styles = {
-        image: css({
-            width: '100%',
-            height: '100%',
-            objectFit: 'cover',
-            borderRadius: 'md',
-            maxHeight: '6rem',
-            maxWidth: '6rem',
-        }),
-        wrapper: css({
-            display: 'flex',
-            flexDirection: 'row',
-            justifyContent: 'center',
-            gap: '3',
-        }),
-    };
-    const fixedImageStyles = {
-        height: 'auto',
-        width: 'auto',
-        maxWidth: '256px',
-        maxHeight: '400px',
-    };
     if (action) {
         return (_jsxs("div", { className: styles.wrapper, children: [_jsx("img", { src: src, alt: "Preview", className: styles.image }), _jsx(IconButton, { onClick: action, name: "XSquare", size: "md", color: "error" })] }));
     }

package/dist/components/form-elements/file-upload/components/item-previews.js.map

@@ -1 +1 @@
-{"version":3,"file":"item-previews.js","sourceRoot":"","sources":["../../../../../src/components/form-elements/file-upload/components/item-previews.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"item-previews.js","sourceRoot":"","sources":["../../../../../src/components/form-elements/file-upload/components/item-previews.tsx"],"names":[],"mappings":"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"}

package/dist/components/form-elements/form-label/form-label.d.ts

@@ -5,4 +5,4 @@ import { FormLabelProps } from './form-label.types';
  * @example
  * <FormLabel name="email" title="Email Address" />
  */
-export declare const FormLabel: ({ name, id, title }: FormLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FormLabel: ({ name, id, title, size }: FormLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/form-elements/form-label/form-label.js

@@ -1,18 +1,44 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { css } from '../../../styled-system/css';
-import { H3 } from '../../../components/typography';
+import { cva } from '../../../styled-system/css';
+import { Text } from '../../../components/typography';
+const styles = cva({
+    base: {
+        display: 'block',
+        alignSelf: 'flex-start',
+    },
+    variants: {
+        size: {
+            sm: {
+                marginBottom: '1',
+            },
+            md: {
+                marginBottom: '1.5',
+            },
+            lg: {
+                marginBottom: '2',
+            },
+        },
+    },
+});
 /**
  * Form label linked to a control by `name`. Renders as an `H3` typographic style.
  *
  * @example
  * <FormLabel name="email" title="Email Address" />
  */
-export const FormLabel = ({ name, id = name, title }) => {
-    const styles = css({
-        display: 'block',
-        alignSelf: 'flex-start',
-        marginBottom: '2',
-    });
-    return (_jsx("label", { id: id, htmlFor: name, className: styles, children: _jsx(H3, { children: title }) }));
+export const FormLabel = ({ name, id = name, title, size = 'md' }) => {
+    const textSizeFromSizeProp = (() => {
+        switch (size) {
+            case 'sm':
+                return 'md';
+            case 'md':
+                return 'lg';
+            case 'lg':
+                return 'xl';
+            default:
+                return 'lg';
+        }
+    })();
+    return (_jsx("label", { id: id, htmlFor: name, className: styles({ size }), children: _jsx(Text, { bold: true, size: textSizeFromSizeProp, children: title }) }));
 };
 //# sourceMappingURL=form-label.js.map

package/dist/components/form-elements/form-label/form-label.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-label.js","sourceRoot":"","sources":["../../../../src/components/form-elements/form-label/form-label.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAE7C;;;;;GAKG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,GAAG,IAAI,EAAE,KAAK,EAAkB,EAAE,EAAE;IACvE,MAAM,MAAM,GAAG,GAAG,CAAC;QAClB,OAAO,EAAE,OAAO;QAChB,SAAS,EAAE,YAAY;QACvB,YAAY,EAAE,GAAG;KACjB,CAAC,CAAC;IAEH,OAAO,CACN,gBAAO,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,YAC9C,KAAC,EAAE,cAAE,KAAK,GAAM,GACT,CACR,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"form-label.js","sourceRoot":"","sources":["../../../../src/components/form-elements/form-label/form-label.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/C,MAAM,MAAM,GAAG,GAAG,CAAC;IAClB,IAAI,EAAE;QACL,OAAO,EAAE,OAAO;QAChB,SAAS,EAAE,YAAY;KACvB;IACD,QAAQ,EAAE;QACT,IAAI,EAAE;YACL,EAAE,EAAE;gBACH,YAAY,EAAE,GAAG;aACjB;YACD,EAAE,EAAE;gBACH,YAAY,EAAE,KAAK;aACnB;YACD,EAAE,EAAE;gBACH,YAAY,EAAE,GAAG;aACjB;SACD;KACD;CACD,CAAC,CAAC;AAEH;;;;;GAKG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,GAAG,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,IAAI,EAAkB,EAAE,EAAE;IACpF,MAAM,oBAAoB,GAAG,CAAC,GAAG,EAAE;QAClC,QAAQ,IAAI,EAAE,CAAC;YACd,KAAK,IAAI;gBACR,OAAO,IAAI,CAAC;YACb,KAAK,IAAI;gBACR,OAAO,IAAI,CAAC;YACb,KAAK,IAAI;gBACR,OAAO,IAAI,CAAC;YACb;gBACC,OAAO,IAAI,CAAC;QACd,CAAC;IACF,CAAC,CAAC,EAAE,CAAC;IAEL,OAAO,CACN,gBAAO,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC,YACxD,KAAC,IAAI,IAAC,IAAI,QAAC,IAAI,EAAE,oBAAoB,YACnC,KAAK,GACA,GACA,CACR,CAAC;AACH,CAAC,CAAC"}

package/dist/components/form-elements/form-label/form-label.types.d.ts

@@ -1,3 +1,4 @@
+import { UtilitySizeOptions } from '../../../types';
 export type FormLabelProps = {
     /** Defaults to `name` if not provided */
     id?: string;
@@ -5,4 +6,6 @@ export type FormLabelProps = {
     name: string;
     /** Text displayed in the label */
     title?: string;
+    /** Label Size @default `'md'`` */
+    size?: UtilitySizeOptions;
 };

package/dist/components/form-elements/index.d.ts

@@ -1,5 +1,5 @@
+export * from './dropdowns';
+export * from './file-upload';
 export * from './form-label';
 export * from './number-input';
 export * from './text-input';
-export * from './file-upload';
-export * from './dropdown';

package/dist/components/form-elements/index.js

@@ -1,6 +1,6 @@
+export * from './dropdowns';
+export * from './file-upload';
 export * from './form-label';
 export * from './number-input';
 export * from './text-input';
-export * from './file-upload';
-export * from './dropdown';
 //# sourceMappingURL=index.js.map

package/dist/components/form-elements/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/form-elements/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/form-elements/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC"}

package/dist/components/form-elements/input-wrapper.js

@@ -1,14 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { css } from '../../styled-system/css';
+const styles = css({
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'start',
+    alignItems: 'center',
+    width: '100%',
+    paddingBottom: '4px',
+});
 export const InputWrapper = ({ children }) => {
-    const styles = css({
-        display: 'flex',
-        flexDirection: 'column',
-        justifyContent: 'start',
-        alignItems: 'center',
-        width: '100%',
-        paddingBottom: '4px',
-    });
     return _jsx("div", { className: styles, children: children });
 };
 //# sourceMappingURL=input-wrapper.js.map

package/dist/components/form-elements/input-wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-wrapper.js","sourceRoot":"","sources":["../../../src/components/form-elements/input-wrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAG1C,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IACrE,MAAM,MAAM,GAAG,GAAG,CAAC;QAClB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,OAAO;QACvB,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,MAAM;QACb,aAAa,EAAE,KAAK;KACpB,CAAC,CAAC;IAEH,OAAO,cAAK,SAAS,EAAE,MAAM,YAAG,QAAQ,GAAO,CAAC;AACjD,CAAC,CAAC"}
+{"version":3,"file":"input-wrapper.js","sourceRoot":"","sources":["../../../src/components/form-elements/input-wrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAG1C,MAAM,MAAM,GAAG,GAAG,CAAC;IAClB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,cAAc,EAAE,OAAO;IACvB,UAAU,EAAE,QAAQ;IACpB,KAAK,EAAE,MAAM;IACb,aAAa,EAAE,KAAK;CACpB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IACrE,OAAO,cAAK,SAAS,EAAE,MAAM,YAAG,QAAQ,GAAO,CAAC;AACjD,CAAC,CAAC"}

package/dist/components/form-elements/number-input/number-input.js

@@ -5,6 +5,61 @@ import { FormLabel } from '../form-label';
 import { InputWrapper } from '../input-wrapper';
 import { useState, useEffect } from 'react';
 import { css, cva, cx } from '../../../styled-system/css';
+const styles = {
+    arrowButton: cva({
+        base: {
+            backgroundColor: { base: 'gray.light', _hover: 'gray.100' },
+            borderWidth: 'md',
+            borderColor: 'gray.light',
+            _focus: {
+                ring: '2',
+                ringColor: 'gray.100',
+                outline: 'none',
+            },
+        },
+        variants: {
+            direction: {
+                left: {
+                    borderStartStartRadius: 'lg',
+                    borderEndStartRadius: 'lg',
+                },
+                right: {
+                    borderStartEndRadius: 'lg',
+                    borderEndEndRadius: 'lg',
+                },
+            },
+        },
+    }),
+    baseSegment: css({
+        borderWidth: 'md',
+        borderColor: 'gray.light',
+        padding: '3',
+        height: '11',
+        textAlign: 'center',
+        fontSize: 'sm',
+    }),
+    centerSegment: css({
+        color: 'text.standard',
+        width: '16',
+        appearance: 'none',
+        '&::-webkit-outer-spin-button': {
+            appearance: 'none',
+        },
+        '&::-webkit-inner-spin-button': {
+            appearance: 'none',
+        },
+        _focus: {
+            ringColor: 'blue.500',
+            borderColor: 'blue.500',
+        },
+    }),
+    container: css({
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        alignSelf: 'start',
+    }),
+};
 const valueWithinRange = (value, min, max) => {
     if (min !== undefined && value < min) {
         return false;
@@ -79,61 +134,6 @@ export const NumberInput = ({ name, id = name, title, value, placeholder, requir
             }
         }
     };
-    const styles = {
-        arrowButton: cva({
-            base: {
-                backgroundColor: { base: 'gray.light', _hover: 'gray.100' },
-                borderWidth: 'md',
-                borderColor: 'gray.light',
-                _focus: {
-                    ring: '2',
-                    ringColor: 'gray.100',
-                    outline: 'none',
-                },
-            },
-            variants: {
-                direction: {
-                    left: {
-                        borderStartStartRadius: 'lg',
-                        borderEndStartRadius: 'lg',
-                    },
-                    right: {
-                        borderStartEndRadius: 'lg',
-                        borderEndEndRadius: 'lg',
-                    },
-                },
-            },
-        }),
-        baseSegment: css({
-            borderWidth: 'md',
-            borderColor: 'gray.light',
-            padding: '3',
-            height: '11',
-            textAlign: 'center',
-            fontSize: 'sm',
-        }),
-        centerSegment: css({
-            color: 'text.standard',
-            width: '16',
-            appearance: 'none',
-            '&::-webkit-outer-spin-button': {
-                appearance: 'none',
-            },
-            '&::-webkit-inner-spin-button': {
-                appearance: 'none',
-            },
-            _focus: {
-                ringColor: 'blue.500',
-                borderColor: 'blue.500',
-            },
-        }),
-        container: css({
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            alignSelf: 'start',
-        }),
-    };
     return (_jsxs(InputWrapper, { children: [title && _jsx(FormLabel, { id: id, name: name, title: title }), _jsxs("div", { className: styles.container, children: [_jsx("button", { type: "button", className: cx(styles.arrowButton({ direction: 'left' }), styles.baseSegment), onClick: handleIncrement(-1), children: _jsx(Icon, { name: "CaretLeft", color: "gray", size: 12 }) }), _jsx("input", { type: "number", id: id, name: name, placeholder: placeholder, value: num ?? '', onChange: handleInputChange, className: cx(styles.baseSegment, styles.centerSegment), onKeyDown: (e) => {
                             // Allow minus sign as first character if negative values are allowed
                             if (e.key === '-' &&

package/dist/components/form-elements/number-input/number-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"number-input.js","sourceRoot":"","sources":["../../../../src/components/form-elements/number-input/number-input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"number-input.js","sourceRoot":"","sources":["../../../../src/components/form-elements/number-input/number-input.tsx"],"names":[],"mappings":"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"}

package/dist/components/form-elements/text-input/text-input.js

@@ -3,6 +3,10 @@ import { FormLabel } from '../form-label';
 import { InputWrapper } from '../input-wrapper';
 import { baseInputStyles } from '../styles';
 import { cx, css } from '../../../styled-system/css';
+const style = css({
+    minHeight: '25',
+    resize: 'vertical',
+});
 /**
  * Text input that renders either a single-line `input` or a resizable `textarea`.
  *
@@ -10,10 +14,6 @@ import { cx, css } from '../../../styled-system/css';
  * <TextInput name="bio" title="Bio" value={bio} multiline onChange={handleChange} />
  */
 export const TextInput = ({ name, id = name, title, value, required, placeholder, multiline = false, onChange, }) => {
-    const style = css({
-        minHeight: '25',
-        resize: 'vertical',
-    });
     return (_jsxs(InputWrapper, { children: [title && _jsx(FormLabel, { id: id, name: name, title: title }), multiline ? (_jsx("textarea", { id: id, name: name, required: required, value: value, onChange: onChange, placeholder: placeholder, rows: 3, className: cx(baseInputStyles(), style) })) : (_jsx("input", { type: "text", id: id, name: name, required: required, value: value, onChange: onChange, placeholder: placeholder, className: baseInputStyles() }))] }));
 };
 //# sourceMappingURL=text-input.js.map

package/dist/components/form-elements/text-input/text-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-input.js","sourceRoot":"","sources":["../../../../src/components/form-elements/text-input/text-input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE9C;;;;;GAKG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACzB,IAAI,EACJ,EAAE,GAAG,IAAI,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAS,GAAG,KAAK,EACjB,QAAQ,GACQ,EAAE,EAAE;IACpB,MAAM,KAAK,GAAG,GAAG,CAAC;QACjB,SAAS,EAAE,IAAI;QACf,MAAM,EAAE,UAAU;KAClB,CAAC,CAAC;IAEH,OAAO,CACN,MAAC,YAAY,eACX,KAAK,IAAI,KAAC,SAAS,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,EACxD,SAAS,CAAC,CAAC,CAAC,CACZ,mBACC,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,CAAC,EACP,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,EAAE,KAAK,CAAC,GACtC,CACF,CAAC,CAAC,CAAC,CACH,gBACC,IAAI,EAAC,MAAM,EACX,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,eAAe,EAAE,GAC3B,CACF,IACa,CACf,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"text-input.js","sourceRoot":"","sources":["../../../../src/components/form-elements/text-input/text-input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE9C,MAAM,KAAK,GAAG,GAAG,CAAC;IACjB,SAAS,EAAE,IAAI;IACf,MAAM,EAAE,UAAU;CAClB,CAAC,CAAC;AAEH;;;;;GAKG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACzB,IAAI,EACJ,EAAE,GAAG,IAAI,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAS,GAAG,KAAK,EACjB,QAAQ,GACQ,EAAE,EAAE;IACpB,OAAO,CACN,MAAC,YAAY,eACX,KAAK,IAAI,KAAC,SAAS,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,EACxD,SAAS,CAAC,CAAC,CAAC,CACZ,mBACC,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,CAAC,EACP,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,EAAE,KAAK,CAAC,GACtC,CACF,CAAC,CAAC,CAAC,CACH,gBACC,IAAI,EAAC,MAAM,EACX,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,eAAe,EAAE,GAC3B,CACF,IACa,CACf,CAAC;AACH,CAAC,CAAC"}

package/dist/components/index.d.ts

@@ -1,4 +1,5 @@
 export * from './form-elements';
+export * from './data-display';
 export * from './layouts';
 export * from './media';
 export * from './navigation';

package/dist/components/index.js

@@ -1,4 +1,5 @@
 export * from './form-elements';
+export * from './data-display';
 export * from './layouts';
 export * from './media';
 export * from './navigation';

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,MAAM,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,MAAM,CAAC"}

package/dist/components/layouts/column-layout/column-layout.d.ts

@@ -11,4 +11,4 @@ import { ColumnLayoutProps } from './column-layout.types';
  *   items={[{ content: { src: '/img.jpg', alt: 'Example' }, title: 'Item' }]}
  * />
  */
-export declare const ColumnLayout: ({ title, caption, mdcol, lgcol, items, }: ColumnLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ColumnLayout: ({ title, caption, mdcol, lgcol, items, container, }: ColumnLayoutProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/layouts/column-layout/column-layout.js

@@ -3,20 +3,9 @@ import { renderImage } from '../../../internal-components';
 import { ColumnSkeleton } from './column-skeleton';
 import { H2, H3, Text } from '../../../components';
 import { css } from '../../../styled-system/css';
-/**
- * Responsive image grid with an optional title and caption.
- * Column count is controlled separately for medium and large viewports.
- *
- * @example
- * <ColumnLayout
- *   title="Our Work"
- *   mdcol={2}
- *   lgcol={4}
- *   items={[{ content: { src: '/img.jpg', alt: 'Example' }, title: 'Item' }]}
- * />
- */
-export const ColumnLayout = ({ title, caption, mdcol, lgcol = mdcol, items, }) => {
-    const sectionStyles = css({
+import { LayoutWrapper } from '../layout-wrapper';
+const styles = {
+    section: css({
         width: '100%',
         marginRight: 'auto',
         marginLeft: 'auto',
@@ -33,21 +22,35 @@ export const ColumnLayout = ({ title, caption, mdcol, lgcol = mdcol, items, }) =
         flexDirection: 'column',
         justifyContent: 'center',
         flex: { base: '1 1 0%', lg: 'none' },
-    });
-    const gridItemStyles = css({
+    }),
+    gridItem: css({
         borderRadius: '0.25rem',
         marginBottom: '1.5rem',
         width: '100%',
         height: 'auto',
         overflow: 'hidden',
-    });
-    const gridPhotoStyles = css({
+    }),
+    gridItemContent: css({
         width: '100%',
         height: 'auto',
         borderRadius: '0.25rem',
-    });
-    return (_jsxs("section", { className: sectionStyles, style: {
-            '--max-width': mdcol < 2 ? '800px' : 'none',
-        }, children: [(title || caption) && (_jsx("div", { children: title && (_jsx(_Fragment, { children: _jsxs(H2, { children: [title, caption && _jsx(Text, { children: caption })] }) })) })), _jsx(ColumnSkeleton, { mdcol: mdcol, lgcol: lgcol, children: items.map((item, index) => (_jsxs("div", { children: [_jsx("div", { className: gridItemStyles, children: renderImage(item.content, undefined, gridPhotoStyles) }), (item.title || item.description) && (_jsxs(_Fragment, { children: [item.title && _jsx(H3, { children: item.title }), item.description && _jsx(Text, { children: item.description })] }))] }, index))) })] }));
+    }),
+};
+/**
+ * Responsive image grid with an optional title and caption.
+ * Column count is controlled separately for medium and large viewports.
+ *
+ * @example
+ * <ColumnLayout
+ *   title="Our Work"
+ *   mdcol={2}
+ *   lgcol={4}
+ *   items={[{ content: { src: '/img.jpg', alt: 'Example' }, title: 'Item' }]}
+ * />
+ */
+export const ColumnLayout = ({ title, caption, mdcol, lgcol = mdcol, items, container = true, }) => {
+    return (_jsx(LayoutWrapper, { container: container, children: _jsxs("section", { className: styles.section, style: {
+                '--max-width': mdcol < 2 ? '800px' : 'none',
+            }, children: [(title || caption) && (_jsx("div", { children: title && (_jsx(_Fragment, { children: _jsxs(H2, { children: [title, caption && _jsx(Text, { children: caption })] }) })) })), _jsx(ColumnSkeleton, { mdcol: mdcol, lgcol: lgcol, children: items.map((item, index) => (_jsxs("div", { children: [_jsx("div", { className: styles.gridItem, children: renderImage(item.content, undefined, styles.gridItemContent) }), (item.title || item.description) && (_jsxs(_Fragment, { children: [item.title && _jsx(H3, { children: item.title }), item.description && _jsx(Text, { children: item.description })] }))] }, item.key ?? index))) })] }) }));
 };
 //# sourceMappingURL=column-layout.js.map