@ankhorage/surface 4.3.0 → 4.4.1

package/dist/components/toast/Toast.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../src/components/toast/Toast.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Pressable } from 'react-native';\n\nimport { Box } from '../../features/layout/public';\nimport { Surface } from '../../features/surface/public';\nimport { Text } from '../../features/typography/public';\nimport { Inline } from '../../layout';\nimport type { SurfaceColor } from '../../surfaceColor';\nimport { useTheme } from '../../theme/ThemeContext';\nimport type { SurfaceTheme } from '../../theme/types';\nimport type { ToastProps } from './types';\n\nfunction resolveToastStatusColor(theme: SurfaceTheme, status: ToastProps['status']) {\n  switch (status) {\n    case 'success':\n      return theme.semantics.success.base;\n    case 'warning':\n      return theme.semantics.warning.base;\n    case 'error':\n      return theme.semantics.error.base;\n    case 'info':\n      return theme.semantics.info.base;\n    default:\n      return theme.semantics.action.primary.base;\n  }\n}\n\nfunction resolveToastStatusTextColor(status: ToastProps['status']): SurfaceColor {\n  switch (status) {\n    case 'success':\n      return 'success';\n    case 'warning':\n      return 'warning';\n    case 'error':\n      return 'error';\n    case 'info':\n      return 'info';\n    default:\n      return 'primary';\n  }\n}\n\nexport function Toast({\n  title,\n  description,\n  status = 'default',\n  onDismiss,\n  interactionPolicy = 'enabled',\n  testID,\n}: ToastProps) {\n  const { theme } = useTheme();\n  const statusColor = resolveToastStatusColor(theme, status);\n  const statusTextColor = resolveToastStatusTextColor(status);\n  const passive = interactionPolicy === 'passive';\n\n  return (\n    <Surface\n      p=\"m\"\n      style={{\n        borderLeftColor: statusColor,\n        borderLeftWidth: 3,\n        minWidth: 280,\n        shadowOpacity: 0.14,\n        shadowRadius: 12,\n        shadowOffset: { width: 0, height: 6 },\n      }}\n      testID={testID}\n      variant=\"raised\"\n    >\n      <Inline align=\"center\" justify=\"space-between\">\n        <Box flex={1}>\n          {title ? (\n            <Text variant=\"label\" weight=\"medium\">\n              {title}\n            </Text>\n          ) : null}\n          {description ? <Text emphasis=\"muted\">{description}</Text> : null}\n        </Box>\n        {onDismiss ? (\n          <Pressable\n            accessibilityLabel=\"Dismiss notification\"\n            accessibilityRole=\"button\"\n            onPress={passive ? undefined : onDismiss}\n            testID={testID ? `${testID}-dismiss` : undefined}\n          >\n            <Text color={statusTextColor}>×</Text>\n          </Pressable>\n        ) : null}\n      </Inline>\n    </Surface>\n  );\n}\n"]}

package/dist/components/toast/ToastProvider.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import type { ToastOptions } from './types';
-interface ToastContextValue {
-    dismissToast: (id: string) => void;
-    showToast: (options: ToastOptions) => string;
-}
-export declare function ToastProvider({ children, defaultDuration, }: {
-    children: React.ReactNode;
-    defaultDuration?: number;
-}): React.JSX.Element;
-export declare function useToast(): ToastContextValue;
-export {};
-//# sourceMappingURL=ToastProvider.d.ts.map

package/dist/components/toast/ToastProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../src/components/toast/ToastProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAM5C,UAAU,iBAAiB;IACzB,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,MAAM,CAAC;CAC9C;AAMD,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,eAAsB,GACvB,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,qBA6EA;AAED,wBAAgB,QAAQ,sBAQvB"}

package/dist/components/toast/ToastProvider.js

