@getgreenline/blaze-ui 1.0.2 → 1.0.3-3.0-beta

package/dist/globals.css

@@ -0,0 +1,646 @@
+@import "tailwindcss" prefix(tw);
+@source "../../../apps/**/*.{ts,tsx}";
+@source "../../../components/**/*.{ts,tsx}";
+@source "../**/*.{ts,tsx}";
+
+@import "tw-animate-css";
+
+@custom-variant dark (&:is(.dark *));
+
+:root {
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.3152 0.0198 242.4463);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.3152 0.0198 242.4463);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.3152 0.0198 242.4463);
+  --primary: oklch(0.689 0.1379 230.8);
+  --primary-foreground: oklch(1 0 0);
+  --secondary: oklch(0.6723 0.1606 244.9955);
+  --secondary-foreground: oklch(1 0 0);
+  --muted: oklch(0.968 0.007 247.896);
+  --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.9317 0.0118 231.6594);
+  --input: oklch(0.934 0.0127 228.93);
+  --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.16 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 0 0);
+  --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.354);
+  --font-sans: Roboto, ui-sans-serif, sans-serif, system-ui;
+  --font-serif: Georgia, serif;
+  --font-mono: Menlo, monospace;
+  --radius: 0.5rem;
+  --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 1px 3px 0px hsl(202.8169 89.1213% 53.1373% / 0.05);
+  --shadow-xs: 0px 1px 3px 0px hsl(202.8169 89.1213% 53.1373% / 0.05);
+  --shadow-sm: 0px 1px 3px 0px hsl(202.8169 89.1213% 53.1373% / 0.10), 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0.10);
+  --shadow: 0px 1px 3px 0px hsl(202.8169 89.1213% 53.1373% / 0.10), 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0.10);
+  --shadow-md: 0px 4px 6px 0px hsl(202.8169 89.1213% 53.1373% / 0.10), 0px 2px 4px -1px hsl(202.8169 89.1213% 53.1373% / 0.10);
+  --shadow-lg: 0px 10px 15px -3px hsl(202.8169 89.1213% 53.1373% / 0.10), 0px 4px 6px -1px hsl(202.8169 89.1213% 53.1373% / 0.10);
+  --shadow-xl: 0px 20px 25px -5px hsl(202.8169 89.1213% 53.1373% / 0.10), 0px 8px 10px -1px hsl(202.8169 89.1213% 53.1373% / 0.10);
+  --shadow-2xl: 0px 25px 50px -12px hsl(202.8169 89.1213% 53.1373% / 0.25);
+  --tracking-normal: 0em;
+  --spacing: 0.25rem;
+}
+
+.dark {
+  --background: oklch(0 0 0);
+  --foreground: oklch(0.9328 0.0025 228.7857);
+  --card: oklch(0.2097 0.008 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.011);
+  --primary-foreground: oklch(1 0 0);
+  --secondary: oklch(0.9622 0.0035 219.5331);
+  --secondary-foreground: oklch(0.1884 0.0128 248.5103);
+  --muted: oklch(0.209 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.011);
+  --destructive: oklch(0.6188 0.2376 25.7658);
+  --destructive-foreground: oklch(1 0 0);
+  --border: oklch(0.2674 0.0047 248.0045);
+  --input: oklch(0.302 0.0288 244.8244);
+  --ring: oklch(0.6818 0.1584 243.354);
+  --chart-1: oklch(0.6723 0.1606 244.9955);
+  --chart-2: oklch(0.6907 0.1554 160.3454);
+  --chart-3: oklch(0.8214 0.16 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.354);
+  --sidebar-primary-foreground: oklch(1 0 0);
+  --sidebar-accent: oklch(0.1928 0.0331 242.5459);
+  --sidebar-accent-foreground: oklch(0.6692 0.1607 245.011);
+  --sidebar-border: oklch(0.3795 0.022 240.5943);
+  --sidebar-ring: oklch(0.6818 0.1584 243.354);
+  --font-sans: Roboto, ui-sans-serif, sans-serif, system-ui;
+  --font-serif: Georgia, serif;
+  --font-mono: Menlo, monospace;
+  --radius: 0.5rem;
+  --shadow-x: 0px;
+  --shadow-y: 2px;
+  --shadow-blur: 0px;
+  --shadow-spread: 0px;
+  --shadow-opacity: 0;
+  --shadow-color: rgba(1, 6, 10, 0.15);
+  --shadow-2xs: 0px 1px 2px 0px hsl(202.8169 89.1213% 53.1373% / 0.05);
+  --shadow-xs: 0px 1px 2px 0px hsl(202.8169 89.1213% 53.1373% / 0.05);
+  --shadow-sm: 0px 1px 3px 0px hsl(202.8169 89.1213% 53.1373% / 0.10), 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0.10);
+  --shadow: 0px 1px 3px 0px hsl(202.8169 89.1213% 53.1373% / 0.10), 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0.10);
+  --shadow-md: 0px 1px 6px -1px hsl(202.8169 89.1213% 53.1373% / 0.10), 0px 2px 4px -1px hsl(202.8169 89.1213% 53.1373% / 0.10);
+  --shadow-lg: 0px 10px 15px -3px hsl(202.8169 89.1213% 53.1373% / 0.10), 0px 4px 6px -1px hsl(202.8169 89.1213% 53.1373% / 0.10);
+  --shadow-xl: 0px 20px 25px -5px hsl(202.8169 89.1213% 53.1373% / 0.10), 0px 8px 10px -1px hsl(202.8169 89.1213% 53.1373% / 0.10);
+  --shadow-2xl: 0px 25px 50px -12px hsl(202.8169 89.1213% 53.1373% / 0.25);
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --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);
+  --shadow: var(--shadow);
+  --shadow-md: var(--shadow-md);
+  --shadow-lg: var(--shadow-lg);
+  --shadow-xl: var(--shadow-xl);
+  --shadow-2xl: var(--shadow-2xl);
+  --color-sky-500: #0ea5e9;
+  --color-sky-600: #0284c7;
+}
+
+@layer base {
+  * {
+    @apply tw:border-border tw:outline-ring/50;
+  }
+
+  body {
+    @apply tw:bg-background tw:text-foreground;
+  }
+}
+
+/* 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;
+  --blaze-420-line-base: 24px;
+  --blaze-420-radius-md: 6px;
+  --blaze-420-radius-full: 9999px;
+  --blaze-420-space-1: 4px;
+  --blaze-420-space-2: 8px;
+  --blaze-420-space-3: 12px;
+  --blaze-420-space-4: 16px;
+  --blaze-420-space-6: 24px;
+  --blaze-420-height-9: 36px;
+  --blaze-420-switch-height: 18.4px;
+  --blaze-420-switch-width: 32px;
+  --blaze-420-thumb-size: 16px;
+  @apply tw:text-foreground tw:font-sans;
+}
+
+.blaze-ui-root button[data-slot="button"],
+.blaze-ui-root button[data-slot="switch"] {
+  color: inherit;
+  box-shadow: none;
+  font: inherit;
+}
+
+.blaze-ui-root button[data-slot="button"] {
+  background-color: initial;
+  min-height: var(--blaze-420-height-9);
+  height: var(--blaze-420-height-9);
+  padding: var(--blaze-420-space-2) var(--blaze-420-space-4);
+  border-radius: var(--blaze-420-radius-md);
+  gap: var(--blaze-420-space-2);
+  font-size: var(--blaze-420-font-sm);
+  line-height: var(--blaze-420-line-sm);
+}
+
+.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);
+}
+
+/* SelectionPanel utility classes - Blaze 420 scoped overrides */
+
+/* Typography */
+.blaze-ui-root .tw\:text-lg {
+  font-size: 18px;
+  line-height: 28px;
+}
+
+.blaze-ui-root .tw\:text-lg\! {
+  font-size: 18px !important;
+  line-height: 28px !important;
+}
+
+.blaze-ui-root .tw\:font-semibold {
+  font-weight: 600;
+}
+
+.blaze-ui-root .tw\:\!font-semibold {
+  font-weight: 600 !important;
+}
+
+/* Layout - Flexbox */
+.blaze-ui-root .tw\:flex {
+  display: flex;
+}
+
+.blaze-ui-root .tw\:\!flex {
+  display: flex !important;
+}
+
+.blaze-ui-root .tw\:flex-col {
+  flex-direction: column;
+}
+
+.blaze-ui-root .tw\:\!flex-col {
+  flex-direction: column !important;
+}
+
+.blaze-ui-root .tw\:flex-row {
+  flex-direction: row;
+}
+
+.blaze-ui-root .tw\:\!flex-row {
+  flex-direction: row !important;
+}
+
+.blaze-ui-root .tw\:flex-1 {
+  flex: 1 1 0%;
+}
+
+.blaze-ui-root .tw\:\!flex-1 {
+  flex: 1 1 0% !important;
+}
+
+.blaze-ui-root .tw\:items-center {
+  align-items: center;
+}
+
+.blaze-ui-root .tw\:\!items-center {
+  align-items: center !important;
+}
+
+.blaze-ui-root .tw\:justify-between {
+  justify-content: space-between;
+}
+
+.blaze-ui-root .tw\:\!justify-between {
+  justify-content: space-between !important;
+}
+
+.blaze-ui-root .tw\:justify-end {
+  justify-content: flex-end;
+}
+
+.blaze-ui-root .tw\:\!justify-end {
+  justify-content: flex-end !important;
+}
+
+/* Sizing */
+.blaze-ui-root .tw\:h-full {
+  height: 100%;
+}
+
+.blaze-ui-root .tw\:\!h-full {
+  height: 100% !important;
+}
+
+.blaze-ui-root .tw\:w-1\/2 {
+  width: 50%;
+}
+
+.blaze-ui-root .tw\:\!w-1\/2 {
+  width: 50% !important;
+}
+
+/* Overflow */
+.blaze-ui-root .tw\:overflow-hidden {
+  overflow: hidden;
+}
+
+.blaze-ui-root .tw\:\!overflow-hidden {
+  overflow: hidden !important;
+}
+
+/* Spacing - Padding */
+.blaze-ui-root .tw\:p-0 {
+  padding: 0;
+}
+
+.blaze-ui-root .tw\:\!p-0 {
+  padding: 0 !important;
+}
+
+.blaze-ui-root .tw\:p-2 {
+  padding: var(--blaze-420-space-2);
+}
+
+.blaze-ui-root .tw\:\!p-2 {
+  padding: var(--blaze-420-space-2) !important;
+}
+
+.blaze-ui-root .tw\:p-4 {
+  padding: var(--blaze-420-space-4);
+}
+
+.blaze-ui-root .tw\:\!p-4 {
+  padding: var(--blaze-420-space-4) !important;
+}
+
+.blaze-ui-root .tw\:px-0 {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.blaze-ui-root .tw\:\!px-0 {
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+}
+
+/* Spacing - Margin */
+.blaze-ui-root .tw\:mb-3 {
+  margin-bottom: var(--blaze-420-space-3);
+}
+
+.blaze-ui-root .tw\:\!mb-3 {
+  margin-bottom: var(--blaze-420-space-3) !important;
+}
+
+.blaze-ui-root .tw\:mt-3 {
+  margin-top: var(--blaze-420-space-3);
+}
+
+.blaze-ui-root .tw\:\!mt-3 {
+  margin-top: var(--blaze-420-space-3) !important;
+}
+
+/* Borders */
+.blaze-ui-root .tw\:border-b {
+  border-bottom-width: 1px;
+}
+
+.blaze-ui-root .tw\:\!border-b {
+  border-bottom-width: 1px !important;
+}
+
+.blaze-ui-root .tw\:border-t {
+  border-top-width: 1px;
+}
+
+.blaze-ui-root .tw\:\!border-t {
+  border-top-width: 1px !important;
+}
+
+.blaze-ui-root .tw\:border-r {
+  border-right-width: 1px;
+}
+
+.blaze-ui-root .tw\:\!border-r {
+  border-right-width: 1px !important;
+}
+
+/* Colors */
+.blaze-ui-root .tw\:text-muted-foreground {
+  color: hsl(var(--muted-foreground));
+}
+
+.blaze-ui-root .tw\:\!text-muted-foreground {
+  color: hsl(var(--muted-foreground)) !important;
+}
+
+.blaze-ui-root .tw\:text-primary {
+  color: hsl(var(--primary));
+}
+
+.blaze-ui-root .tw\:\!text-primary {
+  color: hsl(var(--primary)) !important;
+}
+
+/* Z-index */
+.blaze-ui-root .tw\:z-\[1200\] {
+  z-index: 1200;
+}
+
+.blaze-ui-root .tw\:\!z-\[1200\] {
+  z-index: 1200 !important;
+}
+
+.blaze-ui-root button[data-slot="switch"] {
+  background-color: initial;
+  width: var(--blaze-420-switch-width);
+  min-width: var(--blaze-420-switch-width);
+  height: var(--blaze-420-switch-height);
+  padding: 0;
+  border-radius: var(--blaze-420-radius-full);
+}
+
+.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-root button[data-slot="button"].tw\:bg-primary {
+  @apply tw:bg-primary;
+}
+
+.blaze-ui-root button[data-slot="button"].tw\:bg-destructive {
+  @apply tw:bg-destructive;
+}
+
+.blaze-ui-root button[data-slot="button"].tw\:bg-secondary {
+  @apply tw:bg-secondary;
+}
+
+.blaze-ui-root button[data-slot="button"].tw\:bg-background {
+  @apply tw:bg-background;
+}
+
+.blaze-ui-root button[data-slot="button"].tw\:text-primary-foreground {
+  @apply tw:text-primary-foreground;
+}
+
+.blaze-ui-root button[data-slot="button"].tw\:text-white {
+  @apply tw:text-white;
+}
+
+.blaze-ui-root button[data-slot="button"].tw\:text-secondary-foreground {
+  @apply tw:text-secondary-foreground;
+}
+
+.blaze-ui-root button[data-slot="button"].tw\:text-primary {
+  @apply tw:text-primary;
+}
+
+.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-root button[data-slot="button"].tw\:border {
+  @apply tw:border tw:border-border;
+}
+
+.blaze-ui-root button[data-slot="switch"].tw\:border {
+  @apply tw:border tw:border-transparent;
+}
+
+.blaze-ui-root .tw\:rounded-md {
+  border-radius: var(--blaze-420-radius-md);
+}
+
+.blaze-ui-root .tw\:gap-1 {
+  gap: var(--blaze-420-space-1);
+}
+
+.blaze-ui-root .tw\:gap-2 {
+  gap: var(--blaze-420-space-2);
+}
+
+.blaze-ui-root .tw\:gap-6 {
+  gap: var(--blaze-420-space-6);
+}
+
+.blaze-ui-root .tw\:p-1 {
+  padding: var(--blaze-420-space-1);
+}
+
+.blaze-ui-root .tw\:p-4 {
+  padding: var(--blaze-420-space-4);
+}
+
+.blaze-ui-root .tw\:px-3 {
+  padding-left: var(--blaze-420-space-3);
+  padding-right: var(--blaze-420-space-3);
+}
+
+.blaze-ui-root .tw\:px-4 {
+  padding-left: var(--blaze-420-space-4);
+  padding-right: var(--blaze-420-space-4);
+}
+
+.blaze-ui-root .tw\:py-1 {
+  padding-top: var(--blaze-420-space-1);
+  padding-bottom: var(--blaze-420-space-1);
+}
+
+.blaze-ui-root .tw\:py-2 {
+  padding-top: var(--blaze-420-space-2);
+  padding-bottom: var(--blaze-420-space-2);
+}
+
+.blaze-ui-root .tw\:mr-4 {
+  margin-right: var(--blaze-420-space-4);
+}
+
+.blaze-ui-root .tw\:h-9 {
+  height: var(--blaze-420-height-9);
+}
+
+.blaze-ui-root .tw\:min-h-9 {
+  min-height: var(--blaze-420-height-9);
+}
+
+.blaze-ui-root .tw\:size-4 {
+  width: var(--blaze-420-thumb-size);
+  height: var(--blaze-420-thumb-size);
+}
+
+.blaze-ui-root .tw\:w-8 {
+  width: var(--blaze-420-switch-width);
+}
+
+.blaze-ui-root .tw\:h-\[1\.15rem\] {
+  height: var(--blaze-420-switch-height);
+}
+
+.blaze-ui-root .tw\:text-sm {
+  font-size: var(--blaze-420-font-sm);
+  line-height: var(--blaze-420-line-sm);
+}
+
+.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-root .tw\:md\:text-sm {
+    font-size: var(--blaze-420-font-sm);
+    line-height: var(--blaze-420-line-sm);
+  }
+}
+
+.blaze-ui-root .tw\:underline-offset-4 {
+  text-underline-offset: 4px;
+}
+
+.blaze-ui-root a.tw\:ml-auto {
+  @apply tw:text-primary tw:hover:text-primary/90;
+}
+
+.blaze-ui-root button[data-slot="switch"][data-state="checked"] {
+  background-color: var(--primary) !important;
+}
+
+.blaze-ui-root button[data-slot='switch'][data-state='unchecked'] {
+  background-color: var(--border) !important;
+}
+
+.dark .blaze-ui-root button[data-slot='switch'][data-state='unchecked'] {
+  background-color: var(--input) !important;
+}
+
+.blaze-ui-root [data-slot="segmented-control-item"][data-state="active"] {
+  color: var(--primary-foreground) !important;
+}
+
+.blaze-ui-root [data-slot="tabs-list"] {
+  background-color: var(--muted);
+  color: var(--muted-foreground);
+}
+
+.blaze-ui-root [data-slot="tabs-trigger"][data-state="active"] {
+  background-color: var(--background);
+  color: var(--foreground);
+  box-shadow: var(--shadow-sm);
+}
+
+.blaze-ui-root [data-slot="button-group"] {
+  display: flex;
+  width: fit-content;
+  align-items: stretch;
+}
+
+.blaze-ui-root [data-slot="button-group"] > *:not(:first-child) {
+  border-top-left-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
+  border-left-width: 0 !important;
+}
+
+.blaze-ui-root [data-slot="button-group"] > *:not(:last-child) {
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+
+.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 };