thread-ui 0.1.11 → 0.3.0

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

@@ -0,0 +1,3 @@
+import { FormLabelProps } from './form-label.types';
+export declare const FormLabel: ({ name, id, title }: FormLabelProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=form-label.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-label.d.ts","sourceRoot":"","sources":["../../../../src/components/form-elements/form-label/form-label.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGpD,eAAO,MAAM,SAAS,GAAI,qBAA4B,cAAc,4CAYnE,CAAC"}

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { css } from '../../../styled-system/css';
+import { H3 } from '../../../components/typography';
+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 }) }));
+};
+//# sourceMappingURL=form-label.js.map

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

@@ -0,0 +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,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"}

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

@@ -0,0 +1,6 @@
+export type FormLabelProps = {
+    id?: string;
+    name: string;
+    title?: string;
+};
+//# sourceMappingURL=form-label.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-label.types.d.ts","sourceRoot":"","sources":["../../../../src/components/form-elements/form-label/form-label.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=form-label.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-label.types.js","sourceRoot":"","sources":["../../../../src/components/form-elements/form-label/form-label.types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,3 @@
+export type { FormLabelProps } from './form-label.types';
+export { FormLabel } from './form-label';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form-elements/form-label/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

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

@@ -0,0 +1,2 @@
+export { FormLabel } from './form-label';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/form-elements/form-label/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

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

@@ -0,0 +1,4 @@
+export * from './form-label';
+export * from './number-input';
+export * from './text-input';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,4 @@
+export * from './form-label';
+export * from './number-input';
+export * from './text-input';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"}

package/dist/components/form-elements/input-props.types.d.ts

@@ -0,0 +1,10 @@
+export type InputProps<T> = {
+    id?: string;
+    name: string;
+    title?: string;
+    value?: T;
+    required?: boolean;
+    placeholder?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>) => void;
+};
+//# sourceMappingURL=input-props.types.d.ts.map

package/dist/components/form-elements/input-props.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-props.types.d.ts","sourceRoot":"","sources":["../../../src/components/form-elements/input-props.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,GAAG,iBAAiB,GAAG,mBAAmB,CAAC,KAAK,IAAI,CAAC;CACzG,CAAC"}

package/dist/components/form-elements/input-props.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=input-props.types.js.map

package/dist/components/form-elements/input-props.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-props.types.js","sourceRoot":"","sources":["../../../src/components/form-elements/input-props.types.ts"],"names":[],"mappings":""}

package/dist/components/form-elements/input-wrapper.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export declare const InputWrapper: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=input-wrapper.d.ts.map

package/dist/components/form-elements/input-wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-wrapper.d.ts","sourceRoot":"","sources":["../../../src/components/form-elements/input-wrapper.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,eAAO,MAAM,YAAY,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAWjE,CAAC"}

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { css } from '../../styled-system/css';
+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

@@ -0,0 +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"}

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

@@ -0,0 +1,3 @@
+export type { NumberInputProps } from './number-input.types';
+export { NumberInput } from './number-input';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/form-elements/number-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form-elements/number-input/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

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

@@ -0,0 +1,2 @@
+export { NumberInput } from './number-input';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/form-elements/number-input/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/form-elements/number-input/number-input.d.ts

