thread-ui 0.5.0 → 0.7.0

package/dist/components/ui/toggle/toggle.js

@@ -1,6 +1,42 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getUtilityColorValue } from '../../../utils';
 import { ThreadTheme } from '../../../theme';
+import { css, cx } from '../../../styled-system/css';
+const styles = {
+    button: css({
+        position: 'relative',
+        display: 'inline-flex',
+        alignItems: 'center',
+        height: '24px',
+        width: '44px',
+        borderRadius: '9999px',
+        transition: 'background-color 200ms ease-in-out',
+        outline: 'none',
+    }),
+    knob: css({
+        display: 'inline-block',
+        height: '16px',
+        width: '16px',
+        backgroundColor: 'white',
+        borderRadius: '9999px',
+        transform: 'translateX(4px)',
+        transition: 'transform 200ms ease-in-out',
+    }),
+    knobOn: css({
+        transform: 'translateX(24px)',
+    }),
+    srOnly: css({
+        position: 'absolute',
+        width: '1px',
+        height: '1px',
+        padding: '0',
+        margin: '-1px',
+        overflow: 'hidden',
+        clip: 'rect(0, 0, 0, 0)',
+        whiteSpace: 'nowrap',
+        borderWidth: '0',
+    }),
+};
 /**
  * Accessible toggle switch with a sliding knob and configurable active color.
  *
@@ -9,53 +45,6 @@ import { ThreadTheme } from '../../../theme';
  */
 export const Toggle = ({ isOn, onToggle, color = 'success' }) => {
     const colorValue = getUtilityColorValue(color);
-    const styles = {
-        button: {
-            position: 'relative',
-            display: 'inline-flex',
-            alignItems: 'center',
-            height: '24px',
-            width: '44px',
-            borderRadius: '9999px',
-            transition: 'background-color 200ms ease-in-out',
-            outline: 'none',
-        },
-        buttonOn: {
-            backgroundColor: colorValue,
-        },
-        buttonOff: {
-            backgroundColor: ThreadTheme.gray.main,
-        },
-        knob: {
-            display: 'inline-block',
-            height: '16px',
-            width: '16px',
-            backgroundColor: 'white',
-            borderRadius: '9999px',
-            transform: 'translateX(4px)',
-            transition: 'transform 200ms ease-in-out',
-        },
-        knobOn: {
-            transform: 'translateX(24px)',
-        },
-        srOnly: {
-            position: 'absolute',
-            width: '1px',
-            height: '1px',
-            padding: '0',
-            margin: '-1px',
-            overflow: 'hidden',
-            clip: 'rect(0, 0, 0, 0)',
-            whiteSpace: 'nowrap',
-            borderWidth: '0',
-        },
-    };
-    return (_jsxs("button", { type: "button", onClick: onToggle, style: {
-            ...styles.button,
-            ...(isOn ? styles.buttonOn : styles.buttonOff),
-        }, children: [_jsx("span", { style: styles.srOnly, children: isOn ? 'On' : 'Off' }), _jsx("span", { style: {
-                    ...styles.knob,
-                    ...(isOn ? styles.knobOn : {}),
-                } })] }));
+    return (_jsxs("button", { type: "button", onClick: onToggle, className: styles.button, style: { backgroundColor: isOn ? colorValue : ThreadTheme.gray.main }, children: [_jsx("span", { className: styles.srOnly, children: isOn ? 'On' : 'Off' }), _jsx("span", { className: cx(styles.knob, isOn && styles.knobOn) })] }));
 };
 //# sourceMappingURL=toggle.js.map

