@lucasbernardosn/react-ui 0.1.0 → 0.3.0

package/dist/components/typography/pre/pre.js.map

@@ -1 +1 @@
-{"version":3,"file":"pre.js","names":[],"sources":["../../../../src/components/typography/pre/pre.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { createSplitProps, type MergeOverride } from '@lucasbernardosn/utils';\nimport { mergeTwClassNames } from '#utils';\nimport { type PreVariants, preVariants } from './pre-variants';\n\n/**\n * Props do `Pre`: as variantes visuais e as props do elemento renderizado.\n */\nexport type PreProps = MergeOverride<\n  useRender.ComponentProps<'pre'>,\n  PreVariants\n>;\n\nconst splitVariantProps = createSplitProps<PreVariants>();\n\n/**\n * Bloco de texto pré-formatado: trecho de código, log, saída de terminal.\n *\n * Mantém espaços e quebras de linha, e uma linha longa rola na horizontal\n * dentro do bloco. Para quebrar a linha em vez de rolar, use\n * `className=\"whitespace-pre-wrap\"`; o `wrap-break-word` da base quebra também\n * o token sem espaço.\n *\n * Sai com `tabIndex={0}` para a rolagem funcionar pelo teclado; num bloco que\n * nunca rola, `tabIndex={-1}` tira a parada do `Tab`.\n *\n * @example\n * ```tsx\n * <Pre>{`pnpm add @lucasbernardosn/react-ui`}</Pre>\n *\n * <Pre\n *   variant=\"subtle\"\n *   colorScheme=\"red\"\n * >\n *   {log}\n * </Pre>\n * ```\n */\nexport const Pre = (props: PreProps) => {\n  const [variantProps, elementProps] = splitVariantProps(props, [\n    'colorScheme',\n    'size',\n    'variant',\n  ]);\n\n  const { render, className, ...rest } = elementProps;\n\n  const baseProps = {\n    'data-component': 'Pre',\n    tabIndex: 0,\n    className: mergeTwClassNames(preVariants(variantProps), className),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'pre',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nPre.displayName = 'Pre';\n"],"mappings":";;;;;AAaA,MAAM,oBAAoB,iBAA8B;;;;;;;;;;;;;;;;;;;;;;;;AAyBxD,MAAa,OAAO,UAAoB;CACtC,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO;EAC5D;EACA;EACA;CACF,CAAC;CAED,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,UAAU;EACV,WAAW,kBAAkB,YAAY,YAAY,GAAG,SAAS;CACnE;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,IAAI,cAAc"}
+{"version":3,"file":"pre.js","names":[],"sources":["../../../../src/components/typography/pre/pre.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport {\n  createSplitProps,\n  type MergeOverride,\n} from '@lucasbernardosn/ts-utils';\nimport { mergeTwClassNames } from '#utils';\nimport { type PreVariants, preVariants } from './pre-variants';\n\n/**\n * Props do `Pre`: as variantes visuais e as props do elemento renderizado.\n */\nexport type PreProps = MergeOverride<\n  useRender.ComponentProps<'pre'>,\n  PreVariants\n>;\n\nconst splitVariantProps = createSplitProps<PreVariants>();\n\n/**\n * Bloco de texto pré-formatado: trecho de código, log, saída de terminal.\n *\n * Mantém espaços e quebras de linha, e uma linha longa rola na horizontal\n * dentro do bloco. Para quebrar a linha em vez de rolar, use\n * `className=\"whitespace-pre-wrap\"`; o `wrap-break-word` da base quebra também\n * o token sem espaço.\n *\n * Sai com `tabIndex={0}` para a rolagem funcionar pelo teclado; num bloco que\n * nunca rola, `tabIndex={-1}` tira a parada do `Tab`.\n *\n * @example\n * ```tsx\n * <Pre>{`pnpm add @lucasbernardosn/react-ui`}</Pre>\n *\n * <Pre\n *   variant=\"subtle\"\n *   colorScheme=\"red\"\n * >\n *   {log}\n * </Pre>\n * ```\n */\nexport const Pre = (props: PreProps) => {\n  const [variantProps, elementProps] = splitVariantProps(props, [\n    'colorScheme',\n    'variant',\n  ]);\n\n  const { render, className, ...rest } = elementProps;\n\n  const baseProps = {\n    'data-component': 'Pre',\n    tabIndex: 0,\n    className: mergeTwClassNames(preVariants(variantProps), className),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'pre',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nPre.displayName = 'Pre';\n"],"mappings":";;;;;AAgBA,MAAM,oBAAoB,iBAA8B;;;;;;;;;;;;;;;;;;;;;;;;AAyBxD,MAAa,OAAO,UAAoB;CACtC,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO,CAC5D,eACA,SACF,CAAC;CAED,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,UAAU;EACV,WAAW,kBAAkB,YAAY,YAAY,GAAG,SAAS;CACnE;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,IAAI,cAAc"}

package/dist/components/utilities/for/for.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { UnknownLooseValue } from "@lucasbernardosn/utils";
+import { UnknownLooseValue } from "@lucasbernardosn/ts-utils";
 //#region src/components/utilities/for/for.d.ts
 export type ForProps<TElementValue extends UnknownLooseValue> = {
   /**

package/dist/components/utilities/for/for.js.map

@@ -1 +1 @@
-{"version":3,"file":"for.js","names":[],"sources":["../../../../src/components/utilities/for/for.tsx"],"sourcesContent":["import type { UnknownLooseValue } from '@lucasbernardosn/utils';\nimport type React from 'react';\n\nexport type ForProps<TElementValue extends UnknownLooseValue> = {\n  /**\n   * Array a ser iterado. Com `null` ou `undefined` (dado ainda não carregado), não renderiza\n   * nada.\n   */\n  each: TElementValue[] | readonly TElementValue[] | null | undefined;\n  /**\n   * Conteúdo exibido quando o array está vazio\n   */\n  fallback?: React.ReactNode | undefined;\n  /**\n   * Função que renderiza cada item do array\n   */\n  children: (item: TElementValue, index: number) => React.ReactNode;\n};\n\n/**\n * Renderiza `children` para cada item de `each`, e `fallback` quando o array está vazio. Com\n * `each` `null` ou `undefined`, não renderiza nada. A `key` de cada item fica com quem usa.\n *\n * @example\n * ```tsx\n * <For each={users} fallback={<EmptyState.Root>…</EmptyState.Root>}>\n *   {(user) => <li key={user.id}>{user.name}</li>}\n * </For>\n * ```\n */\nexport const For = <TElementValue extends UnknownLooseValue>(\n  props: ForProps<TElementValue>,\n): React.ReactNode => {\n  const { each, fallback, children } = props;\n\n  if (each?.length === 0) {\n    return fallback ?? null;\n  }\n\n  return each?.map(children) ?? null;\n};\n\nFor.displayName = 'For';\n"],"mappings":";;;;;;;;;;;;AA8BA,MAAa,OACX,UACoB;CACpB,MAAM,EAAE,MAAM,UAAU,aAAa;CAErC,IAAI,MAAM,WAAW,GACnB,OAAO,YAAY;CAGrB,OAAO,MAAM,IAAI,QAAQ,KAAK;AAChC;AAEA,IAAI,cAAc"}
+{"version":3,"file":"for.js","names":[],"sources":["../../../../src/components/utilities/for/for.tsx"],"sourcesContent":["import type { UnknownLooseValue } from '@lucasbernardosn/ts-utils';\nimport type React from 'react';\n\nexport type ForProps<TElementValue extends UnknownLooseValue> = {\n  /**\n   * Array a ser iterado. Com `null` ou `undefined` (dado ainda não carregado), não renderiza\n   * nada.\n   */\n  each: TElementValue[] | readonly TElementValue[] | null | undefined;\n  /**\n   * Conteúdo exibido quando o array está vazio\n   */\n  fallback?: React.ReactNode | undefined;\n  /**\n   * Função que renderiza cada item do array\n   */\n  children: (item: TElementValue, index: number) => React.ReactNode;\n};\n\n/**\n * Renderiza `children` para cada item de `each`, e `fallback` quando o array está vazio. Com\n * `each` `null` ou `undefined`, não renderiza nada. A `key` de cada item fica com quem usa.\n *\n * @example\n * ```tsx\n * <For each={users} fallback={<EmptyState.Root>…</EmptyState.Root>}>\n *   {(user) => <li key={user.id}>{user.name}</li>}\n * </For>\n * ```\n */\nexport const For = <TElementValue extends UnknownLooseValue>(\n  props: ForProps<TElementValue>,\n): React.ReactNode => {\n  const { each, fallback, children } = props;\n\n  if (each?.length === 0) {\n    return fallback ?? null;\n  }\n\n  return each?.map(children) ?? null;\n};\n\nFor.displayName = 'For';\n"],"mappings":";;;;;;;;;;;;AA8BA,MAAa,OACX,UACoB;CACpB,MAAM,EAAE,MAAM,UAAU,aAAa;CAErC,IAAI,MAAM,WAAW,GACnB,OAAO,YAAY;CAGrB,OAAO,MAAM,IAAI,QAAQ,KAAK;AAChC;AAEA,IAAI,cAAc"}