@@ -0,0 +1,3 @@
+import { NumberInputProps } from './number-input.types';
+export declare const NumberInput: ({ name, id, title, value, placeholder, required, dark, min, max, onChange, }: NumberInputProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=number-input.d.ts.map

package/dist/components/form-elements/number-input/number-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-input.d.ts","sourceRoot":"","sources":["../../../../src/components/form-elements/number-input/number-input.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAcxD,eAAO,MAAM,WAAW,GAAI,8EAWzB,gBAAgB,4CAkLlB,CAAC"}

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

@@ -0,0 +1,146 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '../../../components';
+import { FormLabel } from '../form-label';
+import { InputWrapper } from '../input-wrapper';
+import { useState, useEffect } from 'react';
+import { css, cva, cx } from '../../../styled-system/css';
+const valueWithinRange = (value, min, max) => {
+    if (min !== undefined && value < min) {
+        return false;
+    }
+    if (max !== undefined && value > max) {
+        return false;
+    }
+    return true;
+};
+export const NumberInput = ({ name, id = name, title, value, placeholder, required, dark, min, max, onChange, }) => {
+    // Initialize state with the value from props or null
+    const [num, setNum] = useState(value);
+    // Update internal state
+    useEffect(() => {
+        setNum(value);
+    }, [value]);
+    // Handle Num Increment
+    const handleIncrement = (increment) => () => {
+        const newValue = (num ?? 0) + increment;
+        // Respect min/max values if provided
+        if (!valueWithinRange(newValue, min, max)) {
+            return;
+        }
+        setNum(newValue);
+        // Create a synthetic event to pass to onChange
+        if (onChange) {
+            const syntheticEvent = {
+                target: {
+                    name,
+                    value: newValue,
+                },
+            };
+            onChange(syntheticEvent);
+        }
+    };
+    // Handle direct input changes
+    const handleInputChange = (e) => {
+        const inputValue = e.target.value;
+        // Allow empty input
+        if (inputValue === '') {
+            setNum(undefined);
+            if (onChange) {
+                onChange(e);
+            }
+            return;
+        }
+        // Check if valid number
+        const newValue = Number(inputValue);
+        if (isNaN(newValue)) {
+            // Invalid number - keep previous value
+            return;
+        }
+        // Only apply range validation for complete inputs
+        if (valueWithinRange(newValue, min, max)) {
+            setNum(newValue);
+            if (onChange) {
+                onChange(e);
+            }
+        }
+    };
+    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({
+            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 === '-' &&
+                                e.currentTarget.value.length === 0 &&
+                                (min === undefined || min < 0)) {
+                                return; // Allow the minus sign
+                            }
+                            // Prevent non-numeric input except allowed control keys
+                            if (!/[0-9]/.test(e.key) &&
+                                !e.ctrlKey &&
+                                !e.metaKey &&
+                                ![
+                                    'Backspace',
+                                    'Delete',
+                                    'ArrowLeft',
+                                    'ArrowRight',
+                                    'Tab',
+                                    'Home',
+                                    'End',
+                                ].includes(e.key)) {
+                                e.preventDefault();
+                            }
+                        }, required: required, min: min, max: max }), _jsx("button", { type: "button", className: cx(styles.arrowButton({ direction: 'right' }), styles.baseSegment), onClick: handleIncrement(1), children: _jsx(Icon, { name: "CaretRight", color: "gray", size: 12 }) })] })] }));
+};
+//# sourceMappingURL=number-input.js.map

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