@@ -1,70 +0,0 @@
-import React from 'react';
-import { Stack } from '../../features/layout/public';
-import { Portal } from '../../internal/overlay/Portal';
-import { resolveOverlayAnimation } from '../../internal/resolvers';
-import { Toast } from './Toast';
-const ToastContext = React.createContext(null);
-let toastCounter = 0;
-export function ToastProvider({ children, defaultDuration = 4000, }) {
-    const [toasts, setToasts] = React.useState([]);
-    const animation = resolveOverlayAnimation('toast');
-    const timersRef = React.useRef(new Map());
-    const dismissToast = React.useCallback((id) => {
-        const timer = timersRef.current.get(id);
-        if (timer) {
-            clearTimeout(timer);
-            timersRef.current.delete(id);
-        }
-        setToasts((current) => current.filter((toast) => toast.id !== id));
-    }, []);
-    const showToast = React.useCallback((options) => {
-        const id = options.id ?? `toast-${toastCounter++}`;
-        setToasts((current) => [...current, { ...options, id }]);
-        return id;
-    }, []);
-    React.useEffect(() => {
-        toasts.forEach((toast) => {
-            if (timersRef.current.has(toast.id)) {
-                return;
-            }
-            const timer = setTimeout(() => {
-                dismissToast(toast.id);
-            }, toast.duration ?? defaultDuration);
-            timersRef.current.set(toast.id, timer);
-        });
-        const activeToastIds = new Set(toasts.map((toast) => toast.id));
-        timersRef.current.forEach((timer, id) => {
-            if (!activeToastIds.has(id)) {
-                clearTimeout(timer);
-                timersRef.current.delete(id);
-            }
-        });
-    }, [defaultDuration, dismissToast, toasts]);
-    React.useEffect(() => {
-        const timers = timersRef.current;
-        return () => {
-            timers.forEach((timer) => clearTimeout(timer));
-            timers.clear();
-        };
-    }, []);
-    return (<ToastContext.Provider value={{ dismissToast, showToast }}>
-      {children}
-      <Portal layer="toast" visible={toasts.length > 0}>
-        <Stack gap="s" pointerEvents="box-none" style={{
-            alignItems: 'flex-end',
-            padding: 16,
-            paddingTop: 16 + animation.offset,
-        }}>
-          {toasts.map((toast) => (<Toast description={toast.description} key={toast.id} onDismiss={() => dismissToast(toast.id)} status={toast.status} testID={toast.testID} title={toast.title}/>))}
-        </Stack>
-      </Portal>
-    </ToastContext.Provider>);
-}
-export function useToast() {
-    const context = React.useContext(ToastContext);
-    if (!context) {
-        throw new Error('useToast must be used within <ToastProvider>.');
-    }
-    return context;
-}
-//# sourceMappingURL=ToastProvider.js.map

