@getgreenline/blaze-ui 1.0.15 → 1.0.17

package/dist/globals.css

@@ -8,99 +8,111 @@
 @custom-variant dark (&:is(.dark *));
 
 :root {
-  --background: oklch(0.9842 0.0034 247.8575);
-  --foreground: oklch(0.2795 0.0368 260.0310);
+  --background: oklch(1.0000 0 0);
+  --foreground: oklch(0.3152 0.0198 242.4463);
   --card: oklch(1.0000 0 0);
-  --card-foreground: oklch(0.2795 0.0368 260.0310);
+  --card-foreground: oklch(0.3152 0.0198 242.4463);
   --popover: oklch(1.0000 0 0);
-  --popover-foreground: oklch(0.2795 0.0368 260.0310);
-  --primary: oklch(0.7127 0.1242 224.5720);
+  --popover-foreground: oklch(0.3152 0.0198 242.4463);
+  --primary: oklch(0.6723 0.1606 244.9955);
   --primary-foreground: oklch(1.0000 0 0);
-  --secondary: oklch(0.9276 0.0058 264.5313);
-  --secondary-foreground: oklch(0.3729 0.0306 259.7328);
-  --muted: oklch(0.9670 0.0029 264.5419);
-  --muted-foreground: oklch(0.5510 0.0234 264.3637);
-  --accent: oklch(0.9299 0.0334 272.7879);
-  --accent-foreground: oklch(0.3729 0.0306 259.7328);
-  --destructive: oklch(0.6368 0.2078 25.3313);
+  --secondary: oklch(0.6723 0.1606 244.9955);
+  --secondary-foreground: oklch(1.0000 0 0);
+  --muted: oklch(0.9680 0.0070 247.8960);
+  --muted-foreground: oklch(0.1884 0.0128 248.5103);
+  --accent: oklch(0.9632 0.0127 244.2532);
+  --accent-foreground: oklch(0.6723 0.1606 244.9955);
+  --destructive: oklch(0.6188 0.2376 25.7658);
   --destructive-foreground: oklch(1.0000 0 0);
-  --border: oklch(0.8717 0.0093 258.3382);
-  --input: oklch(0.8717 0.0093 258.3382);
-  --ring: oklch(0.5854 0.2041 277.1173);
-  --chart-1: oklch(0.5854 0.2041 277.1173);
-  --chart-2: oklch(0.5106 0.2301 276.9656);
-  --chart-3: oklch(0.4568 0.2146 277.0229);
-  --chart-4: oklch(0.3984 0.1773 277.3662);
-  --chart-5: oklch(0.3588 0.1354 278.6973);
-  --sidebar: oklch(0.9670 0.0029 264.5419);
-  --sidebar-foreground: oklch(0.2795 0.0368 260.0310);
-  --sidebar-primary: oklch(0.5854 0.2041 277.1173);
+  --border: oklch(0.9317 0.0118 231.6594);
+  --input: oklch(0.9809 0.0025 228.7836);
+  --ring: oklch(0.6818 0.1584 243.3540);
+  --chart-1: oklch(0.6723 0.1606 244.9955);
+  --chart-2: oklch(0.6907 0.1554 160.3454);
+  --chart-3: oklch(0.8214 0.1600 82.5337);
+  --chart-4: oklch(0.7064 0.1822 151.7125);
+  --chart-5: oklch(0.5919 0.2186 10.5826);
+  --sidebar: oklch(0.9784 0.0011 197.1387);
+  --sidebar-foreground: oklch(0.3152 0.0198 242.4463);
+  --sidebar-primary: oklch(0.6723 0.1606 244.9955);
   --sidebar-primary-foreground: oklch(1.0000 0 0);
-  --sidebar-accent: oklch(0.9299 0.0334 272.7879);
-  --sidebar-accent-foreground: oklch(0.3729 0.0306 259.7328);
-  --sidebar-border: oklch(0.8717 0.0093 258.3382);
-  --sidebar-ring: oklch(0.5854 0.2041 277.1173);
-  --font-sans: Inter, sans-serif;
-  --font-serif: Merriweather, serif;
-  --font-mono: JetBrains Mono, monospace;
+  --sidebar-accent: oklch(0.9392 0.0166 250.8453);
+  --sidebar-accent-foreground: oklch(0.6723 0.1606 244.9955);
+  --sidebar-border: oklch(0.9271 0.0101 238.5177);
+  --sidebar-ring: oklch(0.6818 0.1584 243.3540);
+  --font-sans: Roboto, ui-sans-serif, sans-serif, system-ui;
+  --font-serif: Georgia, serif;
+  --font-mono: Menlo, monospace;
   --radius: 0.5rem;
-  --shadow-2xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
-  --shadow-xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
-  --shadow-sm: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);
-  --shadow: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);
-  --shadow-md: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 2px 4px -2px hsl(0 0% 0% / 0.10);
-  --shadow-lg: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 4px 6px -2px hsl(0 0% 0% / 0.10);
-  --shadow-xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 8px 10px -2px hsl(0 0% 0% / 0.10);
-  --shadow-2xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.25);
+  --shadow-x: 0px;
+  --shadow-y: 2px;
+  --shadow-blur: 0px;
+  --shadow-spread: 0px;
+  --shadow-opacity: 0;
+  --shadow-color: rgba(29, 161, 242, 0.15);
+  --shadow-2xs: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00);
+  --shadow-xs: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00);
+  --shadow-sm: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
+  --shadow: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
+  --shadow-md: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 2px 4px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
+  --shadow-lg: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 4px 6px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
+  --shadow-xl: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 8px 10px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
+  --shadow-2xl: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00);
   --tracking-normal: 0em;
   --spacing: 0.25rem;
 }
 
 .dark {
-  --background: oklch(0.2077 0.0398 265.7549);
-  --foreground: oklch(0.9288 0.0126 255.5078);
-  --card: oklch(0.2795 0.0368 260.0310);
-  --card-foreground: oklch(0.9288 0.0126 255.5078);
-  --popover: oklch(0.2795 0.0368 260.0310);
-  --popover-foreground: oklch(0.9288 0.0126 255.5078);
-  --primary: oklch(0.6801 0.1583 276.9349);
-  --primary-foreground: oklch(0.2077 0.0398 265.7549);
-  --secondary: oklch(0.3351 0.0331 260.9120);
-  --secondary-foreground: oklch(0.8717 0.0093 258.3382);
-  --muted: oklch(0.2795 0.0368 260.0310);
-  --muted-foreground: oklch(0.7137 0.0192 261.3246);
-  --accent: oklch(0.3729 0.0306 259.7328);
-  --accent-foreground: oklch(0.8717 0.0093 258.3382);
-  --destructive: oklch(0.6368 0.2078 25.3313);
-  --destructive-foreground: oklch(0.2077 0.0398 265.7549);
-  --border: oklch(0.4461 0.0263 256.8018);
-  --input: oklch(0.4461 0.0263 256.8018);
-  --ring: oklch(0.6801 0.1583 276.9349);
-  --chart-1: oklch(0.6801 0.1583 276.9349);
-  --chart-2: oklch(0.5854 0.2041 277.1173);
-  --chart-3: oklch(0.5106 0.2301 276.9656);
-  --chart-4: oklch(0.4568 0.2146 277.0229);
-  --chart-5: oklch(0.3984 0.1773 277.3662);
-  --sidebar: oklch(0.2795 0.0368 260.0310);
-  --sidebar-foreground: oklch(0.9288 0.0126 255.5078);
-  --sidebar-primary: oklch(0.6801 0.1583 276.9349);
-  --sidebar-primary-foreground: oklch(0.2077 0.0398 265.7549);
-  --sidebar-accent: oklch(0.3729 0.0306 259.7328);
-  --sidebar-accent-foreground: oklch(0.8717 0.0093 258.3382);
-  --sidebar-border: oklch(0.4461 0.0263 256.8018);
-  --sidebar-ring: oklch(0.6801 0.1583 276.9349);
-  --font-sans: Inter, sans-serif;
-  --font-serif: Merriweather, serif;
-  --font-mono: JetBrains Mono, monospace;
+  --background: oklch(0 0 0);
+  --foreground: oklch(0.9328 0.0025 228.7857);
+  --card: oklch(0.2097 0.0080 274.5332);
+  --card-foreground: oklch(0.8853 0 0);
+  --popover: oklch(0 0 0);
+  --popover-foreground: oklch(0.9328 0.0025 228.7857);
+  --primary: oklch(0.6692 0.1607 245.0110);
+  --primary-foreground: oklch(1.0000 0 0);
+  --secondary: oklch(0.9622 0.0035 219.5331);
+  --secondary-foreground: oklch(0.1884 0.0128 248.5103);
+  --muted: oklch(0.2090 0 0);
+  --muted-foreground: oklch(0.5637 0.0078 247.9662);
+  --accent: oklch(0.1928 0.0331 242.5459);
+  --accent-foreground: oklch(0.6692 0.1607 245.0110);
+  --destructive: oklch(0.6188 0.2376 25.7658);
+  --destructive-foreground: oklch(1.0000 0 0);
+  --border: oklch(0.2674 0.0047 248.0045);
+  --input: oklch(0.3020 0.0288 244.8244);
+  --ring: oklch(0.6818 0.1584 243.3540);
+  --chart-1: oklch(0.6723 0.1606 244.9955);
+  --chart-2: oklch(0.6907 0.1554 160.3454);
+  --chart-3: oklch(0.8214 0.1600 82.5337);
+  --chart-4: oklch(0.7064 0.1822 151.7125);
+  --chart-5: oklch(0.5919 0.2186 10.5826);
+  --sidebar: oklch(0.2064 0.0474 267.6919);
+  --sidebar-foreground: oklch(0.8853 0 0);
+  --sidebar-primary: oklch(0.6818 0.1584 243.3540);
+  --sidebar-primary-foreground: oklch(1.0000 0 0);
+  --sidebar-accent: oklch(0.1928 0.0331 242.5459);
+  --sidebar-accent-foreground: oklch(0.6692 0.1607 245.0110);
+  --sidebar-border: oklch(0.3795 0.0220 240.5943);
+  --sidebar-ring: oklch(0.6818 0.1584 243.3540);
+  --font-sans: Roboto, ui-sans-serif, sans-serif, system-ui;
+  --font-serif: Georgia, serif;
+  --font-mono: Menlo, monospace;
   --radius: 0.5rem;
-  --shadow-2xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
-  --shadow-xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
-  --shadow-sm: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);
-  --shadow: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);
-  --shadow-md: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 2px 4px -2px hsl(0 0% 0% / 0.10);
-  --shadow-lg: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 4px 6px -2px hsl(0 0% 0% / 0.10);
-  --shadow-xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 8px 10px -2px hsl(0 0% 0% / 0.10);
-  --shadow-2xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.25);
+  --shadow-x: 0px;
+  --shadow-y: 2px;
+  --shadow-blur: 0px;
+  --shadow-spread: 0px;
+  --shadow-opacity: 0;
+  --shadow-color: rgba(29, 161, 242, 0.25);
+  --shadow-2xs: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00);
+  --shadow-xs: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00);
+  --shadow-sm: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
+  --shadow: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
+  --shadow-md: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 2px 4px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
+  --shadow-lg: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 4px 6px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
+  --shadow-xl: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 8px 10px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
+  --shadow-2xl: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00);
 }
 
 @theme inline {
@@ -136,16 +148,13 @@
   --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
   --color-sidebar-border: var(--sidebar-border);
   --color-sidebar-ring: var(--sidebar-ring);
-
   --font-sans: var(--font-sans);
   --font-mono: var(--font-mono);
   --font-serif: var(--font-serif);
-
   --radius-sm: calc(var(--radius) - 4px);
   --radius-md: calc(var(--radius) - 2px);
   --radius-lg: var(--radius);
   --radius-xl: calc(var(--radius) + 4px);
-
   --shadow-2xs: var(--shadow-2xs);
   --shadow-xs: var(--shadow-xs);
   --shadow-sm: var(--shadow-sm);
@@ -166,66 +175,8 @@
   }
 }
 