package/dist/components/ui/toggle/toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.js","sourceRoot":"","sources":["../../../../src/components/ui/toggle/toggle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC;;;;;GAKG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,GAAG,SAAS,EAAe,EAAE,EAAE;IAC5E,MAAM,UAAU,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAE/C,MAAM,MAAM,GAAkC;QAC7C,MAAM,EAAE;YACP,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,QAAQ;YACpB,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM;YACb,YAAY,EAAE,QAAQ;YACtB,UAAU,EAAE,oCAAoC;YAChD,OAAO,EAAE,MAAM;SACf;QACD,QAAQ,EAAE;YACT,eAAe,EAAE,UAAU;SAC3B;QACD,SAAS,EAAE;YACV,eAAe,EAAE,WAAW,CAAC,IAAI,CAAC,IAAI;SACtC;QACD,IAAI,EAAE;YACL,OAAO,EAAE,cAAc;YACvB,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM;YACb,eAAe,EAAE,OAAO;YACxB,YAAY,EAAE,QAAQ;YACtB,SAAS,EAAE,iBAAiB;YAC5B,UAAU,EAAE,6BAA6B;SACzC;QACD,MAAM,EAAE;YACP,SAAS,EAAE,kBAAkB;SAC7B;QACD,MAAM,EAAE;YACP,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,KAAK;YACb,OAAO,EAAE,GAAG;YACZ,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,QAAQ;YAClB,IAAI,EAAE,kBAAkB;YACxB,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,GAAG;SAChB;KACD,CAAC;IAEF,OAAO,CACN,kBACC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,KAAK,EAAE;YACN,GAAG,MAAM,CAAC,MAAM;YAChB,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC;SAC9C,aAED,eAAM,KAAK,EAAE,MAAM,CAAC,MAAM,YAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,GAAQ,EACxD,eACC,KAAK,EAAE;oBACN,GAAG,MAAM,CAAC,IAAI;oBACd,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;iBAC9B,GACA,IACM,CACT,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"toggle.js","sourceRoot":"","sources":["../../../../src/components/ui/toggle/toggle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAE9C,MAAM,MAAM,GAAG;IACd,MAAM,EAAE,GAAG,CAAC;QACX,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,aAAa;QACtB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,YAAY,EAAE,QAAQ;QACtB,UAAU,EAAE,oCAAoC;QAChD,OAAO,EAAE,MAAM;KACf,CAAC;IACF,IAAI,EAAE,GAAG,CAAC;QACT,OAAO,EAAE,cAAc;QACvB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,eAAe,EAAE,OAAO;QACxB,YAAY,EAAE,QAAQ;QACtB,SAAS,EAAE,iBAAiB;QAC5B,UAAU,EAAE,6BAA6B;KACzC,CAAC;IACF,MAAM,EAAE,GAAG,CAAC;QACX,SAAS,EAAE,kBAAkB;KAC7B,CAAC;IACF,MAAM,EAAE,GAAG,CAAC;QACX,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;QACb,OAAO,EAAE,GAAG;QACZ,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,QAAQ;QAClB,IAAI,EAAE,kBAAkB;QACxB,UAAU,EAAE,QAAQ;QACpB,WAAW,EAAE,GAAG;KAChB,CAAC;CACF,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,GAAG,SAAS,EAAe,EAAE,EAAE;IAC5E,MAAM,UAAU,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAE/C,OAAO,CACN,kBACC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,aAErE,eAAM,SAAS,EAAE,MAAM,CAAC,MAAM,YAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,GAAQ,EAC5D,eAAM,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,IAAI,MAAM,CAAC,MAAM,CAAC,GAAI,IACnD,CACT,CAAC;AACH,CAAC,CAAC"}

package/dist/hooks/index.d.ts

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

package/dist/hooks/index.js

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

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC"}

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

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { RefObject } from 'react';
+/**
+ * Calls `onClose` when a click is detected outside of `elementRef`.
+ * Only active when `isOpen` is true and `disabled` is false.
+ *
+ * @example
+ * const ref = useRef<HTMLDivElement>(null);
+ * useClickOutside(ref, isOpen, () => setIsOpen(false));
+ */
+export declare const useClickOutside: (elementRef: RefObject<HTMLElement | null>, isOpen: boolean, onClose: () => void, disabled?: boolean) => void;

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