package/dist/components/toast/ToastProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToastProvider.js","sourceRoot":"","sources":["../../../src/components/toast/ToastProvider.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { Stack } from '../../features/layout/public';\nimport { Portal } from '../../internal/overlay/Portal';\nimport { resolveOverlayAnimation } from '../../internal/resolvers';\nimport { Toast } from './Toast';\nimport type { ToastOptions } from './types';\n\ninterface ToastEntry extends ToastOptions {\n  id: string;\n}\n\ninterface ToastContextValue {\n  dismissToast: (id: string) => void;\n  showToast: (options: ToastOptions) => string;\n}\n\nconst ToastContext = React.createContext<ToastContextValue | null>(null);\n\nlet toastCounter = 0;\n\nexport function ToastProvider({\n  children,\n  defaultDuration = 4000,\n}: {\n  children: React.ReactNode;\n  defaultDuration?: number;\n}) {\n  const [toasts, setToasts] = React.useState<ToastEntry[]>([]);\n  const animation = resolveOverlayAnimation('toast');\n  const timersRef = React.useRef(new Map<string, ReturnType<typeof setTimeout>>());\n\n  const dismissToast = React.useCallback((id: string) => {\n    const timer = timersRef.current.get(id);\n    if (timer) {\n      clearTimeout(timer);\n      timersRef.current.delete(id);\n    }\n    setToasts((current) => current.filter((toast) => toast.id !== id));\n  }, []);\n\n  const showToast = React.useCallback((options: ToastOptions) => {\n    const id = options.id ?? `toast-${toastCounter++}`;\n    setToasts((current) => [...current, { ...options, id }]);\n    return id;\n  }, []);\n\n  React.useEffect(() => {\n    toasts.forEach((toast) => {\n      if (timersRef.current.has(toast.id)) {\n        return;\n      }\n\n      const timer = setTimeout(() => {\n        dismissToast(toast.id);\n      }, toast.duration ?? defaultDuration);\n\n      timersRef.current.set(toast.id, timer);\n    });\n\n    const activeToastIds = new Set(toasts.map((toast) => toast.id));\n    timersRef.current.forEach((timer, id) => {\n      if (!activeToastIds.has(id)) {\n        clearTimeout(timer);\n        timersRef.current.delete(id);\n      }\n    });\n  }, [defaultDuration, dismissToast, toasts]);\n\n  React.useEffect(() => {\n    const timers = timersRef.current;\n    return () => {\n      timers.forEach((timer) => clearTimeout(timer));\n      timers.clear();\n    };\n  }, []);\n\n  return (\n    <ToastContext.Provider value={{ dismissToast, showToast }}>\n      {children}\n      <Portal layer=\"toast\" visible={toasts.length > 0}>\n        <Stack\n          gap=\"s\"\n          pointerEvents=\"box-none\"\n          style={{\n            alignItems: 'flex-end',\n            padding: 16,\n            paddingTop: 16 + animation.offset,\n          }}\n        >\n          {toasts.map((toast) => (\n            <Toast\n              description={toast.description}\n              key={toast.id}\n              onDismiss={() => dismissToast(toast.id)}\n              status={toast.status}\n              testID={toast.testID}\n              title={toast.title}\n            />\n          ))}\n        </Stack>\n      </Portal>\n    </ToastContext.Provider>\n  );\n}\n\nexport function useToast() {\n  const context = React.useContext(ToastContext);\n\n  if (!context) {\n    throw new Error('useToast must be used within <ToastProvider>.');\n  }\n\n  return context;\n}\n"]}

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

@@ -1,4 +0,0 @@
-export { Toast } from './Toast';
-export { ToastProvider, useToast } from './ToastProvider';
-export type { ToastOptions, ToastProps, ToastStatus } from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/toast/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC1D,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/toast/index.js

@@ -1,3 +0,0 @@
-export { Toast } from './Toast';
-export { ToastProvider, useToast } from './ToastProvider';
-//# sourceMappingURL=index.js.map

package/dist/components/toast/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC","sourcesContent":["export { Toast } from './Toast';\nexport { ToastProvider, useToast } from './ToastProvider';\nexport type { ToastOptions, ToastProps, ToastStatus } from './types';\n"]}

package/dist/components/toast/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/toast/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAE7D,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,kBAAkB,CAAC;AAEzD,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,SAAS,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACrC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb"}

package/dist/components/toast/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/dist/components/toast/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/toast/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { InteractionPolicy } from '../../interactionPolicy';\nimport type { SurfaceStatusColor } from '../../surfaceColor';\n\nexport type ToastStatus = 'default' | SurfaceStatusColor;\n\nexport interface ToastProps {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  status?: ToastStatus;\n  onDismiss?: (() => void) | undefined;\n  interactionPolicy?: InteractionPolicy;\n  testID?: string;\n}\n\nexport interface ToastOptions extends Omit<ToastProps, 'onDismiss'> {\n  duration?: number;\n  id?: string;\n}\n"]}

package/dist/examples/DocsExamples.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export declare function FormExample(): React.JSX.Element;
-export declare function FeedbackExample(): React.JSX.Element;
-export declare function OverlayExample(): React.JSX.Element;
-export declare function NavigationExample(): React.JSX.Element;
-//# sourceMappingURL=DocsExamples.d.ts.map

