thread-ui 0.1.1 → 0.1.3

package/dist/components/button/base-button/base-button.d.ts

@@ -0,0 +1,3 @@
+import { BaseButtonProps } from './base-button.types';
+export declare const BaseButton: ({ children, fullWidth, color, onClick, type, margin, disabled, onHoverStateChange, }: BaseButtonProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=base-button.d.ts.map

package/dist/components/button/base-button/base-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/base-button/base-button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,eAAO,MAAM,UAAU,yFASpB,eAAe,4CAiDjB,CAAC"}

package/dist/components/button/base-button/base-button.js

@@ -0,0 +1,40 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { getUtilityColorValue, useTheme } from '../../../utils';
+export const BaseButton = ({ children, fullWidth, color = 'primary', onClick, type = 'button', margin, disabled = false, onHoverStateChange, }) => {
+    const { theme } = useTheme();
+    const [isHovered, setIsHovered] = useState(false);
+    const colorValue = getUtilityColorValue(color);
+    const buttonStyles = {
+        padding: `${theme.space * 2}px`,
+        width: fullWidth ? '100%' : 'fit-content',
+        transition: 'background-color 0.2s ease',
+        border: `${theme.border.size.md}px ${colorValue} solid`,
+        borderRadius: `${theme.border.radius.md}px`,
+        color: theme.colors.white,
+        backgroundColor: colorValue,
+        margin: margin ?? 'auto',
+        display: 'flex',
+        flexDirection: 'row',
+        gap: theme.space,
+        justifyContent: 'center',
+        alignItems: 'center',
+        cursor: 'pointer',
+        userSelect: 'none',
+        opacity: disabled ? 0.6 : 1,
+    };
+    const hoverButton = {
+        ...buttonStyles,
+        backgroundColor: disabled ? colorValue : theme.colors.white,
+        color: disabled ? theme.colors.white : colorValue,
+    };
+    const handleHover = (hovered) => {
+        if (!disabled) {
+            setIsHovered(hovered);
+            onHoverStateChange?.(hovered);
+        }
+    };
+    return (_jsx("button", { type: type, style: isHovered ? hoverButton : buttonStyles, onMouseEnter: () => handleHover(true), onMouseLeave: () => handleHover(false), onClick: disabled ? undefined : onClick, children: children }));
+};
+//# sourceMappingURL=base-button.js.map

package/dist/components/button/base-button/base-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-button.js","sourceRoot":"","sources":["../../../../src/components/button/base-button/base-button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAiB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAEhE,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,SAAS,EACjB,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,kBAAkB,GACD,EAAE,EAAE;IACrB,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,UAAU,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAE/C,MAAM,YAAY,GAAkB;QACnC,OAAO,EAAE,GAAG,KAAK,CAAC,KAAK,GAAG,CAAC,IAAI;QAC/B,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa;QACzC,UAAU,EAAE,4BAA4B;QACxC,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,MAAM,UAAU,QAAQ;QACvD,YAAY,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI;QAC3C,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;QACzB,eAAe,EAAE,UAAU;QAC3B,MAAM,EAAE,MAAM,IAAI,MAAM;QACxB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,GAAG,EAAE,KAAK,CAAC,KAAK;QAChB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;KAC3B,CAAC;IAEF,MAAM,WAAW,GAAkB;QAClC,GAAG,YAAY;QACf,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;QAC3D,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU;KACjD,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,OAAgB,EAAE,EAAE;QACxC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACf,YAAY,CAAC,OAAO,CAAC,CAAC;YACtB,kBAAkB,EAAE,CAAC,OAAO,CAAC,CAAC;QAC/B,CAAC;IACF,CAAC,CAAC;IAEF,OAAO,CACN,iBACC,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,EAC7C,YAAY,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,EACrC,YAAY,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EACtC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,YAEtC,QAAQ,GACD,CACT,CAAC;AACH,CAAC,CAAC"}

package/dist/components/button/base-button/base-button.types.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { UtilityColorOptions } from '../../../types';
+export type RootButtonProps = {
+    fullWidth?: boolean;
+    color?: UtilityColorOptions;
+    type?: 'button' | 'submit' | 'reset';
+    onClick?: () => void;
+    margin?: string;
+    disabled?: boolean;
+};
+export type BaseButtonProps = RootButtonProps & {
+    children?: ReactNode;
+    onHoverStateChange?: (isHovered: boolean) => void;
+};
+//# sourceMappingURL=base-button.types.d.ts.map

package/dist/components/button/base-button/base-button.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-button.types.d.ts","sourceRoot":"","sources":["../../../../src/components/button/base-button/base-button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAGrD,MAAM,MAAM,eAAe,GAAG;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAGF,MAAM,MAAM,eAAe,GAAG,eAAe,GAAG;IAC/C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kBAAkB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAClD,CAAC"}

package/dist/components/button/base-button/base-button.types.js

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

package/dist/components/button/base-button/base-button.types.js.map

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

package/dist/components/button/button.d.ts

@@ -1,3 +1,3 @@
 import { ButtonProps } from './button.types';
-export declare const Button: ({ children, fullWidth, color, onClick, type, margin }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Button: ({ children, fullWidth, color, onClick, type, margin, disabled, }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,eAAO,MAAM,MAAM,0DAAkF,WAAW,4CAuC/G,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,eAAO,MAAM,MAAM,qEAQhB,WAAW,4CAMb,CAAC"}

package/dist/components/button/button.js

@@ -1,31 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-import { getUtilityColorValue, useTheme } from '../../utils';
-export const Button = ({ children, fullWidth, color = 'primary', onClick, type = 'button', margin }) => {
-    const { theme } = useTheme();
-    const [isHovered, setIsHovered] = useState(false);
-    const colorValue = getUtilityColorValue(color);
-    const buttonStyles = {
-        padding: `${theme.space * 2}px`,
-        width: fullWidth ? '100%' : 'fit-content',
-        transition: 'background-color 0.2s ease',
-        border: `${theme.border.size.md}px ${colorValue} solid`,
-        borderRadius: `${theme.border.radius.md}px`,
-        color: theme.colors.white,
-        backgroundColor: colorValue,
-        margin: margin ?? 'auto',
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-        cursor: 'pointer',
-        userSelect: 'none',
-    };
-    const hoverButton = {
-        ...buttonStyles,
-        backgroundColor: theme.colors.white,
-        color: colorValue,
-    };
-    return (_jsx("button", { type: type, style: isHovered ? hoverButton : buttonStyles, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), onClick: onClick, children: children }));
+import { BaseButton } from './base-button/base-button';
+export const Button = ({ children, fullWidth, color = 'primary', onClick, type = 'button', margin, disabled = false, }) => {
+    return (_jsx(BaseButton, { fullWidth: fullWidth, color: color, onClick: onClick, type: type, margin: margin, disabled: disabled, children: children }));
 };
 //# sourceMappingURL=button.js.map

package/dist/components/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAiB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAG7D,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,GAAG,SAAS,EAAE,OAAO,EAAE,IAAI,GAAG,QAAQ,EAAE,MAAM,EAAe,EAAE,EAAE;IACnH,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,UAAU,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAE/C,MAAM,YAAY,GAAkB;QACnC,OAAO,EAAE,GAAG,KAAK,CAAC,KAAK,GAAG,CAAC,IAAI;QAC/B,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa;QACzC,UAAU,EAAE,4BAA4B;QACxC,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,MAAM,UAAU,QAAQ;QACvD,YAAY,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI;QAC3C,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;QACzB,eAAe,EAAE,UAAU;QAC3B,MAAM,EAAE,MAAM,IAAI,MAAM;QACxB,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,MAAM;KAClB,CAAC;IAEF,MAAM,WAAW,GAAkB;QAClC,GAAG,YAAY;QACf,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;QACnC,KAAK,EAAE,UAAU;KACjB,CAAC;IAEF,OAAO,CACN,iBACC,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,EAC7C,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACtC,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EACvC,OAAO,EAAE,OAAO,YAEf,QAAQ,GACD,CACT,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,SAAS,EACjB,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,MAAM,EACN,QAAQ,GAAG,KAAK,GACH,EAAE,EAAE;IACjB,OAAO,CACN,KAAC,UAAU,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,YAC9G,QAAQ,GACG,CACb,CAAC;AACH,CAAC,CAAC"}

package/dist/components/button/button.types.d.ts

@@ -1,10 +1,6 @@
 import { ReactNode } from 'react';
-export type ButtonProps = {
+import { RootButtonProps } from './base-button/base-button.types';
+export type ButtonProps = RootButtonProps & {
     children: ReactNode;
-    fullWidth?: boolean;
-    color?: 'primary' | 'secondary' | 'tertiary' | 'black' | 'grey' | 'success' | 'error' | 'info';
-    type?: 'button' | 'submit' | 'reset';
-    onClick?: () => void;
-    margin?: string;
 };
 //# sourceMappingURL=button.types.d.ts.map

package/dist/components/button/button.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.types.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,WAAW,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IAC/F,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC"}
+{"version":3,"file":"button.types.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAGlE,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG;IAC3C,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC"}

package/dist/components/icon/icon.d.ts

@@ -1,4 +1,13 @@
 import React from 'react';
 import { IconProps } from './icon.types';
+/**
+ * Standard Icon Component from Phosphor
+ * @param name Icon Name from Phosphor Icons
+ * @param color Icon Color
+ * @param size Icon Size [8 | 12 | 16 | 24 | 32 | 48 | 64]
+ * @param weight Icon Weight ['light' | 'regular' | 'bold']
+ * @param filled Icon Fill
+ * @returns ReactNode Icon
+ */
 export declare const Icon: React.FC<IconProps>;
 //# sourceMappingURL=icon.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzC,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAWpC,CAAC"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzC;;;;;;;;GAQG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAUpC,CAAC"}

package/dist/components/icon/icon.js

@@ -1,9 +1,17 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as PhosphorIcons from '@phosphor-icons/react';
-import { getUtilityColorValue, useTheme } from '../../utils';
+import { getUtilityColorValue } from '../../utils';
+/**
+ * Standard Icon Component from Phosphor
+ * @param name Icon Name from Phosphor Icons
+ * @param color Icon Color
+ * @param size Icon Size [8 | 12 | 16 | 24 | 32 | 48 | 64]
+ * @param weight Icon Weight ['light' | 'regular' | 'bold']
+ * @param filled Icon Fill
+ * @returns ReactNode Icon
+ */
 export const Icon = ({ name, color, size = 24, weight = 'regular', filled = false }) => {
-    const { theme } = useTheme();
     const IconComponent = PhosphorIcons[name];
     const colorValue = getUtilityColorValue(color);
     return _jsx(IconComponent, { color: colorValue, size: size, weight: filled ? 'fill' : weight });

package/dist/components/icon/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/components/icon/icon.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,aAAa,MAAM,uBAAuB,CAAC;AAGvD,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE7D,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,GAAG,KAAK,EAAE,EAAE,EAAE;IAC3G,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,aAAa,GAAG,aAAa,CAAC,IAAI,CAItC,CAAC;IAEH,MAAM,UAAU,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAE/C,OAAO,KAAC,aAAa,IAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,GAAI,CAAC;AAC3F,CAAC,CAAC"}
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/components/icon/icon.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,aAAa,MAAM,uBAAuB,CAAC;AAGvD,OAAO,EAAE,oBAAoB,EAAY,MAAM,aAAa,CAAC;AAE7D;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,GAAG,KAAK,EAAE,EAAE,EAAE;IAC3G,MAAM,aAAa,GAAG,aAAa,CAAC,IAAI,CAItC,CAAC;IAEH,MAAM,UAAU,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAE/C,OAAO,KAAC,aAAa,IAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,GAAI,CAAC;AAC3F,CAAC,CAAC"}

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

@@ -0,0 +1,3 @@
+import { IconButtonProps } from './icon-button.types';
+export declare const IconButton: ({ children, fullWidth, color, onClick, type, margin, disabled, name, }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=icon-button.d.ts.map

package/dist/components/icon-button/icon-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/icon-button.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,eAAO,MAAM,UAAU,2EASpB,eAAe,4CAiBjB,CAAC"}

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

@@ -0,0 +1,10 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { BaseButton } from '../button/base-button/base-button';
+import { Icon } from '../icon/icon';
+export const IconButton = ({ children, fullWidth, color = 'primary', onClick, type = 'button', margin, disabled = false, name, }) => {
+    const [isHovered, setIsHovered] = useState(false);
+    return (_jsxs(BaseButton, { fullWidth: fullWidth, color: color, onClick: onClick, type: type, margin: margin, disabled: disabled, onHoverStateChange: setIsHovered, children: [_jsx(Icon, { color: isHovered ? color : 'text', name: name, size: 24 }), children] }));
+};
+//# sourceMappingURL=icon-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../src/components/icon-button/icon-button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAiB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,SAAS,EACjB,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,IAAI,GACa,EAAE,EAAE;IACrB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,OAAO,CACN,MAAC,UAAU,IACV,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,YAAY,aAEhC,KAAC,IAAI,IAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,GAAI,EAChE,QAAQ,IACG,CACb,CAAC;AACH,CAAC,CAAC"}

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

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { RootButtonProps } from '../button/base-button/base-button.types';
+import { IconNames } from '../icon/icon.types';
+export type IconButtonProps = RootButtonProps & {
+    name: IconNames;
+    children?: ReactNode;
+};
+//# sourceMappingURL=icon-button.types.d.ts.map

package/dist/components/icon-button/icon-button.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.types.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/icon-button.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG/C,MAAM,MAAM,eAAe,GAAG,eAAe,GAAG;IAC/C,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC"}

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

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

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

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

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

@@ -0,0 +1,3 @@
+export { IconButtonProps } from './icon-button.types';
+export { IconButton } from './icon-button';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/icon-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

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

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

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

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

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

@@ -0,0 +1,4 @@
+export { ToggleProps } from './toggle.types';
+export { Toggle } from './toggle';
+export { ModeToggle } from './mode-toggle/mode-toggle';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/components/toggle/index.js

@@ -0,0 +1,3 @@
+export { Toggle } from './toggle';
+export { ModeToggle } from './mode-toggle/mode-toggle';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/toggle/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/components/toggle/mode-toggle/mode-toggle.d.ts

@@ -0,0 +1,2 @@
+export declare const ModeToggle: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mode-toggle.d.ts.map

package/dist/components/toggle/mode-toggle/mode-toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mode-toggle.d.ts","sourceRoot":"","sources":["../../../../src/components/toggle/mode-toggle/mode-toggle.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,+CAItB,CAAC"}

package/dist/components/toggle/mode-toggle/mode-toggle.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import Toggle from '../toggle';
+import { useThemeMode } from '../../../utils';
+export const ModeToggle = () => {
+    const [mode, setMode] = useThemeMode();
+    return _jsx(Toggle, { isOn: mode === 'dark', onToggle: () => setMode(mode === 'light' ? 'dark' : 'light'), color: "primary" });
+};
+//# sourceMappingURL=mode-toggle.js.map

package/dist/components/toggle/mode-toggle/mode-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mode-toggle.js","sourceRoot":"","sources":["../../../../src/components/toggle/mode-toggle/mode-toggle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE;IAC9B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,YAAY,EAAE,CAAC;IAEvC,OAAO,KAAC,MAAM,IAAC,IAAI,EAAE,IAAI,KAAK,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,KAAK,EAAC,SAAS,GAAG,CAAC;AACxH,CAAC,CAAC"}

package/dist/components/toggle/toggle.d.ts

@@ -0,0 +1,4 @@
+import { ToggleProps } from './toggle.types';
+export declare const Toggle: ({ isOn, onToggle, color }: ToggleProps) => import("react/jsx-runtime").JSX.Element;
+export default Toggle;
+//# sourceMappingURL=toggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../src/components/toggle/toggle.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,eAAO,MAAM,MAAM,8BAA2C,WAAW,4CAiExE,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/toggle/toggle.js

@@ -0,0 +1,57 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getUtilityColorValue, useTheme } from '../../utils';
+export const Toggle = ({ isOn, onToggle, color = 'success' }) => {
+    const { theme } = useTheme();
+    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: theme.colors.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 : {}),
+                } })] }));
+};
+export default Toggle;
+//# sourceMappingURL=toggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.js","sourceRoot":"","sources":["../../../src/components/toggle/toggle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAG7D,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,GAAG,SAAS,EAAe,EAAE,EAAE;IAC5E,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAE7B,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,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI;SACvC;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;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/toggle/toggle.types.d.ts