@@ -0,0 +1 @@
+{"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/number-input/number-input.types.d.ts

@@ -0,0 +1,7 @@
+import { InputProps } from '../input-props.types';
+export type NumberInputProps = InputProps<number> & {
+    dark?: boolean;
+    min?: number;
+    max?: number;
+};
+//# sourceMappingURL=number-input.types.d.ts.map

package/dist/components/form-elements/number-input/number-input.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-input.types.d.ts","sourceRoot":"","sources":["../../../../src/components/form-elements/number-input/number-input.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,MAAM,CAAC,GAAG;IAChD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=number-input.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"number-input.types.js","sourceRoot":"","sources":["../../../../src/components/form-elements/number-input/number-input.types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,11 @@
+export declare const baseInputStyles: import("../../../styled-system/types").RecipeRuntimeFn<{
+    alt: {
+        true: {
+            width: "auto";
+        };
+        false: {
+            width: "100%";
+        };
+    };
+}>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form-elements/styles/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;;;;;;;EA4B1B,CAAC"}

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

@@ -0,0 +1,31 @@
+import { cva } from '../../../styled-system/css';
+export const baseInputStyles = cva({
+    base: {
+        paddingX: '16px',
+        paddingY: '8px',
+        borderWidth: '1px',
+        borderStyle: 'solid',
+        borderColor: 'structure',
+        borderRadius: 'md',
+        transition: 'colors',
+        _focus: {
+            outline: 'none',
+            borderColor: 'transparent',
+            boxShadow: '0 0 0 2px {colors.blue.500}',
+        },
+    },
+    variants: {
+        alt: {
+            true: {
+                width: 'auto',
+            },
+            false: {
+                width: '100%',
+            },
+        },
+    },
+    defaultVariants: {
+        alt: false,
+    },
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/form-elements/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAC;IAClC,IAAI,EAAE;QACL,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,KAAK;QACf,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,WAAW;QACxB,YAAY,EAAE,IAAI;QAClB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE;YACP,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,aAAa;YAC1B,SAAS,EAAE,6BAA6B;SACxC;KACD;IACD,QAAQ,EAAE;QACT,GAAG,EAAE;YACJ,IAAI,EAAE;gBACL,KAAK,EAAE,MAAM;aACb;YACD,KAAK,EAAE;gBACN,KAAK,EAAE,MAAM;aACb;SACD;KACD;IACD,eAAe,EAAE;QAChB,GAAG,EAAE,KAAK;KACV;CACD,CAAC,CAAC"}

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

@@ -0,0 +1,3 @@
+export type { TextInputProps } from './text-input.types';
+export { TextInput } from './text-input';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/form-elements/text-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form-elements/text-input/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

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

@@ -0,0 +1,2 @@
+export { TextInput } from './text-input';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/form-elements/text-input/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/form-elements/text-input/text-input.d.ts

@@ -0,0 +1,3 @@
+import { TextInputProps } from './text-input.types';
+export declare const TextInput: ({ name, id, title, value, required, placeholder, multiline, onChange, }: TextInputProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=text-input.d.ts.map

package/dist/components/form-elements/text-input/text-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input.d.ts","sourceRoot":"","sources":["../../../../src/components/form-elements/text-input/text-input.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAKpD,eAAO,MAAM,SAAS,GAAI,yEASvB,cAAc,4CAkChB,CAAC"}

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormLabel } from '../form-label';
+import { InputWrapper } from '../input-wrapper';
+import { baseInputStyles } from '../styles';
+import { cx, css } from '../../../styled-system/css';
+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

@@ -0,0 +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,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"}

package/dist/components/form-elements/text-input/text-input.types.d.ts

@@ -0,0 +1,5 @@
+import { InputProps } from '../input-props.types';
+export type TextInputProps = InputProps<string> & {
+    multiline?: boolean;
+};
+//# sourceMappingURL=text-input.types.d.ts.map

package/dist/components/form-elements/text-input/text-input.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input.types.d.ts","sourceRoot":"","sources":["../../../../src/components/form-elements/text-input/text-input.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,MAAM,CAAC,GAAG;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=text-input.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text-input.types.js","sourceRoot":"","sources":["../../../../src/components/form-elements/text-input/text-input.types.ts"],"names":[],"mappings":""}

package/dist/components/index.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","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"}

package/dist/components/index.js

@@ -1,3 +1,4 @@
+export * from './form-elements';
 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,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,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-skeleton/column-skeleton.js

@@ -3,7 +3,7 @@ import { cva } from '../../../../styled-system/css';
 const gridStyles = cva({
     base: {
         display: 'grid',
-        gap: { base: '3rem', lg: '1.5rem' },
+        gap: { base: '12', lg: '6' },
     },
     variants: {
         mdcol: {

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

@@ -1 +1 @@
-{"version":3,"file":"column-skeleton.js","sourceRoot":"","sources":["../../../../../src/components/layouts/column-layout/column-skeleton/column-skeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAG1C,MAAM,UAAU,GAAG,GAAG,CAAC;IACtB,IAAI,EAAE;QACL,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE;KACnC;IACD,QAAQ,EAAE;QACT,KAAK,EAAE;YACN,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;YAC/D,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;YAC/D,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;SAC/D;QACD,KAAK,EAAE;YACN,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;YAC/D,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;YAC/D,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;YAC/D,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;YAC/D,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;SAC/D;KACD;IACD,eAAe,EAAE;QAChB,KAAK,EAAE,CAAC;QACR,KAAK,EAAE,CAAC;KACR;CACD,CAAC,CAAC;AAEH,yCAAyC;AACzC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAuB,EAAE,EAAE;IACjF,OAAO,cAAK,SAAS,EAAE,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,YAAG,QAAQ,GAAO,CAAC;AACvE,CAAC,CAAC"}
+{"version":3,"file":"column-skeleton.js","sourceRoot":"","sources":["../../../../../src/components/layouts/column-layout/column-skeleton/column-skeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAG1C,MAAM,UAAU,GAAG,GAAG,CAAC;IACtB,IAAI,EAAE;QACL,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE;KAC5B;IACD,QAAQ,EAAE;QACT,KAAK,EAAE;YACN,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;YAC/D,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;YAC/D,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;SAC/D;QACD,KAAK,EAAE;YACN,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;YAC/D,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;YAC/D,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;YAC/D,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;YAC/D,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;SAC/D;KACD;IACD,eAAe,EAAE;QAChB,KAAK,EAAE,CAAC;QACR,KAAK,EAAE,CAAC;KACR;CACD,CAAC,CAAC;AAEH,yCAAyC;AACzC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAuB,EAAE,EAAE;IACjF,OAAO,cAAK,SAAS,EAAE,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,YAAG,QAAQ,GAAO,CAAC;AACvE,CAAC,CAAC"}

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

@@ -6,14 +6,14 @@ export const MasonryLayout = ({ title, caption, components }) => {
     const styles = {
         container: cx(container()),
         list: css({
-            marginTop: '8px',
+            marginTop: '2',
             columnCount: { base: 2, md: 3, lg: 4 },
-            columnGap: '8px',
+            columnGap: '2',
         }),
         item: css({
             width: '100%',
             display: 'inline-block',
-            borderRadius: '4px',
+            borderRadius: 'sm',
             overflow: 'hidden',
         }),
     };

package/dist/components/layouts/masonry-layout/masonry-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"masonry-layout.js","sourceRoot":"","sources":["../../../../src/components/layouts/masonry-layout/masonry-layout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAE9C,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAsB,EAAE,EAAE;IACnF,MAAM,MAAM,GAAG;QACd,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,CAAC;QAC1B,IAAI,EAAE,GAAG,CAAC;YACT,SAAS,EAAE,KAAK;YAChB,WAAW,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE;YACtC,SAAS,EAAE,KAAK;SAChB,CAAC;QACF,IAAI,EAAE,GAAG,CAAC;YACT,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,cAAc;YACvB,YAAY,EAAE,KAAK;YACnB,QAAQ,EAAE,QAAQ;SAClB,CAAC;KACF,CAAC;IACF,OAAO,CACN,mBAAS,SAAS,EAAE,MAAM,CAAC,SAAS,aAClC,KAAK,IAAI,CACT,MAAC,EAAE,eACD,KAAK,EACL,OAAO,IAAI,KAAC,QAAQ,cAAE,OAAO,GAAY,IACtC,CACL,EACD,wBACC,aAAI,SAAS,EAAE,MAAM,CAAC,IAAI,YACxB,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,CACrC,aAAgB,SAAS,EAAE,MAAM,CAAC,IAAI,YACpC,SAAS,IADF,KAAK,CAET,CACL,CAAC,GACE,GACA,IACG,CACV,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"masonry-layout.js","sourceRoot":"","sources":["../../../../src/components/layouts/masonry-layout/masonry-layout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAE9C,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAsB,EAAE,EAAE;IACnF,MAAM,MAAM,GAAG;QACd,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,CAAC;QAC1B,IAAI,EAAE,GAAG,CAAC;YACT,SAAS,EAAE,GAAG;YACd,WAAW,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE;YACtC,SAAS,EAAE,GAAG;SACd,CAAC;QACF,IAAI,EAAE,GAAG,CAAC;YACT,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,cAAc;YACvB,YAAY,EAAE,IAAI;YAClB,QAAQ,EAAE,QAAQ;SAClB,CAAC;KACF,CAAC;IACF,OAAO,CACN,mBAAS,SAAS,EAAE,MAAM,CAAC,SAAS,aAClC,KAAK,IAAI,CACT,MAAC,EAAE,eACD,KAAK,EACL,OAAO,IAAI,KAAC,QAAQ,cAAE,OAAO,GAAY,IACtC,CACL,EACD,wBACC,aAAI,SAAS,EAAE,MAAM,CAAC,IAAI,YACxB,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,CACrC,aAAgB,SAAS,EAAE,MAAM,CAAC,IAAI,YACpC,SAAS,IADF,KAAK,CAET,CACL,CAAC,GACE,GACA,IACG,CACV,CAAC;AACH,CAAC,CAAC"}

package/dist/components/media/image-panel/image-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image-panel.d.ts","sourceRoot":"","sources":["../../../../src/components/media/image-panel/image-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAuCtD,eAAO,MAAM,UAAU,GAAI,uFASxB,eAAe,4CAmEjB,CAAC"}
+{"version":3,"file":"image-panel.d.ts","sourceRoot":"","sources":["../../../../src/components/media/image-panel/image-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AA2CtD,eAAO,MAAM,UAAU,GAAI,uFASxB,eAAe,4CAmEjB,CAAC"}

package/dist/components/media/image-panel/image-panel.js

@@ -6,7 +6,7 @@ const renderPanelImage = (image, smImage) => {
     const classes = {
         image: css({
             marginX: { base: '0', md: 'auto' },
-            borderRadius: '0.25rem',
+            borderRadius: 'sm',
         }),
         smImage: css({
             position: 'relative',

package/dist/components/media/image-panel/image-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-panel.js","sourceRoot":"","sources":["../../../../src/components/media/image-panel/image-panel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"image-panel.js","sourceRoot":"","sources":["../../../../src/components/media/image-panel/image-panel.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEnD,MAAM,gBAAgB,GAAG,CAAC,KAAiB,EAAE,OAAoB,EAAE,EAAE;IACpE,MAAM,OAAO,GAAG;QACf,KAAK,EAAE,GAAG,CAAC;YACV,OAAO,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE;YAClC,YAAY,EAAE,IAAI;SAClB,CAAC;QACF,OAAO,EAAE,GAAG,CAAC;YACZ,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,EAAE,EAAE,iBAAiB,EAAE;YAC5D,QAAQ,EAAE,IAAI;SACd,CAAC;QACF,WAAW,EAAE,GAAG,CAAC;YAChB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;SACd,CAAC;QACF,mBAAmB,EAAE,GAAG,CAAC;YACxB,OAAO,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,EAAE,EAAE,kBAAkB,EAAE;YAC5D,SAAS,EAAE,IAAI;SACf,CAAC;KACF,CAAC;IAEF,IAAI,OAAO,EAAE,CAAC;QACb,OAAO,CACN,8BACE,WAAW,CAAC,OAAO,EAAE,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,EACnE,WAAW,CACX,KAAK,EACL,SAAS,EACT,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,WAAW,EAAE,OAAO,CAAC,mBAAmB,CAAC,CACnE,IACC,CACH,CAAC;IACH,CAAC;SAAM,CAAC;QACP,OAAO,WAAW,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;IAC9E,CAAC;AACF,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,OAAO,EACP,YAAY,GAAG,KAAK,EACpB,WAAW,GAAG,KAAK,EACnB,UAAU,GAAG,UAAU,GACN,EAAE,EAAE;IACrB,MAAM,WAAW,GAAG,GAAG,CAAC;QACvB,IAAI,EAAE;YACL,OAAO,EAAE,MAAM;YACf,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE;YACjC,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,SAAS;YACrB,KAAK,EAAE,MAAM;YACb,WAAW,EAAE,MAAM;YACnB,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE;YACrD,UAAU,EAAE,MAAM;YAClB,YAAY,EAAE,MAAM;YACpB,WAAW,EAAE,MAAM;SACnB;QACD,QAAQ,EAAE;YACT,YAAY,EAAE;gBACb,IAAI,EAAE,EAAE,aAAa,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;gBAC3C,KAAK,EAAE,EAAE,aAAa,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,EAAE;aACpD;YACD,WAAW,EAAE;gBACZ,IAAI,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,aAAa,EAAE,EAAE;gBAC9C,KAAK,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE;aACvC;SACD;QACD,eAAe,EAAE;YAChB,YAAY,EAAE,KAAK;YACnB,WAAW,EAAE,KAAK;SAClB;KACD,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG;QACd,UAAU,EAAE,GAAG,CAAC;YACf,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,YAAY,EAAE;SACzC,CAAC;QACF,MAAM,EAAE,GAAG,CAAC;YACX,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;SACd,CAAC;QACF,SAAS,EAAE,GAAG,CAAC;YACd,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,UAAU,EAAE,MAAM;YAClB,WAAW,EAAE,MAAM;YACnB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,YAAY,EAAE;SACzC,CAAC;KACF,CAAC;IAEF,OAAO,CACN,eAAK,SAAS,EAAE,WAAW,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC,aACzD,cAAK,SAAS,EAAE,MAAM,CAAC,UAAU,YAChC,cAAK,SAAS,EAAE,MAAM,CAAC,MAAM,YAAG,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,GAAO,GAClE,EACN,cAAK,SAAS,EAAE,MAAM,CAAC,SAAS,YAC/B,0BACC,MAAC,KAAK,IAAC,KAAK,EAAE,UAAU,aACtB,KAAK,EACL,QAAQ,IAAI,KAAC,QAAQ,cAAE,QAAQ,GAAY,IACrC,EACP,QAAQ,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1B,KAAC,IAAI,cAAU,GAAG,IAAP,CAAC,CAAc,CAC1B,CAAC,IACG,GACD,IACD,CACN,CAAC;AACH,CAAC,CAAC"}

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

@@ -1,3 +1,4 @@
 export * from './image-panel';
 export * from './info-card';
+export * from './media-card';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/media/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/media/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/media/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}

package/dist/components/media/index.js

@@ -1,3 +1,4 @@
 export * from './image-panel';
 export * from './info-card';
+export * from './media-card';
 //# sourceMappingURL=index.js.map

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

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

package/dist/components/media/info-card/info-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"info-card.d.ts","sourceRoot":"","sources":["../../../../src/components/media/info-card/info-card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD,eAAO,MAAM,QAAQ,GAAI,2BAA2B,aAAa,4CAiFhE,CAAC"}
+{"version":3,"file":"info-card.d.ts","sourceRoot":"","sources":["../../../../src/components/media/info-card/info-card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD,eAAO,MAAM,QAAQ,GAAI,2BAA2B,aAAa,4CAyFhE,CAAC"}