package/dist/examples/DocsExamples.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DocsExamples.d.ts","sourceRoot":"","sources":["../../src/examples/DocsExamples.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAyB1B,wBAAgB,WAAW,sBAY1B;AAeD,wBAAgB,eAAe,sBAa9B;AAED,wBAAgB,cAAc,sBAoB7B;AAED,wBAAgB,iBAAiB,sBAgChC"}

package/dist/examples/DocsExamples.js

@@ -1,97 +0,0 @@
-import React from 'react';
-import { Field } from '../components/field';
-import { HelperText } from '../components/helper-text';
-import { Menu } from '../components/menu';
-import { Modal } from '../components/modal';
-import { Tab, TabList, TabPanel, Tabs } from '../components/tabs';
-import { ToastProvider, useToast } from '../components/toast';
-import { Tooltip } from '../components/tooltip';
-import { Button } from '../features/button/public';
-import { Card } from '../features/card/public';
-import { Checkbox } from '../features/form/checkbox/public';
-import { TextInput } from '../features/form/text-input/public';
-import { Box, Stack } from '../features/layout/public';
-import { Text } from '../features/typography/public';
-import { ThemeProvider } from '../theme';
-const docsThemeConfig = {
-    id: 'docs',
-    name: 'Docs',
-    light: { primaryColor: '#2563EB', harmony: 'analogous' },
-    dark: { primaryColor: '#60A5FA', harmony: 'analogous' },
-};
-export function FormExample() {
-    return (<ThemeProvider initialConfig={docsThemeConfig}>
-      <Stack gap="m" p="l">
-        <Field helperText="Use your work email." label="Email" required>
-          <TextInput placeholder="you@example.com"/>
-        </Field>
-        <Checkbox checked>Accept terms</Checkbox>
-        <HelperText emphasis="muted">Looks good.</HelperText>
-      </Stack>
-    </ThemeProvider>);
-}
-function ToastButton() {
-    const { showToast } = useToast();
-    return (<Button onPress={() => showToast({ description: 'Your changes were saved.', status: 'success', title: 'Saved' })}>
-      Show toast
-    </Button>);
-}
-export function FeedbackExample() {
-    return (<ThemeProvider initialConfig={docsThemeConfig}>
-      <ToastProvider>
-        <Stack gap="m" p="l">
-          <Tooltip content="Helpful contextual information">
-            <Text>Hover for tooltip</Text>
-          </Tooltip>
-          <ToastButton />
-        </Stack>
-      </ToastProvider>
-    </ThemeProvider>);
-}
-export function OverlayExample() {
-    const [modalVisible, setModalVisible] = React.useState(false);
-    return (<ThemeProvider initialConfig={docsThemeConfig}>
-      <Stack gap="m" p="l">
-        <Button onPress={() => setModalVisible(true)}>Open modal</Button>
-        <Modal onDismiss={() => setModalVisible(false)} visible={modalVisible}>
-          <Card>
-            <Stack gap="s">
-              <Text variant="label" weight="semiBold">
-                Modal title
-              </Text>
-              <Text>Modal content</Text>
-            </Stack>
-          </Card>
-        </Modal>
-      </Stack>
-    </ThemeProvider>);
-}
-export function NavigationExample() {
-    return (<ThemeProvider initialConfig={docsThemeConfig}>
-      <Stack gap="m" p="l">
-        <Tabs defaultValue="account">
-          <TabList>
-            <Tab value="account">Account</Tab>
-            <Tab disabled value="security">
-              Security
-            </Tab>
-            <Tab value="billing">Billing</Tab>
-          </TabList>
-          <TabPanel value="account">
-            <Text>Account settings</Text>
-          </TabPanel>
-          <TabPanel value="billing">
-            <Text>Billing settings</Text>
-          </TabPanel>
-        </Tabs>
-        <Menu actions={[
-            { id: 'edit', title: 'Edit' },
-            { disabled: true, id: 'archive', title: 'Archive' },
-        ]} trigger={<Text>Open menu</Text>}/>
-        <Box>
-          <Text color="success">Theme overrides can stay semantic.</Text>
-        </Box>
-      </Stack>
-    </ThemeProvider>);
-}
-//# sourceMappingURL=DocsExamples.js.map

