@innovui/react-native 0.0.0-stage → 0.1.0

package/dist/components/alert/alert.js

@@ -0,0 +1,61 @@
+import { cn } from "../../utils/cn.js";
+import { CloseIcon, StatusIcon, statusBg, statusRole, statusText, statusTextToken } from "../_shared/status.js";
+import { useToken } from "../_shared/use-token.js";
+import { IconButton } from "../icon-button/icon-button.js";
+import { Text, View } from "react-native";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/alert/alert.tsx
+const border = {
+	success: "border-status-success-border",
+	error: "border-status-error-border",
+	warning: "border-status-warning-border",
+	info: "border-status-info-border",
+	neutral: "border-status-neutral-border"
+};
+/**
+* Mensagem contextual em bloco, persistente. Para avisos temporários use Toast; para globais,
+* Banner. `children` string vira `Text`; outros nós são renderizados como estão.
+*/
+function Alert({ className, status = "info", title, showIcon = true, action, onDismiss, dismissLabel = "Fechar", children, ...props }) {
+	const statusColor = useToken(statusTextToken[status]);
+	const closeColor = useToken("--color-button-ghost-text");
+	return /* @__PURE__ */ jsxs(View, {
+		accessibilityRole: statusRole(status),
+		className: cn("flex-row items-start gap-3 rounded-md border-l-[3px] py-3 pr-3 pl-4", statusBg[status], border[status], className),
+		...props,
+		children: [
+			showIcon && /* @__PURE__ */ jsx(View, {
+				className: "shrink-0",
+				children: /* @__PURE__ */ jsx(StatusIcon, {
+					status,
+					color: statusColor
+				})
+			}),
+			/* @__PURE__ */ jsxs(View, {
+				className: "min-w-0 flex-1 items-start gap-1",
+				children: [
+					title ? /* @__PURE__ */ jsx(Text, {
+						className: cn("text-sm font-medium leading-5", statusText[status]),
+						children: title
+					}) : null,
+					typeof children === "string" ? /* @__PURE__ */ jsx(Text, {
+						className: "text-sm leading-5 text-text-primary",
+						children
+					}) : children,
+					action
+				]
+			}),
+			onDismiss && /* @__PURE__ */ jsx(IconButton, {
+				accessibilityLabel: dismissLabel,
+				variant: "ghost",
+				size: "sm",
+				onPress: onDismiss,
+				children: /* @__PURE__ */ jsx(CloseIcon, { color: closeColor })
+			})
+		]
+	});
+}
+//#endregion
+export { Alert };
+
+//# sourceMappingURL=alert.js.map

package/dist/components/alert/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","names":[],"sources":["../../../src/components/alert/alert.tsx"],"sourcesContent":["/// <reference types=\"uniwind/types\" />\n\nimport type { ReactNode } from 'react'\nimport { Text, View, type ViewProps } from 'react-native'\nimport { cn } from '../../utils/cn'\nimport {\n  CloseIcon,\n  type Status,\n  StatusIcon,\n  statusBg,\n  statusRole,\n  statusText,\n  statusTextToken,\n} from '../_shared/status'\nimport { useToken } from '../_shared/use-token'\nimport { IconButton } from '../icon-button/icon-button'\n\nconst border: Record<Status, string> = {\n  success: 'border-status-success-border',\n  error: 'border-status-error-border',\n  warning: 'border-status-warning-border',\n  info: 'border-status-info-border',\n  neutral: 'border-status-neutral-border',\n}\n\nexport type AlertProps = ViewProps & {\n  className?: string\n  status?: Status\n  /** Resumo do alerta (opcional). */\n  title?: string\n  /** Mostra o ícone semântico do status. */\n  showIcon?: boolean\n  /** Ação contextual (ex.: um `<Button variant=\"ghost\">`). */\n  action?: ReactNode\n  /** Mostra o botão de fechar (×) e o chama ao tocar. */\n  onDismiss?: () => void\n  /** Nome acessível do botão de fechar. */\n  dismissLabel?: string\n}\n\n/**\n * Mensagem contextual em bloco, persistente. Para avisos temporários use Toast; para globais,\n * Banner. `children` string vira `Text`; outros nós são renderizados como estão.\n */\nexport function Alert({\n  className,\n  status = 'info',\n  title,\n  showIcon = true,\n  action,\n  onDismiss,\n  dismissLabel = 'Fechar',\n  children,\n  ...props\n}: AlertProps) {\n  const statusColor = useToken(statusTextToken[status])\n  const closeColor = useToken('--color-button-ghost-text')\n\n  return (\n    <View\n      accessibilityRole={statusRole(status)}\n      className={cn(\n        'flex-row items-start gap-3 rounded-md border-l-[3px] py-3 pr-3 pl-4',\n        statusBg[status],\n        border[status],\n        className,\n      )}\n      {...props}\n    >\n      {showIcon && (\n        <View className=\"shrink-0\">\n          <StatusIcon status={status} color={statusColor} />\n        </View>\n      )}\n      <View className=\"min-w-0 flex-1 items-start gap-1\">\n        {title ? (\n          <Text className={cn('text-sm font-medium leading-5', statusText[status])}>{title}</Text>\n        ) : null}\n        {typeof children === 'string' ? (\n          <Text className=\"text-sm leading-5 text-text-primary\">{children}</Text>\n        ) : (\n          children\n        )}\n        {action}\n      </View>\n      {onDismiss && (\n        <IconButton accessibilityLabel={dismissLabel} variant=\"ghost\" size=\"sm\" onPress={onDismiss}>\n          <CloseIcon color={closeColor} />\n        </IconButton>\n      )}\n    </View>\n  )\n}\n"],"mappings":";;;;;;;AAiBA,MAAM,SAAiC;CACrC,SAAS;CACT,OAAO;CACP,SAAS;CACT,MAAM;CACN,SAAS;AACX;;;;;AAqBA,SAAgB,MAAM,EACpB,WACA,SAAS,QACT,OACA,WAAW,MACX,QACA,WACA,eAAe,UACf,UACA,GAAG,SACU;CACb,MAAM,cAAc,SAAS,gBAAgB,OAAO;CACpD,MAAM,aAAa,SAAS,2BAA2B;CAEvD,OACE,qBAAC,MAAD;EACE,mBAAmB,WAAW,MAAM;EACpC,WAAW,GACT,uEACA,SAAS,SACT,OAAO,SACP,SACF;EACA,GAAI;EARN,UAAA;GAUG,YACC,oBAAC,MAAD;IAAM,WAAU;IACd,UAAA,oBAAC,YAAD;KAAoB;KAAQ,OAAO;IAAc,CAAA;GAC7C,CAAA;GAER,qBAAC,MAAD;IAAM,WAAU;IAAhB,UAAA;KACG,QACC,oBAAC,MAAD;MAAM,WAAW,GAAG,iCAAiC,WAAW,OAAO;MAAI,UAAA;KAAY,CAAA,IACrF;KACH,OAAO,aAAa,WACnB,oBAAC,MAAD;MAAM,WAAU;MAAuC;KAAe,CAAA,IAEtE;KAED;IACG;;GACL,aACC,oBAAC,YAAD;IAAY,oBAAoB;IAAc,SAAQ;IAAQ,MAAK;IAAK,SAAS;IAC/E,UAAA,oBAAC,WAAD,EAAW,OAAO,WAAa,CAAA;GACrB,CAAA;EAEV;;AAEV"}

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

