thread-ui 0.1.7 → 0.1.9

package/dist/styled-system/tokens/tokens.d.ts

@@ -31,7 +31,7 @@ export type SizeToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9
 
 export type AnimationToken = "spin" | "ping" | "pulse" | "bounce"
 
-export type ColorToken = "current" | "transparent" | "rose.50" | "rose.100" | "rose.200" | "rose.300" | "rose.400" | "rose.500" | "rose.600" | "rose.700" | "rose.800" | "rose.900" | "rose.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "fuchsia.50" | "fuchsia.100" | "fuchsia.200" | "fuchsia.300" | "fuchsia.400" | "fuchsia.500" | "fuchsia.600" | "fuchsia.700" | "fuchsia.800" | "fuchsia.900" | "fuchsia.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "violet.50" | "violet.100" | "violet.200" | "violet.300" | "violet.400" | "violet.500" | "violet.600" | "violet.700" | "violet.800" | "violet.900" | "violet.950" | "indigo.50" | "indigo.100" | "indigo.200" | "indigo.300" | "indigo.400" | "indigo.500" | "indigo.600" | "indigo.700" | "indigo.800" | "indigo.900" | "indigo.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "sky.50" | "sky.100" | "sky.200" | "sky.300" | "sky.400" | "sky.500" | "sky.600" | "sky.700" | "sky.800" | "sky.900" | "sky.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "emerald.50" | "emerald.100" | "emerald.200" | "emerald.300" | "emerald.400" | "emerald.500" | "emerald.600" | "emerald.700" | "emerald.800" | "emerald.900" | "emerald.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "lime.50" | "lime.100" | "lime.200" | "lime.300" | "lime.400" | "lime.500" | "lime.600" | "lime.700" | "lime.800" | "lime.900" | "lime.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | "amber.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "neutral.50" | "neutral.100" | "neutral.200" | "neutral.300" | "neutral.400" | "neutral.500" | "neutral.600" | "neutral.700" | "neutral.800" | "neutral.900" | "neutral.950" | "stone.50" | "stone.100" | "stone.200" | "stone.300" | "stone.400" | "stone.500" | "stone.600" | "stone.700" | "stone.800" | "stone.900" | "stone.950" | "zinc.50" | "zinc.100" | "zinc.200" | "zinc.300" | "zinc.400" | "zinc.500" | "zinc.600" | "zinc.700" | "zinc.800" | "zinc.900" | "zinc.950" | "slate.50" | "slate.100" | "slate.200" | "slate.300" | "slate.400" | "slate.500" | "slate.600" | "slate.700" | "slate.800" | "slate.900" | "slate.950" | "primary.light" | "primary.main" | "primary.dark" | "secondary.light" | "secondary.main" | "secondary.dark" | "tertiary.light" | "tertiary.main" | "tertiary.dark" | "white" | "black" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "gray.light" | "gray.main" | "gray.dark" | "success.light" | "success.main" | "success.dark" | "warning.light" | "warning.main" | "warning.dark" | "error.light" | "error.main" | "error.dark" | "info.light" | "info.main" | "info.dark" | "background" | "surface" | "elevated" | "structure" | "text.standard" | "text.secondary" | "text.disabled" | "text.accent" | "colorPalette" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950" | "colorPalette.light" | "colorPalette.main" | "colorPalette.dark" | "colorPalette.standard" | "colorPalette.secondary" | "colorPalette.disabled" | "colorPalette.accent"
+export type ColorToken = "current" | "transparent" | "rose.50" | "rose.100" | "rose.200" | "rose.300" | "rose.400" | "rose.500" | "rose.600" | "rose.700" | "rose.800" | "rose.900" | "rose.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "fuchsia.50" | "fuchsia.100" | "fuchsia.200" | "fuchsia.300" | "fuchsia.400" | "fuchsia.500" | "fuchsia.600" | "fuchsia.700" | "fuchsia.800" | "fuchsia.900" | "fuchsia.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "violet.50" | "violet.100" | "violet.200" | "violet.300" | "violet.400" | "violet.500" | "violet.600" | "violet.700" | "violet.800" | "violet.900" | "violet.950" | "indigo.50" | "indigo.100" | "indigo.200" | "indigo.300" | "indigo.400" | "indigo.500" | "indigo.600" | "indigo.700" | "indigo.800" | "indigo.900" | "indigo.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "sky.50" | "sky.100" | "sky.200" | "sky.300" | "sky.400" | "sky.500" | "sky.600" | "sky.700" | "sky.800" | "sky.900" | "sky.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "emerald.50" | "emerald.100" | "emerald.200" | "emerald.300" | "emerald.400" | "emerald.500" | "emerald.600" | "emerald.700" | "emerald.800" | "emerald.900" | "emerald.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "lime.50" | "lime.100" | "lime.200" | "lime.300" | "lime.400" | "lime.500" | "lime.600" | "lime.700" | "lime.800" | "lime.900" | "lime.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | "amber.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "neutral.50" | "neutral.100" | "neutral.200" | "neutral.300" | "neutral.400" | "neutral.500" | "neutral.600" | "neutral.700" | "neutral.800" | "neutral.900" | "neutral.950" | "stone.50" | "stone.100" | "stone.200" | "stone.300" | "stone.400" | "stone.500" | "stone.600" | "stone.700" | "stone.800" | "stone.900" | "stone.950" | "zinc.50" | "zinc.100" | "zinc.200" | "zinc.300" | "zinc.400" | "zinc.500" | "zinc.600" | "zinc.700" | "zinc.800" | "zinc.900" | "zinc.950" | "slate.50" | "slate.100" | "slate.200" | "slate.300" | "slate.400" | "slate.500" | "slate.600" | "slate.700" | "slate.800" | "slate.900" | "slate.950" | "primary.light" | "primary.main" | "primary.dark" | "secondary.light" | "secondary.main" | "secondary.dark" | "tertiary.light" | "tertiary.main" | "tertiary.dark" | "white" | "black" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "gray.light" | "gray.main" | "gray.dark" | "success.light" | "success.main" | "success.dark" | "warning.light" | "warning.main" | "warning.dark" | "error.light" | "error.main" | "error.dark" | "info.light" | "info.main" | "info.dark" | "background" | "surface" | "elevated" | "structure" | "text.standard" | "text.secondary" | "text.disabled" | "text.accent" | "text.inverted" | "colorPalette" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950" | "colorPalette.light" | "colorPalette.main" | "colorPalette.dark" | "colorPalette.standard" | "colorPalette.secondary" | "colorPalette.disabled" | "colorPalette.accent" | "colorPalette.inverted"
 
 export type RadiusToken = "xs" | "xl" | "2xl" | "3xl" | "4xl" | "full" | "sm" | "md" | "lg"
 