package/dist/examples/DocsExamples.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DocsExamples.js","sourceRoot":"","sources":["../../src/examples/DocsExamples.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { Field } from '../components/field';\nimport { HelperText } from '../components/helper-text';\nimport { Menu } from '../components/menu';\nimport { Modal } from '../components/modal';\nimport { Tab, TabList, TabPanel, Tabs } from '../components/tabs';\nimport { ToastProvider, useToast } from '../components/toast';\nimport { Tooltip } from '../components/tooltip';\nimport { Button } from '../features/button/public';\nimport { Card } from '../features/card/public';\nimport { Checkbox } from '../features/form/checkbox/public';\nimport { TextInput } from '../features/form/text-input/public';\nimport { Box, Stack } from '../features/layout/public';\nimport { Text } from '../features/typography/public';\nimport { ThemeProvider } from '../theme';\nimport type { ThemeConfig } from '../theme/types';\n\nconst docsThemeConfig: ThemeConfig = {\n  id: 'docs',\n  name: 'Docs',\n  light: { primaryColor: '#2563EB', harmony: 'analogous' },\n  dark: { primaryColor: '#60A5FA', harmony: 'analogous' },\n};\n\nexport function FormExample() {\n  return (\n    <ThemeProvider initialConfig={docsThemeConfig}>\n      <Stack gap=\"m\" p=\"l\">\n        <Field helperText=\"Use your work email.\" label=\"Email\" required>\n          <TextInput placeholder=\"you@example.com\" />\n        </Field>\n        <Checkbox checked>Accept terms</Checkbox>\n        <HelperText emphasis=\"muted\">Looks good.</HelperText>\n      </Stack>\n    </ThemeProvider>\n  );\n}\n\nfunction ToastButton() {\n  const { showToast } = useToast();\n  return (\n    <Button\n      onPress={() =>\n        showToast({ description: 'Your changes were saved.', status: 'success', title: 'Saved' })\n      }\n    >\n      Show toast\n    </Button>\n  );\n}\n\nexport function FeedbackExample() {\n  return (\n    <ThemeProvider initialConfig={docsThemeConfig}>\n      <ToastProvider>\n        <Stack gap=\"m\" p=\"l\">\n          <Tooltip content=\"Helpful contextual information\">\n            <Text>Hover for tooltip</Text>\n          </Tooltip>\n          <ToastButton />\n        </Stack>\n      </ToastProvider>\n    </ThemeProvider>\n  );\n}\n\nexport function OverlayExample() {\n  const [modalVisible, setModalVisible] = React.useState(false);\n\n  return (\n    <ThemeProvider initialConfig={docsThemeConfig}>\n      <Stack gap=\"m\" p=\"l\">\n        <Button onPress={() => setModalVisible(true)}>Open modal</Button>\n        <Modal onDismiss={() => setModalVisible(false)} visible={modalVisible}>\n          <Card>\n            <Stack gap=\"s\">\n              <Text variant=\"label\" weight=\"semiBold\">\n                Modal title\n              </Text>\n              <Text>Modal content</Text>\n            </Stack>\n          </Card>\n        </Modal>\n      </Stack>\n    </ThemeProvider>\n  );\n}\n\nexport function NavigationExample() {\n  return (\n    <ThemeProvider initialConfig={docsThemeConfig}>\n      <Stack gap=\"m\" p=\"l\">\n        <Tabs defaultValue=\"account\">\n          <TabList>\n            <Tab value=\"account\">Account</Tab>\n            <Tab disabled value=\"security\">\n              Security\n            </Tab>\n            <Tab value=\"billing\">Billing</Tab>\n          </TabList>\n          <TabPanel value=\"account\">\n            <Text>Account settings</Text>\n          </TabPanel>\n          <TabPanel value=\"billing\">\n            <Text>Billing settings</Text>\n          </TabPanel>\n        </Tabs>\n        <Menu\n          actions={[\n            { id: 'edit', title: 'Edit' },\n            { disabled: true, id: 'archive', title: 'Archive' },\n          ]}\n          trigger={<Text>Open menu</Text>}\n        />\n        <Box>\n          <Text color=\"success\">Theme overrides can stay semantic.</Text>\n        </Box>\n      </Stack>\n    </ThemeProvider>\n  );\n}\n"]}