@@ -0,0 +1,2 @@
+import { Alert, AlertProps } from "./alert.js";
+export { Alert, type AlertProps };

package/dist/components/avatar/avatar.d.ts

@@ -0,0 +1,17 @@
+import { ViewProps } from "react-native";
+import { VariantProps } from "class-variance-authority";
+//#region src/components/avatar/avatar.d.ts
+declare const avatarVariants: (props?: ({
+  size?: "lg" | "md" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type AvatarProps = Omit<ViewProps, 'children'> & VariantProps<typeof avatarVariants> & {
+  className?: string;
+  /** URL da imagem. Se faltar ou falhar ao carregar, mostra as iniciais de `name`. */
+  src?: string;
+  /** Nome da pessoa ou entidade: vira as iniciais do fallback e o texto alternativo. */
+  name: string;
+};
+/** Imagem circular de uma pessoa ou entidade, com iniciais como fallback. */
+export declare function Avatar({ className, size, src, name, ...props }: AvatarProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=avatar.d.ts.map

package/dist/components/avatar/avatar.js

@@ -0,0 +1,51 @@
+import { cn } from "../../utils/cn.js";
+import { useState } from "react";
+import { Image, Text, View } from "react-native";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/components/avatar/avatar.tsx
+const avatarVariants = cva("shrink-0 items-center justify-center overflow-hidden rounded-full bg-bg-tertiary", {
+	variants: { size: {
+		sm: "size-8",
+		md: "size-10",
+		lg: "size-14"
+	} },
+	defaultVariants: { size: "md" }
+});
+const initialsVariants = cva("font-medium text-text-secondary", {
+	variants: { size: {
+		sm: "text-xs",
+		md: "text-sm",
+		lg: "text-base"
+	} },
+	defaultVariants: { size: "md" }
+});
+function initials(name) {
+	const words = name.trim().split(/\s+/).filter(Boolean);
+	return ((words[0]?.[0] ?? "") + (words.length > 1 ? words[words.length - 1]?.[0] ?? "" : "")).toUpperCase();
+}
+/** Imagem circular de uma pessoa ou entidade, com iniciais como fallback. */
+function Avatar({ className, size, src, name, ...props }) {
+	const [failedSrc, setFailedSrc] = useState();
+	const showImage = src && failedSrc !== src;
+	return /* @__PURE__ */ jsx(View, {
+		accessible: true,
+		accessibilityRole: "image",
+		accessibilityLabel: name,
+		className: cn(avatarVariants({ size }), className),
+		...props,
+		children: showImage ? /* @__PURE__ */ jsx(Image, {
+			source: { uri: src },
+			onError: () => setFailedSrc(src),
+			resizeMode: "cover",
+			className: "size-full"
+		}) : /* @__PURE__ */ jsx(Text, {
+			className: initialsVariants({ size }),
+			children: initials(name)
+		})
+	});
+}
+//#endregion
+export { Avatar };
+
+//# sourceMappingURL=avatar.js.map

package/dist/components/avatar/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","names":[],"sources":["../../../src/components/avatar/avatar.tsx"],"sourcesContent":["/// <reference types=\"uniwind/types\" />\n\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { useState } from 'react'\nimport { Image, Text, View, type ViewProps } from 'react-native'\nimport { cn } from '../../utils/cn'\n\nconst avatarVariants = cva(\n  'shrink-0 items-center justify-center overflow-hidden rounded-full bg-bg-tertiary',\n  {\n    variants: {\n      size: {\n        sm: 'size-8',\n        md: 'size-10',\n        lg: 'size-14',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n)\n\nconst initialsVariants = cva('font-medium text-text-secondary', {\n  variants: {\n    size: { sm: 'text-xs', md: 'text-sm', lg: 'text-base' },\n  },\n  defaultVariants: { size: 'md' },\n})\n\nexport type AvatarProps = Omit<ViewProps, 'children'> &\n  VariantProps<typeof avatarVariants> & {\n    className?: string\n    /** URL da imagem. Se faltar ou falhar ao carregar, mostra as iniciais de `name`. */\n    src?: string\n    /** Nome da pessoa ou entidade: vira as iniciais do fallback e o texto alternativo. */\n    name: string\n  }\n\nfunction initials(name: string) {\n  const words = name.trim().split(/\\s+/).filter(Boolean)\n  const first = words[0]?.[0] ?? ''\n  const last = words.length > 1 ? (words[words.length - 1]?.[0] ?? '') : ''\n  return (first + last).toUpperCase()\n}\n\n/** Imagem circular de uma pessoa ou entidade, com iniciais como fallback. */\nexport function Avatar({ className, size, src, name, ...props }: AvatarProps) {\n  const [failedSrc, setFailedSrc] = useState<string>()\n  const showImage = src && failedSrc !== src\n\n  return (\n    // accessible agrupa o conteúdo num único elemento \"img\" com o nome como rótulo\n    <View\n      accessible\n      accessibilityRole=\"image\"\n      accessibilityLabel={name}\n      className={cn(avatarVariants({ size }), className)}\n      {...props}\n    >\n      {showImage ? (\n        <Image\n          source={{ uri: src }}\n          onError={() => setFailedSrc(src)}\n          resizeMode=\"cover\"\n          className=\"size-full\"\n        />\n      ) : (\n        <Text className={initialsVariants({ size })}>{initials(name)}</Text>\n      )}\n    </View>\n  )\n}\n"],"mappings":";;;;;;AAOA,MAAM,iBAAiB,IACrB,oFACA;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;CACN,EACF;CACA,iBAAiB,EAAE,MAAM,KAAK;AAChC,CACF;AAEA,MAAM,mBAAmB,IAAI,mCAAmC;CAC9D,UAAU,EACR,MAAM;EAAE,IAAI;EAAW,IAAI;EAAW,IAAI;CAAY,EACxD;CACA,iBAAiB,EAAE,MAAM,KAAK;AAChC,CAAC;AAWD,SAAS,SAAS,MAAc;CAC9B,MAAM,QAAQ,KAAK,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,OAAO,OAAO;CAGrD,SAFc,MAAM,EAAE,GAAG,MAAM,OAClB,MAAM,SAAS,IAAK,MAAM,MAAM,SAAS,EAAE,GAAG,MAAM,KAAM,IAAA,CACjD,YAAY;AACpC;;AAGA,SAAgB,OAAO,EAAE,WAAW,MAAM,KAAK,MAAM,GAAG,SAAsB;CAC5E,MAAM,CAAC,WAAW,gBAAgB,SAAiB;CACnD,MAAM,YAAY,OAAO,cAAc;CAEvC,OAEE,oBAAC,MAAD;EACE,YAAA;EACA,mBAAkB;EAClB,oBAAoB;EACpB,WAAW,GAAG,eAAe,EAAE,KAAK,CAAC,GAAG,SAAS;EACjD,GAAI;EAEH,UAAA,YACC,oBAAC,OAAD;GACE,QAAQ,EAAE,KAAK,IAAI;GACnB,eAAe,aAAa,GAAG;GAC/B,YAAW;GACX,WAAU;EACX,CAAA,IAED,oBAAC,MAAD;GAAM,WAAW,iBAAiB,EAAE,KAAK,CAAC;GAAI,UAAA,SAAS,IAAI;EAAQ,CAAA;CAEjE,CAAA;AAEV"}

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

@@ -0,0 +1,2 @@
+import { Avatar, AvatarProps } from "./avatar.js";
+export { Avatar, type AvatarProps };

package/dist/components/badge/badge.d.ts

@@ -0,0 +1,16 @@
+import { ViewProps } from "react-native";
+import { VariantProps } from "class-variance-authority";
+//#region src/components/badge/badge.d.ts
+declare const badgeVariants: (props?: ({
+  status?: "error" | "info" | "neutral" | "pending" | "success" | "warning" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type BadgeProps = Omit<ViewProps, 'children'> & VariantProps<typeof badgeVariants> & {
+  className?: string;
+  children: string;
+  /** Indicador circular antes do texto, na cor do status. */
+  dot?: boolean;
+};
+/** Indicador de status, não interativo. Para categorizar ou rotular conteúdo, use Tag. */
+export declare function Badge({ className, status, dot, children, ...props }: BadgeProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=badge.d.ts.map

package/dist/components/badge/badge.js

@@ -0,0 +1,57 @@
+import { cn } from "../../utils/cn.js";
+import { Text, View } from "react-native";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/components/badge/badge.tsx
+const badgeVariants = cva("flex-row items-center justify-center gap-1 self-start rounded-full px-2 py-0.5", {
+	variants: { status: {
+		success: "bg-status-success-bg",
+		error: "bg-status-error-bg",
+		warning: "bg-status-warning-bg",
+		info: "bg-status-info-bg",
+		neutral: "bg-status-neutral-bg",
+		pending: "bg-status-pending-bg"
+	} },
+	defaultVariants: { status: "neutral" }
+});
+const labelVariants = cva("text-xs font-medium leading-4", {
+	variants: { status: {
+		success: "text-status-success-text",
+		error: "text-status-error-text",
+		warning: "text-status-warning-text",
+		info: "text-status-info-text",
+		neutral: "text-status-neutral-text",
+		pending: "text-status-pending-text"
+	} },
+	defaultVariants: { status: "neutral" }
+});
+const dotVariants = cva("size-1.5 shrink-0 rounded-[3px]", {
+	variants: { status: {
+		success: "bg-status-success-text",
+		error: "bg-status-error-text",
+		warning: "bg-status-warning-text",
+		info: "bg-status-info-text",
+		neutral: "bg-status-neutral-text",
+		pending: "bg-status-pending-text"
+	} },
+	defaultVariants: { status: "neutral" }
+});
+/** Indicador de status, não interativo. Para categorizar ou rotular conteúdo, use Tag. */
+function Badge({ className, status, dot = false, children, ...props }) {
+	return /* @__PURE__ */ jsxs(View, {
+		className: cn(badgeVariants({ status }), className),
+		...props,
+		children: [dot && /* @__PURE__ */ jsx(View, {
+			accessibilityElementsHidden: true,
+			importantForAccessibility: "no-hide-descendants",
+			className: dotVariants({ status })
+		}), /* @__PURE__ */ jsx(Text, {
+			className: labelVariants({ status }),
+			children
+		})]
+	});
+}
+//#endregion
+export { Badge };
+
+//# sourceMappingURL=badge.js.map

package/dist/components/badge/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","names":[],"sources":["../../../src/components/badge/badge.tsx"],"sourcesContent":["/// <reference types=\"uniwind/types\" />\n\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { Text, View, type ViewProps } from 'react-native'\nimport { cn } from '../../utils/cn'\n\nconst badgeVariants = cva(\n  'flex-row items-center justify-center gap-1 self-start rounded-full px-2 py-0.5',\n  {\n    variants: {\n      status: {\n        success: 'bg-status-success-bg',\n        error: 'bg-status-error-bg',\n        warning: 'bg-status-warning-bg',\n        info: 'bg-status-info-bg',\n        neutral: 'bg-status-neutral-bg',\n        pending: 'bg-status-pending-bg',\n      },\n    },\n    defaultVariants: { status: 'neutral' },\n  },\n)\n\nconst labelVariants = cva('text-xs font-medium leading-4', {\n  variants: {\n    status: {\n      success: 'text-status-success-text',\n      error: 'text-status-error-text',\n      warning: 'text-status-warning-text',\n      info: 'text-status-info-text',\n      neutral: 'text-status-neutral-text',\n      pending: 'text-status-pending-text',\n    },\n  },\n  defaultVariants: { status: 'neutral' },\n})\n\n// Sem `currentColor` no native: o ponto usa o token de texto do status.\nconst dotVariants = cva('size-1.5 shrink-0 rounded-[3px]', {\n  variants: {\n    status: {\n      success: 'bg-status-success-text',\n      error: 'bg-status-error-text',\n      warning: 'bg-status-warning-text',\n      info: 'bg-status-info-text',\n      neutral: 'bg-status-neutral-text',\n      pending: 'bg-status-pending-text',\n    },\n  },\n  defaultVariants: { status: 'neutral' },\n})\n\nexport type BadgeProps = Omit<ViewProps, 'children'> &\n  VariantProps<typeof badgeVariants> & {\n    className?: string\n    children: string\n    /** Indicador circular antes do texto, na cor do status. */\n    dot?: boolean\n  }\n\n/** Indicador de status, não interativo. Para categorizar ou rotular conteúdo, use Tag. */\nexport function Badge({ className, status, dot = false, children, ...props }: BadgeProps) {\n  return (\n    <View className={cn(badgeVariants({ status }), className)} {...props}>\n      {dot && (\n        <View\n          accessibilityElementsHidden\n          importantForAccessibility=\"no-hide-descendants\"\n          className={dotVariants({ status })}\n        />\n      )}\n      <Text className={labelVariants({ status })}>{children}</Text>\n    </View>\n  )\n}\n"],"mappings":";;;;;AAMA,MAAM,gBAAgB,IACpB,kFACA;CACE,UAAU,EACR,QAAQ;EACN,SAAS;EACT,OAAO;EACP,SAAS;EACT,MAAM;EACN,SAAS;EACT,SAAS;CACX,EACF;CACA,iBAAiB,EAAE,QAAQ,UAAU;AACvC,CACF;AAEA,MAAM,gBAAgB,IAAI,iCAAiC;CACzD,UAAU,EACR,QAAQ;EACN,SAAS;EACT,OAAO;EACP,SAAS;EACT,MAAM;EACN,SAAS;EACT,SAAS;CACX,EACF;CACA,iBAAiB,EAAE,QAAQ,UAAU;AACvC,CAAC;AAGD,MAAM,cAAc,IAAI,mCAAmC;CACzD,UAAU,EACR,QAAQ;EACN,SAAS;EACT,OAAO;EACP,SAAS;EACT,MAAM;EACN,SAAS;EACT,SAAS;CACX,EACF;CACA,iBAAiB,EAAE,QAAQ,UAAU;AACvC,CAAC;;AAWD,SAAgB,MAAM,EAAE,WAAW,QAAQ,MAAM,OAAO,UAAU,GAAG,SAAqB;CACxF,OACE,qBAAC,MAAD;EAAM,WAAW,GAAG,cAAc,EAAE,OAAO,CAAC,GAAG,SAAS;EAAG,GAAI;EAA/D,UAAA,CACG,OACC,oBAAC,MAAD;GACE,6BAAA;GACA,2BAA0B;GAC1B,WAAW,YAAY,EAAE,OAAO,CAAC;EAClC,CAAA,GAEH,oBAAC,MAAD;GAAM,WAAW,cAAc,EAAE,OAAO,CAAC;GAAI;EAAe,CAAA,CACxD;;AAEV"}

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

@@ -0,0 +1,2 @@
+import { Badge, BadgeProps } from "./badge.js";
+export { Badge, type BadgeProps };

package/dist/components/banner/banner.d.ts

@@ -0,0 +1,23 @@
+import { Status } from "../_shared/status.js";
+import { ReactNode } from "react";
+import { ViewProps } from "react-native";
+//#region src/components/banner/banner.d.ts
+export type BannerProps = ViewProps & {
+  className?: string;
+  status?: Status;
+  /** Mostra o ícone semântico do status. */
+  showIcon?: boolean;
+  /** Ação ao lado da mensagem (ex.: um `<Button variant="ghost">`). */
+  action?: ReactNode;
+  /** Mostra o botão de fechar (×) e o chama ao tocar. */
+  onDismiss?: () => void;
+  /** Nome acessível do botão de fechar. */
+  dismissLabel?: string;
+};
+/**
+ * Mensagem persistente em largura total, no topo da interface (manutenção, anúncios).
+ * `children` string vira `Text`; outros nós são renderizados como estão.
+ */
+export declare function Banner({ className, status, showIcon, action, onDismiss, dismissLabel, children, ...props }: BannerProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=banner.d.ts.map

package/dist/components/banner/banner.js

@@ -0,0 +1,50 @@
+import { cn } from "../../utils/cn.js";
+import { CloseIcon, StatusIcon, statusBg, statusRole, statusTextToken } from "../_shared/status.js";
+import { useToken } from "../_shared/use-token.js";
+import { IconButton } from "../icon-button/icon-button.js";
+import { Text, View } from "react-native";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/banner/banner.tsx
+/**
+* Mensagem persistente em largura total, no topo da interface (manutenção, anúncios).
+* `children` string vira `Text`; outros nós são renderizados como estão.
+*/
+function Banner({ className, status = "info", showIcon = true, action, onDismiss, dismissLabel = "Fechar", children, ...props }) {
+	const statusColor = useToken(statusTextToken[status]);
+	const closeColor = useToken("--color-button-ghost-text");
+	return /* @__PURE__ */ jsxs(View, {
+		accessibilityRole: statusRole(status),
+		className: cn("w-full flex-row items-start gap-3 px-4 py-3", statusBg[status], className),
+		...props,
+		children: [
+			showIcon && /* @__PURE__ */ jsx(View, {
+				className: "shrink-0",
+				children: /* @__PURE__ */ jsx(StatusIcon, {
+					status,
+					color: statusColor
+				})
+			}),
+			/* @__PURE__ */ jsxs(View, {
+				className: "min-w-0 flex-1 flex-row items-center gap-2",
+				children: [/* @__PURE__ */ jsx(View, {
+					className: "min-w-0 flex-1",
+					children: typeof children === "string" ? /* @__PURE__ */ jsx(Text, {
+						className: "text-sm leading-5 text-text-primary",
+						children
+					}) : children
+				}), action]
+			}),
+			onDismiss && /* @__PURE__ */ jsx(IconButton, {
+				accessibilityLabel: dismissLabel,
+				variant: "ghost",
+				size: "sm",
+				onPress: onDismiss,
+				children: /* @__PURE__ */ jsx(CloseIcon, { color: closeColor })
+			})
+		]
+	});
+}
+//#endregion
+export { Banner };
+
+//# sourceMappingURL=banner.js.map

package/dist/components/banner/banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner.js","names":[],"sources":["../../../src/components/banner/banner.tsx"],"sourcesContent":["/// <reference types=\"uniwind/types\" />\n\nimport type { ReactNode } from 'react'\nimport { Text, View, type ViewProps } from 'react-native'\nimport { cn } from '../../utils/cn'\nimport {\n  CloseIcon,\n  type Status,\n  StatusIcon,\n  statusBg,\n  statusRole,\n  statusTextToken,\n} from '../_shared/status'\nimport { useToken } from '../_shared/use-token'\nimport { IconButton } from '../icon-button/icon-button'\n\nexport type BannerProps = ViewProps & {\n  className?: string\n  status?: Status\n  /** Mostra o ícone semântico do status. */\n  showIcon?: boolean\n  /** Ação ao lado da mensagem (ex.: um `<Button variant=\"ghost\">`). */\n  action?: ReactNode\n  /** Mostra o botão de fechar (×) e o chama ao tocar. */\n  onDismiss?: () => void\n  /** Nome acessível do botão de fechar. */\n  dismissLabel?: string\n}\n\n/**\n * Mensagem persistente em largura total, no topo da interface (manutenção, anúncios).\n * `children` string vira `Text`; outros nós são renderizados como estão.\n */\nexport function Banner({\n  className,\n  status = 'info',\n  showIcon = true,\n  action,\n  onDismiss,\n  dismissLabel = 'Fechar',\n  children,\n  ...props\n}: BannerProps) {\n  const statusColor = useToken(statusTextToken[status])\n  const closeColor = useToken('--color-button-ghost-text')\n\n  return (\n    <View\n      accessibilityRole={statusRole(status)}\n      className={cn('w-full flex-row items-start gap-3 px-4 py-3', statusBg[status], className)}\n      {...props}\n    >\n      {showIcon && (\n        <View className=\"shrink-0\">\n          <StatusIcon status={status} color={statusColor} />\n        </View>\n      )}\n      <View className=\"min-w-0 flex-1 flex-row items-center gap-2\">\n        <View className=\"min-w-0 flex-1\">\n          {typeof children === 'string' ? (\n            <Text className=\"text-sm leading-5 text-text-primary\">{children}</Text>\n          ) : (\n            children\n          )}\n        </View>\n        {action}\n      </View>\n      {onDismiss && (\n        <IconButton accessibilityLabel={dismissLabel} variant=\"ghost\" size=\"sm\" onPress={onDismiss}>\n          <CloseIcon color={closeColor} />\n        </IconButton>\n      )}\n    </View>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAiCA,SAAgB,OAAO,EACrB,WACA,SAAS,QACT,WAAW,MACX,QACA,WACA,eAAe,UACf,UACA,GAAG,SACW;CACd,MAAM,cAAc,SAAS,gBAAgB,OAAO;CACpD,MAAM,aAAa,SAAS,2BAA2B;CAEvD,OACE,qBAAC,MAAD;EACE,mBAAmB,WAAW,MAAM;EACpC,WAAW,GAAG,+CAA+C,SAAS,SAAS,SAAS;EACxF,GAAI;EAHN,UAAA;GAKG,YACC,oBAAC,MAAD;IAAM,WAAU;IACd,UAAA,oBAAC,YAAD;KAAoB;KAAQ,OAAO;IAAc,CAAA;GAC7C,CAAA;GAER,qBAAC,MAAD;IAAM,WAAU;IAAhB,UAAA,CACE,oBAAC,MAAD;KAAM,WAAU;KACb,UAAA,OAAO,aAAa,WACnB,oBAAC,MAAD;MAAM,WAAU;MAAuC;KAAe,CAAA,IAEtE;IAEE,CAAA,GACL,MACG;;GACL,aACC,oBAAC,YAAD;IAAY,oBAAoB;IAAc,SAAQ;IAAQ,MAAK;IAAK,SAAS;IAC/E,UAAA,oBAAC,WAAD,EAAW,OAAO,WAAa,CAAA;GACrB,CAAA;EAEV;;AAEV"}

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

@@ -0,0 +1,2 @@
+import { Banner, BannerProps } from "./banner.js";
+export { Banner, type BannerProps };

package/dist/components/breadcrumb/breadcrumb.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from "react";
+import { PressableProps, ViewProps } from "react-native";
+//#region src/components/breadcrumb/breadcrumb.d.ts
+export type BreadcrumbProps = ViewProps & {
+  className?: string;
+};
+/** Hierarquia de páginas (Início › Seção › Página). Para fluxos sequenciais, use Stepper. */
+export declare function Breadcrumb({ className, children, accessibilityLabel, ...props }: BreadcrumbProps): import("react").JSX.Element;
+export type BreadcrumbItemProps = Omit<PressableProps, 'children' | 'style'> & {
+  /** Estilo do item inteiro (link + separador). */
+  className?: string;
+  /** Marca a página atual: não é tocável e fica com estado `selected` (RN não tem aria-current). */
+  current?: boolean;
+  children?: ReactNode;
+};
+/**
+ * Um item da trilha. O separador (›) aparece depois de todos, menos do último. No lugar de
+ * `href`/`asChild` do web, use `onPress` para navegar (ex.: `router.push`).
+ */
+export declare function BreadcrumbItem({ className, current, children, accessibilityState, ...props }: BreadcrumbItemProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=breadcrumb.d.ts.map

package/dist/components/breadcrumb/breadcrumb.js

@@ -0,0 +1,54 @@
+import { cn } from "../../utils/cn.js";
+import { ChevronRightIcon } from "../_shared/status.js";
+import { useToken } from "../_shared/use-token.js";
+import { Children, createContext, useContext } from "react";
+import { Pressable, Text, View } from "react-native";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/breadcrumb/breadcrumb.tsx
+const ItemContext = createContext({ isLast: false });
+/** Hierarquia de páginas (Início › Seção › Página). Para fluxos sequenciais, use Stepper. */
+function Breadcrumb({ className, children, accessibilityLabel = "Breadcrumb", ...props }) {
+	const items = Children.toArray(children);
+	return /* @__PURE__ */ jsx(View, {
+		accessibilityLabel,
+		className: cn("flex-row flex-wrap items-center gap-1", className),
+		...props,
+		children: items.map((child, index) => /* @__PURE__ */ jsx(ItemContext.Provider, {
+			value: { isLast: index === items.length - 1 },
+			children: child
+		}, index))
+	});
+}
+/**
+* Um item da trilha. O separador (›) aparece depois de todos, menos do último. No lugar de
+* `href`/`asChild` do web, use `onPress` para navegar (ex.: `router.push`).
+*/
+function BreadcrumbItem({ className, current = false, children, accessibilityState, ...props }) {
+	const { isLast } = useContext(ItemContext);
+	const separatorColor = useToken("--color-text-tertiary");
+	return /* @__PURE__ */ jsxs(View, {
+		className: cn("flex-row items-center gap-2", className),
+		children: [current ? /* @__PURE__ */ jsx(View, {
+			accessible: true,
+			accessibilityRole: "text",
+			accessibilityState: { selected: true },
+			children: typeof children === "string" ? /* @__PURE__ */ jsx(Text, {
+				className: "text-sm font-medium text-text-primary",
+				children
+			}) : children
+		}) : /* @__PURE__ */ jsx(Pressable, {
+			accessibilityRole: "link",
+			accessibilityState,
+			hitSlop: 8,
+			...props,
+			children: typeof children === "string" ? /* @__PURE__ */ jsx(Text, {
+				className: "text-sm text-text-secondary",
+				children
+			}) : children
+		}), isLast ? null : /* @__PURE__ */ jsx(ChevronRightIcon, { color: separatorColor })]
+	});
+}
+//#endregion
+export { Breadcrumb, BreadcrumbItem };
+
+//# sourceMappingURL=breadcrumb.js.map

package/dist/components/breadcrumb/breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.js","names":[],"sources":["../../../src/components/breadcrumb/breadcrumb.tsx"],"sourcesContent":["/// <reference types=\"uniwind/types\" />\n\nimport { Children, createContext, type ReactNode, useContext } from 'react'\nimport { Pressable, type PressableProps, Text, View, type ViewProps } from 'react-native'\nimport { cn } from '../../utils/cn'\nimport { ChevronRightIcon } from '../_shared/status'\nimport { useToken } from '../_shared/use-token'\n\nconst ItemContext = createContext({ isLast: false })\n\nexport type BreadcrumbProps = ViewProps & {\n  className?: string\n}\n\n/** Hierarquia de páginas (Início › Seção › Página). Para fluxos sequenciais, use Stepper. */\nexport function Breadcrumb({\n  className,\n  children,\n  accessibilityLabel = 'Breadcrumb',\n  ...props\n}: BreadcrumbProps) {\n  const items = Children.toArray(children)\n\n  return (\n    // RN não tem role \"navigation\": o nome acessível fica no accessibilityLabel.\n    <View\n      accessibilityLabel={accessibilityLabel}\n      className={cn('flex-row flex-wrap items-center gap-1', className)}\n      {...props}\n    >\n      {items.map((child, index) => (\n        <ItemContext.Provider\n          // biome-ignore lint/suspicious/noArrayIndexKey: a posição do item é a identidade dele\n          key={index}\n          value={{ isLast: index === items.length - 1 }}\n        >\n          {child}\n        </ItemContext.Provider>\n      ))}\n    </View>\n  )\n}\n\nexport type BreadcrumbItemProps = Omit<PressableProps, 'children' | 'style'> & {\n  /** Estilo do item inteiro (link + separador). */\n  className?: string\n  /** Marca a página atual: não é tocável e fica com estado `selected` (RN não tem aria-current). */\n  current?: boolean\n  children?: ReactNode\n}\n\n/**\n * Um item da trilha. O separador (›) aparece depois de todos, menos do último. No lugar de\n * `href`/`asChild` do web, use `onPress` para navegar (ex.: `router.push`).\n */\nexport function BreadcrumbItem({\n  className,\n  current = false,\n  children,\n  accessibilityState,\n  ...props\n}: BreadcrumbItemProps) {\n  const { isLast } = useContext(ItemContext)\n  const separatorColor = useToken('--color-text-tertiary')\n\n  return (\n    <View className={cn('flex-row items-center gap-2', className)}>\n      {current ? (\n        <View accessible accessibilityRole=\"text\" accessibilityState={{ selected: true }}>\n          {typeof children === 'string' ? (\n            <Text className=\"text-sm font-medium text-text-primary\">{children}</Text>\n          ) : (\n            children\n          )}\n        </View>\n      ) : (\n        <Pressable\n          accessibilityRole=\"link\"\n          accessibilityState={accessibilityState}\n          hitSlop={8}\n          {...props}\n        >\n          {typeof children === 'string' ? (\n            <Text className=\"text-sm text-text-secondary\">{children}</Text>\n          ) : (\n            children\n          )}\n        </Pressable>\n      )}\n      {isLast ? null : <ChevronRightIcon color={separatorColor} />}\n    </View>\n  )\n}\n"],"mappings":";;;;;;;AAQA,MAAM,cAAc,cAAc,EAAE,QAAQ,MAAM,CAAC;;AAOnD,SAAgB,WAAW,EACzB,WACA,UACA,qBAAqB,cACrB,GAAG,SACe;CAClB,MAAM,QAAQ,SAAS,QAAQ,QAAQ;CAEvC,OAEE,oBAAC,MAAD;EACsB;EACpB,WAAW,GAAG,yCAAyC,SAAS;EAChE,GAAI;EAEH,UAAA,MAAM,KAAK,OAAO,UACjB,oBAAC,YAAY,UAAb;GAGE,OAAO,EAAE,QAAQ,UAAU,MAAM,SAAS,EAAE;GAE3C,UAAA;EACmB,GAJf,KAIe,CACvB;CACG,CAAA;AAEV;;;;;AAcA,SAAgB,eAAe,EAC7B,WACA,UAAU,OACV,UACA,oBACA,GAAG,SACmB;CACtB,MAAM,EAAE,WAAW,WAAW,WAAW;CACzC,MAAM,iBAAiB,SAAS,uBAAuB;CAEvD,OACE,qBAAC,MAAD;EAAM,WAAW,GAAG,+BAA+B,SAAS;EAA5D,UAAA,CACG,UACC,oBAAC,MAAD;GAAM,YAAA;GAAW,mBAAkB;GAAO,oBAAoB,EAAE,UAAU,KAAK;GAC5E,UAAA,OAAO,aAAa,WACnB,oBAAC,MAAD;IAAM,WAAU;IAAyC;GAAe,CAAA,IAExE;EAEE,CAAA,IAEN,oBAAC,WAAD;GACE,mBAAkB;GACE;GACpB,SAAS;GACT,GAAI;GAEH,UAAA,OAAO,aAAa,WACnB,oBAAC,MAAD;IAAM,WAAU;IAA+B;GAAe,CAAA,IAE9D;EAEO,CAAA,GAEZ,SAAS,OAAO,oBAAC,kBAAD,EAAkB,OAAO,eAAiB,CAAA,CACvD;;AAEV"}

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

@@ -0,0 +1,2 @@
+import { Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps } from "./breadcrumb.js";
+export { Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, type BreadcrumbProps };

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

@@ -0,0 +1,21 @@
+import { ReactNode } from "react";
+import { PressableProps } from "react-native";
+import { VariantProps } from "class-variance-authority";
+//#region src/components/button/button.d.ts
+declare const buttonVariants: (props?: ({
+  variant?: "destructive" | "ghost" | "primary" | "secondary" | "tertiary" | null | undefined;
+  size?: "lg" | "md" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ButtonProps = Omit<PressableProps, 'children' | 'style'> & VariantProps<typeof buttonVariants> & {
+  className?: string;
+  children: string;
+  /** Ícone antes do texto. Some junto ao label quando `loading` está ativo. */
+  leadingIcon?: ReactNode;
+  /** Ícone depois do texto. Some junto ao label quando `loading` está ativo. */
+  trailingIcon?: ReactNode;
+  /** Substitui os ícones por um spinner e desabilita o botão. */
+  loading?: boolean;
+};
+export declare function Button({ className, variant, size, leadingIcon, trailingIcon, loading, disabled, children, accessibilityState, ...props }: ButtonProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=button.d.ts.map

package/dist/components/button/button.js

@@ -0,0 +1,89 @@
+import { cn } from "../../utils/cn.js";
+import { Spinner } from "../spinner/spinner.js";
+import { Pressable, Text, View } from "react-native";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/components/button/button.tsx
+const buttonVariants = cva("flex-row items-center justify-center rounded-full", {
+	variants: {
+		variant: {
+			primary: "bg-button-primary-bg active:bg-button-primary-bg-active disabled:bg-button-disabled-bg",
+			secondary: "bg-button-secondary-bg active:bg-button-secondary-bg-hover disabled:bg-button-disabled-bg",
+			tertiary: "border border-button-tertiary-border bg-transparent active:bg-bg-secondary",
+			ghost: "bg-transparent active:bg-button-secondary-bg-hover",
+			destructive: "bg-button-destructive-bg active:bg-button-destructive-bg-active disabled:bg-button-disabled-bg"
+		},
+		size: {
+			lg: "h-14 gap-2 px-6",
+			md: "h-11 gap-2 px-6",
+			sm: "h-9 gap-1 px-4"
+		}
+	},
+	defaultVariants: {
+		variant: "primary",
+		size: "md"
+	}
+});
+const labelVariants = cva("font-semibold", {
+	variants: {
+		variant: {
+			primary: "text-button-primary-text",
+			secondary: "text-button-secondary-text",
+			tertiary: "text-button-tertiary-text",
+			ghost: "text-button-ghost-text",
+			destructive: "text-button-destructive-text"
+		},
+		size: {
+			lg: "text-base",
+			md: "text-sm",
+			sm: "text-sm"
+		},
+		disabled: {
+			true: "text-button-disabled-text",
+			false: ""
+		}
+	},
+	compoundVariants: [{
+		variant: "destructive",
+		disabled: true,
+		className: "text-button-disabled-text-destructive"
+	}],
+	defaultVariants: {
+		variant: "primary",
+		size: "md",
+		disabled: false
+	}
+});
+function Button({ className, variant, size, leadingIcon, trailingIcon, loading = false, disabled, children, accessibilityState, ...props }) {
+	const isDisabled = Boolean(disabled || loading);
+	return /* @__PURE__ */ jsxs(Pressable, {
+		accessibilityRole: "button",
+		accessibilityState: {
+			...accessibilityState,
+			disabled: isDisabled,
+			busy: loading
+		},
+		disabled: isDisabled,
+		className: cn(buttonVariants({
+			variant,
+			size
+		}), className),
+		...props,
+		children: [
+			loading ? /* @__PURE__ */ jsx(Spinner, { size: size === "lg" ? "md" : "sm" }) : leadingIcon,
+			/* @__PURE__ */ jsx(Text, {
+				className: labelVariants({
+					variant,
+					size,
+					disabled: isDisabled
+				}),
+				children
+			}),
+			!loading && trailingIcon ? /* @__PURE__ */ jsx(View, { children: trailingIcon }) : null
+		]
+	});
+}
+//#endregion
+export { Button };
+
+//# sourceMappingURL=button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","names":[],"sources":["../../../src/components/button/button.tsx"],"sourcesContent":["/// <reference types=\"uniwind/types\" />\n\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport type { ReactNode } from 'react'\nimport { Pressable, type PressableProps, Text, View } from 'react-native'\nimport { cn } from '../../utils/cn'\nimport { Spinner } from '../spinner/spinner'\n\nconst buttonVariants = cva('flex-row items-center justify-center rounded-full', {\n  variants: {\n    variant: {\n      primary:\n        'bg-button-primary-bg active:bg-button-primary-bg-active disabled:bg-button-disabled-bg',\n      secondary:\n        'bg-button-secondary-bg active:bg-button-secondary-bg-hover disabled:bg-button-disabled-bg',\n      tertiary: 'border border-button-tertiary-border bg-transparent active:bg-bg-secondary',\n      ghost: 'bg-transparent active:bg-button-secondary-bg-hover',\n      destructive:\n        'bg-button-destructive-bg active:bg-button-destructive-bg-active disabled:bg-button-disabled-bg',\n    },\n    size: {\n      lg: 'h-14 gap-2 px-6',\n      md: 'h-11 gap-2 px-6',\n      sm: 'h-9 gap-1 px-4',\n    },\n  },\n  defaultVariants: { variant: 'primary', size: 'md' },\n})\n\nconst labelVariants = cva('font-semibold', {\n  variants: {\n    variant: {\n      primary: 'text-button-primary-text',\n      secondary: 'text-button-secondary-text',\n      tertiary: 'text-button-tertiary-text',\n      ghost: 'text-button-ghost-text',\n      destructive: 'text-button-destructive-text',\n    },\n    size: { lg: 'text-base', md: 'text-sm', sm: 'text-sm' },\n    disabled: {\n      true: 'text-button-disabled-text',\n      false: '',\n    },\n  },\n  compoundVariants: [\n    { variant: 'destructive', disabled: true, className: 'text-button-disabled-text-destructive' },\n  ],\n  defaultVariants: { variant: 'primary', size: 'md', disabled: false },\n})\n\nexport type ButtonProps = Omit<PressableProps, 'children' | 'style'> &\n  VariantProps<typeof buttonVariants> & {\n    className?: string\n    children: string\n    /** Ícone antes do texto. Some junto ao label quando `loading` está ativo. */\n    leadingIcon?: ReactNode\n    /** Ícone depois do texto. Some junto ao label quando `loading` está ativo. */\n    trailingIcon?: ReactNode\n    /** Substitui os ícones por um spinner e desabilita o botão. */\n    loading?: boolean\n  }\n\nexport function Button({\n  className,\n  variant,\n  size,\n  leadingIcon,\n  trailingIcon,\n  loading = false,\n  disabled,\n  children,\n  accessibilityState,\n  ...props\n}: ButtonProps) {\n  const isDisabled = Boolean(disabled || loading)\n\n  return (\n    <Pressable\n      accessibilityRole=\"button\"\n      accessibilityState={{ ...accessibilityState, disabled: isDisabled, busy: loading }}\n      disabled={isDisabled}\n      className={cn(buttonVariants({ variant, size }), className)}\n      {...props}\n    >\n      {loading ? <Spinner size={size === 'lg' ? 'md' : 'sm'} /> : leadingIcon}\n      <Text className={labelVariants({ variant, size, disabled: isDisabled })}>{children}</Text>\n      {!loading && trailingIcon ? <View>{trailingIcon}</View> : null}\n    </Pressable>\n  )\n}\n"],"mappings":";;;;;;AAQA,MAAM,iBAAiB,IAAI,qDAAqD;CAC9E,UAAU;EACR,SAAS;GACP,SACE;GACF,WACE;GACF,UAAU;GACV,OAAO;GACP,aACE;EACJ;EACA,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;CACF;CACA,iBAAiB;EAAE,SAAS;EAAW,MAAM;CAAK;AACpD,CAAC;AAED,MAAM,gBAAgB,IAAI,iBAAiB;CACzC,UAAU;EACR,SAAS;GACP,SAAS;GACT,WAAW;GACX,UAAU;GACV,OAAO;GACP,aAAa;EACf;EACA,MAAM;GAAE,IAAI;GAAa,IAAI;GAAW,IAAI;EAAU;EACtD,UAAU;GACR,MAAM;GACN,OAAO;EACT;CACF;CACA,kBAAkB,CAChB;EAAE,SAAS;EAAe,UAAU;EAAM,WAAW;CAAwC,CAC/F;CACA,iBAAiB;EAAE,SAAS;EAAW,MAAM;EAAM,UAAU;CAAM;AACrE,CAAC;AAcD,SAAgB,OAAO,EACrB,WACA,SACA,MACA,aACA,cACA,UAAU,OACV,UACA,UACA,oBACA,GAAG,SACW;CACd,MAAM,aAAa,QAAQ,YAAY,OAAO;CAE9C,OACE,qBAAC,WAAD;EACE,mBAAkB;EAClB,oBAAoB;GAAE,GAAG;GAAoB,UAAU;GAAY,MAAM;EAAQ;EACjF,UAAU;EACV,WAAW,GAAG,eAAe;GAAE;GAAS;EAAK,CAAC,GAAG,SAAS;EAC1D,GAAI;EALN,UAAA;GAOG,UAAU,oBAAC,SAAD,EAAS,MAAM,SAAS,OAAO,OAAO,KAAO,CAAA,IAAI;GAC5D,oBAAC,MAAD;IAAM,WAAW,cAAc;KAAE;KAAS;KAAM,UAAU;IAAW,CAAC;IAAI;GAAe,CAAA;GACxF,CAAC,WAAW,eAAe,oBAAC,MAAD,EAAA,UAAO,aAAmB,CAAA,IAAI;EACjD;;AAEf"}

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

@@ -0,0 +1,2 @@
+import { Button, ButtonProps } from "./button.js";
+export { Button, type ButtonProps };

package/dist/components/card/card.d.ts

@@ -0,0 +1,17 @@
+import { ViewProps } from "react-native";
+import { VariantProps } from "class-variance-authority";
+//#region src/components/card/card.d.ts
+declare const cardVariants: (props?: ({
+  padding?: "lg" | "md" | "none" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type CardProps = ViewProps & VariantProps<typeof cardVariants> & {
+  className?: string;
+};
+/**
+ * Contêiner elevado (borda, raio e sombra) para agrupar conteúdo relacionado.
+ * Use `padding="none"` para mídia de ponta a ponta. No native, o texto não herda cor: use
+ * `text-text-primary` nos `Text` filhos.
+ */
+export declare function Card({ className, padding, ...props }: CardProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=card.d.ts.map

package/dist/components/card/card.js

@@ -0,0 +1,28 @@
+import { cn } from "../../utils/cn.js";
+import { View } from "react-native";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/components/card/card.tsx
+const cardVariants = cva("rounded-md border border-border-default bg-surface-elevated shadow-md", {
+	variants: { padding: {
+		none: "",
+		md: "p-4",
+		lg: "p-6"
+	} },
+	defaultVariants: { padding: "md" }
+});
+/**
+* Contêiner elevado (borda, raio e sombra) para agrupar conteúdo relacionado.
+* Use `padding="none"` para mídia de ponta a ponta. No native, o texto não herda cor: use
+* `text-text-primary` nos `Text` filhos.
+*/
+function Card({ className, padding, ...props }) {
+	return /* @__PURE__ */ jsx(View, {
+		className: cn(cardVariants({ padding }), className),
+		...props
+	});
+}
+//#endregion
+export { Card };
+
+//# sourceMappingURL=card.js.map

package/dist/components/card/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","names":[],"sources":["../../../src/components/card/card.tsx"],"sourcesContent":["/// <reference types=\"uniwind/types\" />\n\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { View, type ViewProps } from 'react-native'\nimport { cn } from '../../utils/cn'\n\nconst cardVariants = cva('rounded-md border border-border-default bg-surface-elevated shadow-md', {\n  variants: {\n    padding: { none: '', md: 'p-4', lg: 'p-6' },\n  },\n  defaultVariants: { padding: 'md' },\n})\n\nexport type CardProps = ViewProps & VariantProps<typeof cardVariants> & { className?: string }\n\n/**\n * Contêiner elevado (borda, raio e sombra) para agrupar conteúdo relacionado.\n * Use `padding=\"none\"` para mídia de ponta a ponta. No native, o texto não herda cor: use\n * `text-text-primary` nos `Text` filhos.\n */\nexport function Card({ className, padding, ...props }: CardProps) {\n  return <View className={cn(cardVariants({ padding }), className)} {...props} />\n}\n"],"mappings":";;;;;AAMA,MAAM,eAAe,IAAI,yEAAyE;CAChG,UAAU,EACR,SAAS;EAAE,MAAM;EAAI,IAAI;EAAO,IAAI;CAAM,EAC5C;CACA,iBAAiB,EAAE,SAAS,KAAK;AACnC,CAAC;;;;;;AASD,SAAgB,KAAK,EAAE,WAAW,SAAS,GAAG,SAAoB;CAChE,OAAO,oBAAC,MAAD;EAAM,WAAW,GAAG,aAAa,EAAE,QAAQ,CAAC,GAAG,SAAS;EAAG,GAAI;CAAQ,CAAA;AAChF"}

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

@@ -0,0 +1,2 @@
+import { Card, CardProps } from "./card.js";
+export { Card, type CardProps };

package/dist/components/checkbox/checkbox.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from "react";
+import { PressableProps } from "react-native";
+//#region src/components/checkbox/checkbox.d.ts
+export type CheckboxProps = Omit<PressableProps, 'children' | 'style' | 'onPress'> & {
+  className?: string;
+  label?: ReactNode;
+  /** Controlado. Sem ele, o componente guarda o próprio estado (começa em `defaultChecked`). */
+  checked?: boolean;
+  defaultChecked?: boolean;
+  /** Chamado com o novo valor a cada toque. */
+  onCheckedChange?: (checked: boolean) => void;
+  /** Seleção parcial: aparece com o traço e é anunciada como "misto". */
+  indeterminate?: boolean;
+  error?: boolean;
+};
+export declare function Checkbox({ label, checked, defaultChecked, onCheckedChange, indeterminate, error, disabled, className, accessibilityState, ...props }: CheckboxProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=checkbox.d.ts.map