thread-ui 0.5.0 → 0.7.0

package/dist/types/utility/type-production.types.d.ts

@@ -0,0 +1,4 @@
+export type Override<T, U> = Omit<T, keyof U> & U;
+export type Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/types/utility/type-production.types.js

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

package/dist/types/utility/type-production.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type-production.types.js","sourceRoot":"","sources":["../../../src/types/utility/type-production.types.ts"],"names":[],"mappings":""}

package/dist/utils/index.d.ts

@@ -1,5 +1,4 @@
 export * from './context';
 export * from './data-manipulation';
-export * from './hooks';
 export * from './misc';
 export * from './theme-utilities';

package/dist/utils/index.js

@@ -1,6 +1,5 @@
 export * from './context';
 export * from './data-manipulation';
-export * from './hooks';
 export * from './misc';
 export * from './theme-utilities';
 //# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,mBAAmB,CAAC"}

package/dist/utils/theme-utilities/get-utility-icon-size/get-utility-icon-size.js

@@ -1,13 +1,13 @@
 export const getUtilityIconSize = (size) => {
     switch (size) {
         case 'sm':
-            return 16;
+            return 8;
         case 'md':
-            return 24;
+            return 16;
         case 'lg':
-            return 32;
-        default:
             return 24;
+        default:
+            return 16;
     }
 };
 //# sourceMappingURL=get-utility-icon-size.js.map