@@ -0,0 +1,26 @@
+'use client';
+import { useEffect, useRef } from 'react';
+/**
+ * Calls `onClose` when a click is detected outside of `elementRef`.
+ * Only active when `isOpen` is true and `disabled` is false.
+ *
+ * @example
+ * const ref = useRef<HTMLDivElement>(null);
+ * useClickOutside(ref, isOpen, () => setIsOpen(false));
+ */
+export const useClickOutside = (elementRef, isOpen, onClose, disabled = false) => {
+    const onCloseRef = useRef(onClose);
+    onCloseRef.current = onClose;
+    useEffect(() => {
+        if (!isOpen || disabled)
+            return;
+        const handleClickOutside = (e) => {
+            if (elementRef.current && !elementRef.current.contains(e.target)) {
+                onCloseRef.current();
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => document.removeEventListener('mousedown', handleClickOutside);
+    }, [isOpen, disabled, elementRef]);
+};
+//# sourceMappingURL=use-click-outside.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-click-outside.js","sourceRoot":"","sources":["../../../src/hooks/use-click-outside/use-click-outside.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,SAAS,EAAE,MAAM,EAAa,MAAM,OAAO,CAAC;AAErD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAC9B,UAAyC,EACzC,MAAe,EACf,OAAmB,EACnB,WAAoB,KAAK,EACxB,EAAE;IACH,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IACnC,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC;IAE7B,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,MAAM,IAAI,QAAQ;YAAE,OAAO;QAEhC,MAAM,kBAAkB,GAAG,CAAC,CAAa,EAAE,EAAE;YAC5C,IAAI,UAAU,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAc,CAAC,EAAE,CAAC;gBAC1E,UAAU,CAAC,OAAO,EAAE,CAAC;YACtB,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,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;AACpC,CAAC,CAAC"}

package/dist/hooks/use-dismiss/index.d.ts

@@ -0,0 +1 @@
+export * from './use-dismiss';

package/dist/hooks/use-dismiss/index.js

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

package/dist/hooks/use-dismiss/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/use-dismiss/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/hooks/use-dismiss/use-dismiss.d.ts

@@ -0,0 +1,13 @@
+import { RefObject } from 'react';
+/**
+ * Calls `onClose` when a click is detected outside of `elementRef` or when `Escape` is pressed.
+ * Each trigger can be independently disabled. Only active when `isOpen` is true.
+ *
+ * @example
+ * const ref = useRef<HTMLDivElement>(null);
+ * useDismiss(ref, isOpen, () => setIsOpen(false));
+ *
+ * // Disable outside click, keep Escape
+ * useDismiss(ref, isOpen, () => setIsOpen(false), true, false);
+ */
+export declare const useDismiss: (elementRef: RefObject<HTMLElement | null>, isOpen: boolean, onClose: () => void, isClickDisabled?: boolean, isEscDisabled?: boolean) => void;

package/dist/hooks/use-dismiss/use-dismiss.js

@@ -0,0 +1,42 @@
+'use client';
+import { useEffect, useRef } from 'react';
+/**
+ * Calls `onClose` when a click is detected outside of `elementRef` or when `Escape` is pressed.
+ * Each trigger can be independently disabled. Only active when `isOpen` is true.
+ *
+ * @example
+ * const ref = useRef<HTMLDivElement>(null);
+ * useDismiss(ref, isOpen, () => setIsOpen(false));
+ *
+ * // Disable outside click, keep Escape
+ * useDismiss(ref, isOpen, () => setIsOpen(false), true, false);
+ */
+export const useDismiss = (elementRef, isOpen, onClose, isClickDisabled = false, isEscDisabled = false) => {
+    const onCloseRef = useRef(onClose);
+    onCloseRef.current = onClose;
+    useEffect(() => {
+        if (!isOpen || (isClickDisabled && isEscDisabled))
+            return;
+        const handleClickOutside = (e) => {
+            if (elementRef.current && !elementRef.current.contains(e.target)) {
+                onCloseRef.current();
+            }
+        };
+        const handleKeyDown = (e) => {
+            if (e.key === 'Escape') {
+                onCloseRef.current();
+            }
+        };
+        if (!isClickDisabled) {
+            document.addEventListener('mousedown', handleClickOutside);
+        }
+        if (!isEscDisabled) {
+            document.addEventListener('keydown', handleKeyDown);
+        }
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+            document.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [elementRef, isOpen, isClickDisabled, isEscDisabled]);
+};
+//# sourceMappingURL=use-dismiss.js.map

package/dist/hooks/use-dismiss/use-dismiss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-dismiss.js","sourceRoot":"","sources":["../../../src/hooks/use-dismiss/use-dismiss.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,SAAS,EAAE,MAAM,EAAa,MAAM,OAAO,CAAC;AAErD;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CACzB,UAAyC,EACzC,MAAe,EACf,OAAmB,EACnB,kBAA2B,KAAK,EAChC,gBAAyB,KAAK,EAC7B,EAAE;IACH,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IACnC,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC;IAE7B,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,MAAM,IAAI,CAAC,eAAe,IAAI,aAAa,CAAC;YAAE,OAAO;QAE1D,MAAM,kBAAkB,GAAG,CAAC,CAAa,EAAE,EAAE;YAC5C,IAAI,UAAU,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAc,CAAC,EAAE,CAAC;gBAC1E,UAAU,CAAC,OAAO,EAAE,CAAC;YACtB,CAAC;QACF,CAAC,CAAC;QAEF,MAAM,aAAa,GAAG,CAAC,CAAgB,EAAE,EAAE;YAC1C,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBACxB,UAAU,CAAC,OAAO,EAAE,CAAC;YACtB,CAAC;QACF,CAAC,CAAC;QAEF,IAAI,CAAC,eAAe,EAAE,CAAC;YACtB,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC5D,CAAC;QAED,IAAI,CAAC,aAAa,EAAE,CAAC;YACpB,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACrD,CAAC;QAED,OAAO,GAAG,EAAE;YACX,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;YAC9D,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACxD,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,eAAe,EAAE,aAAa,CAAC,CAAC,CAAC;AAC1D,CAAC,CAAC"}

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

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

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

@@ -0,0 +1,8 @@
+/**
+ * Returns the current `window.location.pathname` and updates on `popstate` events.
+ * Initializes as an empty string on the server to avoid hydration mismatches.
+ *
+ * @example
+ * const pathname = usePathname();
+ */
+export declare const usePathname: () => string;

package/dist/{utils/hooks → hooks}/use-pathname/use-pathname.js

@@ -1,5 +1,12 @@
 'use client';
 import { useState, useEffect } from 'react';
+/**
+ * Returns the current `window.location.pathname` and updates on `popstate` events.
+ * Initializes as an empty string on the server to avoid hydration mismatches.
+ *
+ * @example
+ * const pathname = usePathname();
+ */
 export const usePathname = () => {
     const [pathname, setPathname] = useState(''); // Safe initial state
     useEffect(() => {

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-pathname.js","sourceRoot":"","sources":["../../../src/hooks/use-pathname/use-pathname.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;;;GAMG;AACH,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"}

package/dist/index.d.ts

@@ -3,3 +3,4 @@ import './styles/panda.css';
 export * from './components';
 export * from './types';
 export * from './theme';
+export * from './hooks';

package/dist/index.js

@@ -8,4 +8,6 @@ export * from './components';
 export * from './types';
 // Export Theme
 export * from './theme';
+// Export Hooks
+export * from './hooks';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,iCAAiC;AACjC,OAAO,qBAAqB,CAAC;AAC7B,gCAAgC;AAChC,OAAO,oBAAoB,CAAC;AAE5B,oBAAoB;AACpB,cAAc,cAAc,CAAC;AAE7B,eAAe;AACf,cAAc,SAAS,CAAC;AAExB,eAAe;AACf,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,iCAAiC;AACjC,OAAO,qBAAqB,CAAC;AAC7B,gCAAgC;AAChC,OAAO,oBAAoB,CAAC;AAE5B,oBAAoB;AACpB,cAAc,cAAc,CAAC;AAE7B,eAAe;AACf,cAAc,SAAS,CAAC;AAExB,eAAe;AACf,cAAc,SAAS,CAAC;AAExB,eAAe;AACf,cAAc,SAAS,CAAC"}

package/dist/internal-components/conditional-wrapper/conditional-wrapper.d.ts

@@ -0,0 +1,2 @@
+import { ConditionalWrapperProps } from './conditional-wrapper.types';
+export declare const ConditionalWrapper: ({ children, wrapper, wrapperProps, fallbackWrapper, }: ConditionalWrapperProps) => import("react/jsx-runtime").JSX.Element;

package/dist/internal-components/conditional-wrapper/conditional-wrapper.js

@@ -0,0 +1,12 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+export const ConditionalWrapper = ({ children, wrapper, wrapperProps = {}, fallbackWrapper, }) => {
+    const resolved = wrapper ?? fallbackWrapper?.wrapper ?? 'fragment';
+    const resolvedProps = wrapper ? wrapperProps : (fallbackWrapper?.wrapperProps ?? {});
+    if (resolved === 'fragment')
+        return _jsx(_Fragment, { children: children });
+    if (resolved === 'div')
+        return _jsx("div", { ...resolvedProps, children: children });
+    const Wrapper = resolved;
+    return _jsx(Wrapper, { ...resolvedProps, children: children });
+};
+//# sourceMappingURL=conditional-wrapper.js.map

package/dist/internal-components/conditional-wrapper/conditional-wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conditional-wrapper.js","sourceRoot":"","sources":["../../../src/internal-components/conditional-wrapper/conditional-wrapper.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAClC,QAAQ,EACR,OAAO,EACP,YAAY,GAAG,EAAE,EACjB,eAAe,GACU,EAAE,EAAE;IAC7B,MAAM,QAAQ,GAAG,OAAO,IAAI,eAAe,EAAE,OAAO,IAAI,UAAU,CAAC;IACnE,MAAM,aAAa,GAAG,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,eAAe,EAAE,YAAY,IAAI,EAAE,CAAC,CAAC;IAErF,IAAI,QAAQ,KAAK,UAAU;QAAE,OAAO,4BAAG,QAAQ,GAAI,CAAC;IACpD,IAAI,QAAQ,KAAK,KAAK;QAAE,OAAO,iBAAS,aAAa,YAAG,QAAQ,GAAO,CAAC;IACxE,MAAM,OAAO,GAAG,QAAQ,CAAC;IACzB,OAAO,KAAC,OAAO,OAAM,aAAqB,YAAG,QAAQ,GAAW,CAAC;AAClE,CAAC,CAAC"}

package/dist/internal-components/conditional-wrapper/conditional-wrapper.types.d.ts

@@ -0,0 +1,9 @@
+import { ComponentType, ReactNode } from 'react';
+type WrapperType = ComponentType<any> | 'div' | 'fragment';
+export type ConditionalWrapperProps = {
+    children: ReactNode;
+    wrapper?: WrapperType;
+    wrapperProps?: Record<string, unknown>;
+    fallbackWrapper?: Omit<ConditionalWrapperProps, 'children' | 'fallbackWrapper'>;
+};
+export {};

package/dist/internal-components/conditional-wrapper/conditional-wrapper.types.js

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

package/dist/internal-components/conditional-wrapper/conditional-wrapper.types.js.map

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

package/dist/internal-components/conditional-wrapper/index.d.ts

@@ -0,0 +1,2 @@
+export type { ConditionalWrapperProps } from './conditional-wrapper.types';
+export { ConditionalWrapper } from './conditional-wrapper';

package/dist/internal-components/conditional-wrapper/index.js

@@ -0,0 +1,2 @@
+export { ConditionalWrapper } from './conditional-wrapper';
+//# sourceMappingURL=index.js.map

package/dist/internal-components/conditional-wrapper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/internal-components/conditional-wrapper/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/internal-components/image/render-image.js.map

@@ -1 +1 @@
-{"version":3,"file":"render-image.js","sourceRoot":"","sources":["../../../src/internal-components/image/render-image.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAiB,cAAc,EAAgB,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC,CAAC,kBAAkB;AAE5D,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,UAAsB,EAAE,MAAsB,EAAE,SAAkB,EAAgB,EAAE;IAC/G,IAAI,cAAc,CAAC,UAAU,CAAC,EAAE,CAAC;QAChC,MAAM,SAAS,GAAG,UAAU,CAAC,KAA0C,CAAC;QACxE,MAAM,QAAQ,GAAsC;YACnD,GAAG,SAAS;YACZ,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC;YAC7C,KAAK,EAAE;gBACN,GAAG,SAAS,CAAC,KAAK;gBAClB,GAAG,MAAM;aACT;SACD,CAAC;QACF,OAAO,KAAK,CAAC,YAAY,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;IACjD,CAAC;IAED,IAAI,gBAAgB,CAAC,UAAU,CAAC,EAAE,CAAC;QAClC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,SAAS,EAAE,GAAG,UAAU,CAAC;QACtF,OAAO,CACN,cACC,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,EACtC,KAAK,EAAE,EAAE,GAAG,SAAS,CAAC,MAAM,EAAE,GAAG,MAAM,EAAE,KACrC,SAAS,GACZ,CACF,CAAC;IACH,CAAC;IAED,OAAO,CAAC,IAAI,CAAC,6CAA6C,CAAC,CAAC;IAC5D,OAAO,cAAK,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,eAAe,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAI,CAAC;AACvE,CAAC,CAAC"}
+{"version":3,"file":"render-image.js","sourceRoot":"","sources":["../../../src/internal-components/image/render-image.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAiB,cAAc,EAAgB,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC,CAAC,kBAAkB;AAE5D,MAAM,CAAC,MAAM,WAAW,GAAG,CAC1B,UAAsB,EACtB,MAAsB,EACtB,SAAkB,EACH,EAAE;IACjB,IAAI,cAAc,CAAC,UAAU,CAAC,EAAE,CAAC;QAChC,MAAM,SAAS,GAAG,UAAU,CAAC,KAA0C,CAAC;QACxE,MAAM,QAAQ,GAAsC;YACnD,GAAG,SAAS;YACZ,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC;YAC7C,KAAK,EAAE;gBACN,GAAG,SAAS,CAAC,KAAK;gBAClB,GAAG,MAAM;aACT;SACD,CAAC;QACF,OAAO,KAAK,CAAC,YAAY,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;IACjD,CAAC;IAED,IAAI,gBAAgB,CAAC,UAAU,CAAC,EAAE,CAAC;QAClC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,SAAS,EAAE,GAAG,UAAU,CAAC;QACtF,OAAO,CACN,cACC,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,EACtC,KAAK,EAAE,EAAE,GAAG,SAAS,CAAC,MAAM,EAAE,GAAG,MAAM,EAAE,KACrC,SAAS,GACZ,CACF,CAAC;IACH,CAAC;IAED,OAAO,CAAC,IAAI,CAAC,6CAA6C,CAAC,CAAC;IAC5D,OAAO,cAAK,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,eAAe,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAI,CAAC;AACvE,CAAC,CAAC"}

package/dist/internal-components/index.d.ts

@@ -1,2 +1,4 @@
-export * from './link-wrapper';
+export * from './conditional-wrapper';
 export * from './image';
+export * from './link-wrapper';
+export * from './optional-icon-button';

package/dist/internal-components/index.js

@@ -1,4 +1,6 @@
 // Export Internal Components
-export * from './link-wrapper';
+export * from './conditional-wrapper';
 export * from './image';
+export * from './link-wrapper';
+export * from './optional-icon-button';
 //# sourceMappingURL=index.js.map

package/dist/internal-components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/internal-components/index.ts"],"names":[],"mappings":"AAAA,6BAA6B;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/internal-components/index.ts"],"names":[],"mappings":"AAAA,6BAA6B;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC"}

package/dist/internal-components/optional-icon-button/index.d.ts

@@ -0,0 +1,2 @@
+export type { OptionalIconButtonProps } from './optional-icon-button.types';
+export { OptionalIconButton } from './optional-icon-button';

package/dist/internal-components/optional-icon-button/index.js

@@ -0,0 +1,2 @@
+export { OptionalIconButton } from './optional-icon-button';
+//# sourceMappingURL=index.js.map

package/dist/internal-components/optional-icon-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/internal-components/optional-icon-button/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/internal-components/optional-icon-button/optional-icon-button.d.ts

@@ -0,0 +1,2 @@
+import { OptionalIconButtonProps } from './optional-icon-button.types';
+export declare const OptionalIconButton: (props: OptionalIconButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/internal-components/optional-icon-button/optional-icon-button.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button, IconButton } from '../../components';
+import { ConditionalWrapper } from '../conditional-wrapper';
+export const OptionalIconButton = (props) => {
+    const { name, children, ...buttonProps } = props;
+    const iconButtonProps = name ? { ...buttonProps, name } : undefined;
+    return (_jsx(ConditionalWrapper, { wrapper: iconButtonProps ? IconButton : undefined, wrapperProps: iconButtonProps, fallbackWrapper: { wrapper: Button, wrapperProps: buttonProps }, children: children }));
+};
+//# sourceMappingURL=optional-icon-button.js.map

package/dist/internal-components/optional-icon-button/optional-icon-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"optional-icon-button.js","sourceRoot":"","sources":["../../../src/internal-components/optional-icon-button/optional-icon-button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAG5D,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;IACpE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,GAAG,KAAK,CAAC;IAEjD,MAAM,eAAe,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAEpE,OAAO,CACN,KAAC,kBAAkB,IAClB,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EACjD,YAAY,EAAE,eAAe,EAC7B,eAAe,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,YAE9D,QAAQ,GACW,CACrB,CAAC;AACH,CAAC,CAAC"}

package/dist/internal-components/optional-icon-button/optional-icon-button.types.d.ts

@@ -0,0 +1,4 @@
+import { IconButtonProps } from '../../components';
+export type OptionalIconButtonProps = Omit<IconButtonProps, 'name'> & {
+    name?: IconButtonProps['name'];
+};

package/dist/internal-components/optional-icon-button/optional-icon-button.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=optional-icon-button.types.js.map

package/dist/internal-components/optional-icon-button/optional-icon-button.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"optional-icon-button.types.js","sourceRoot":"","sources":["../../../src/internal-components/optional-icon-button/optional-icon-button.types.ts"],"names":[],"mappings":""}

package/dist/styled-system/recipes/button.d.ts

@@ -6,7 +6,7 @@ interface ButtonVariant {
   /**
  * @default "primary"
  */
-color: "primary" | "secondary" | "tertiary" | "black" | "gray" | "success" | "error" | "info" | "text"
+color: "primary" | "secondary" | "tertiary" | "black" | "gray" | "success" | "error" | "info" | "text" | "neutral"
 /**
  * @default "md"
  */
@@ -19,6 +19,7 @@ fullWidth: boolean
  * @default false
  */
 disabled: boolean
+textVariant: boolean
 }
 
 type ButtonVariantMap = {

package/dist/styled-system/recipes/button.mjs

@@ -105,6 +105,115 @@ const buttonFn = /* @__PURE__ */ createRecipe('button', {
         "borderColor": "white"
       }
     }
+  },
+  {
+    "textVariant": true,
+    "disabled": true,
+    "css": {
+      "_hover": {
+        "textDecoration": "none"
+      }
+    }
+  },
+  {
+    "textVariant": true,
+    "color": "primary",
+    "css": {
+      "color": "primary.main",
+      "_hover": {
+        "color": "primary.main"
+      }
+    }
+  },
+  {
+    "textVariant": true,
+    "color": "secondary",
+    "css": {
+      "color": "secondary.main",
+      "_hover": {
+        "color": "secondary.main"
+      }
+    }
+  },
+  {
+    "textVariant": true,
+    "color": "tertiary",
+    "css": {
+      "color": "tertiary.main",
+      "_hover": {
+        "color": "tertiary.main"
+      }
+    }
+  },
+  {
+    "textVariant": true,
+    "color": "gray",
+    "css": {
+      "color": "gray.main",
+      "_hover": {
+        "color": "gray.main"
+      }
+    }
+  },
+  {
+    "textVariant": true,
+    "color": "success",
+    "css": {
+      "color": "success.main",
+      "_hover": {
+        "color": "success.main"
+      }
+    }
+  },
+  {
+    "textVariant": true,
+    "color": "error",
+    "css": {
+      "color": "error.main",
+      "_hover": {
+        "color": "error.main"
+      }
+    }
+  },
+  {
+    "textVariant": true,
+    "color": "info",
+    "css": {
+      "color": "info.main",
+      "_hover": {
+        "color": "info.main"
+      }
+    }
+  },
+  {
+    "textVariant": true,
+    "color": "neutral",
+    "css": {
+      "color": "text.standard",
+      "_hover": {
+        "color": "text.standard"
+      }
+    }
+  },
+  {
+    "textVariant": true,
+    "color": "black",
+    "css": {
+      "color": "black",
+      "_hover": {
+        "color": "black"
+      }
+    }
+  },
+  {
+    "textVariant": true,
+    "color": "text",
+    "css": {
+      "color": "text.standard",
+      "_hover": {
+        "color": "text.standard"
+      }
+    }
   }
 ])
 
@@ -118,7 +227,8 @@ const buttonVariantMap = {
     "success",
     "error",
     "info",
-    "text"
+    "text",
+    "neutral"
   ],
   "size": [
     "sm",
@@ -132,6 +242,9 @@ const buttonVariantMap = {
   "disabled": [
     "true",
     "false"
+  ],
+  "textVariant": [
+    "true"
   ]
 }