@blinkdotnew/mobile-ui 2.0.0-alpha.7 → 2.0.0-alpha.8

package/dist/index.d.mts

@@ -1,6 +1,7 @@
 import * as tamagui from 'tamagui';
 import { TamaguiInternalConfig, GetProps, YStack } from 'tamagui';
 export { Accordion, Adapt, AlertDialog, Anchor, Avatar, Button, Card, Checkbox, Circle, ColorTokens, Dialog, Fieldset, Form, GetProps, H1, H2, H3, H4, H5, H6, Input, Label, Paragraph, Popover, PortalProvider, Progress, RadioGroup, ScrollView, Select, Separator, Sheet, SizableText, SizeTokens, Slider, Spinner, Square, Switch, Tabs, Image as TamaguiImage, ListItem as TamaguiListItem, TamaguiProvider, Text, TextArea, Theme, ThemeTokens, ToggleGroup, Tooltip, TooltipSimple, Unspaced, View, VisuallyHidden, XGroup, XStack, YGroup, YStack, ZStack, styled, useMedia, useTheme, useThemeName, withStaticProperties } from 'tamagui';
+export { Toast, ToastProps, ToastProvider, ToastProviderProps, ToastViewport, ToastViewportProps, useToastController, useToastState } from '@tamagui/toast';
 import * as react from 'react';
 import { ReactNode } from 'react';
 import * as _tamagui_core from '@tamagui/core';
@@ -384,9 +385,10 @@ type ContainerProps = {
     children: ReactNode;
     maxWidth?: number;
     centered?: boolean;
+    padding?: string;
 };
 declare function Grid({ children, columns, gap }: GridProps): react_jsx_runtime.JSX.Element;
-declare function Container({ children, maxWidth, centered }: ContainerProps): react_jsx_runtime.JSX.Element;
+declare function Container({ children, maxWidth, centered, padding }: ContainerProps): react_jsx_runtime.JSX.Element;
 
 type PlanOption = {
     id: string;

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import * as tamagui from 'tamagui';
 import { TamaguiInternalConfig, GetProps, YStack } from 'tamagui';
 export { Accordion, Adapt, AlertDialog, Anchor, Avatar, Button, Card, Checkbox, Circle, ColorTokens, Dialog, Fieldset, Form, GetProps, H1, H2, H3, H4, H5, H6, Input, Label, Paragraph, Popover, PortalProvider, Progress, RadioGroup, ScrollView, Select, Separator, Sheet, SizableText, SizeTokens, Slider, Spinner, Square, Switch, Tabs, Image as TamaguiImage, ListItem as TamaguiListItem, TamaguiProvider, Text, TextArea, Theme, ThemeTokens, ToggleGroup, Tooltip, TooltipSimple, Unspaced, View, VisuallyHidden, XGroup, XStack, YGroup, YStack, ZStack, styled, useMedia, useTheme, useThemeName, withStaticProperties } from 'tamagui';
+export { Toast, ToastProps, ToastProvider, ToastProviderProps, ToastViewport, ToastViewportProps, useToastController, useToastState } from '@tamagui/toast';
 import * as react from 'react';
 import { ReactNode } from 'react';
 import * as _tamagui_core from '@tamagui/core';
@@ -384,9 +385,10 @@ type ContainerProps = {
     children: ReactNode;
     maxWidth?: number;
     centered?: boolean;
+    padding?: string;
 };
 declare function Grid({ children, columns, gap }: GridProps): react_jsx_runtime.JSX.Element;
-declare function Container({ children, maxWidth, centered }: ContainerProps): react_jsx_runtime.JSX.Element;
+declare function Container({ children, maxWidth, centered, padding }: ContainerProps): react_jsx_runtime.JSX.Element;
 
 type PlanOption = {
     id: string;

package/dist/index.js

@@ -111,6 +111,9 @@ __export(index_exports, {
   Text: () => import_tamagui49.Text,
   TextArea: () => import_tamagui49.TextArea,
   Theme: () => import_tamagui49.Theme,
+  Toast: () => import_toast.Toast,
+  ToastProvider: () => import_toast.ToastProvider,
+  ToastViewport: () => import_toast.ToastViewport,
   ToggleGroup: () => import_tamagui49.ToggleGroup,
   Tooltip: () => import_tamagui49.Tooltip,
   TooltipSimple: () => import_tamagui49.TooltipSimple,
@@ -131,6 +134,8 @@ __export(index_exports, {
   useMedia: () => import_tamagui49.useMedia,
   useTheme: () => import_tamagui49.useTheme,
   useThemeName: () => import_tamagui49.useThemeName,
+  useToastController: () => import_toast.useToastController,
+  useToastState: () => import_toast.useToastState,
   withStaticProperties: () => import_tamagui49.withStaticProperties
 });
 module.exports = __toCommonJS(index_exports);
@@ -144,6 +149,7 @@ var blinkConfig = (0, import_tamagui.createTamagui)({
 
 // src/index.ts
 var import_tamagui49 = require("tamagui");
+var import_toast = require("@tamagui/toast");
 
 // src/primitives/Button.tsx
 var import_tamagui2 = require("tamagui");
@@ -990,14 +996,22 @@ function SafeArea({ children, edges = ["top", "bottom"] }) {
 }
 
 // src/layouts/Grid.tsx
+var import_react6 = require("react");
 var import_tamagui27 = require("tamagui");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 function Grid({ children, columns = 2, gap = "$3" }) {
-  const childWidth = `${100 / columns}%`;
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_tamagui27.XStack, { flexWrap: "wrap", gap, children: Array.isArray(children) ? children.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_tamagui27.YStack, { width: childWidth, flexBasis: childWidth, children: child }, i)) : children });
+  const items = import_react6.Children.toArray(children);
+  const rows = [];
+  for (let i = 0; i < items.length; i += columns) {
+    rows.push(items.slice(i, i + columns));
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_tamagui27.YStack, { gap, children: rows.map((row, ri) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_tamagui27.XStack, { gap, children: [
+    row.map((item, ci) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_tamagui27.YStack, { flex: 1, children: item }, ci)),
+    row.length < columns && Array.from({ length: columns - row.length }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_tamagui27.YStack, { flex: 1 }, `pad-${i}`))
+  ] }, ri)) });
 }
