npm - thread-ui - Versions diffs - 0.6.0 → 0.7.1 - Mend

thread-ui 0.6.0 → 0.7.1

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 (114) hide show

package/dist/components/data-display/sort-controls/use-sort-controls.js CHANGED Viewed

@@ -21,14 +21,14 @@ import { useState, useMemo } from 'react';
  *   </>
  * );
  */
-export const useSortControls = ({ data, fields, multi = false, defaultSort, }) => {
+export const useSortControls = ({ data, fields, multiSort = false, defaultSort, }) => {
     const [activeSort, setActiveSort] = useState(defaultSort ?? []);
     const toggleSort = (key) => {
         setActiveSort((prev) => {
             const existing = prev.find((s) => s.key === key);
             if (!existing) {
                 const next = { key, direction: 'asc' };
-                return multi ? [...prev, next] : [next];
+                return multiSort ? [...prev, next] : [next];
             }
             if (existing.direction === 'asc') {
                 // flip to desc

package/dist/components/data-display/sort-controls/use-sort-controls.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-sort-controls.js","sourceRoot":"","sources":["../../../../src/components/data-display/sort-controls/use-sort-controls.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAQ1C;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAI,EAClC,IAAI,EACJ,MAAM,EACN,~~KAAK~~,GAAG,KAAK,~~EACb~~,WAAW,GACY,EAAuB,EAAE;IAChD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAkB,WAAW,IAAI,EAAE,CAAC,CAAC;IAEjF,MAAM,UAAU,GAAG,CAAC,GAAY,EAAE,EAAE;QACnC,aAAa,CAAC,CAAC,IAAI,EAAE,EAAE;YACtB,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;YAEjD,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACf,MAAM,IAAI,GAAkB,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;gBACtD,OAAO,~~KAAK~~,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;~~YACzC~~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"}
1	+ {"version":3,"file":"use-sort-controls.js","sourceRoot":"","sources":["../../../../src/components/data-display/sort-controls/use-sort-controls.ts"],"names":[],"mappings":"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"}

package/dist/components/form-elements/dropdowns/dropdown/dropdown.d.ts CHANGED Viewed

@@ -10,4 +10,4 @@ import { DropdownProps } from './dropdown.types';
  *   onSelect={(val) => setStatus(val)}
  * />
  */
-export declare const Dropdown: ({ id, title, value, options, onSelect, placeholder, size, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Dropdown: ({ id, title, value, options, onSelect, placeholder, size, color, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/form-elements/dropdowns/dropdown/dropdown.js CHANGED Viewed

@@ -27,7 +27,7 @@ const itemStyles = cva({
  *   onSelect={(val) => setStatus(val)}
  * />
  */
-export const Dropdown = ({ id, title, value, options, onSelect, placeholder = 'Select an option...', size, }) => {
+export const Dropdown = ({ id, title, value, options, onSelect, placeholder = 'Select an option...', size, color, }) => {
     const [isOpen, setIsOpen] = useState(false);
     const selected = options.find((opt) => opt.value === value);
     const handleSelect = (option) => {
@@ -36,6 +36,6 @@ export const Dropdown = ({ id, title, value, options, onSelect, placeholder = 'S
     };
     return (_jsx(DropdownBase, { id: id, title: title, options: options, isOpen: isOpen, onToggle: () => setIsOpen((prev) => !prev), onClose: () => {
             setIsOpen(false);
-        }, triggerLabel: selected ? selected.label : placeholder, renderItem: (option, index) => (_jsx("li", { className: itemStyles({ isSelected: option.value === selected?.value }), onClick: () => handleSelect(option), children: option.label }, index)), size: size }));
+        }, triggerLabel: selected ? selected.label : placeholder, renderItem: (option, index) => (_jsx("li", { className: itemStyles({ isSelected: option.value === selected?.value }), onClick: () => handleSelect(option), children: option.label }, index)), size: size, color: color }));
 };
 //# sourceMappingURL=dropdown.js.map

package/dist/components/form-elements/dropdowns/dropdown/dropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../../../src/components/form-elements/dropdowns/dropdown/dropdown.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAG1C,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAE9D,MAAM,UAAU,GAAG,GAAG,CAAC;IACtB,IAAI,EAAE;QACL,MAAM,EAAE,SAAS;QACjB,QAAQ,EAAE,GAAG;QACb,QAAQ,EAAE,GAAG;QACb,MAAM,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE;KACtC;IACD,QAAQ,EAAE;QACT,UAAU,EAAE;YACX,IAAI,EAAE,EAAE,eAAe,EAAE,UAAU,EAAE;SACrC;KACD;CACD,CAAC,CAAC;AAEH;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACxB,EAAE,EACF,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,WAAW,GAAG,qBAAqB,EACnC,IAAI,~~GACW~~,EAAE,EAAE;IACnB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;IAE5D,MAAM,YAAY,GAAG,CAAC,MAAsB,EAAE,EAAE;QAC/C,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACvB,SAAS,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,OAAO,CACN,KAAC,YAAY,IACZ,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAC1C,OAAO,EAAE,GAAG,EAAE;YACb,SAAS,CAAC,KAAK,CAAC,CAAC;QAClB,CAAC,EACD,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,EACrD,UAAU,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,aAEC,SAAS,EAAE,UAAU,CAAC,EAAE,UAAU,EAAE,MAAM,CAAC,KAAK,KAAK,QAAQ,EAAE,KAAK,EAAE,CAAC,EACvE,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,YAElC,MAAM,CAAC,KAAK,IAJR,KAAK,CAKN,CACL,EACD,IAAI,EAAE,IAAI,~~GACT~~,CACF,CAAC;AACH,CAAC,CAAC"}
1	+ {"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../../../src/components/form-elements/dropdowns/dropdown/dropdown.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAG1C,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAE9D,MAAM,UAAU,GAAG,GAAG,CAAC;IACtB,IAAI,EAAE;QACL,MAAM,EAAE,SAAS;QACjB,QAAQ,EAAE,GAAG;QACb,QAAQ,EAAE,GAAG;QACb,MAAM,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE;KACtC;IACD,QAAQ,EAAE;QACT,UAAU,EAAE;YACX,IAAI,EAAE,EAAE,eAAe,EAAE,UAAU,EAAE;SACrC;KACD;CACD,CAAC,CAAC;AAEH;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACxB,EAAE,EACF,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,WAAW,GAAG,qBAAqB,EACnC,IAAI,EACJ,KAAK,GACU,EAAE,EAAE;IACnB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;IAE5D,MAAM,YAAY,GAAG,CAAC,MAAsB,EAAE,EAAE;QAC/C,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACvB,SAAS,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,OAAO,CACN,KAAC,YAAY,IACZ,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAC1C,OAAO,EAAE,GAAG,EAAE;YACb,SAAS,CAAC,KAAK,CAAC,CAAC;QAClB,CAAC,EACD,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,EACrD,UAAU,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,aAEC,SAAS,EAAE,UAAU,CAAC,EAAE,UAAU,EAAE,MAAM,CAAC,KAAK,KAAK,QAAQ,EAAE,KAAK,EAAE,CAAC,EACvE,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,YAElC,MAAM,CAAC,KAAK,IAJR,KAAK,CAKN,CACL,EACD,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,GACX,CACF,CAAC;AACH,CAAC,CAAC"}

package/dist/components/form-elements/dropdowns/dropdown/dropdown.types.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 import { UtilitySizeOptions } from '../../../../types';
 import { DropdownOption } from '../dropdown-base/dropdown-base.types';
+import { ButtonProps } from '../../../../components/ui';
 export type DropdownProps = {
     /** Dropdown ID */
     id?: string;
@@ -15,4 +16,6 @@ export type DropdownProps = {
     placeholder?: string;
     /** Size of Form Label @default `'md'`` */
     size?: UtilitySizeOptions;
+    /** Dropdown Color @default 'neutral' */
+    color?: ButtonProps['color'];
 };

package/dist/components/form-elements/dropdowns/dropdown-base/dropdown-base.d.ts CHANGED Viewed

@@ -5,4 +5,4 @@ export declare const styles: {
     surfaceButton: string;
     list: string;
 };
-export declare const DropdownBase: ({ id, title, isOpen, onClose, onToggle, triggerLabel, renderItem, options, listHeader, size, icon, }: DropdownBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DropdownBase: ({ id, title, isOpen, onClose, onToggle, triggerLabel, renderItem, options, listHeader, size, icon, color, }: DropdownBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/form-elements/dropdowns/dropdown-base/dropdown-base.js CHANGED Viewed

@@ -38,9 +38,9 @@ export const styles = {
         overflow: 'auto',
     }),
 };
-export const DropdownBase = ({ id, title, isOpen, onClose, onToggle, triggerLabel, renderItem, options, listHeader, size = 'md', icon, }) => {
+export const DropdownBase = ({ id, title, isOpen, onClose, onToggle, triggerLabel, renderItem, options, listHeader, size = 'md', icon, color = 'neutral', }) => {
     const listRef = useRef(null);
     useClickOutside(listRef, isOpen, onClose, false);
-    return (_jsx("div", { id: id, className: styles.container, children: _jsxs(ConditionalWrapper, { wrapper: title ? InputWrapper : 'fragment', children: [title && _jsx(FormLabel, { size: size, name: title, title: title }), _jsxs("div", { className: styles.interior, children: [_jsxs(OptionalIconButton, { size: size, color: "neutral", onClick: onToggle, type: "button", name: icon, children: [triggerLabel, _jsx(Icon, { name: isOpen ? 'CaretUp' : 'CaretDown', size: getUtilityIconSize(size) })] }), isOpen && (_jsxs("ul", { className: styles.list, ref: listRef, children: [listHeader && _jsx("li", { children: listHeader }), options.map((option, index) => renderItem(option, index))] }))] })] }) }));
+    return (_jsx("div", { id: id, className: styles.container, children: _jsxs(ConditionalWrapper, { wrapper: title ? InputWrapper : 'fragment', children: [title && _jsx(FormLabel, { size: size, name: title, title: title }), _jsxs("div", { className: styles.interior, children: [_jsxs(OptionalIconButton, { size: size, color: color, onClick: onToggle, type: "button", name: icon, children: [triggerLabel, _jsx(Icon, { name: isOpen ? 'CaretUp' : 'CaretDown', size: getUtilityIconSize(size) })] }), isOpen && (_jsxs("ul", { className: styles.list, ref: listRef, children: [listHeader && _jsx("li", { children: listHeader }), options.map((option, index) => renderItem(option, index))] }))] })] }) }));
 };
 //# sourceMappingURL=dropdown-base.js.map

package/dist/components/form-elements/dropdowns/dropdown-base/dropdown-base.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dropdown-base.js","sourceRoot":"","sources":["../../../../../src/components/form-elements/dropdowns/dropdown-base/dropdown-base.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAU,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE/E,MAAM,CAAC,MAAM,MAAM,GAAG;IACrB,SAAS,EAAE,GAAG,CAAC;QACd,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,eAAe;KACtB,CAAC;IACF,QAAQ,EAAE,GAAG,CAAC;QACb,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,UAAU;KACpB,CAAC;IACF,aAAa,EAAE,GAAG,CAAC;QAClB,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,QAAQ;KACpB,CAAC;IACF,IAAI,EAAE,GAAG,CAAC;QACT,eAAe,EAAE,YAAY;QAC7B,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,KAAK;QACf,WAAW,EAAE,IAAI;QACjB,WAAW,EAAE,WAAW;QACxB,YAAY,EAAE,IAAI;QAClB,SAAS,EAAE,GAAG;QACd,SAAS,EAAE,IAAI;QACf,MAAM,EAAE,IAAI;QACZ,SAAS,EAAE,IAAI;QACf,QAAQ,EAAE,MAAM;KAChB,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC5B,EAAE,EACF,KAAK,EACL,MAAM,EACN,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,OAAO,EACP,UAAU,EACV,IAAI,GAAG,IAAI,EACX,IAAI,~~GACe~~,EAAE,EAAE;IACvB,MAAM,OAAO,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAC/C,eAAe,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;IAEjD,OAAO,CACN,cAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,SAAS,YACvC,MAAC,kBAAkB,IAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,aAC5D,KAAK,IAAI,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,EAC9D,eAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,aAC9B,MAAC,kBAAkB,IAClB,IAAI,EAAE,IAAI,EACV,KAAK,~~EAAC~~,~~SAAS~~,~~EACf~~,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,aAET,YAAY,EACb,KAAC,IAAI,IACJ,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EACtC,IAAI,EAAE,kBAAkB,CAAC,IAAI,CAAC,GAC7B,IACkB,EACpB,MAAM,IAAI,CACV,cAAI,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE,OAAO,aACtC,UAAU,IAAI,uBAAK,UAAU,GAAM,EACnC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,IACtD,CACL,IACI,IACc,GAChB,CACN,CAAC;AACH,CAAC,CAAC"}
1	+ {"version":3,"file":"dropdown-base.js","sourceRoot":"","sources":["../../../../../src/components/form-elements/dropdowns/dropdown-base/dropdown-base.tsx"],"names":[],"mappings":"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"}

package/dist/components/form-elements/dropdowns/dropdown-base/dropdown-base.types.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { IconNames } from '../../../../components/ui';
+import { ButtonProps, IconNames } from '../../../../components/ui';
 import { UtilitySizeOptions } from '../../../../types';
 /**
  * A single option in the Dropdown list.
@@ -22,4 +22,5 @@ export type DropdownBaseProps = {
     listHeader?: React.ReactNode;
     size?: UtilitySizeOptions;
     icon?: IconNames;
+    color?: ButtonProps['color'];
 };

package/dist/components/form-elements/dropdowns/multi-dropdown/multi-dropdown.d.ts CHANGED Viewed

@@ -12,4 +12,4 @@ import { MultiDropdownProps } from './multi-dropdown.types';
  *   onClear={() => clear()}
  * />
  */
-export declare const MultiDropdown: ({ id, title, options, values, onToggle, onClear, size, icon, showLabel, }: MultiDropdownProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MultiDropdown: ({ id, title, options, values, onToggle, onClear, size, icon, showLabel, color, }: MultiDropdownProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/form-elements/dropdowns/multi-dropdown/multi-dropdown.js CHANGED Viewed

@@ -41,15 +41,15 @@ const styles = {
  *   onClear={() => clear()}
  * />
  */
-export const MultiDropdown = ({ id, title, options, values, onToggle, onClear, size, icon, showLabel = true, }) => {
+export const MultiDropdown = ({ id, title, options, values, onToggle, onClear, size, icon, showLabel = true, color, }) => {
     const [isOpen, setIsOpen] = useState(false);
     const placeholder = !showLabel && title ? title : 'Select...';
     const triggerLabel = values.length === 0 ? placeholder : `${title ?? 'Selected'} (${values.length})`;
     return (_jsx(DropdownBase, { id: id, title: showLabel ? title : undefined, options: options, isOpen: isOpen, onToggle: () => setIsOpen((prev) => !prev), onClose: () => {
             setIsOpen(false);
-        }, listHeader: _jsx("div", { className: styles.headerStyles, children: values.length > 0 && (_jsx(IconButton, { onClick: onClear, color: "text", name: "X", text: true, size: "sm", children: "Clear" })) }), triggerLabel: triggerLabel, renderItem: (option, index) => {
+        }, listHeader: _jsx("div", { className: styles.headerStyles, children: values.length > 0 && (_jsx(IconButton, { ariaLabel: "Clear selected filters", onClick: onClear, color: "text", name: "X", text: true, size: "sm", children: "Clear" })) }), triggerLabel: triggerLabel, renderItem: (option, index) => {
             const isSelected = values.includes(option.value);
             return (_jsxs("li", { className: styles.itemStyles({ isSelected }), onClick: () => onToggle(option.value), children: [_jsx(Icon, { name: isSelected ? 'CheckSquare' : 'Square', size: 12 }), option.label] }, index));
-        }, size: size, icon: icon }));
+        }, size: size, icon: icon, color: color }));
 };
 //# sourceMappingURL=multi-dropdown.js.map

package/dist/components/form-elements/dropdowns/multi-dropdown/multi-dropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"multi-dropdown.js","sourceRoot":"","sources":["../../../../../src/components/form-elements/dropdowns/multi-dropdown/multi-dropdown.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,GAAG,EAAE,GAAG,EAAM,MAAM,qBAAqB,CAAC;AAEnD,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEnD,MAAM,MAAM,GAAG;IACd,UAAU,EAAE,GAAG,CAAC;QACf,IAAI,EAAE;YACL,MAAM,EAAE,SAAS;YACjB,QAAQ,EAAE,GAAG;YACb,QAAQ,EAAE,GAAG;YACb,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,GAAG;YACR,MAAM,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE;SACtC;QACD,QAAQ,EAAE;YACT,UAAU,EAAE;gBACX,IAAI,EAAE,EAAE,eAAe,EAAE,UAAU,EAAE;aACrC;SACD;KACD,CAAC;IACF,YAAY,EAAE,GAAG,CAAC;QACjB,MAAM,EAAE,GAAG;QACX,QAAQ,EAAE,CAAC;QACX,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;KACpB,CAAC;CACF,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC7B,EAAE,EACF,KAAK,EACL,OAAO,EACP,MAAM,EACN,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,SAAS,GAAG,IAAI,~~GACI~~,EAAE,EAAE;IACxB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,WAAW,GAAG,CAAC,SAAS,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC;IAE9D,MAAM,YAAY,GACjB,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,UAAU,KAAK,MAAM,CAAC,MAAM,GAAG,CAAC;IAEjF,OAAO,CACN,KAAC,YAAY,IACZ,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EACpC,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAC1C,OAAO,EAAE,GAAG,EAAE;YACb,SAAS,CAAC,KAAK,CAAC,CAAC;QAClB,CAAC,EACD,UAAU,EACT,cAAK,SAAS,EAAE,MAAM,CAAC,YAAY,YACjC,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CACrB,KAAC,UAAU,~~IAAC~~,OAAO,EAAE,OAAO,~~EAAE~~,KAAK,EAAC,MAAM,~~EAAC~~,IAAI,EAAC,GAAG,~~EAAC~~,IAAI,~~QAAC~~,IAAI,EAAC,IAAI,~~sBAErD~~,CACb,GACI,EAEP,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YAC7B,MAAM,UAAU,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACjD,OAAO,CACN,cAEC,SAAS,EAAE,MAAM,CAAC,UAAU,CAAC,EAAE,UAAU,EAAE,CAAC,EAC5C,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,aAErC,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,EAAE,IAAI,EAAE,EAAE,GAAI,EAC9D,MAAM,CAAC,KAAK,KALR,KAAK,CAMN,CACL,CAAC;QACH,CAAC,EACD,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,~~GACT~~,CACF,CAAC;AACH,CAAC,CAAC"}
1	+ {"version":3,"file":"multi-dropdown.js","sourceRoot":"","sources":["../../../../../src/components/form-elements/dropdowns/multi-dropdown/multi-dropdown.tsx"],"names":[],"mappings":"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"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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,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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"file-upload-preview.js","sourceRoot":"","sources":["../../../../../src/components/form-elements/file-upload/components/file-upload-preview.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/C,MAAM,~~CAAC,~~MAAM,~~iBAAiB,~~GAAG~~,GAAG,EAAE~~;~~IACrC~~,~~MAAM,EACL,YAAY,EACZ,OAAO,EACP,cAAc,EACd,iBAAiB,EACjB,GAAG,EACH,MAAM,EACN,eAAe,EACf,QAAQ,GACR,GAAG,oBAAoB,EAAE,CAAC;IAE3B,IAAI,CAAC,YAAY,EAAE,CAAC;QACnB,OAAO;IACR,CAAC;IAED,MAAM,MAAM,GAAG;QACd,~~SAAS,EAAE,GAAG,CAAC;~~YACd~~,OAAO,EAAE,MAAM;~~YACf~~,GAAG,EAAE,GAAG;~~YACR~~,aAAa,EAAE,QAAQ;~~YACvB~~,KAAK,EAAE,MAAM;~~YACb~~,OAAO,EAAE,MAAM;~~YACf~~,cAAc,EAAE;~~gBACf~~,IAAI,EAAE,QAAQ;~~gBACd~~,EAAE,EAAE,eAAe;~~aACnB~~;~~YACD~~,UAAU,EAAE,QAAQ;~~SACpB~~,CAAC;~~QACF~~,QAAQ,EAAE,GAAG,CAAC;~~YACb~~,KAAK,EAAE,MAAM;~~YACb~~,OAAO,EAAE,MAAM;~~YACf~~,aAAa,EAAE,KAAK;~~YACpB~~,cAAc,EAAE,OAAO;~~YACvB~~,GAAG,EAAE,GAAG;~~SACR~~,CAAC;~~QACF~~,IAAI,EAAE,GAAG,CAAC;~~YACT~~,KAAK,EAAE,MAAM;~~SACb~~,CAAC;~~QACF~~,WAAW,EAAE,GAAG,CAAC;~~YAChB~~,SAAS,EAAE,UAAU;~~YACrB~~,OAAO,EAAE,MAAM;~~YACf~~,GAAG,EAAE,GAAG;~~YACR~~,aAAa,EAAE,QAAQ;~~SACvB~~,CAAC;~~QACF~~,aAAa,EAAE,GAAG,CAAC;~~YAClB~~,OAAO,EAAE,MAAM;~~YACf~~,GAAG,EAAE,GAAG;~~SACR~~,CAAC;~~KACF~~,CAAC;~~IAEF~~,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC9B,OAAO,CAAC,CAAC,CAAC,KAAC,YAAY,IAAC,GAAG,EAAE,OAAO,GAAI,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,IAAI,EAAE,YAAY,GAAI,EAC/E,eAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,aAC9B,eAAK,SAAS,EAAE,MAAM,CAAC,IAAI,aAC1B,KAAC,SAAS,IACT,IAAI,EAAC,UAAU,EACf,KAAK,EAAC,WAAW,EACjB,KAAK,EAAE,cAAc,EACrB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAClD,QAAQ,SACP,EACF,MAAC,IAAI,IAAC,KAAK,EAAC,gBAAgB,EAAC,IAAI,EAAC,IAAI,6BACxB,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,IACzC,IACF,EACL,eAAe,CAAC,YAAY,CAAC,IAAI,CACjC,cAAK,SAAS,EAAE,MAAM,CAAC,IAAI,YAC1B,KAAC,SAAS,IACT,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,WAAW,EACjB,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GACtC,GACG,CACN,IACI,EACN,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,YACjC,cAAK,SAAS,EAAE,MAAM,CAAC,aAAa,YACnC,8BACC,KAAC,MAAM,~~IAAC~~,IAAI,EAAC,QAAQ,~~EAAC~~,KAAK,EAAC,OAAO,~~EAAC~~,OAAO,EAAE,eAAe,~~uBAEnD~~,EACT,KAAC,MAAM,~~IAAC~~,IAAI,EAAC,QAAQ,~~EAAC~~,OAAO,EAAE,QAAQ,~~EAAE~~,SAAS,+~~BAEzC~~,IACP,GACE,GACD,IACD,CACN,CAAC;AACH,CAAC,CAAC"}
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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"}

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

@@ -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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"item-previews.js","sourceRoot":"","sources":["../../../../../src/components/form-elements/file-upload/components/item-previews.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;~~AAQ1C~~,MAAM,~~CAAC,~~MAAM,~~YAAY,~~GAAG~~,CAAC,EAAE,GAAG,EAAE,MAAM,EAAqB,EAAE,EAAE~~;~~IAClE~~,~~MAAM,MAAM,GAAG;QACd,~~KAAK,EAAE,GAAG,CAAC;~~YACV~~,KAAK,EAAE,MAAM;~~YACb~~,MAAM,EAAE,MAAM;~~YACd~~,SAAS,EAAE,OAAO;~~YAClB~~,YAAY,EAAE,IAAI;~~YAClB~~,SAAS,EAAE,MAAM;~~YACjB~~,QAAQ,EAAE,MAAM;~~SAChB~~,CAAC;~~QACF~~,OAAO,EAAE,GAAG,CAAC;~~YACZ~~,OAAO,EAAE,MAAM;~~YACf~~,aAAa,EAAE,KAAK;~~YACpB~~,cAAc,EAAE,QAAQ;~~YACxB~~,GAAG,EAAE,GAAG;~~SACR~~,CAAC;~~KACF~~,CAAC;~~IAEF~~,MAAM,gBAAgB,GAAG;~~QACxB~~,MAAM,EAAE,MAAM;~~QACd~~,KAAK,EAAE,MAAM;~~QACb~~,QAAQ,EAAE,OAAO;~~QACjB~~,SAAS,EAAE,OAAO;~~KAClB~~,CAAC;~~IAEF~~,IAAI,MAAM,EAAE,CAAC;QACZ,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,OAAO,aAC7B,cAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAC,SAAS,EAAC,SAAS,EAAE,MAAM,CAAC,KAAK,GAAI,EACxD,KAAC,UAAU,IAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,OAAO,GAAG,IACjE,CACN,CAAC;IACH,CAAC;IAED,OAAO,cAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAC,SAAS,EAAC,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,gBAAgB,GAAI,CAAC;AAC1F,CAAC,CAAC;AAOF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,IAAI,EAAE,OAAO,EAAoB,EAAE,EAAE;IAClE,MAAM,MAAM,GAAG;QACd,SAAS,EAAE,GAAG,CAAC;YACd,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,eAAe;YAC/B,YAAY,EAAE,IAAI;YAClB,eAAe,EAAE,YAAY;YAC7B,QAAQ,EAAE,GAAG;YACb,QAAQ,EAAE,GAAG;SACb,CAAC;QACF,YAAY,EAAE,GAAG,CAAC;YACjB,OAAO,EAAE,MAAM;YACf,GAAG,EAAE,GAAG;SACR,CAAC;QACF,OAAO,EAAE,GAAG,CAAC;YACZ,QAAQ,EAAE,QAAQ;YAClB,YAAY,EAAE,UAAU;YACxB,UAAU,EAAE,QAAQ;SACpB,CAAC;KACF,CAAC;IACF,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC/B,eAAK,SAAS,EAAE,MAAM,CAAC,YAAY,aAClC,KAAC,IAAI,IAAC,IAAI,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,MAAM,GAAG,EACnF,eAAK,SAAS,EAAE,MAAM,CAAC,OAAO,aAC7B,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,YAAE,IAAI,CAAC,IAAI,GAAQ,EAClC,MAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,gBAAgB,aACpC,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,WACxB,IACF,IACD,EACL,OAAO,IAAI,OAAO,IACd,CACN,CAAC;AACH,CAAC,CAAC"}
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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"}

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

@@ -1,6 +1,25 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 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.
  *
@@ -8,25 +27,6 @@ import { Text } from '../../../components/typography';
  * <FormLabel name="email" title="Email Address" />
  */
 export const FormLabel = ({ name, id = name, title, size = 'md' }) => {
-    const styles = cva({
-        base: {
-            display: 'block',
-            alignSelf: 'flex-start',
-        },
-        variants: {
-            size: {
-                sm: {
-                    marginBottom: '1',
-                },
-                md: {
-                    marginBottom: '1.5',
-                },
-                lg: {
-                    marginBottom: '2',
-                },
-            },
-        },
-    });
     const textSizeFromSizeProp = (() => {
         switch (size) {
             case 'sm':

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

	@@ -1 +1 @@
1	- {"version":3,"file":"form-label.js","sourceRoot":"","sources":["../../../../src/components/form-elements/form-label/form-label.tsx"],"names":[],"mappings":";AAAA,OAAO,~~EAAO~~,GAAG,EAAE,MAAM,qBAAqB,CAAC;~~AAE/C~~,OAAO,~~EAAM~~,IAAI,EAAE,MAAM,yBAAyB,CAAC;~~AAGnD;;;;;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,MAAM,GAAG,GAAG,~~CAAC;~~QAClB~~,IAAI,EAAE;~~YACL~~,OAAO,EAAE,OAAO;~~YAChB~~,SAAS,EAAE,YAAY;~~SACvB~~;~~QACD~~,QAAQ,EAAE;~~YACT~~,IAAI,EAAE;~~gBACL~~,EAAE,EAAE;~~oBACH~~,YAAY,EAAE,GAAG;~~iBACjB~~;~~gBACD~~,EAAE,EAAE;~~oBACH~~,YAAY,EAAE,KAAK;~~iBACnB~~;~~gBACD~~,EAAE,EAAE;~~oBACH~~,YAAY,EAAE,GAAG;~~iBACjB~~;~~aACD;~~SACD;KACD,CAAC,CAAC;~~IAEH~~,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"}
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,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/input-wrapper.js CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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,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 CHANGED Viewed

@@ -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 === '-' &&