package/src/components/toast/ToastProvider.tsx

@@ -1,115 +0,0 @@
-import React from 'react';
-
-import { Stack } from '../../features/layout/public';
-import { Portal } from '../../internal/overlay/Portal';
-import { resolveOverlayAnimation } from '../../internal/resolvers';
-import { Toast } from './Toast';
-import type { ToastOptions } from './types';
-
-interface ToastEntry extends ToastOptions {
-  id: string;
-}
-
-interface ToastContextValue {
-  dismissToast: (id: string) => void;
-  showToast: (options: ToastOptions) => string;
-}
-
-const ToastContext = React.createContext<ToastContextValue | null>(null);
-
-let toastCounter = 0;
-
-export function ToastProvider({
-  children,
-  defaultDuration = 4000,
-}: {
-  children: React.ReactNode;
-  defaultDuration?: number;
-}) {
-  const [toasts, setToasts] = React.useState<ToastEntry[]>([]);
-  const animation = resolveOverlayAnimation('toast');
-  const timersRef = React.useRef(new Map<string, ReturnType<typeof setTimeout>>());
-
-  const dismissToast = React.useCallback((id: string) => {
-    const timer = timersRef.current.get(id);
-    if (timer) {
-      clearTimeout(timer);
-      timersRef.current.delete(id);
-    }
-    setToasts((current) => current.filter((toast) => toast.id !== id));
-  }, []);
-
-  const showToast = React.useCallback((options: ToastOptions) => {
-    const id = options.id ?? `toast-${toastCounter++}`;
-    setToasts((current) => [...current, { ...options, id }]);
-    return id;
-  }, []);
-
-  React.useEffect(() => {
-    toasts.forEach((toast) => {
-      if (timersRef.current.has(toast.id)) {
-        return;
-      }
-
-      const timer = setTimeout(() => {
-        dismissToast(toast.id);
-      }, toast.duration ?? defaultDuration);
-
-      timersRef.current.set(toast.id, timer);
-    });
-
-    const activeToastIds = new Set(toasts.map((toast) => toast.id));
-    timersRef.current.forEach((timer, id) => {
-      if (!activeToastIds.has(id)) {
-        clearTimeout(timer);
-        timersRef.current.delete(id);
-      }
-    });
-  }, [defaultDuration, dismissToast, toasts]);
-
-  React.useEffect(() => {
-    const timers = timersRef.current;
-    return () => {
-      timers.forEach((timer) => clearTimeout(timer));
-      timers.clear();
-    };
-  }, []);
-
-  return (
-    <ToastContext.Provider value={{ dismissToast, showToast }}>
-      {children}
-      <Portal layer="toast" visible={toasts.length > 0}>
-        <Stack
-          gap="s"
-          pointerEvents="box-none"
-          style={{
-            alignItems: 'flex-end',
-            padding: 16,
-            paddingTop: 16 + animation.offset,
-          }}
-        >
-          {toasts.map((toast) => (
-            <Toast
-              description={toast.description}
-              key={toast.id}
-              onDismiss={() => dismissToast(toast.id)}
-              status={toast.status}
-              testID={toast.testID}
-              title={toast.title}
-            />
-          ))}
-        </Stack>
-      </Portal>
-    </ToastContext.Provider>
-  );
-}
-
-export function useToast() {
-  const context = React.useContext(ToastContext);
-
-  if (!context) {
-    throw new Error('useToast must be used within <ToastProvider>.');
-  }
-
-  return context;
-}

package/src/components/toast/index.ts

@@ -1,3 +0,0 @@
-export { Toast } from './Toast';
-export { ToastProvider, useToast } from './ToastProvider';
-export type { ToastOptions, ToastProps, ToastStatus } from './types';