@@ -0,0 +1,7 @@
+import { UtilityColorOptions } from '../../types';
+export type ToggleProps = {
+    isOn: boolean;
+    onToggle: () => void;
+    color?: UtilityColorOptions;
+};
+//# sourceMappingURL=toggle.types.d.ts.map

package/dist/components/toggle/toggle.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.types.d.ts","sourceRoot":"","sources":["../../../src/components/toggle/toggle.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,MAAM,WAAW,GAAG;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,mBAAmB,CAAC;CAC5B,CAAC"}

package/dist/components/toggle/toggle.types.js

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

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

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

package/dist/defaults/theme/default-theme.js

@@ -55,7 +55,7 @@ export const DEFAULT_THEME = {
             // Text
             text: {
                 primary: '#18181b',
-                secondary: '#18181b',
+                secondary: '#fafafa',
                 disabled: '#71717a',
             },
         },

package/dist/index.d.ts

@@ -6,6 +6,8 @@ export * from './components/masonry-layout';
 export * from './components/column-layout';
 export * from './components/button';
 export * from './components/icon';
+export * from './components/icon-button';
+export * from './components/toggle';
 export * from './types';
-export { createTheme, createAppliedTheme, ThemeProvider } from './utils';
+export { createTheme, createAppliedTheme, ThemeProvider, useTheme } from './utils';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,qBAAqB,CAAC;AAI7B,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,SAAS,CAAC;AAGxB,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,qBAAqB,CAAC;AAG7B,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,SAAS,CAAC;AAGxB,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC"}

