thread-ui 0.5.0 → 0.6.0

package/dist/components/ui/icon-button/icon-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../../src/components/ui/icon-button/icon-button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAGtF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,IAAI,EACX,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,IAAI,GACa,EAAE,EAAE;IACrB,MAAM,MAAM,GAAkB;QAC7B,UAAU,EAAE,GAAG,mBAAmB,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI;QAChD,QAAQ,EAAE,kBAAkB,CAAC,IAAI,CAAC;KAClC,CAAC;IACF,OAAO,CACN,MAAC,MAAM,IACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,aAElB,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,kBAAkB,CAAC,IAAI,CAAC,GAAI,EACnD,QAAQ,IAAI,cAAK,KAAK,EAAE,MAAM,YAAG,QAAQ,GAAO,IACzC,CACT,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../../src/components/ui/icon-button/icon-button.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACpD,MAAM,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,GAAG,KAAK,CAAC;IAC9D,OAAO,CACN,MAAC,MAAM,IAAC,IAAI,EAAE,IAAI,KAAM,WAAW,aAClC,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,kBAAkB,CAAC,IAAI,CAAC,GAAI,EACnD,QAAQ,IACD,CACT,CAAC;AACH,CAAC,CAAC"}

package/dist/components/ui/modal/components/modal-content.js

@@ -1,17 +1,17 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef } from 'react';
-import { useOutsideCloseClick } from '../../../../utils';
+import { useDismiss } from '../../../../hooks';
 import { css, cva } from '../../../../styled-system/css';
 import { IconButton } from '../../icon-button';
 import { H2, H3 } from '../../../../components/typography';
 import { useModalContext } from '../modal-context';
 export const ModalContent = () => {
     // Extract Properties from Context
-    const { children, size, title, footer, onClose, closeOnOverlayClick, open } = useModalContext();
+    const { children, size, title, footer, onClose, closeOnOverlayClick, closeOnEsc, open } = useModalContext();
     // Manage Modal Closure
     const modalContentRef = useRef(null);
-    useOutsideCloseClick(closeOnOverlayClick ?? true, modalContentRef, open, onClose);
+    useDismiss(modalContentRef, open, onClose, closeOnOverlayClick, closeOnEsc);
     const styles = {
         outline: cva({
             base: {

package/dist/components/ui/modal/components/modal-content.js.map

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

package/dist/components/ui/modal/modal.js

@@ -15,7 +15,7 @@ import { css } from '../../../styled-system/css';
  * </Modal>
  */
 export const Modal = (props) => {
-    const { open, portalTarget, preventScroll = true, placement = 'center' } = props;
+    const { open, portalTarget, preventScroll = true, placement = 'center', closeOnOverlayClick = true, closeOnEsc = true, } = props;
     useEffect(() => {
         if (open && preventScroll) {
             document.body.style.overflow = 'hidden';
@@ -38,7 +38,13 @@ export const Modal = (props) => {
     };
     if (open) {
         const target = portalTarget ?? document.body;
-        return createPortal(_jsx(ModalProvider, { value: props, children: _jsx("div", { className: styles.overlay, children: _jsx(ModalContent, {}) }) }), target);
+        return createPortal(_jsx(ModalProvider, { value: {
+                ...props,
+                placement,
+                closeOnOverlayClick,
+                closeOnEsc,
+                preventScroll,
+            }, children: _jsx("div", { className: styles.overlay, children: _jsx(ModalContent, {}) }) }), target);
     }
 };
 //# sourceMappingURL=modal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../../src/components/ui/modal/modal.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;IAC1C,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,aAAa,GAAG,IAAI,EAAE,SAAS,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEjF,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,IAAI,IAAI,aAAa,EAAE,CAAC;YAC3B,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzC,CAAC;QACD,OAAO,GAAG,EAAE;YACX,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAC;QACnC,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC;IAE1B,MAAM,MAAM,GAAG;QACd,OAAO,EAAE,GAAG,CAAC;YACZ,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,CAAC;YACR,UAAU,EAAE,oBAAoB;YAChC,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ;YACzD,cAAc,EAAE,QAAQ;YACxB,MAAM,EAAE,EAAE;YACV,UAAU,EAAE,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG;SAC5C,CAAC;KACF,CAAC;IAEF,IAAI,IAAI,EAAE,CAAC;QACV,MAAM,MAAM,GAAG,YAAY,IAAI,QAAQ,CAAC,IAAI,CAAC;QAE7C,OAAO,YAAY,CAClB,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,YAC1B,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,YAC7B,KAAC,YAAY,KAAG,GACX,GACS,EAChB,MAAM,CACN,CAAC;IACH,CAAC;AACF,CAAC,CAAC"}
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../../src/components/ui/modal/modal.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;IAC1C,MAAM,EACL,IAAI,EACJ,YAAY,EACZ,aAAa,GAAG,IAAI,EACpB,SAAS,GAAG,QAAQ,EACpB,mBAAmB,GAAG,IAAI,EAC1B,UAAU,GAAG,IAAI,GACjB,GAAG,KAAK,CAAC;IAEV,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,IAAI,IAAI,aAAa,EAAE,CAAC;YAC3B,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzC,CAAC;QACD,OAAO,GAAG,EAAE;YACX,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAC;QACnC,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC;IAE1B,MAAM,MAAM,GAAG;QACd,OAAO,EAAE,GAAG,CAAC;YACZ,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,CAAC;YACR,UAAU,EAAE,oBAAoB;YAChC,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ;YACzD,cAAc,EAAE,QAAQ;YACxB,MAAM,EAAE,EAAE;YACV,UAAU,EAAE,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG;SAC5C,CAAC;KACF,CAAC;IAEF,IAAI,IAAI,EAAE,CAAC;QACV,MAAM,MAAM,GAAG,YAAY,IAAI,QAAQ,CAAC,IAAI,CAAC;QAE7C,OAAO,YAAY,CAClB,KAAC,aAAa,IACb,KAAK,EAAE;gBACN,GAAG,KAAK;gBACR,SAAS;gBACT,mBAAmB;gBACnB,UAAU;gBACV,aAAa;aACb,YAED,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,YAC7B,KAAC,YAAY,KAAG,GACX,GACS,EAChB,MAAM,CACN,CAAC;IACH,CAAC;AACF,CAAC,CAAC"}

package/dist/components/ui/modal/modal.types.d.ts

@@ -18,6 +18,8 @@ export type ModalProps = {
     placement?: 'center' | 'top';
     /** Close the modal when the overlay is clicked @default `true` */
     closeOnOverlayClick?: boolean;
+    /** Close the modal when the Escape key is pressed @default `true` */
+    closeOnEsc?: boolean;
     /** Prevents body scroll while the modal is open @default `true` */
     preventScroll?: boolean;
     /** DOM element to portal the modal into. Defaults to `document.body` */

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"
   ]
 }