package/src/examples/DocsExamples.tsx

@@ -1,122 +0,0 @@
-import React from 'react';
-
-import { Field } from '../components/field';
-import { HelperText } from '../components/helper-text';
-import { Menu } from '../components/menu';
-import { Modal } from '../components/modal';
-import { Tab, TabList, TabPanel, Tabs } from '../components/tabs';
-import { ToastProvider, useToast } from '../components/toast';
-import { Tooltip } from '../components/tooltip';
-import { Button } from '../features/button/public';
-import { Card } from '../features/card/public';
-import { Checkbox } from '../features/form/checkbox/public';
-import { TextInput } from '../features/form/text-input/public';
-import { Box, Stack } from '../features/layout/public';
-import { Text } from '../features/typography/public';
-import { ThemeProvider } from '../theme';
-import type { ThemeConfig } from '../theme/types';
-
-const docsThemeConfig: ThemeConfig = {
-  id: 'docs',
-  name: 'Docs',
-  light: { primaryColor: '#2563EB', harmony: 'analogous' },
-  dark: { primaryColor: '#60A5FA', harmony: 'analogous' },
-};
-
-export function FormExample() {
-  return (
-    <ThemeProvider initialConfig={docsThemeConfig}>
-      <Stack gap="m" p="l">
-        <Field helperText="Use your work email." label="Email" required>
-          <TextInput placeholder="you@example.com" />
-        </Field>
-        <Checkbox checked>Accept terms</Checkbox>
-        <HelperText emphasis="muted">Looks good.</HelperText>
-      </Stack>
-    </ThemeProvider>
-  );
-}
-
-function ToastButton() {
-  const { showToast } = useToast();
-  return (
-    <Button
-      onPress={() =>
-        showToast({ description: 'Your changes were saved.', status: 'success', title: 'Saved' })
-      }
-    >
-      Show toast
-    </Button>
-  );
-}
-
-export function FeedbackExample() {
-  return (
-    <ThemeProvider initialConfig={docsThemeConfig}>
-      <ToastProvider>
-        <Stack gap="m" p="l">
-          <Tooltip content="Helpful contextual information">
-            <Text>Hover for tooltip</Text>
-          </Tooltip>
-          <ToastButton />
-        </Stack>
-      </ToastProvider>
-    </ThemeProvider>
-  );
-}
-
-export function OverlayExample() {
-  const [modalVisible, setModalVisible] = React.useState(false);
-
-  return (
-    <ThemeProvider initialConfig={docsThemeConfig}>
-      <Stack gap="m" p="l">
-        <Button onPress={() => setModalVisible(true)}>Open modal</Button>
-        <Modal onDismiss={() => setModalVisible(false)} visible={modalVisible}>
-          <Card>
-            <Stack gap="s">
-              <Text variant="label" weight="semiBold">
-                Modal title
-              </Text>
-              <Text>Modal content</Text>
-            </Stack>
-          </Card>
-        </Modal>
-      </Stack>
-    </ThemeProvider>
-  );
-}
-
-export function NavigationExample() {
-  return (
-    <ThemeProvider initialConfig={docsThemeConfig}>
-      <Stack gap="m" p="l">
-        <Tabs defaultValue="account">
-          <TabList>
-            <Tab value="account">Account</Tab>
-            <Tab disabled value="security">
-              Security
-            </Tab>
-            <Tab value="billing">Billing</Tab>
-          </TabList>
-          <TabPanel value="account">
-            <Text>Account settings</Text>
-          </TabPanel>
-          <TabPanel value="billing">
-            <Text>Billing settings</Text>
-          </TabPanel>
-        </Tabs>
-        <Menu
-          actions={[
-            { id: 'edit', title: 'Edit' },
-            { disabled: true, id: 'archive', title: 'Archive' },
-          ]}
-          trigger={<Text>Open menu</Text>}
-        />
-        <Box>
-          <Text color="success">Theme overrides can stay semantic.</Text>
-        </Box>
-      </Stack>
-    </ThemeProvider>
-  );
-}