package/dist/index.js

@@ -1,6 +1,5 @@
 // Import Tailwind Styles
 import './styles/thread.css';
-console.log('root index loaded');
 // Export Components
 export * from './components/info-card';
 export * from './components/nav-menu';
@@ -9,8 +8,10 @@ export * from './components/masonry-layout';
 export * from './components/column-layout';
 export * from './components/button';
 export * from './components/icon';
+export * from './components/icon-button';
+export * from './components/toggle';
 // Export Types
 export * from './types';
 // Export Utility Functions
-export { createTheme, createAppliedTheme, ThemeProvider } from './utils';
+export { createTheme, createAppliedTheme, ThemeProvider, useTheme } from './utils';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,yBAAyB;AACzB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;AAEjC,oBAAoB;AACpB,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAElC,eAAe;AACf,cAAc,SAAS,CAAC;AAExB,2BAA2B;AAC3B,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,yBAAyB;AACzB,OAAO,qBAAqB,CAAC;AAE7B,oBAAoB;AACpB,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AAEpC,eAAe;AACf,cAAc,SAAS,CAAC;AAExB,2BAA2B;AAC3B,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC"}

package/dist/styles/thread.css

@@ -547,6 +547,9 @@ thread-[hidden]:where(:not([hidden="until-found"])) {
 .thread-h-1\/6 {
   height: 16.666667%;
 }
+.thread-h-16 {
+  height: 4rem;
+}
 .thread-h-5\/6 {
   height: 83.333333%;
 }
@@ -565,6 +568,9 @@ thread-[hidden]:where(:not([hidden="until-found"])) {
 .thread-min-h-full {
   min-height: 100%;
 }
+.thread-w-2\/4 {
+  width: 50%;
+}
 .thread-w-\[391px\] {
   width: 391px;
 }
@@ -615,6 +621,11 @@ thread-[hidden]:where(:not([hidden="until-found"])) {
   -moz-column-gap: 0.5rem;
        column-gap: 0.5rem;
 }
+.thread-space-y-4 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
+}
 .thread-overflow-hidden {
   overflow: hidden;
 }
@@ -638,6 +649,9 @@ thread-[hidden]:where(:not([hidden="until-found"])) {
 .thread-p-2 {
   padding: 0.5rem;
 }
+.thread-p-4 {
+  padding: 1rem;
+}
 .thread-py-10 {
   padding-top: 2.5rem;
   padding-bottom: 2.5rem;

package/dist/types/colors/utility-color-options.types.d.ts

@@ -1,2 +1,2 @@
-export type UtilityColorOptions = 'primary' | 'secondary' | 'tertiary' | 'black' | 'grey' | 'success' | 'error' | 'info';
+export type UtilityColorOptions = 'primary' | 'secondary' | 'tertiary' | 'black' | 'grey' | 'success' | 'error' | 'info' | 'text';
 //# sourceMappingURL=utility-color-options.types.d.ts.map

package/dist/types/colors/utility-color-options.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utility-color-options.types.d.ts","sourceRoot":"","sources":["../../../src/types/colors/utility-color-options.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC"}
+{"version":3,"file":"utility-color-options.types.d.ts","sourceRoot":"","sources":["../../../src/types/colors/utility-color-options.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC"}

package/dist/types/index.d.ts

@@ -1,4 +1,5 @@
 export { UtilityColorOptions } from './colors/utility-color-options.types';
 export { Theme, AppliedTheme, ThemeMode, ThemeContextType } from './theme/theme.types';
 export { ImageProps } from './image/image.types';
+export { UtilitySizes } from './theme/size/themeSizes.types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAE3E,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAGvF,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAE3E,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAGvF,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGjD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/types/theme/size/themeSizes.types.d.ts

@@ -1,3 +1,4 @@
+export type UtilitySizes = 'sm' | 'md' | 'lg';
 export type ThemeSizes = {
     sm: number;
     md: number;

package/dist/types/theme/size/themeSizes.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"themeSizes.types.d.ts","sourceRoot":"","sources":["../../../../src/types/theme/size/themeSizes.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;CACZ,CAAC"}
+{"version":3,"file":"themeSizes.types.d.ts","sourceRoot":"","sources":["../../../../src/types/theme/size/themeSizes.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,MAAM,MAAM,UAAU,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;CACZ,CAAC"}

package/dist/utils/get-utility-color/get-utility-color-value.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-utility-color-value.d.ts","sourceRoot":"","sources":["../../../src/utils/get-utility-color/get-utility-color-value.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAGlD,eAAO,MAAM,oBAAoB,UAAW,mBAAmB,KAAG,MAsBjE,CAAC"}
+{"version":3,"file":"get-utility-color-value.d.ts","sourceRoot":"","sources":["../../../src/utils/get-utility-color/get-utility-color-value.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAGlD,eAAO,MAAM,oBAAoB,UAAW,mBAAmB,KAAG,MAwBjE,CAAC"}

package/dist/utils/get-utility-color/get-utility-color-value.js

@@ -19,6 +19,8 @@ export const getUtilityColorValue = (color) => {
             return theme.colors.error.main;
         case 'info':
             return theme.colors.info.main;
+        case 'text':
+            return theme.colors.text.secondary;
         default:
             return theme.colors.primary.main;
     }

package/dist/utils/get-utility-color/get-utility-color-value.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-utility-color-value.js","sourceRoot":"","sources":["../../../src/utils/get-utility-color/get-utility-color-value.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAA0B,EAAU,EAAE;IAC1E,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,QAAQ,KAAK,EAAE,CAAC;QACf,KAAK,SAAS;YACb,OAAO,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;QAClC,KAAK,WAAW;YACf,OAAO,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC;QACpC,KAAK,UAAU;YACd,OAAO,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;QACnC,KAAK,OAAO;YACX,OAAO,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QAC3B,KAAK,MAAM;YACV,OAAO,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;QAC/B,KAAK,SAAS;YACb,OAAO,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;QAClC,KAAK,OAAO;YACX,OAAO,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;QAChC,KAAK,MAAM;YACV,OAAO,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;QAC/B;YACC,OAAO,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;IACnC,CAAC;AACF,CAAC,CAAC"}
+{"version":3,"file":"get-utility-color-value.js","sourceRoot":"","sources":["../../../src/utils/get-utility-color/get-utility-color-value.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAA0B,EAAU,EAAE;IAC1E,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,QAAQ,KAAK,EAAE,CAAC;QACf,KAAK,SAAS;YACb,OAAO,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;QAClC,KAAK,WAAW;YACf,OAAO,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC;QACpC,KAAK,UAAU;YACd,OAAO,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;QACnC,KAAK,OAAO;YACX,OAAO,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QAC3B,KAAK,MAAM;YACV,OAAO,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;QAC/B,KAAK,SAAS;YACb,OAAO,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;QAClC,KAAK,OAAO;YACX,OAAO,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;QAChC,KAAK,MAAM;YACV,OAAO,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;QAC/B,KAAK,MAAM;YACV,OAAO,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC;QACpC;YACC,OAAO,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;IACnC,CAAC;AACF,CAAC,CAAC"}

package/dist/utils/get-utility-size/get-utility-size-value.d.ts

@@ -0,0 +1,3 @@
+import { UtilitySizes } from '../../types';
+export declare const getUtilitySizeValue: (size: UtilitySizes) => 12 | 24 | 64;
+//# sourceMappingURL=get-utility-size-value.d.ts.map

package/dist/utils/get-utility-size/get-utility-size-value.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-utility-size-value.d.ts","sourceRoot":"","sources":["../../../src/utils/get-utility-size/get-utility-size-value.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,eAAO,MAAM,mBAAmB,SAAU,YAAY,KAAG,EAAE,GAAG,EAAE,GAAG,EAWlE,CAAC"}

package/dist/utils/get-utility-size/get-utility-size-value.js

@@ -0,0 +1,14 @@
+'use client';
+export const getUtilitySizeValue = (size) => {
+    switch (size) {
+        case 'sm':
+            return 12;
+        case 'md':
+            return 24;
+        case 'lg':
+            return 64;
+        default:
+            return 24;
+    }
+};
+//# sourceMappingURL=get-utility-size-value.js.map

package/dist/utils/get-utility-size/get-utility-size-value.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-utility-size-value.js","sourceRoot":"","sources":["../../../src/utils/get-utility-size/get-utility-size-value.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAIb,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,IAAkB,EAAgB,EAAE;IACvE,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"}

package/dist/utils/index.d.ts

@@ -1,5 +1,6 @@
 export { useResponsiveStyles } from './responsive/responsive-styles';
 export { getUtilityColorValue } from './get-utility-color/get-utility-color-value';
+export { getUtilitySizeValue } from './get-utility-size/get-utility-size-value';
 export { ThemeProvider, useTheme, useThemeMode } from './theme/use-theme';
 export { createTheme, createAppliedTheme } from './theme/create-theme';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AACnF,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1E,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AACnF,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1E,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/utils/index.js

@@ -1,7 +1,6 @@
-console.log('utils/index loaded');
-// export { useTheme } from './theme/use-theme';
 export { useResponsiveStyles } from './responsive/responsive-styles';
 export { getUtilityColorValue } from './get-utility-color/get-utility-color-value';
+export { getUtilitySizeValue } from './get-utility-size/get-utility-size-value';
 export { ThemeProvider, useTheme, useThemeMode } from './theme/use-theme';
 export { createTheme, createAppliedTheme } from './theme/create-theme';
 //# 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,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;AAElC,gDAAgD;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AACnF,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1E,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AACnF,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1E,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/utils/theme/create-theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-theme.d.ts","sourceRoot":"","sources":["../../../src/utils/theme/create-theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAa,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGlE,wBAAgB,WAAW,CAAC,UAAU,EAAE,WAAW,CAAC,KAAK,CAAC,GAAG,KAAK,CAKjE;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,YAAY,CAUrF"}
+{"version":3,"file":"create-theme.d.ts","sourceRoot":"","sources":["../../../src/utils/theme/create-theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAa,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGlE,wBAAgB,WAAW,CAAC,UAAU,EAAE,WAAW,CAAC,KAAK,CAAC,GAAG,KAAK,CAGjE;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,YAAY,CASrF"}

package/dist/utils/theme/create-theme.js

@@ -2,13 +2,10 @@ import { DEFAULT_THEME } from '../../defaults';
 import { deepMerge } from '../deep-merge/deep-merge';
 // Create Theme Functions for SSR
 export function createTheme(userConfig) {
-    console.log('createTheme called with:', userConfig);
     const newTheme = deepMerge(DEFAULT_THEME, userConfig);
-    console.log('Created theme:', newTheme);
     return newTheme;
 }
 export function createAppliedTheme(theme, mode) {
-    console.log('createAppliedTheme called with theme:', theme, 'mode:', mode);
     return {
         border: theme.border,
         space: theme.space,

package/dist/utils/theme/create-theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-theme.js","sourceRoot":"","sources":["../../../src/utils/theme/create-theme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAe,MAAM,0BAA0B,CAAC;AAElE,iCAAiC;AACjC,MAAM,UAAU,WAAW,CAAC,UAA8B;IACzD,OAAO,CAAC,GAAG,CAAC,0BAA0B,EAAE,UAAU,CAAC,CAAC;IACpD,MAAM,QAAQ,GAAG,SAAS,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;IACtD,OAAO,CAAC,GAAG,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC;IACxC,OAAO,QAAQ,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,KAAY,EAAE,IAAsB;IACtE,OAAO,CAAC,GAAG,CAAC,uCAAuC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;IAC3E,OAAO;QACN,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,MAAM,EAAE;YACP,GAAG,KAAK,CAAC,MAAM;YACf,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;SACrB;KACD,CAAC;AACH,CAAC"}
+{"version":3,"file":"create-theme.js","sourceRoot":"","sources":["../../../src/utils/theme/create-theme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAe,MAAM,0BAA0B,CAAC;AAElE,iCAAiC;AACjC,MAAM,UAAU,WAAW,CAAC,UAA8B;IACzD,MAAM,QAAQ,GAAG,SAAS,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;IACtD,OAAO,QAAQ,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,KAAY,EAAE,IAAsB;IACtE,OAAO;QACN,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,MAAM,EAAE;YACP,GAAG,KAAK,CAAC,MAAM;YACf,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;SACrB;KACD,CAAC;AACH,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "thread-ui",
-	"version": "0.1.1",
+	"version": "0.1.3",
 	"description": "UI Library for React Applications.",
 	"main": "dist/index.js",
 	"module": "dist/index.js",
@@ -14,16 +14,16 @@
 	},
 	"sideEffects": false,
 	"scripts": {
+		"clean": "rm -rf dist",
 		"build": "tsc && npm run build-css",
 		"build-css": "npx postcss src/styles/styles.css -o dist/styles/thread.css",
-		"clean": "rm -rf dist",
-		"prebuild": "npm run clean",
-		"pack-to-dist": "npm pack && mkdir -p dist && mv thread-ui-*.tgz dist/",
-		"test": "jest",
 		"build-tailwind": "npx tailwindcss -i ./src/styles/styles.css -o ./src/styles/thread.css --watch",
-		"weave": "npm run clean && npm run build && npm run pack-to-dist",
-		"build-storybook": "storybook build",
-		"storybook": "concurrently \"npm run build-tailwind\" \"storybook dev -p 6006\""
+		"pack": "npm pack",
+		"pack-dev": "npm run prepare-publish && npm pack && mkdir -p dist && mv thread-ui-*.tgz dist/",
+		"test": "jest",
+		"storybook": "concurrently \"npm run build-tailwind\" \"storybook dev -p 6006\"",
+		"storybook:build": "storybook build",
+		"prepare-publish": "npm run clean && npm run build"
 	},
 	"files": [
 		"dist",