package/dist/styles/panda.css

@@ -674,6 +674,7 @@
     --thread-ui-colors-text-secondary: var(--thread-text-secondary);
     --thread-ui-colors-text-disabled: var(--thread-text-disabled);
     --thread-ui-colors-text-accent: var(--thread-text-accent);
+    --thread-ui-colors-text-inverted: var(--thread-text-inverted);
 }
 
   .dark {
@@ -684,7 +685,8 @@
     --thread-ui-colors-text-standard: var(--thread-text-standard-dark-mode);
     --thread-ui-colors-text-secondary: var(--thread-text-secondary-dark-mode);
     --thread-ui-colors-text-disabled: var(--thread-text-disabled-dark-mode);
-    --thread-ui-colors-text-accent: var(--thread-text-accent-dark-mode)
+    --thread-ui-colors-text-accent: var(--thread-text-accent-dark-mode);
+    --thread-ui-colors-text-inverted: var(--thread-text-inverted-dark-mode)
 }
 
   @keyframes spin {
@@ -800,8 +802,20 @@
     overflow: hidden;
 }
 
-  .thread-ui-gap_4px {
-    gap: 4px;
+  .thread-ui-mx_auto {
+    margin-inline: auto;
+}
+
+  .thread-ui-py_40px {
+    padding-block: 40px;
+}
+
+  .thread-ui-gap_12px {
+    gap: 12px;
+}
+
+  .thread-ui-py_16px {
+    padding-block: 16px;
 }
 
   .thread-ui-bdr_50\% {
@@ -816,10 +830,6 @@
     margin-inline: var(--thread-ui-spacing-0);
 }
 
-  .thread-ui-gap_12px {
-    gap: 12px;
-}
-
   .thread-ui-bdr_md {
     border-radius: var(--thread-ui-radii-md);
 }
@@ -848,6 +858,18 @@
     border-radius: var(--thread-ui-radii-sm);
 }
 