-function Container({ children, maxWidth = 500, centered = true }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_tamagui27.YStack, { width: "100%", maxWidth, alignSelf: centered ? "center" : void 0, children });
+function Container({ children, maxWidth = 500, centered = true, padding = "$4" }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_tamagui27.YStack, { width: "100%", maxWidth, alignSelf: centered ? "center" : void 0, padding, children });
 }
 
 // src/patterns/PaywallScreen.tsx
@@ -1071,7 +1085,7 @@ function PaywallScreen({
 }
 
 // src/patterns/OnboardingCarousel.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 var import_tamagui29 = require("tamagui");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 function OnboardingCarousel({
@@ -1082,7 +1096,7 @@ function OnboardingCarousel({
   skipLabel = "Skip",
   nextLabel = "Next"
 }) {
-  const [current, setCurrent] = (0, import_react6.useState)(0);
+  const [current, setCurrent] = (0, import_react7.useState)(0);
   const isLast = current === steps.length - 1;
   const step = steps[current];
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_tamagui29.YStack, { flex: 1, backgroundColor: "$background", padding: "$4", justifyContent: "space-between", children: [
@@ -1312,12 +1326,12 @@ function BottomSheet({ open, onOpenChange, title, children, snapPoints = [85], d
 }
 
 // src/patterns/LoginScreen.tsx
-var import_react7 = require("react");
+var import_react8 = require("react");
 var import_tamagui36 = require("tamagui");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 function LoginScreen({ title = "Welcome", subtitle = "Sign in to continue", logo, providers = [], onProviderPress, showEmailForm, onEmailSubmit, onForgotPassword, onCreateAccount, onTerms, onPrivacy, loading }) {
-  const [email, setEmail] = (0, import_react7.useState)("");
-  const [password, setPassword] = (0, import_react7.useState)("");
+  const [email, setEmail] = (0, import_react8.useState)("");
+  const [password, setPassword] = (0, import_react8.useState)("");
   return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_tamagui36.YStack, { flex: 1, padding: "$4", gap: "$5", backgroundColor: "$background", justifyContent: "center", children: [
     /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_tamagui36.YStack, { alignItems: "center", gap: "$2", children: [
       logo && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_tamagui36.YStack, { paddingBottom: "$3", children: logo }),
@@ -1580,11 +1594,11 @@ function ProgressSteps({ steps, currentStep, variant = "dots" }) {
 }
 
 // src/patterns/SwipeableRow.tsx
-var import_react8 = require("react");
+var import_react9 = require("react");
 var import_tamagui44 = require("tamagui");
 var import_jsx_runtime36 = require("react/jsx-runtime");
 function SwipeableRow({ children, leftActions, rightActions }) {
-  const [showActions, setShowActions] = (0, import_react8.useState)(false);
+  const [showActions, setShowActions] = (0, import_react9.useState)(false);
   const actions = [...leftActions ?? [], ...rightActions ?? []];
   if (actions.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_jsx_runtime36.Fragment, { children });
   return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_tamagui44.YStack, { children: [
@@ -1659,13 +1673,13 @@ function MediaCard({ image, title, subtitle, overlay = "gradient", aspectRatio =
 }
 
 // src/patterns/Carousel.tsx
-var import_react9 = require("react");
+var import_react10 = require("react");
 var import_tamagui46 = require("tamagui");
 var import_react_native3 = require("react-native");
 var import_jsx_runtime38 = require("react/jsx-runtime");
 function Carousel({ children, gap = "$3", snapToInterval, showIndicators = false }) {
-  const [activeIndex, setActiveIndex] = (0, import_react9.useState)(0);
-  const count = import_react9.Children.count(children);
+  const [activeIndex, setActiveIndex] = (0, import_react10.useState)(0);
+  const count = import_react10.Children.count(children);
   const gapPx = gap === "$2" ? 8 : gap === "$3" ? 12 : 16;
   return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_tamagui46.YStack, { gap: "$3", children: [
     /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
@@ -1793,6 +1807,9 @@ function PullToRefresh({ children, onRefresh, refreshing = false }) {
   Text,
   TextArea,
   Theme,
+  Toast,
+  ToastProvider,
+  ToastViewport,
   ToggleGroup,
   Tooltip,
   TooltipSimple,
@@ -1813,6 +1830,8 @@ function PullToRefresh({ children, onRefresh, refreshing = false }) {
   useMedia,
   useTheme,
   useThemeName,
+  useToastController,
+  useToastState,
   withStaticProperties
 });
 //# sourceMappingURL=index.js.map