package/dist/utils/theme-utilities/get-utility-icon-size/get-utility-icon-size.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-utility-icon-size.js","sourceRoot":"","sources":["../../../../src/utils/theme-utilities/get-utility-icon-size/get-utility-icon-size.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,IAAwB,EAAa,EAAE;IACzE,QAAQ,IAAI,EAAE,CAAC;QACd,KAAK,IAAI;YACR,OAAO,EAAE,CAAC;QACX,KAAK,IAAI;YACR,OAAO,EAAE,CAAC;QACX,KAAK,IAAI;YACR,OAAO,EAAE,CAAC;QACX;YACC,OAAO,EAAE,CAAC;IACZ,CAAC;AACF,CAAC,CAAC"}
+{"version":3,"file":"get-utility-icon-size.js","sourceRoot":"","sources":["../../../../src/utils/theme-utilities/get-utility-icon-size/get-utility-icon-size.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,IAAwB,EAAa,EAAE;IACzE,QAAQ,IAAI,EAAE,CAAC;QACd,KAAK,IAAI;YACR,OAAO,CAAC,CAAC;QACV,KAAK,IAAI;YACR,OAAO,EAAE,CAAC;QACX,KAAK,IAAI;YACR,OAAO,EAAE,CAAC;QACX;YACC,OAAO,EAAE,CAAC;IACZ,CAAC;AACF,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "thread-ui",
-	"version": "0.5.0",
+	"version": "0.7.0",
 	"author": "Andrew Fisher",
 	"description": "UI Library for React Applications.",
 	"license": "MIT",

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

@@ -1,83 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useState } from 'react';
-import { InputWrapper } from '../input-wrapper';
-import { FormLabel } from '../form-label';
-import { Icon } from '../../../components/ui';
-import { css, cva, cx } from '../../../styled-system/css';
-import { baseInputStyles } from '../styles';
-import { useOutsideCloseClick } from '../../../utils';
-/**
- * Single-select dropdown with an option list and outside-click dismissal.
- *
- * @example
- * <Dropdown
- *   title="Status"
- *   value={status}
- *   options={[{ label: 'Active', value: 'active' }, { label: 'Inactive', value: 'inactive' }]}
- *   onSelect={(val) => setStatus(val)}
- * />
- */
-export const Dropdown = ({ id, title, value, options, onSelect, placeholder = 'Select an option...', }) => {
-    // UI State Controls
-    const [isOpen, setIsOpen] = useState(false);
-    const dropdownRef = useRef(null);
-    // Map Value to Dropdown Option
-    const selected = options.find((opt) => opt.value === value);
-    // User Actions
-    const handleSelect = (option) => {
-        onSelect(option.value);
-        setIsOpen(false);
-    };
-    const toggleDropdown = () => setIsOpen(!isOpen);
-    useOutsideCloseClick(true, dropdownRef, isOpen, () => setIsOpen(false));
-    // Styles
-    const styles = {
-        container: css({
-            width: '100%',
-            color: 'text.standard',
-        }),
-        interior: css({
-            width: '100%',
-            position: 'relative',
-        }),
-        surfaceButton: css({
-            width: '100%',
-            display: 'flex',
-            justifyContent: 'space-between',
-            alignItems: 'center',
-        }),
-        list: css({
-            backgroundColor: 'background',
-            position: 'absolute',
-            width: '100%',
-            borderWidth: 'md',
-            borderColor: 'structure',
-            borderRadius: 'md',
-            marginTop: '1',
-            boxShadow: 'lg',
-            zIndex: '10',
-            maxHeight: '60',
-            overflow: 'auto',
-        }),
-        item: cva({
-            base: {
-                cursor: 'pointer',
-                paddingX: '4',
-                paddingY: '2',
-                _hover: { backgroundColor: 'surface' },
-            },
-            variants: {
-                isSelected: {
-                    true: {
-                        backgroundColor: 'elevated',
-                    },
-                },
-            },
-        }),
-    };
-    return (_jsx("div", { id: id, className: styles.container, children: _jsxs(InputWrapper, { children: [title && _jsx(FormLabel, { name: title, title: title }), _jsxs("div", { className: styles.interior, children: [_jsxs("button", { className: cx(styles.surfaceButton, baseInputStyles({ alt: true })), onClick: toggleDropdown, type: "button", children: [_jsx("span", { children: selected ? selected.label : placeholder }), _jsx(Icon, { name: isOpen ? 'CaretUp' : 'CaretDown', size: 16, color: "black" })] }), isOpen && (_jsx("ul", { className: styles.list, ref: dropdownRef, children: options.map((option, index) => (_jsx("li", { className: styles.item({
-                                    isSelected: option.value === selected?.value,
-                                }), onClick: () => handleSelect(option), children: option.label }, index))) }))] })] }) }));
-};
-//# sourceMappingURL=dropdown.js.map

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

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

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

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

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

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

package/dist/utils/hooks/index.d.ts

@@ -1,2 +0,0 @@
-export * from './use-pathname';
-export * from './use-outside-close-click';

package/dist/utils/hooks/index.js

@@ -1,3 +0,0 @@
-export * from './use-pathname';
-export * from './use-outside-close-click';
-//# sourceMappingURL=index.js.map

package/dist/utils/hooks/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,2BAA2B,CAAC"}

package/dist/utils/hooks/use-outside-close-click/index.d.ts

@@ -1 +0,0 @@
-export * from './use-outside-close-click';

package/dist/utils/hooks/use-outside-close-click/index.js

@@ -1,2 +0,0 @@
-export * from './use-outside-close-click';
-//# sourceMappingURL=index.js.map

package/dist/utils/hooks/use-outside-close-click/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/utils/hooks/use-outside-close-click/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC"}

package/dist/utils/hooks/use-outside-close-click/use-outside-close-click.d.ts

@@ -1,2 +0,0 @@
-import { RefObject } from 'react';
-export declare const useOutsideCloseClick: (enabled: boolean, ref: RefObject<HTMLElement | null>, isOpen: boolean, onClose: () => void) => void;

package/dist/utils/hooks/use-outside-close-click/use-outside-close-click.js

@@ -1,16 +0,0 @@
-'use client';
-import { useEffect } from 'react';
-export const useOutsideCloseClick = (enabled, ref, isOpen, onClose) => {
-    useEffect(() => {
-        if (!isOpen || !enabled)
-            return;
-        const handleClickOutside = (e) => {
-            if (ref.current && !ref.current.contains(e.target)) {
-                onClose();
-            }
-        };
-        document.addEventListener('mousedown', handleClickOutside);
-        return () => document.removeEventListener('mousedown', handleClickOutside);
-    }, [isOpen, ref, onClose]);
-};
-//# sourceMappingURL=use-outside-close-click.js.map

package/dist/utils/hooks/use-outside-close-click/use-outside-close-click.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-outside-close-click.js","sourceRoot":"","sources":["../../../../src/utils/hooks/use-outside-close-click/use-outside-close-click.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAE7C,MAAM,CAAC,MAAM,oBAAoB,GAAG,CACnC,OAAgB,EAChB,GAAkC,EAClC,MAAe,EACf,OAAmB,EAClB,EAAE;IACH,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO;YAAE,OAAO;QAEhC,MAAM,kBAAkB,GAAG,CAAC,CAAa,EAAE,EAAE;YAC5C,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAc,CAAC,EAAE,CAAC;gBAC5D,OAAO,EAAE,CAAC;YACX,CAAC;QACF,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;IAC5E,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;AAC5B,CAAC,CAAC"}

package/dist/utils/hooks/use-pathname/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/utils/hooks/use-pathname/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/utils/hooks/use-pathname/use-pathname.d.ts

@@ -1 +0,0 @@
-export declare const usePathname: () => string;

package/dist/utils/hooks/use-pathname/use-pathname.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-pathname.js","sourceRoot":"","sources":["../../../../src/utils/hooks/use-pathname/use-pathname.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC/B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAqB;IAEnE,SAAS,CAAC,GAAG,EAAE;QACd,mCAAmC;QACnC,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAEtC,MAAM,oBAAoB,GAAG,GAAG,EAAE;YACjC,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACvC,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,UAAU,EAAE,oBAAoB,CAAC,CAAC;QAC1D,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,UAAU,EAAE,oBAAoB,CAAC,CAAC;IAC3E,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,QAAQ,CAAC;AACjB,CAAC,CAAC"}