package/dist/hooks/index.d.ts

@@ -1,3 +1,3 @@
-import { BREAKPOINTS, Breakpoint, useIsBelowMediumScreen, useIsBreakpoint } from "./use-breakpoint.js";
+import { BREAKPOINTS, Breakpoint, BreakpointsConfig, UseBreakpointOptions, useIsBreakpoint, useResponsiveBreakpoint } from "./use-breakpoint.js";
 import { useIsPointerPrimaryDevice, useIsTouchPrimaryDevice, usePointerType } from "./use-pointer-type.js";
-export { BREAKPOINTS, Breakpoint, useIsBelowMediumScreen, useIsBreakpoint, useIsPointerPrimaryDevice, useIsTouchPrimaryDevice, usePointerType };
+export { BREAKPOINTS, Breakpoint, BreakpointsConfig, UseBreakpointOptions, useIsBreakpoint, useIsPointerPrimaryDevice, useIsTouchPrimaryDevice, usePointerType, useResponsiveBreakpoint };

package/dist/hooks/index.js

@@ -1,3 +1,3 @@
-import { BREAKPOINTS, useIsBelowMediumScreen, useIsBreakpoint } from "./use-breakpoint.js";
+import { BREAKPOINTS, useIsBreakpoint, useResponsiveBreakpoint } from "./use-breakpoint.js";
 import { useIsPointerPrimaryDevice, useIsTouchPrimaryDevice, usePointerType } from "./use-pointer-type.js";
-export { BREAKPOINTS, useIsBelowMediumScreen, useIsBreakpoint, useIsPointerPrimaryDevice, useIsTouchPrimaryDevice, usePointerType };
+export { BREAKPOINTS, useIsBreakpoint, useIsPointerPrimaryDevice, useIsTouchPrimaryDevice, usePointerType, useResponsiveBreakpoint };

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

@@ -35,22 +35,35 @@ export declare const BREAKPOINTS: {
  */
 export type Breakpoint = keyof typeof BREAKPOINTS;
 /**
- * Monitora continuamente se um breakpoint específico está ativo na viewport atual.
- *
- * O hook se registra para escutar mudanças na media query e remove automaticamente
- * os listeners quando o componente é desmontado, evitando vazamentos de memória.
- *
- * Segue o mesmo comportamento do Tailwind CSS (mobile-first com min-width).
+ * Mapa de nome do breakpoint para a largura mínima, com unidade CSS (ex: `'48rem'`).
+ */
+export type BreakpointsConfig = Record<string, string>;
+export type UseBreakpointOptions<TBreakpoints extends BreakpointsConfig> = {
+  /**
+   * Breakpoints em `min-width`, com unidade CSS. Declare em ordem crescente de largura.
+   *
+   * @default BREAKPOINTS
+   */
+  breakpoints?: TBreakpoints;
+};
+/**
+ * Indica se a tela está no breakpoint ou acima (mobile-first com `min-width`, como o Tailwind).
  *
- * @param breakpoint - Identificador do breakpoint conforme definido na constante BREAKPOINTS.
- * @returns Verdadeiro quando a viewport atual é maior ou igual ao breakpoint especificado (min-width), falso caso contrário.
+ * Sem `options.breakpoints`, usa {@link BREAKPOINTS}. O nome aceito vem da config passada.
  */
-export declare const useIsBreakpoint: (breakpoint: Breakpoint) => boolean;
+export declare const useIsBreakpoint: <TBreakpoints extends BreakpointsConfig = typeof BREAKPOINTS>(breakpoint: keyof TBreakpoints, options?: UseBreakpointOptions<TBreakpoints>) => boolean;
 /**
- * Indica se a viewport atual está abaixo da tela média (breakpoint `md`).
+ * Devolve o maior breakpoint ativo agora.
+ *
+ * A ordem é a de declaração da config, não a dos valores: o maior ativo é o último declarado cuja
+ * media query casa. Assim unidades mistas (`rem`, `px`) valem sem conversão manual, e o
+ * navegador decide se cada uma casa. Por isso a config precisa estar em ordem crescente, como o
+ * {@link BREAKPOINTS}. Abaixo de todos, devolve o primeiro declarado (no padrão, `base`), que
+ * também é o valor no servidor.
  *
- * @returns Verdadeiro quando a viewport é menor que o breakpoint `md`, falso caso contrário.
+ * Um objeto `breakpoints` literal passado a cada render não reassina as media queries: a
+ * assinatura só muda quando os valores mudam.
  */
-export declare const useIsBelowMediumScreen: () => boolean;
+export declare const useResponsiveBreakpoint: <TBreakpoints extends BreakpointsConfig = typeof BREAKPOINTS>(options?: UseBreakpointOptions<TBreakpoints>) => keyof TBreakpoints;
 //#endregion
 //# sourceMappingURL=use-breakpoint.d.ts.map

package/dist/hooks/use-breakpoint.js

@@ -1,4 +1,5 @@
-import { useLayoutEffect, useState } from "react";
+import { useMediaQuery } from "@lucasbernardosn/react-utils";
+import { useMemo, useSyncExternalStore } from "react";
 //#region src/hooks/use-breakpoint.ts
 /**
 * Define os breakpoints de tela utilizados para media queries responsivas.
@@ -28,41 +29,56 @@ const BREAKPOINTS = {
 	/** Dispositivos extra extra grandes - 1536px (96rem) */
 	"2xl": "96rem"
 };
+const getMinWidthQuery = (value) => `(min-width: ${value})`;
 /**
-* Monitora continuamente se um breakpoint específico está ativo na viewport atual.
-*
-* O hook se registra para escutar mudanças na media query e remove automaticamente
-* os listeners quando o componente é desmontado, evitando vazamentos de memória.
-*
-* Segue o mesmo comportamento do Tailwind CSS (mobile-first com min-width).
+* Confere se o nome é uma chave da config. O `Object.entries` devolve as chaves como `string`.
+*/
+const isConfigKey = (config, name) => Object.hasOwn(config, name);
+/**
+* Indica se a tela está no breakpoint ou acima (mobile-first com `min-width`, como o Tailwind).
 *
-* @param breakpoint - Identificador do breakpoint conforme definido na constante BREAKPOINTS.
-* @returns Verdadeiro quando a viewport atual é maior ou igual ao breakpoint especificado (min-width), falso caso contrário.
+* Sem `options.breakpoints`, usa {@link BREAKPOINTS}. O nome aceito vem da config passada.
 */