+  .thread-ui-gap_16px {
+    gap: 16px;
+}
+
+  .thread-ui-py_8px {
+    padding-block: 8px;
+}
+
+  .thread-ui-my_20px {
+    margin-block: 20px;
+}
+
   .thread-ui-my_16px {
     margin-block: 16px;
 }
@@ -856,6 +878,30 @@
     gap: 3rem;
 }
 
+  .thread-ui-gap_8px {
+    gap: 8px;
+}
+
+  .thread-ui-px_16px {
+    padding-inline: 16px;
+}
+
+  .thread-ui-my_4px {
+    margin-block: 4px;
+}
+
+  .thread-ui-bd-c_background {
+    border-color: var(--thread-ui-colors-background);
+}
+
+  .thread-ui-bdr_20px {
+    border-radius: 20px;
+}
+
+  .thread-ui-bd-c_primary\.main {
+    border-color: var(--thread-ui-colors-primary-main);
+}
+
   .thread-ui-bdr_0\.375rem {
     border-radius: 0.375rem;
 }
@@ -868,6 +914,10 @@
     transition: all 150ms ease-in-out;
 }
 
+  .thread-ui-gap_4px {
+    gap: 4px;
+}
+
   .thread-ui-bd-w_1px {
     border-width: 1px;
 }
@@ -896,6 +946,10 @@
     background-color: var(--thread-ui-colors-black);
 }
 
+  .thread-ui-c_text\.standard {
+    color: var(--thread-ui-colors-text-standard);
+}
+
   .thread-ui-column-count_2 {
     column-count: 2;
 }
@@ -956,10 +1010,6 @@
     line-height: 1.25rem;
 }
 
-  .thread-ui-c_text\.standard {
-    color: var(--thread-ui-colors-text-standard);
-}
-
   .thread-ui-pos_sticky {
     position: sticky;
 }
@@ -1073,6 +1123,22 @@
     display: grid;
 }
 
+  .thread-ui-c_text\.inverted {
+    color: var(--thread-ui-colors-text-inverted);
+}
+
+  .thread-ui-bg-c_primary\.main {
+    background-color: var(--thread-ui-colors-primary-main);
+}
+
+  .thread-ui-d_none {
+    display: none;
+}
+
+  .thread-ui-c_inherit {
+    color: inherit;
+}
+
   .thread-ui-li-t_none {
     list-style-type: none;
 }
@@ -1093,18 +1159,6 @@
     transform: translateX(-50%);
 }
 
-  .thread-ui-d_none {
-    display: none;
-}
-
-  .thread-ui-bx-sh_0_4px_8px {
-    box-shadow: 0 4px 8px;
-}
-
-  .thread-ui-bx-sh-c_gray\.200 {
-    --shadow-color: var(--thread-ui-colors-gray-200);
-}
-
   .thread-ui-z_10 {
     z-index: 10;
 }
@@ -1153,6 +1207,18 @@
     max-width: 1400px;
 }
 
+  .thread-ui-max-w_1280px {
+    max-width: 1280px;
+}
+
+  .thread-ui-mt_8px {
+    margin-top: 8px;
+}
+
+  .thread-ui-mt_36px {
+    margin-top: 36px;
+}
+
   .thread-ui-w_48px {
     width: 48px;
 }
@@ -1161,10 +1227,6 @@
     height: 48px;
 }
 
-  .thread-ui-mt_8px {
-    margin-top: 8px;
-}
-
   .thread-ui-h_100\% {
     height: 100%;
 }
@@ -1289,6 +1351,14 @@
     width: 24px;
 }
 
+  .thread-ui-w_16px {
+    width: 16px;
+}
+
+  .thread-ui-mr_32px {
+    margin-right: 32px;
+}
+
   .thread-ui-h_0\.5px {
     height: 0.5px;
 }