-/* Overrides of styles for homi-web */
-.blaze-ui-homi button[data-slot='button'] {
-  color: initial;
-  background-color: initial;
-  border: none;
-  box-shadow: none;
-}
-
-.blaze-ui-homi button[data-slot='button'] {
-  @apply tw:rounded-md;
-}
-
-.blaze-ui-homi button[data-slot='switch'] {
-  @apply tw:rounded-full;
-}
-
-.blaze-ui-homi button[data-slot='button'].tw\:bg-primary {
-  @apply tw:bg-primary;
-}
-
-.blaze-ui-homi button[data-slot='button'].tw\:bg-destructive {
-  @apply tw:bg-destructive;
-}
-
-.blaze-ui-homi button[data-slot='button'].tw\:bg-secondary {
-  @apply tw:bg-secondary;
-}
-
-.blaze-ui-homi button[data-slot='button'].tw\:bg-background {
-  @apply tw:bg-background;
-}
-
-.blaze-ui-homi button[data-slot='button'].tw\:text-primary-foreground {
-  @apply tw:text-primary-foreground;
-}
-
-.blaze-ui-homi button[data-slot='button'].tw\:text-white {
-  @apply tw:text-white;
-}
-
-.blaze-ui-homi button[data-slot='button'].tw\:text-secondary-foreground {
-  @apply tw:text-secondary-foreground;
-}
-
-.blaze-ui-homi button[data-slot='button'].tw\:text-primary {
-  @apply tw:text-primary;
-}
-
-.blaze-ui-homi button[data-slot='button'].tw\:shadow-xs,
-.blaze-ui-homi button[data-slot='switch'].tw\:shadow-xs {
-  @apply tw:shadow-xs;
-}
-
-.blaze-ui-homi button[data-slot='button'].tw\:border,
-.blaze-ui-homi button[data-slot='switch'].tw\:border {
-  @apply tw:border tw:border-border;
-}
-
-/* Overrides of styles for  */
-.blaze-ui-420 {
+/* Fix style collisions with poopstrap/reactstrap/mui/antd  */
+.blaze-ui-root {
   --blaze-420-font-sm: 14px;
   --blaze-420-font-base: 16px;
   --blaze-420-line-sm: 20px;
@@ -244,14 +195,14 @@
   @apply tw:text-foreground tw:font-sans;
 }
 
-.blaze-ui-420 button[data-slot='button'],
-.blaze-ui-420 button[data-slot='switch'] {
+.blaze-ui-root button[data-slot='button'],
+.blaze-ui-root button[data-slot='switch'] {
   color: inherit;
   box-shadow: none;
   font: inherit;
 }
 
-.blaze-ui-420 button[data-slot='button'] {
+.blaze-ui-root button[data-slot='button'] {
   background-color: initial;
   min-height: var(--blaze-420-height-9);
   height: var(--blaze-420-height-9);
@@ -262,13 +213,13 @@
   line-height: var(--blaze-420-line-sm);
 }
 
-.blaze-ui-420 button[data-slot='button'].tw\:has-\[\>svg\]\:px-3,
-.blaze-ui-420 button[data-slot='button']:has(> svg) {
+.blaze-ui-root button[data-slot='button'].tw\:has-\[\>svg\]\:px-3,
+.blaze-ui-root button[data-slot='button']:has(> svg) {
   padding-left: var(--blaze-420-space-3);
   padding-right: var(--blaze-420-space-3);
 }
 
-.blaze-ui-420 button[data-slot='switch'] {
+.blaze-ui-root button[data-slot='switch'] {
   background-color: initial;
   width: var(--blaze-420-switch-width);
   min-width: var(--blaze-420-switch-width);
@@ -277,162 +228,178 @@
   border-radius: var(--blaze-420-radius-full);
 }
 
-.blaze-ui-420 button[data-slot='switch']>[data-slot='switch-thumb'] {
+.blaze-ui-root button[data-slot='switch']>[data-slot='switch-thumb'] {
   width: var(--blaze-420-thumb-size);
   height: var(--blaze-420-thumb-size);
 }
 
-.blaze-ui-420 button[data-slot='button'].tw\:bg-primary {
+.blaze-ui-root button[data-slot='button'].tw\:bg-primary {
   @apply tw:bg-primary;
 }
 
-.blaze-ui-420 button[data-slot='button'].tw\:bg-destructive {
+.blaze-ui-root button[data-slot='button'].tw\:bg-destructive {
   @apply tw:bg-destructive;
 }
 
-.blaze-ui-420 button[data-slot='button'].tw\:bg-secondary {
+.blaze-ui-root button[data-slot='button'].tw\:bg-secondary {
   @apply tw:bg-secondary;
 }
 
-.blaze-ui-420 button[data-slot='button'].tw\:bg-background {
+.blaze-ui-root button[data-slot='button'].tw\:bg-background {
   @apply tw:bg-background;
 }
 
-.blaze-ui-420 button[data-slot='button'].tw\:text-primary-foreground {
+.blaze-ui-root button[data-slot='button'].tw\:text-primary-foreground {
   @apply tw:text-primary-foreground;
 }
 
-.blaze-ui-420 button[data-slot='button'].tw\:text-white {
+.blaze-ui-root button[data-slot='button'].tw\:text-white {
   @apply tw:text-white;
 }
 
-.blaze-ui-420 button[data-slot='button'].tw\:text-secondary-foreground {
+.blaze-ui-root button[data-slot='button'].tw\:text-secondary-foreground {
   @apply tw:text-secondary-foreground;
 }
 
-.blaze-ui-420 button[data-slot='button'].tw\:text-primary {
+.blaze-ui-root button[data-slot='button'].tw\:text-primary {
   @apply tw:text-primary;
 }
 
-.blaze-ui-420 button[data-slot='button'].tw\:shadow-xs,
-.blaze-ui-420 button[data-slot='switch'].tw\:shadow-xs {
+.blaze-ui-root button[data-slot='button'].tw\:shadow-xs,
+.blaze-ui-root button[data-slot='switch'].tw\:shadow-xs {
   @apply tw:shadow-xs;
 }
 
-.blaze-ui-420 button[data-slot='button'].tw\:border {
+.blaze-ui-root button[data-slot='button'].tw\:border {
   @apply tw:border tw:border-border;
 }
 
-.blaze-ui-420 button[data-slot='switch'].tw\:border {
+.blaze-ui-root button[data-slot='switch'].tw\:border {
   @apply tw:border tw:border-transparent;
 }
 
-.blaze-ui-420 .tw\:rounded-md {
+.blaze-ui-root .tw\:rounded-md {
   border-radius: var(--blaze-420-radius-md);
 }
 
-.blaze-ui-420 .tw\:gap-1 {
+.blaze-ui-root .tw\:gap-1 {
   gap: var(--blaze-420-space-1);
 }
 
-.blaze-ui-420 .tw\:gap-2 {
+.blaze-ui-root .tw\:gap-2 {
   gap: var(--blaze-420-space-2);
 }
 
-.blaze-ui-420 .tw\:gap-6 {
+.blaze-ui-root .tw\:gap-6 {
   gap: var(--blaze-420-space-6);
 }
 
-.blaze-ui-420 .tw\:p-1 {
+.blaze-ui-root .tw\:p-1 {
   padding: var(--blaze-420-space-1);
 }
 
-.blaze-ui-420 .tw\:p-4 {
+.blaze-ui-root .tw\:p-4 {
   padding: var(--blaze-420-space-4);
 }
 
-.blaze-ui-420 .tw\:px-3 {
+.blaze-ui-root .tw\:px-3 {
   padding-left: var(--blaze-420-space-3);
   padding-right: var(--blaze-420-space-3);
 }
 
-.blaze-ui-420 .tw\:px-4 {
+.blaze-ui-root .tw\:px-4 {
   padding-left: var(--blaze-420-space-4);
   padding-right: var(--blaze-420-space-4);
 }
 
-.blaze-ui-420 .tw\:py-1 {
+.blaze-ui-root .tw\:py-1 {
   padding-top: var(--blaze-420-space-1);
   padding-bottom: var(--blaze-420-space-1);
 }
 
-.blaze-ui-420 .tw\:py-2 {
+.blaze-ui-root .tw\:py-2 {
   padding-top: var(--blaze-420-space-2);
   padding-bottom: var(--blaze-420-space-2);
 }
 
-.blaze-ui-420 .tw\:mr-4 {
+.blaze-ui-root .tw\:mr-4 {
   margin-right: var(--blaze-420-space-4);
 }
 
-.blaze-ui-420 .tw\:h-9 {
+.blaze-ui-root .tw\:h-9 {
   height: var(--blaze-420-height-9);
 }
 
-.blaze-ui-420 .tw\:min-h-9 {
+.blaze-ui-root .tw\:min-h-9 {
   min-height: var(--blaze-420-height-9);
 }
 
-.blaze-ui-420 .tw\:size-4 {
+.blaze-ui-root .tw\:size-4 {
   width: var(--blaze-420-thumb-size);
   height: var(--blaze-420-thumb-size);
 }
 
-.blaze-ui-420 .tw\:w-8 {
+.blaze-ui-root .tw\:w-8 {
   width: var(--blaze-420-switch-width);
 }
 
-.blaze-ui-420 .tw\:h-\[1\.15rem\] {
+.blaze-ui-root .tw\:h-\[1\.15rem\] {
   height: var(--blaze-420-switch-height);
 }
 
-.blaze-ui-420 .tw\:text-sm {
+.blaze-ui-root .tw\:text-sm {
   font-size: var(--blaze-420-font-sm);
   line-height: var(--blaze-420-line-sm);
 }
 
-.blaze-ui-420 .tw\:text-base {
+.blaze-ui-root .tw\:text-base {
   font-size: var(--blaze-420-font-base);
   line-height: var(--blaze-420-line-base);
 }
 
 @media (min-width: 768px) {
-  .blaze-ui-420 .tw\:md\:text-sm {
+  .blaze-ui-root .tw\:md\:text-sm {
     font-size: var(--blaze-420-font-sm);
     line-height: var(--blaze-420-line-sm);
   }
 }
 
-.blaze-ui-420 .tw\:underline-offset-4 {
+.blaze-ui-root .tw\:underline-offset-4 {
   text-underline-offset: 4px;
 }
 
-.blaze-ui-420 a.tw\:ml-auto {
+.blaze-ui-root a.tw\:ml-auto {
   @apply tw:text-primary tw:hover:text-primary/90;
 }
 
-.blaze-ui-420 button[data-slot='switch'][data-state='checked'] {
+.blaze-ui-root button[data-slot='switch'][data-state='checked'] {
   background-color: var(--primary) !important;
 }
 
-.blaze-ui-420 button[data-slot='switch'][data-state='unchecked'] {
+.blaze-ui-root button[data-slot='switch'][data-state='unchecked'] {
   background-color: var(--input) !important;
 }
 
-.blaze-ui-420 [data-slot='segmented-control-item'][data-state='active'] {
+.blaze-ui-root [data-slot='segmented-control-item'][data-state='active'] {
   color: var(--primary-foreground) !important;
 }
 
-.blaze-ui-420 [data-slot='label'] > span[aria-hidden='true'] {
+.blaze-ui-root [data-slot='label']>span[aria-hidden='true'] {
   margin-left: var(--blaze-420-space-1);
 }
+
+.blaze-ui-root [data-slot='button-spinner'] svg {
+  stroke: currentColor;
+  fill: none;
+}
+
+/* ---break---  */
+
+@layer base {
+  * {
+    @apply tw:border-border tw:outline-ring/50;
+  }
+  body {
+    @apply tw:bg-background tw:text-foreground;
+  }
+}

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

@@ -0,0 +1,2 @@
+export declare function useIsMobile(): boolean;
+//# sourceMappingURL=use-mobile.d.ts.map

package/dist/hooks/use-mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile.d.ts","sourceRoot":"","sources":["../../src/hooks/use-mobile.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,YAc1B"}

package/dist/hooks/use-mobile.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+
+const MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+    const [isMobile, setIsMobile] = React.useState(undefined);
+    React.useEffect(() => {
+        const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+        const onChange = () => {
+            setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+        };
+        mql.addEventListener("change", onChange);
+        setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+        return () => mql.removeEventListener("change", onChange);
+    }, []);
+    return !!isMobile;
+}
+
+export { useIsMobile };

package/dist/index.d.ts

@@ -2,6 +2,7 @@ export * from "./components/button";
 export * from "./components/alert-dialog";
 export * from "./components/badge";
 export * from "./components/card";
+export * from "./components/dialog";
 export * from "./components/checkbox";
 export * from "./components/input";
 export * from "./components/label";
@@ -12,5 +13,44 @@ export * from "./components/scroll-area";
 export * from "./components/select";
 export * from "./components/sheet";
 export * from "./components/segmented-control";
+export * from "./components/accordion";
+export * from "./components/alert";
+export * from "./components/aspect-ratio";
+export * from "./components/avatar";
+export * from "./components/breadcrumb";
+export * from "./components/collapsible";
+export * from "./components/context-menu";
+export * from "./components/drawer";
+export * from "./components/dropdown-menu";
+export * from "./components/empty";
+export * from "./components/hover-card";
+export * from "./components/input-otp";
+export * from "./components/kbd";
+export * from "./components/menubar";
+export * from "./components/navigation-menu";
+export * from "./components/progress";
+export * from "./components/resizable";
+export * from "./components/separator";
+export * from "./components/skeleton";
+export * from "./components/slider";
+export * from "./components/sonner";
+export * from "./components/spinner";
+export * from "./components/table";
+export * from "./components/tabs";
+export * from "./components/textarea";
+export * from "./components/toggle";
+export * from "./components/tooltip";
+export * from "./hooks/use-mobile";
+export * from "./components/command";
+export * from "./components/item";
+export * from "./components/toggle-group";
+export * from "./components/button-group";
+export * from "./components/carousel";
+export * from "./components/pagination";
+export * from "./components/chart";
+export * from "./components/field";
+export * from "./components/form";
+export * from "./components/input-group";
+export * from "./components/sidebar";
 export * from "./lib/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":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,2BAA2B,CAAA;AACzC,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,2BAA2B,CAAA;AACzC,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,wBAAwB,CAAA;AACtC,cAAc,oBAAoB,CAAA;AAClC,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,oBAAoB,CAAA;AAClC,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,kBAAkB,CAAA;AAChC,cAAc,sBAAsB,CAAA;AACpC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,cAAc,sBAAsB,CAAA;AACpC,cAAc,mBAAmB,CAAA;AACjC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,aAAa,CAAA"}