-const useIsBreakpoint = (breakpoint) => {
-	const [breakpointMatch, setBreakPointMatch] = useState(false);
-	useLayoutEffect(() => {
-		const mediaQuery = window.matchMedia(`(min-width: ${BREAKPOINTS[breakpoint]})`);
-		const listener = (evento) => {
-			setBreakPointMatch(evento.matches);
-		};
-		setBreakPointMatch(mediaQuery.matches);
-		mediaQuery.addEventListener("change", listener);
-		return () => {
-			mediaQuery.removeEventListener("change", listener);
-		};
-	}, [breakpoint]);
-	return breakpointMatch;
+const useIsBreakpoint = (breakpoint, options) => {
+	const breakpoints = options?.breakpoints ?? BREAKPOINTS;
+	const value = Object.entries(breakpoints).find(([name]) => name === breakpoint)?.[1];
+	/** `not all` nunca casa: um nome fora da config fica sempre falso. */
+	return useMediaQuery(value === void 0 ? "not all" : getMinWidthQuery(value));
 };
 /**
-* Indica se a viewport atual está abaixo da tela média (breakpoint `md`).
+* Devolve o maior breakpoint ativo agora.
+*
+* A ordem é a de declaração da config, não a dos valores: o maior ativo é o último declarado cuja
+* media query casa. Assim unidades mistas (`rem`, `px`) valem sem conversão manual, e o
+* navegador decide se cada uma casa. Por isso a config precisa estar em ordem crescente, como o
+* {@link BREAKPOINTS}. Abaixo de todos, devolve o primeiro declarado (no padrão, `base`), que
+* também é o valor no servidor.
 *
-* @returns Verdadeiro quando a viewport é menor que o breakpoint `md`, falso caso contrário.
+* Um objeto `breakpoints` literal passado a cada render não reassina as media queries: a
+* assinatura só muda quando os valores mudam.
 */
-const useIsBelowMediumScreen = () => {
-	return useIsBreakpoint("md") === false;
+const useResponsiveBreakpoint = (options) => {
+	const breakpoints = options?.breakpoints ?? BREAKPOINTS;
+	const key = JSON.stringify(Object.entries(breakpoints));
+	const entries = useMemo(() => Object.entries(breakpoints).flatMap(([name, value]) => isConfigKey(breakpoints, name) ? [{
+		name,
+		query: getMinWidthQuery(value)
+	}] : []), [key]);
+	const subscribe = useMemo(() => (onStoreChange) => {
+		const lists = entries.map(({ query }) => window.matchMedia(query));
+		for (const list of lists) list.addEventListener("change", onStoreChange);
+		return () => {
+			for (const list of lists) list.removeEventListener("change", onStoreChange);
+		};
+	}, [entries]);
+	const floor = entries[0]?.name;
+	if (floor === void 0) throw new Error("useResponsiveBreakpoint: a config não tem breakpoints.");
+	const getSnapshot = () => {
+		return entries.findLast(({ query }) => window.matchMedia(query).matches)?.name ?? floor;
+	};
+	return useSyncExternalStore(subscribe, getSnapshot, () => floor);
 };
 //#endregion
-export { BREAKPOINTS, useIsBelowMediumScreen, useIsBreakpoint };
+export { BREAKPOINTS, useIsBreakpoint, useResponsiveBreakpoint };
 
 //# sourceMappingURL=use-breakpoint.js.map

package/dist/hooks/use-breakpoint.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-breakpoint.js","names":[],"sources":["../../src/hooks/use-breakpoint.ts"],"sourcesContent":["import { useLayoutEffect, useState } from 'react';\n\n/**\n * Define os breakpoints de tela utilizados para media queries responsivas.\n *\n * Cada breakpoint é especificado em rem para garantir acessibilidade e\n * consistência visual em diferentes dispositivos. Segue o padrão mobile-first,\n * onde o design base é otimizado para dispositivos móveis.\n *\n */\nexport const BREAKPOINTS = {\n  /** Base para mobile-first, sem media query aplicada */\n  base: '0',\n  /** Dispositivos extra extra pequenos - 320px (20rem) */\n  '3xs': '20rem',\n  /** Dispositivos extra pequenos - 375px (24rem) */\n  '2xs': '24rem',\n  /** Dispositivos extra pequenos - 448px (28rem) */\n  xs: '28rem',\n  /** Dispositivos pequenos - 640px (40rem) */\n  sm: '40rem',\n  /** Dispositivos médios - 768px (48rem) */\n  md: '48rem',\n  /** Dispositivos grandes - 1024px (64rem) */\n  lg: '64rem',\n  /** Dispositivos extra grandes - 1280px (80rem) */\n  xl: '80rem',\n  /** Dispositivos extra extra grandes - 1536px (96rem) */\n  '2xl': '96rem',\n} as const;\n\n/**\n * Tipo que representa as chaves dos breakpoints de tela disponíveis.\n *\n * Utilizado para garantir tipagem segura em componentes e hooks responsivos,\n * permitindo apenas valores válidos de breakpoint.\n */\nexport type Breakpoint = keyof typeof BREAKPOINTS;\n\n/**\n * Monitora continuamente se um breakpoint específico está ativo na viewport atual.\n *\n * O hook se registra para escutar mudanças na media query e remove automaticamente\n * os listeners quando o componente é desmontado, evitando vazamentos de memória.\n *\n * Segue o mesmo comportamento do Tailwind CSS (mobile-first com min-width).\n *\n * @param breakpoint - Identificador do breakpoint conforme definido na constante BREAKPOINTS.\n * @returns Verdadeiro quando a viewport atual é maior ou igual ao breakpoint especificado (min-width), falso caso contrário.\n */\nexport const useIsBreakpoint = (breakpoint: Breakpoint): boolean => {\n  const [breakpointMatch, setBreakPointMatch] = useState(false);\n\n  useLayoutEffect(() => {\n    const mediaQuery = window.matchMedia(\n      `(min-width: ${BREAKPOINTS[breakpoint]})`,\n    );\n\n    const listener = (evento: MediaQueryListEvent) => {\n      setBreakPointMatch(evento.matches);\n    };\n\n    setBreakPointMatch(mediaQuery.matches);\n\n    mediaQuery.addEventListener('change', listener);\n\n    return () => {\n      mediaQuery.removeEventListener('change', listener);\n    };\n  }, [breakpoint]);\n\n  return breakpointMatch;\n};\n\n/**\n * Indica se a viewport atual está abaixo da tela média (breakpoint `md`).\n *\n * @returns Verdadeiro quando a viewport é menor que o breakpoint `md`, falso caso contrário.\n */\nexport const useIsBelowMediumScreen = (): boolean => {\n  return useIsBreakpoint('md') === false;\n};\n"],"mappings":";;;;;;;;;;AAUA,MAAa,cAAc;;CAEzB,MAAM;;CAEN,OAAO;;CAEP,OAAO;;CAEP,IAAI;;CAEJ,IAAI;;CAEJ,IAAI;;CAEJ,IAAI;;CAEJ,IAAI;;CAEJ,OAAO;AACT;;;;;;;;;;;;AAqBA,MAAa,mBAAmB,eAAoC;CAClE,MAAM,CAAC,iBAAiB,sBAAsB,SAAS,KAAK;CAE5D,sBAAsB;EACpB,MAAM,aAAa,OAAO,WACxB,eAAe,YAAY,YAAY,EACzC;EAEA,MAAM,YAAY,WAAgC;GAChD,mBAAmB,OAAO,OAAO;EACnC;EAEA,mBAAmB,WAAW,OAAO;EAErC,WAAW,iBAAiB,UAAU,QAAQ;EAE9C,aAAa;GACX,WAAW,oBAAoB,UAAU,QAAQ;EACnD;CACF,GAAG,CAAC,UAAU,CAAC;CAEf,OAAO;AACT;;;;;;AAOA,MAAa,+BAAwC;CACnD,OAAO,gBAAgB,IAAI,MAAM;AACnC"}
+{"version":3,"file":"use-breakpoint.js","names":[],"sources":["../../src/hooks/use-breakpoint.ts"],"sourcesContent":["import { useMediaQuery } from '@lucasbernardosn/react-utils';\nimport { useMemo, useSyncExternalStore } from 'react';\n\n/**\n * Define os breakpoints de tela utilizados para media queries responsivas.\n *\n * Cada breakpoint é especificado em rem para garantir acessibilidade e\n * consistência visual em diferentes dispositivos. Segue o padrão mobile-first,\n * onde o design base é otimizado para dispositivos móveis.\n *\n */\nexport const BREAKPOINTS = {\n  /** Base para mobile-first, sem media query aplicada */\n  base: '0',\n  /** Dispositivos extra extra pequenos - 320px (20rem) */\n  '3xs': '20rem',\n  /** Dispositivos extra pequenos - 375px (24rem) */\n  '2xs': '24rem',\n  /** Dispositivos extra pequenos - 448px (28rem) */\n  xs: '28rem',\n  /** Dispositivos pequenos - 640px (40rem) */\n  sm: '40rem',\n  /** Dispositivos médios - 768px (48rem) */\n  md: '48rem',\n  /** Dispositivos grandes - 1024px (64rem) */\n  lg: '64rem',\n  /** Dispositivos extra grandes - 1280px (80rem) */\n  xl: '80rem',\n  /** Dispositivos extra extra grandes - 1536px (96rem) */\n  '2xl': '96rem',\n} as const;\n\n/**\n * Tipo que representa as chaves dos breakpoints de tela disponíveis.\n *\n * Utilizado para garantir tipagem segura em componentes e hooks responsivos,\n * permitindo apenas valores válidos de breakpoint.\n */\nexport type Breakpoint = keyof typeof BREAKPOINTS;\n\n/**\n * Mapa de nome do breakpoint para a largura mínima, com unidade CSS (ex: `'48rem'`).\n */\nexport type BreakpointsConfig = Record<string, string>;\n\nexport type UseBreakpointOptions<TBreakpoints extends BreakpointsConfig> = {\n  /**\n   * Breakpoints em `min-width`, com unidade CSS. Declare em ordem crescente de largura.\n   *\n   * @default BREAKPOINTS\n   */\n  breakpoints?: TBreakpoints;\n};\n\nconst getMinWidthQuery = (value: string) => `(min-width: ${value})`;\n\n/**\n * Confere se o nome é uma chave da config. O `Object.entries` devolve as chaves como `string`.\n */\nconst isConfigKey = <TBreakpoints extends BreakpointsConfig>(\n  config: BreakpointsConfig,\n  name: string,\n): name is Extract<keyof TBreakpoints, string> => Object.hasOwn(config, name);\n\n/**\n * Indica se a tela está no breakpoint ou acima (mobile-first com `min-width`, como o Tailwind).\n *\n * Sem `options.breakpoints`, usa {@link BREAKPOINTS}. O nome aceito vem da config passada.\n */\nexport const useIsBreakpoint = <\n  TBreakpoints extends BreakpointsConfig = typeof BREAKPOINTS,\n>(\n  breakpoint: keyof TBreakpoints,\n  options?: UseBreakpointOptions<TBreakpoints>,\n): boolean => {\n  const breakpoints: BreakpointsConfig = options?.breakpoints ?? BREAKPOINTS;\n\n  const value = Object.entries(breakpoints).find(\n    ([name]) => name === breakpoint,\n  )?.[1];\n\n  /** `not all` nunca casa: um nome fora da config fica sempre falso. */\n  return useMediaQuery(\n    value === undefined ? 'not all' : getMinWidthQuery(value),\n  );\n};\n\n/**\n * Devolve o maior breakpoint ativo agora.\n *\n * A ordem é a de declaração da config, não a dos valores: o maior ativo é o último declarado cuja\n * media query casa. Assim unidades mistas (`rem`, `px`) valem sem conversão manual, e o\n * navegador decide se cada uma casa. Por isso a config precisa estar em ordem crescente, como o\n * {@link BREAKPOINTS}. Abaixo de todos, devolve o primeiro declarado (no padrão, `base`), que\n * também é o valor no servidor.\n *\n * Um objeto `breakpoints` literal passado a cada render não reassina as media queries: a\n * assinatura só muda quando os valores mudam.\n */\nexport const useResponsiveBreakpoint = <\n  TBreakpoints extends BreakpointsConfig = typeof BREAKPOINTS,\n>(\n  options?: UseBreakpointOptions<TBreakpoints>,\n): keyof TBreakpoints => {\n  const breakpoints: BreakpointsConfig = options?.breakpoints ?? BREAKPOINTS;\n\n  const key = JSON.stringify(Object.entries(breakpoints));\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: a `key` representa o conteúdo; um objeto literal novo a cada render não deve recriar a assinatura\n  const entries = useMemo(\n    () =>\n      Object.entries(breakpoints).flatMap(([name, value]) =>\n        isConfigKey<TBreakpoints>(breakpoints, name)\n          ? [{ name, query: getMinWidthQuery(value) }]\n          : [],\n      ),\n    [key],\n  );\n\n  const subscribe = useMemo(\n    () => (onStoreChange: () => void) => {\n      const lists = entries.map(({ query }) => window.matchMedia(query));\n\n      for (const list of lists) {\n        list.addEventListener('change', onStoreChange);\n      }\n\n      return () => {\n        for (const list of lists) {\n          list.removeEventListener('change', onStoreChange);\n        }\n      };\n    },\n    [entries],\n  );\n\n  const floor = entries[0]?.name;\n\n  if (floor === undefined) {\n    throw new Error('useResponsiveBreakpoint: a config não tem breakpoints.');\n  }\n\n  const getSnapshot = () => {\n    const active = entries.findLast(\n      ({ query }) => window.matchMedia(query).matches,\n    );\n\n    return active?.name ?? floor;\n  };\n\n  return useSyncExternalStore(subscribe, getSnapshot, () => floor);\n};\n"],"mappings":";;;;;;;;;;;AAWA,MAAa,cAAc;;CAEzB,MAAM;;CAEN,OAAO;;CAEP,OAAO;;CAEP,IAAI;;CAEJ,IAAI;;CAEJ,IAAI;;CAEJ,IAAI;;CAEJ,IAAI;;CAEJ,OAAO;AACT;AAwBA,MAAM,oBAAoB,UAAkB,eAAe,MAAM;;;;AAKjE,MAAM,eACJ,QACA,SACgD,OAAO,OAAO,QAAQ,IAAI;;;;;;AAO5E,MAAa,mBAGX,YACA,YACY;CACZ,MAAM,cAAiC,SAAS,eAAe;CAE/D,MAAM,QAAQ,OAAO,QAAQ,WAAW,CAAC,CAAC,MACvC,CAAC,UAAU,SAAS,UACvB,CAAC,GAAG;;CAGJ,OAAO,cACL,UAAU,KAAA,IAAY,YAAY,iBAAiB,KAAK,CAC1D;AACF;;;;;;;;;;;;;AAcA,MAAa,2BAGX,YACuB;CACvB,MAAM,cAAiC,SAAS,eAAe;CAE/D,MAAM,MAAM,KAAK,UAAU,OAAO,QAAQ,WAAW,CAAC;CAGtD,MAAM,UAAU,cAEZ,OAAO,QAAQ,WAAW,CAAC,CAAC,SAAS,CAAC,MAAM,WAC1C,YAA0B,aAAa,IAAI,IACvC,CAAC;EAAE;EAAM,OAAO,iBAAiB,KAAK;CAAE,CAAC,IACzC,CAAC,CACP,GACF,CAAC,GAAG,CACN;CAEA,MAAM,YAAY,eACT,kBAA8B;EACnC,MAAM,QAAQ,QAAQ,KAAK,EAAE,YAAY,OAAO,WAAW,KAAK,CAAC;EAEjE,KAAK,MAAM,QAAQ,OACjB,KAAK,iBAAiB,UAAU,aAAa;EAG/C,aAAa;GACX,KAAK,MAAM,QAAQ,OACjB,KAAK,oBAAoB,UAAU,aAAa;EAEpD;CACF,GACA,CAAC,OAAO,CACV;CAEA,MAAM,QAAQ,QAAQ,EAAE,EAAE;CAE1B,IAAI,UAAU,KAAA,GACZ,MAAM,IAAI,MAAM,wDAAwD;CAG1E,MAAM,oBAAoB;EAKxB,OAJe,QAAQ,UACpB,EAAE,YAAY,OAAO,WAAW,KAAK,CAAC,CAAC,OAG9B,CAAC,EAAE,QAAQ;CACzB;CAEA,OAAO,qBAAqB,WAAW,mBAAmB,KAAK;AACjE"}

package/dist/hooks/use-pointer-type.d.ts

@@ -5,20 +5,16 @@ type PointerType = 'coarse' | 'fine';
  * reagindo em tempo real a mudanças de contexto — como um notebook conversível
  * alternando entre modo touch e modo mouse, ou a conexão de um mouse externo.
  *
- * @returns `'coarse'` quando o ponteiro primário é impreciso e sem hover (ex: touch),
- * ou `'fine'` quando é preciso e suporta hover (ex: mouse)
+ * Devolve `'coarse'` quando o ponteiro primário é impreciso e sem hover (ex: touch), ou `'fine'`
+ * quando é preciso e suporta hover (ex: mouse). No servidor, devolve `'fine'`.
  */
 export declare const usePointerType: () => PointerType;
 /**
  * Verifica se o dispositivo tem um ponteiro preciso (mouse) como entrada primária.
- *
- * @returns Verdadeiro quando o ponteiro primário é `'fine'`
  */
 export declare const useIsPointerPrimaryDevice: () => boolean;
 /**
  * Verifica se o dispositivo tem touch como entrada primária.
- *
- * @returns Verdadeiro quando o ponteiro primário é `'coarse'`
  */
 export declare const useIsTouchPrimaryDevice: () => boolean;
 //#endregion

package/dist/hooks/use-pointer-type.js

@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import { useMediaQuery } from "@lucasbernardosn/react-utils";
 //#region src/hooks/use-pointer-type.ts
 const TOUCH_MEDIA_QUERY = "(pointer: coarse) and (hover: none)";
 /**
@@ -6,38 +6,20 @@ const TOUCH_MEDIA_QUERY = "(pointer: coarse) and (hover: none)";
 * reagindo em tempo real a mudanças de contexto — como um notebook conversível
 * alternando entre modo touch e modo mouse, ou a conexão de um mouse externo.
 *
-* @returns `'coarse'` quando o ponteiro primário é impreciso e sem hover (ex: touch),
-* ou `'fine'` quando é preciso e suporta hover (ex: mouse)
+* Devolve `'coarse'` quando o ponteiro primário é impreciso e sem hover (ex: touch), ou `'fine'`
+* quando é preciso e suporta hover (ex: mouse). No servidor, devolve `'fine'`.
 */
 const usePointerType = () => {
-	const [pointerType, setPointerType] = useState(() => {
-		if (typeof window === "undefined") return "fine";
-		return window.matchMedia(TOUCH_MEDIA_QUERY).matches ? "coarse" : "fine";
-	});
-	useEffect(() => {
-		const mediaQueryList = window.matchMedia(TOUCH_MEDIA_QUERY);
-		const handleMediaQueryChange = (event) => {
-			setPointerType(event.matches ? "coarse" : "fine");
-		};
-		mediaQueryList.addEventListener("change", handleMediaQueryChange);
-		return () => {
-			mediaQueryList.removeEventListener("change", handleMediaQueryChange);
-		};
-	}, []);
-	return pointerType;
+	return useMediaQuery(TOUCH_MEDIA_QUERY) ? "coarse" : "fine";
 };
 /**
 * Verifica se o dispositivo tem um ponteiro preciso (mouse) como entrada primária.
-*
-* @returns Verdadeiro quando o ponteiro primário é `'fine'`
 */
 const useIsPointerPrimaryDevice = () => {
 	return usePointerType() === "fine";
 };
 /**
 * Verifica se o dispositivo tem touch como entrada primária.
-*
-* @returns Verdadeiro quando o ponteiro primário é `'coarse'`
 */
 const useIsTouchPrimaryDevice = () => {
 	return usePointerType() === "coarse";

package/dist/hooks/use-pointer-type.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-pointer-type.js","names":[],"sources":["../../src/hooks/use-pointer-type.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst TOUCH_MEDIA_QUERY = '(pointer: coarse) and (hover: none)';\n\ntype PointerType = 'coarse' | 'fine';\n\n/**\n * Detecta o tipo de ponteiro primário do dispositivo com base em media queries CSS,\n * reagindo em tempo real a mudanças de contexto — como um notebook conversível\n * alternando entre modo touch e modo mouse, ou a conexão de um mouse externo.\n *\n * @returns `'coarse'` quando o ponteiro primário é impreciso e sem hover (ex: touch),\n * ou `'fine'` quando é preciso e suporta hover (ex: mouse)\n */\nexport const usePointerType = (): PointerType => {\n  const [pointerType, setPointerType] = useState<PointerType>(() => {\n    // Evita erro em ambientes de SSR, onde `window` não existe\n    if (typeof window === 'undefined') {\n      return 'fine';\n    }\n\n    return window.matchMedia(TOUCH_MEDIA_QUERY).matches ? 'coarse' : 'fine';\n  });\n\n  useEffect(() => {\n    const mediaQueryList = window.matchMedia(TOUCH_MEDIA_QUERY);\n\n    // Atualiza o estado sempre que o tipo de ponteiro primário mudar\n    const handleMediaQueryChange = (event: MediaQueryListEvent): void => {\n      setPointerType(event.matches ? 'coarse' : 'fine');\n    };\n\n    mediaQueryList.addEventListener('change', handleMediaQueryChange);\n\n    return () => {\n      mediaQueryList.removeEventListener('change', handleMediaQueryChange);\n    };\n  }, []);\n\n  return pointerType;\n};\n\n/**\n * Verifica se o dispositivo tem um ponteiro preciso (mouse) como entrada primária.\n *\n * @returns Verdadeiro quando o ponteiro primário é `'fine'`\n */\nexport const useIsPointerPrimaryDevice = (): boolean => {\n  return usePointerType() === 'fine';\n};\n\n/**\n * Verifica se o dispositivo tem touch como entrada primária.\n *\n * @returns Verdadeiro quando o ponteiro primário é `'coarse'`\n */\nexport const useIsTouchPrimaryDevice = (): boolean => {\n  return usePointerType() === 'coarse';\n};\n"],"mappings":";;AAEA,MAAM,oBAAoB;;;;;;;;;AAY1B,MAAa,uBAAoC;CAC/C,MAAM,CAAC,aAAa,kBAAkB,eAA4B;EAEhE,IAAI,OAAO,WAAW,aACpB,OAAO;EAGT,OAAO,OAAO,WAAW,iBAAiB,CAAC,CAAC,UAAU,WAAW;CACnE,CAAC;CAED,gBAAgB;EACd,MAAM,iBAAiB,OAAO,WAAW,iBAAiB;EAG1D,MAAM,0BAA0B,UAAqC;GACnE,eAAe,MAAM,UAAU,WAAW,MAAM;EAClD;EAEA,eAAe,iBAAiB,UAAU,sBAAsB;EAEhE,aAAa;GACX,eAAe,oBAAoB,UAAU,sBAAsB;EACrE;CACF,GAAG,CAAC,CAAC;CAEL,OAAO;AACT;;;;;;AAOA,MAAa,kCAA2C;CACtD,OAAO,eAAe,MAAM;AAC9B;;;;;;AAOA,MAAa,gCAAyC;CACpD,OAAO,eAAe,MAAM;AAC9B"}
+{"version":3,"file":"use-pointer-type.js","names":[],"sources":["../../src/hooks/use-pointer-type.ts"],"sourcesContent":["import { useMediaQuery } from '@lucasbernardosn/react-utils';\n\nconst TOUCH_MEDIA_QUERY = '(pointer: coarse) and (hover: none)';\n\ntype PointerType = 'coarse' | 'fine';\n\n/**\n * Detecta o tipo de ponteiro primário do dispositivo com base em media queries CSS,\n * reagindo em tempo real a mudanças de contexto — como um notebook conversível\n * alternando entre modo touch e modo mouse, ou a conexão de um mouse externo.\n *\n * Devolve `'coarse'` quando o ponteiro primário é impreciso e sem hover (ex: touch), ou `'fine'`\n * quando é preciso e suporta hover (ex: mouse). No servidor, devolve `'fine'`.\n */\nexport const usePointerType = (): PointerType => {\n  const isCoarse = useMediaQuery(TOUCH_MEDIA_QUERY);\n\n  return isCoarse ? 'coarse' : 'fine';\n};\n\n/**\n * Verifica se o dispositivo tem um ponteiro preciso (mouse) como entrada primária.\n */\nexport const useIsPointerPrimaryDevice = (): boolean => {\n  return usePointerType() === 'fine';\n};\n\n/**\n * Verifica se o dispositivo tem touch como entrada primária.\n */\nexport const useIsTouchPrimaryDevice = (): boolean => {\n  return usePointerType() === 'coarse';\n};\n"],"mappings":";;AAEA,MAAM,oBAAoB;;;;;;;;;AAY1B,MAAa,uBAAoC;CAG/C,OAFiB,cAAc,iBAEjB,IAAI,WAAW;AAC/B;;;;AAKA,MAAa,kCAA2C;CACtD,OAAO,eAAe,MAAM;AAC9B;;;;AAKA,MAAa,gCAAyC;CACpD,OAAO,eAAe,MAAM;AAC9B"}

package/dist/types/color-scheme.d.ts

@@ -23,7 +23,7 @@ export type ColorSchemeSemantic = ColorSchemeCore | 'red' | 'green' | 'blue' | '
 export type ColorSchemePalette = ColorSchemeSemantic | 'purple' | 'pink' | 'cyan' | 'teal' | 'orange' | 'brown' | 'yellow';
 /**
  * Todas as escalas do tema. Para categorização com muitas categorias (badge,
- * tag, chip).
+ * tag).
  */
 export type ColorSchemeFull = ColorSchemePalette | 'bronze' | 'gold' | 'tomato' | 'ruby' | 'crimson' | 'plum' | 'violet' | 'iris' | 'indigo' | 'sky' | 'mint' | 'lime' | 'jade' | 'grass';
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lucasbernardosn/react-ui",
-  "version": "0.1.0",
+  "version": "0.3.0",
   "description": "A React component library built with TypeScript and Tailwind CSS, designed to provide a comprehensive set of customizable UI components for modern web applications.",
   "type": "module",
   "imports": {
@@ -34,16 +34,14 @@
   "dependencies": {
     "@base-ui/react": "1.9.0",
     "@base-ui/utils": "0.5.0",
-    "@lucasbernardosn/utils": "^0.1.0",
+    "@lucasbernardosn/ts-utils": "^0.3.0",
     "@phosphor-icons/react": "2.1.10",
     "@zag-js/clipboard": "1.44.0",
     "@zag-js/collection": "1.44.0",
     "@zag-js/password-input": "1.44.0",
     "@zag-js/react": "1.44.0",
     "@zag-js/splitter": "1.44.0",
-    "@zag-js/steps": "1.44.0",
     "@zag-js/tree-view": "1.44.0",
-    "@zag-js/types": "1.44.0",
     "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",
     "react-number-format": "5.4.5",
@@ -51,9 +49,9 @@
     "tailwind-merge": "3.7.0"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.5.15",
-    "@lucasbernardosn/react-utils": "0.1.0",
-    "@lucasbernardosn/tsconfig": "1.0.0",
+    "@biomejs/biome": "2.6.3",
+    "@lucasbernardosn/react-utils": "0.3.0",
+    "@lucasbernardosn/ts-config": "0.2.0",
     "@testing-library/jest-dom": "7.0.1",
     "@testing-library/react": "16.3.3",
     "@testing-library/user-event": "14.6.7",
@@ -61,19 +59,21 @@
     "@types/react": "19.3.0",
     "@types/react-dom": "19.3.0",
     "@vitejs/plugin-react": "6.1.1",
-    "jsdom": "30.1.1",
+    "@vitest/browser-playwright": "5.0.3",
+    "playwright": "1.64.1",
+    "publint": "0.3.25",
     "react": "19.3.0",
     "react-dom": "19.3.0",
-    "tailwind-scrollbar": "4.0.2",
     "tailwindcss": "4.3.3",
     "tsdown": "0.23.0",
     "typescript": "6.0.3",
     "vitest": "5.0.3"
   },
   "peerDependencies": {
-    "@lucasbernardosn/react-utils": "^0.1.0",
+    "@lucasbernardosn/react-utils": "^0.3.0",
     "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react-dom": "^19.0.0",
+    "tailwindcss": "^4.0.0"
   },
   "files": [
     "dist",
@@ -89,7 +89,7 @@
   "repository": {
     "type": "git",
     "url": "git+https://github.com/LucasBernardoSN/react-monorepo.git",
-    "directory": "packages/react/ui"
+    "directory": "packages/react-ui"
   },
   "scripts": {
     "build": "tsdown",
@@ -98,6 +98,7 @@
     "format": "biome format --write",
     "check": "biome check --write",
     "test": "vitest",
-    "test:run": "vitest run"
+    "test:run": "vitest run",
+    "typecheck": "tsc --noEmit"
   }
 }

package/src/theme/theme.css

@@ -3,6 +3,15 @@
 @import "./utilities/index.css";
 
 @layer base {
+  /**
+   * Camadas fixas: partes que montam uma vez e ficam no DOM, fora da ordem de
+   * abertura dos popups (que não têm `z-index`). Ficam na camada `base` para o
+   * app sobrescrever com um `:root` próprio.
+   */
+  :root {
+    --z-toast: 100;
+  }
+
   body {
     /**
      * Necessário para que backdrops com `position: absolute` cubram todo o

package/dist/components/buttons/button/button-variants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-variants.d.ts","names":[],"sources":["../../../../src/components/buttons/button/button-variants.ts"],"mappings":";;YAGY;;;;;;;EAOV,cAAc;;;;;;;EAOd;;;;;;EAMA;;qBAGW,uBAAuB,SAAS;;;;;qBAUhC,iBAAc;;;;6CAwc1B"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"button.d.ts","names":["BaseButton"],"sources":["../../../../src/components/buttons/button/button.tsx"],"mappings":";;;;;;YAeY,cAAc,cACxBA,SAAW,OACX;;;;EAIE,OAAO;;;;;;EAMP;;;;;;;EAOA;;YAIQ,cAAcA,SAAW;;;;;;;;;;;;;;;;;;;qBAsBxB;GAAiB,OAAA,8BAAW,IAAA"}

package/dist/components/buttons/clipboard-button/clipboard-button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"clipboard-button.d.ts","names":["Clipboard","Clipboard.UseClipboardProps"],"sources":["../../../../src/components/buttons/clipboard-button/clipboard-button.tsx"],"mappings":";;;;;;;YASY,uBAAuB,cACjC,KAAK,0BACLC;;;;;;;;;;;;;;;;;qBAqBW;GAA0B,OAAA,uCAAoB,IAAA"}

package/dist/components/buttons/close-button/close-button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"close-button.d.ts","names":[],"sources":["../../../../src/components/buttons/close-button/close-button.tsx"],"mappings":";;;;YAOY,mBAAmB,cAC7B,KAAK;;;;;;EAOH;;;;;;;;;;;;;qBAeS;GAAsB,OAAA,mCAAgB,IAAA"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"icon-button-variants.d.ts","names":[],"sources":["../../../../src/components/buttons/icon-button/icon-button-variants.ts"],"mappings":";;;YAGY;;;;;;EAMV;;;;;;EAMA,OAAO;;qBAGI,2BAA2B,SAAS;qBAKpC,qBAAkB;;;6CAuB7B"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"icon-button.d.ts","names":[],"sources":["../../../../src/components/buttons/icon-button/icon-button.tsx"],"mappings":";;;;;;;YASY,kBAAkB,cAC5B,KAAK,oDACL;;;;;EAKE;;;;EAIA,MAAM,YAAY;;;;;;;;;;;;;;;;;qBAqBT;GAAqB,OAAA,kCAAe,IAAA"}

package/dist/components/buttons/responsive-button/responsive-button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"responsive-button.d.ts","names":[],"sources":["../../../../src/components/buttons/responsive-button/responsive-button.tsx"],"mappings":";;;;;YAKY,wBAAwB,cAClC;;;;;;EAOE;;;;;;EAMA,aAAa;;;;EAIb,MAAM,YAAY;;;;;;;;;;;;;;qBAgBT;GAA2B,OAAA,wCAAqB,IAAA"}

package/dist/components/collections/select/index.parts.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.parts.d.ts","names":[],"sources":["../../../../src/components/collections/select/index.parts.ts"],"mappings":""}

package/dist/components/collections/select/select-arrow.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-arrow.d.ts","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-arrow.tsx"],"mappings":";;YAGY,mBAAmBA,OAAW,MAAM;YAEpC,mBAAmBA,OAAW,MAAM;;;;;qBAMnC;GAAsB,OAAA,mCAAgB,IAAA"}

package/dist/components/collections/select/select-backdrop.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-backdrop.d.ts","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-backdrop.tsx"],"mappings":";;YAGY,sBAAsBA,OAAW,SAAS;YAE1C,sBAAsBA,OAAW,SAAS;;;;;;;qBAQzC;GAAyB,OAAA,sCAAmB,IAAA"}

package/dist/components/collections/select/select-context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-context.d.ts","names":[],"sources":["../../../../src/components/collections/select/select-context.tsx"],"mappings":";;;YAGY;;;;EAIV,WAAW,SAAS,mBAAmB,MAAM;;;;;;qBAOlC;GAAwB,OAAA,qBAAkB,MAAA"}

package/dist/components/collections/select/select-group-label-variants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-group-label-variants.d.ts","names":[],"sources":["../../../../src/components/collections/select/select-group-label-variants.ts"],"mappings":";;;;;;;;;qBAWa,2BAAwB;;6CAqEpC"}

package/dist/components/collections/select/select-group-label.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-group-label.d.ts","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-group-label.tsx"],"mappings":";;YAKY,wBAAwBA,OAAW,WAAW;YAE9C,wBAAwBA,OAAW,WAAW;;;;qBAK7C;GAA2B,OAAA,wCAAqB,IAAA"}

package/dist/components/collections/select/select-group.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-group.d.ts","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-group.tsx"],"mappings":";;YAGY,mBAAmBA,OAAW,MAAM;YAEpC,mBAAmBA,OAAW,MAAM;;;;qBAKnC;GAAsB,OAAA,mCAAgB,IAAA"}

package/dist/components/collections/select/select-icon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-icon.d.ts","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-icon.tsx"],"mappings":";;YAKY,kBAAkBA,OAAW,KAAK;YAElC,kBAAkBA,OAAW,KAAK;;;;qBAKjC;GAAqB,OAAA,kCAAe,IAAA"}

package/dist/components/collections/select/select-item-indicator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-item-indicator.d.ts","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-item-indicator.tsx"],"mappings":";;YAKY,2BAA2BA,OAAW,cAAc;YAEpD,2BAA2BA,OAAW,cAAc;;;;qBAKnD;GAA8B,OAAA,2CAAwB,IAAA"}

package/dist/components/collections/select/select-item-text.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-item-text.d.ts","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-item-text.tsx"],"mappings":";;YAGY,sBAAsBA,OAAW,SAAS;YAE1C,sBAAsBA,OAAW,SAAS;;;;;qBAMzC;GAAyB,OAAA,sCAAmB,IAAA"}

package/dist/components/collections/select/select-item-variants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-item-variants.d.ts","names":[],"sources":["../../../../src/components/collections/select/select-item-variants.ts"],"mappings":";;;;;;;;;qBAWa,qBAAkB;;6CA+G9B"}

package/dist/components/collections/select/select-item.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-item.d.ts","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-item.tsx"],"mappings":";;YAKY,kBAAkBA,OAAW,KAAK;YAElC,kBAAkBA,OAAW,KAAK;;;;qBAKjC;GAAqB,OAAA,kCAAe,IAAA"}

package/dist/components/collections/select/select-label-variants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-label-variants.d.ts","names":[],"sources":["../../../../src/components/collections/select/select-label-variants.ts"],"mappings":";;;;;;qBAQa,sBAAmB;;6CAyB/B"}

package/dist/components/collections/select/select-label.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-label.d.ts","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-label.tsx"],"mappings":";;YAKY,mBAAmBA,OAAW,MAAM;YAEpC,mBAAmBA,OAAW,MAAM;;;;;;;;qBASnC;GAAsB,OAAA,mCAAgB,IAAA"}

package/dist/components/collections/select/select-list.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-list.d.ts","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-list.tsx"],"mappings":";;YAGY,kBAAkBA,OAAW,KAAK;YAElC,kBAAkBA,OAAW,KAAK;;;;qBAKjC;GAAqB,OAAA,kCAAe,IAAA"}

package/dist/components/collections/select/select-popup-variants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-popup-variants.d.ts","names":[],"sources":["../../../../src/components/collections/select/select-popup-variants.ts"],"mappings":";;;;;;;;;;;;;;;;;;qBAoBa,sBAAmB;;6CA4D/B"}

package/dist/components/collections/select/select-popup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-popup.d.ts","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-popup.tsx"],"mappings":";;YAKY,mBAAmBA,OAAW,MAAM;YAEpC,mBAAmBA,OAAW,MAAM;;;;;;;qBAQnC;GAAsB,OAAA,mCAAgB,IAAA"}

package/dist/components/collections/select/select-portal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-portal.d.ts","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-portal.tsx"],"mappings":";;YAEY,oBAAoBA,OAAW,OAAO;YAEtC,oBAAoBA,OAAW,OAAO;;;;qBAKrC;GAAuB,OAAA,oCAAiB,IAAA"}

package/dist/components/collections/select/select-positioner.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-positioner.d.ts","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-positioner.tsx"],"mappings":";;YAGY,wBAAwBA,OAAW,WAAW;YAE9C,wBAAwBA,OAAW,WAAW;;;;;;;;;;qBAW7C;GAA2B,OAAA,wCAAqB,IAAA"}

package/dist/components/collections/select/select-root.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-root.d.ts","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-root.tsx"],"mappings":";;;;YAOY,gBACV,OACA,gDACE,cAAcA,OAAW,KAAK,MAAM,OAAO,WAAW;YAE9C,kBAAkBA,OAAW,KAAK;YAElC,oBAAoBA,OAAW,KAAK;YAEpC,+BAA+BA,OAAW,KAAK;YAE/C,8BAA8BA,OAAW,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAiC7C;GAAc,OAAO,8CAAoC,OAC7D,gBAAgB,OAAO,4BAAS,IAAA"}

package/dist/components/collections/select/select-scroll-down-arrow-variants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-scroll-down-arrow-variants.d.ts","names":[],"sources":["../../../../src/components/collections/select/select-scroll-down-arrow-variants.ts"],"mappings":";qBAGa,gCAA6B;;6CA+CzC"}

package/dist/components/collections/select/select-scroll-down-arrow.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-scroll-down-arrow.d.ts","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-scroll-down-arrow.tsx"],"mappings":";;YAOY,6BAA6BA,OAAW,gBAAgB;YAExD,6BAA6BA,OAAW,gBAAgB;;;;qBAKvD;GAAgC,OAAA,6CAA0B,IAAA"}

package/dist/components/collections/select/select-scroll-up-arrow-variants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-scroll-up-arrow-variants.d.ts","names":[],"sources":["../../../../src/components/collections/select/select-scroll-up-arrow-variants.ts"],"mappings":";qBAGa,8BAA2B;;6CA+CvC"}

package/dist/components/collections/select/select-scroll-up-arrow.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-scroll-up-arrow.d.ts","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-scroll-up-arrow.tsx"],"mappings":";;YAOY,2BAA2BA,OAAW,cAAc;YAEpD,2BAA2BA,OAAW,cAAc;;;;qBAKnD;GAA8B,OAAA,2CAAwB,IAAA"}

package/dist/components/collections/select/select-separator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-separator.d.ts","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-separator.tsx"],"mappings":";;YAGY,uBAAuBA,OAAW,UAAU;YAE5C,uBAAuBA,OAAW,UAAU;;;;;;;qBAQ3C;GAA0B,OAAA,uCAAoB,IAAA"}

package/dist/components/collections/select/select-trigger-variants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-trigger-variants.d.ts","names":[],"sources":["../../../../src/components/collections/select/select-trigger-variants.ts"],"mappings":";;;;;;;;;;qBAYa,wBAAqB;;;6CA6IjC"}

package/dist/components/collections/select/select-trigger.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-trigger.d.ts","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-trigger.tsx"],"mappings":";;YAKY,qBAAqBA,OAAW,QAAQ;YAExC,qBAAqBA,OAAW,QAAQ;;;;qBAKvC;GAAwB,OAAA,qCAAkB,IAAA"}

package/dist/components/collections/select/select-value.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-value.d.ts","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-value.tsx"],"mappings":";;YAGY,mBAAmBA,OAAW,MAAM;YAEpC,mBAAmBA,OAAW,MAAM;;;;;qBAMnC;GAAsB,OAAA,mCAAgB,IAAA"}

package/dist/components/collections/select/use-select-context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-select-context.d.ts","names":[],"sources":["../../../../src/components/collections/select/use-select-context.ts"],"mappings":";;;;YAKY;;;;;;;;EAQV;;;;;;EAMA;;qBAGW,uBAAuB,SAAS;qBAK/B,uCAAqB,SAAA,iBAAE,wBAAgB"}

package/dist/components/collections/tree-view/index.parts.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.parts.d.ts","names":[],"sources":["../../../../src/components/collections/tree-view/index.parts.ts"],"mappings":""}

package/dist/components/collections/tree-view/tree-collection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tree-collection.d.ts","names":[],"sources":["../../../../src/components/collections/tree-view/tree-collection.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;qBAgCa,uBAAwB,UAAU,UAC7C,SAAS,sBAAsB,OAC9B,eAAe;;;;;;;;;;;;;;;;;qBAkBL,2BACX,oBACC,eAAe"}

package/dist/components/collections/tree-view/tree-view-branch-content.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tree-view-branch-content.d.ts","names":["Collapsible","Collapsible.PanelProps"],"sources":["../../../../src/components/collections/tree-view/tree-view-branch-content.tsx"],"mappings":";;;;;;;;;;;;;YAeY,6BAA6B,cACvC,UAAU,uBACV,KACEC;;;;;;;qBAwBS;GAAgC,OAAA,6CAA0B,IAAA"}

package/dist/components/collections/tree-view/tree-view-branch-control.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tree-view-branch-control.d.ts","names":[],"sources":["../../../../src/components/collections/tree-view/tree-view-branch-control.tsx"],"mappings":";;YAOY,6BAA6B,UAAU;;;;;;;qBAQtC;GAAgC,OAAA,6CAA0B,+CAAA"}

package/dist/components/collections/tree-view/tree-view-branch-indent-guide.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tree-view-branch-indent-guide.d.ts","names":[],"sources":["../../../../src/components/collections/tree-view/tree-view-branch-indent-guide.tsx"],"mappings":";;YAKY,iCAAiC,UAAU;;;;;;;;qBAS1C;GACJ,OAAA,iDAA8B,+CAAA"}

package/dist/components/collections/tree-view/tree-view-branch-indicator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tree-view-branch-indicator.d.ts","names":[],"sources":["../../../../src/components/collections/tree-view/tree-view-branch-indicator.tsx"],"mappings":";;YAOY,+BAA+B,UAAU;;;;;;;qBAQxC;GACJ,OAAA,+CAA4B,+CAAA"}

package/dist/components/collections/tree-view/tree-view-branch-text.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tree-view-branch-text.d.ts","names":[],"sources":["../../../../src/components/collections/tree-view/tree-view-branch-text.tsx"],"mappings":";;YAMY,0BAA0B,UAAU;;;;;;;qBAQnC;GAA6B,OAAA,0CAAuB,+CAAA"}

package/dist/components/collections/tree-view/tree-view-branch-trigger.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tree-view-branch-trigger.d.ts","names":[],"sources":["../../../../src/components/collections/tree-view/tree-view-branch-trigger.tsx"],"mappings":";;YAKY,6BAA6B,UAAU;;;;;;;;qBAStC;GAAgC,OAAA,6CAA0B,+CAAA"}