@@ -1329,14 +1399,6 @@
     background-color: var(--thread-ui-colors-surface);
 }
 
-  .dark .dark\:thread-ui-bx-sh_0_4px_8px {
-    box-shadow: 0 4px 8px;
-}
-
-  .dark .dark\:thread-ui-bx-sh-c_black {
-    --shadow-color: var(--thread-ui-colors-black);
-}
-
   .hover\:thread-ui-bd-c_primary\.main:is(:hover, [data-hover]) {
     border-color: var(--thread-ui-colors-primary-main);
 }
@@ -1417,6 +1479,18 @@
     background-color: var(--thread-ui-colors-black);
 }
 
+  .hover\:thread-ui-c_primary\.main:is(:hover, [data-hover]) {
+    color: var(--thread-ui-colors-primary-main);
+}
+
+  .hover\:thread-ui-bg-c_primary\.light:is(:hover, [data-hover]) {
+    background-color: var(--thread-ui-colors-primary-light);
+}
+
+  .hover\:thread-ui-c_text\.inverted:is(:hover, [data-hover]) {
+    color: var(--thread-ui-colors-text-inverted);
+}
+
   .hover\:thread-ui-bg-c_elevated:is(:hover, [data-hover]) {
     background-color: var(--thread-ui-colors-elevated);
 }
@@ -1436,6 +1510,9 @@
 }
     .md\:thread-ui-mx_auto {
       margin-inline: auto;
+}
+    .md\:thread-ui-px_8px {
+      padding-inline: 8px;
 }
     .md\:thread-ui-column-count_3 {
       column-count: 3;
@@ -1476,6 +1553,9 @@
 }
     .md\:thread-ui-pr_48px {
       padding-right: 48px;
+}
+    .md\:thread-ui-w_50\% {
+      width: 50%;
 }
 }
 
@@ -1530,6 +1610,9 @@
 }
     .lg\:thread-ui-d_none {
       display: none;
+}
+    .lg\:thread-ui-grid-tc_repeat\(2\,_minmax\(0\,_1fr\)\) {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
 }
     .lg\:thread-ui-grid-tc_repeat\(3\,_minmax\(0\,_1fr\)\) {
       grid-template-columns: repeat(3, minmax(0, 1fr));
@@ -1584,6 +1667,15 @@
 }
     .lg\:thread-ui-w_100\% {
       width: 100%;
+}
+    .lg\:thread-ui-w_175px {
+      width: 175px;
+}
+    .lg\:thread-ui-w_95\% {
+      width: 95%;
+}
+    .lg\:thread-ui-w_75\%\% {
+      width: 75%%;
 }
     .lg\:thread-ui-h_2\.5rem {
       height: 2.5rem;

package/dist/styles/thread.css

@@ -76,6 +76,7 @@
 	--thread-text-secondary-light-mode: #4b5563;
 	--thread-text-disabled-light-mode: #9ca3af;
 	--thread-text-accent-light-mode: var(--thread-primary-main);
+	--thread-text-inverted-light-mode: var(--thread-text-standard-dark-mode);
 
 	/* Dark Mode Colors */
 	/* Surfaces */
@@ -89,6 +90,7 @@
 	--thread-text-secondary-dark-mode: #4b5563;
 	--thread-text-disabled-dark-mode: #6b7280;
 	--thread-text-accent-dark-mode: var(--thread-primary-main);
+	--thread-text-inverted-dark-mode: var(--thread-text-standard-light-mode);
 
 	/* Apply Light Mode Colors */
 	/* Surfaces */
@@ -102,6 +104,7 @@
 	--thread-text-secondary: var(--thread-text-secondary-light-mode);
 	--thread-text-disabled: var(--thread-text-disabled-light-mode);
 	--thread-text-accent: var(--thread-text-accent-light-mode);
+	--thread-text-inverted: var(--thread-text-inverted-light-mode);
 }
 
 :root[data-theme='dark'] {
@@ -117,6 +120,7 @@
 	--thread-text-secondary: var(--thread-text-secondary-dark-mode);
 	--thread-text-disabled: var(--thread-text-disabled-dark-mode);
 	--thread-text-accent: var(--thread-text-accent-dark-mode);
+	--thread-text-inverted: var(--thread-text-inverted-dark-mode);
 }
 
 @media (prefers-color-scheme: dark) {
@@ -133,5 +137,6 @@
 		--thread-text-secondary: var(--thread-text-secondary-dark-mode);
 		--thread-text-disabled: var(--thread-text-disabled-dark-mode);
 		--thread-text-accent: var(--thread-text-accent-dark-mode);
+		--thread-text-inverted: var(--thread-text-inverted-dark-mode);
 	}
 }

package/dist/theme/thread-theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"thread-theme.d.ts","sourceRoot":"","sources":["../../src/theme/thread-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,WAAW,EAAE,KA0EzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,cAY/B,CAAC"}
+{"version":3,"file":"thread-theme.d.ts","sourceRoot":"","sources":["../../src/theme/thread-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,WAAW,EAAE,KA2EzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,cAa/B,CAAC"}

package/dist/theme/thread-theme.js

@@ -55,6 +55,7 @@ export const ThreadTheme = {
         secondary: 'var(--thread-text-secondary)',
         disabled: 'var(--thread-text-disabled)',
         accent: 'var(--thread-text-accent)',
+        inverted: 'var(--thread-text-inverted)',
     },
     // Sizing/Structure
     borderRadius: {
@@ -79,6 +80,7 @@ export const DarkModeVariables = {
         secondary: 'var(--thread-text-secondary-dark-mode)',
         disabled: 'var(--thread-text-disabled-dark-mode)',
         accent: 'var(--thread-text-accent-dark-mode)',
+        inverted: 'var(--thread-text-inverted-dark-mode)',
     },
 };
 //# sourceMappingURL=thread-theme.js.map

package/dist/theme/thread-theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"thread-theme.js","sourceRoot":"","sources":["../../src/theme/thread-theme.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAAU;IACjC,gBAAgB;IAChB,OAAO,EAAE;QACR,KAAK,EAAE,6BAA6B;QACpC,IAAI,EAAE,4BAA4B;QAClC,IAAI,EAAE,4BAA4B;KAClC;IACD,SAAS,EAAE;QACV,KAAK,EAAE,+BAA+B;QACtC,IAAI,EAAE,8BAA8B;QACpC,IAAI,EAAE,8BAA8B;KACpC;IACD,QAAQ,EAAE;QACT,KAAK,EAAE,8BAA8B;QACrC,IAAI,EAAE,6BAA6B;QACnC,IAAI,EAAE,6BAA6B;KACnC;IAED,iBAAiB;IACjB,KAAK,EAAE,qBAAqB;IAC5B,KAAK,EAAE,qBAAqB;IAC5B,IAAI,EAAE;QACL,KAAK,EAAE,0BAA0B;QACjC,IAAI,EAAE,yBAAyB;QAC/B,IAAI,EAAE,yBAAyB;KAC/B;IAED,gBAAgB;IAChB,OAAO,EAAE;QACR,KAAK,EAAE,6BAA6B;QACpC,IAAI,EAAE,4BAA4B;QAClC,IAAI,EAAE,4BAA4B;KAClC;IACD,OAAO,EAAE;QACR,KAAK,EAAE,6BAA6B;QACpC,IAAI,EAAE,4BAA4B;QAClC,IAAI,EAAE,4BAA4B;KAClC;IACD,KAAK,EAAE;QACN,KAAK,EAAE,2BAA2B;QAClC,IAAI,EAAE,0BAA0B;QAChC,IAAI,EAAE,0BAA0B;KAChC;IACD,IAAI,EAAE;QACL,KAAK,EAAE,0BAA0B;QACjC,IAAI,EAAE,yBAAyB;QAC/B,IAAI,EAAE,yBAAyB;KAC/B;IAED,iBAAiB;IACjB,UAAU,EAAE,0BAA0B;IACtC,OAAO,EAAE,uBAAuB;IAChC,QAAQ,EAAE,wBAAwB;IAClC,SAAS,EAAE,yBAAyB;IAEpC,cAAc;IACd,IAAI,EAAE;QACL,QAAQ,EAAE,6BAA6B;QACvC,SAAS,EAAE,8BAA8B;QACzC,QAAQ,EAAE,6BAA6B;QACvC,MAAM,EAAE,2BAA2B;KACnC;IAED,mBAAmB;IACnB,YAAY,EAAE;QACb,EAAE,EAAE,gCAAgC;QACpC,EAAE,EAAE,gCAAgC;QACpC,EAAE,EAAE,gCAAgC;KACpC;IACD,UAAU,EAAE;QACX,EAAE,EAAE,8BAA8B;QAClC,EAAE,EAAE,8BAA8B;QAClC,EAAE,EAAE,8BAA8B;KAClC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAmB;IAChD,WAAW;IACX,UAAU,EAAE,oCAAoC;IAChD,OAAO,EAAE,iCAAiC;IAC1C,QAAQ,EAAE,kCAAkC;IAC5C,SAAS,EAAE,mCAAmC;IAC9C,IAAI,EAAE;QACL,QAAQ,EAAE,uCAAuC;QACjD,SAAS,EAAE,wCAAwC;QACnD,QAAQ,EAAE,uCAAuC;QACjD,MAAM,EAAE,qCAAqC;KAC7C;CACD,CAAC"}
+{"version":3,"file":"thread-theme.js","sourceRoot":"","sources":["../../src/theme/thread-theme.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAAU;IACjC,gBAAgB;IAChB,OAAO,EAAE;QACR,KAAK,EAAE,6BAA6B;QACpC,IAAI,EAAE,4BAA4B;QAClC,IAAI,EAAE,4BAA4B;KAClC;IACD,SAAS,EAAE;QACV,KAAK,EAAE,+BAA+B;QACtC,IAAI,EAAE,8BAA8B;QACpC,IAAI,EAAE,8BAA8B;KACpC;IACD,QAAQ,EAAE;QACT,KAAK,EAAE,8BAA8B;QACrC,IAAI,EAAE,6BAA6B;QACnC,IAAI,EAAE,6BAA6B;KACnC;IAED,iBAAiB;IACjB,KAAK,EAAE,qBAAqB;IAC5B,KAAK,EAAE,qBAAqB;IAC5B,IAAI,EAAE;QACL,KAAK,EAAE,0BAA0B;QACjC,IAAI,EAAE,yBAAyB;QAC/B,IAAI,EAAE,yBAAyB;KAC/B;IAED,gBAAgB;IAChB,OAAO,EAAE;QACR,KAAK,EAAE,6BAA6B;QACpC,IAAI,EAAE,4BAA4B;QAClC,IAAI,EAAE,4BAA4B;KAClC;IACD,OAAO,EAAE;QACR,KAAK,EAAE,6BAA6B;QACpC,IAAI,EAAE,4BAA4B;QAClC,IAAI,EAAE,4BAA4B;KAClC;IACD,KAAK,EAAE;QACN,KAAK,EAAE,2BAA2B;QAClC,IAAI,EAAE,0BAA0B;QAChC,IAAI,EAAE,0BAA0B;KAChC;IACD,IAAI,EAAE;QACL,KAAK,EAAE,0BAA0B;QACjC,IAAI,EAAE,yBAAyB;QAC/B,IAAI,EAAE,yBAAyB;KAC/B;IAED,iBAAiB;IACjB,UAAU,EAAE,0BAA0B;IACtC,OAAO,EAAE,uBAAuB;IAChC,QAAQ,EAAE,wBAAwB;IAClC,SAAS,EAAE,yBAAyB;IAEpC,cAAc;IACd,IAAI,EAAE;QACL,QAAQ,EAAE,6BAA6B;QACvC,SAAS,EAAE,8BAA8B;QACzC,QAAQ,EAAE,6BAA6B;QACvC,MAAM,EAAE,2BAA2B;QACnC,QAAQ,EAAE,6BAA6B;KACvC;IAED,mBAAmB;IACnB,YAAY,EAAE;QACb,EAAE,EAAE,gCAAgC;QACpC,EAAE,EAAE,gCAAgC;QACpC,EAAE,EAAE,gCAAgC;KACpC;IACD,UAAU,EAAE;QACX,EAAE,EAAE,8BAA8B;QAClC,EAAE,EAAE,8BAA8B;QAClC,EAAE,EAAE,8BAA8B;KAClC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAmB;IAChD,WAAW;IACX,UAAU,EAAE,oCAAoC;IAChD,OAAO,EAAE,iCAAiC;IAC1C,QAAQ,EAAE,kCAAkC;IAC5C,SAAS,EAAE,mCAAmC;IAC9C,IAAI,EAAE;QACL,QAAQ,EAAE,uCAAuC;QACjD,SAAS,EAAE,wCAAwC;QACnD,QAAQ,EAAE,uCAAuC;QACjD,MAAM,EAAE,qCAAqC;QAC7C,QAAQ,EAAE,uCAAuC;KACjD;CACD,CAAC"}

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

@@ -9,6 +9,7 @@ export type TextColors = {
     secondary: string;
     disabled: string;
     accent: string;
+    inverted: string;
 };
 export type TextColorOptions = keyof TextColors;
 export type UtilitySizes = {

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

@@ -1 +1 @@
-{"version":3,"file":"theme.types.d.ts","sourceRoot":"","sources":["../../../src/types/theme/theme.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC,KAAK,WAAW,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,MAAM,UAAU,CAAC;AAEhD,MAAM,MAAM,YAAY,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,MAAM,YAAY,CAAC;AAEpD,MAAM,MAAM,KAAK,GAAG;IAEnB,OAAO,EAAE,WAAW,CAAC;IACrB,SAAS,EAAE,WAAW,CAAC;IACvB,QAAQ,EAAE,WAAW,CAAC;IAGtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,WAAW,CAAC;IAGlB,OAAO,EAAE,WAAW,CAAC;IACrB,OAAO,EAAE,WAAW,CAAC;IACrB,KAAK,EAAE,WAAW,CAAC;IACnB,IAAI,EAAE,WAAW,CAAC;IAGlB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAGlB,IAAI,EAAE,UAAU,CAAC;IAGjB,YAAY,EAAE,YAAY,CAAC;IAC3B,UAAU,EAAE,YAAY,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAE5B,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAGlB,IAAI,EAAE,UAAU,CAAC;CACjB,CAAC;AAEF,KAAK,eAAe,GAAG,KAAK,GAAG;IAC9B,QAAQ,EAAE,cAAc,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,WAAW,CAAC,eAAe,CAAC,CAAC"}
+{"version":3,"file":"theme.types.d.ts","sourceRoot":"","sources":["../../../src/types/theme/theme.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC,KAAK,WAAW,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,MAAM,UAAU,CAAC;AAEhD,MAAM,MAAM,YAAY,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,MAAM,YAAY,CAAC;AAEpD,MAAM,MAAM,KAAK,GAAG;IAEnB,OAAO,EAAE,WAAW,CAAC;IACrB,SAAS,EAAE,WAAW,CAAC;IACvB,QAAQ,EAAE,WAAW,CAAC;IAGtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,WAAW,CAAC;IAGlB,OAAO,EAAE,WAAW,CAAC;IACrB,OAAO,EAAE,WAAW,CAAC;IACrB,KAAK,EAAE,WAAW,CAAC;IACnB,IAAI,EAAE,WAAW,CAAC;IAGlB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAGlB,IAAI,EAAE,UAAU,CAAC;IAGjB,YAAY,EAAE,YAAY,CAAC;IAC3B,UAAU,EAAE,YAAY,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAE5B,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAGlB,IAAI,EAAE,UAAU,CAAC;CACjB,CAAC;AAEF,KAAK,eAAe,GAAG,KAAK,GAAG;IAC9B,QAAQ,EAAE,cAAc,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,WAAW,CAAC,eAAe,CAAC,CAAC"}

package/dist/utils/index.d.ts

@@ -5,4 +5,5 @@ export * from './get-utility-color';
 export * from './get-utility-font-size';
 export * from './get-utility-icon-size';
 export * from './get-utility-size-value';
+export * from './use-pathname';
 //# 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":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AAEzC,cAAc,gBAAgB,CAAC"}

package/dist/utils/index.js

@@ -5,4 +5,5 @@ export * from './get-utility-color';
 export * from './get-utility-font-size';
 export * from './get-utility-icon-size';
 export * from './get-utility-size-value';
+export * from './use-pathname';
 //# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AAEzC,cAAc,gBAAgB,CAAC"}

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

@@ -0,0 +1,2 @@
+export { usePathname } from './use-pathname';
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/use-pathname/index.d.ts.map

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

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

@@ -0,0 +1,2 @@
+export { usePathname } from './use-pathname';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,2 @@
+export declare const usePathname: () => string;
+//# sourceMappingURL=use-pathname.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-pathname.d.ts","sourceRoot":"","sources":["../../../src/utils/use-pathname/use-pathname.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,cAgBvB,CAAC"}

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

@@ -0,0 +1,16 @@
+'use client';
+import { useState, useEffect } from 'react';
+export const usePathname = () => {
+    const [pathname, setPathname] = useState(''); // Safe initial state
+    useEffect(() => {
+        // Set initial pathname after mount
+        setPathname(window.location.pathname);
+        const handleLocationChange = () => {
+            setPathname(window.location.pathname);
+        };
+        window.addEventListener('popstate', handleLocationChange);
+        return () => window.removeEventListener('popstate', handleLocationChange);
+    }, []);
+    return pathname;
+};
+//# sourceMappingURL=use-pathname.js.map

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "thread-ui",
-	"version": "0.1.7",
+	"version": "0.1.9",
 	"description": "UI Library for React Applications.",
 	"main": "dist/index.js",
 	"module": "dist/index.js",
@@ -109,6 +109,6 @@
 	},
 	"dependencies": {
 		"@emotion/css": "^11.13.5",
-		"@phosphor-icons/react": "^2.1.7"
+		"@phosphor-icons/react": "^2.1.10"
 	}
 }

package/dist/client/theme/theme.types.d.ts

@@ -1,48 +0,0 @@
-import { DeepPartial } from '../../types';
-type ColorShades = {
-    light: string;
-    main: string;
-    dark: string;
-};
-export type TextColors = {
-    primary: string;
-    secondary: string;
-    disabled: string;
-};
-export type UtilitySizes = {
-    sm: string;
-    md: string;
-    lg: string;
-};
-export type Theme = {
-    primary: ColorShades;
-    secondary: ColorShades;
-    tertiary: ColorShades;
-    white: string;
-    black: string;
-    gray: ColorShades;
-    success: ColorShades;
-    warning: ColorShades;
-    error: ColorShades;
-    info: ColorShades;
-    background: string;
-    surface: string;
-    elevated: string;
-    structure: string;
-    text: TextColors;
-    borderRadius: UtilitySizes;
-    borderSize: UtilitySizes;
-};
-export type DarkModeColors = {
-    background: string;
-    surface: string;
-    elevated: string;
-    structure: string;
-    text: TextColors;
-};
-export type ThemeConfigBase = Theme & {
-    darkMode: DarkModeColors;
-};
-export type ThemeConfig = DeepPartial<ThemeConfigBase>;
-export {};
-//# sourceMappingURL=theme.types.d.ts.map

package/dist/client/theme/theme.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.types.d.ts","sourceRoot":"","sources":["../../../src/client/theme/theme.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,KAAK,WAAW,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG;IAEnB,OAAO,EAAE,WAAW,CAAC;IACrB,SAAS,EAAE,WAAW,CAAC;IACvB,QAAQ,EAAE,WAAW,CAAC;IAGtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,WAAW,CAAC;IAGlB,OAAO,EAAE,WAAW,CAAC;IACrB,OAAO,EAAE,WAAW,CAAC;IACrB,KAAK,EAAE,WAAW,CAAC;IACnB,IAAI,EAAE,WAAW,CAAC;IAGlB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAGlB,IAAI,EAAE,UAAU,CAAC;IAGjB,YAAY,EAAE,YAAY,CAAC;IAC3B,UAAU,EAAE,YAAY,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAE5B,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAGlB,IAAI,EAAE,UAAU,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG;IACrC,QAAQ,EAAE,cAAc,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,WAAW,CAAC,eAAe,CAAC,CAAC"}

package/dist/client/theme/theme.types.js

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

package/dist/client/theme/theme.types.js.map

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