@ankhorage/zora 2.4.0 → 2.4.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 2.4.2
+
+### Patch Changes
+
+- a1934d8: Add Skeleton loading primitives for placeholder card, list, and text states.
+
+## 2.4.1
+
+### Patch Changes
+
+- 2fdb077: Expose a ZORA Toast API backed by the existing Surface Toast implementation.
+
 ## 2.4.0
 
 ### Minor Changes

package/README.md

@@ -320,9 +320,14 @@ Metadata model overview:
 - `Rating`
 - `SearchBar`
 - `Select`
+- `Skeleton`
+- `SkeletonCard`
+- `SkeletonList`
+- `SkeletonText`
 - `Tabs`
 - `Text`
 - `Textarea`
+- `Toast`
 - `Toolbar`
 - `ToolbarAction`
 
@@ -1182,6 +1187,93 @@ ZORA props:
 
 </details>
 
+### `Toast` / `ToastProvider`
+
+Transient app feedback backed by Surface Toast. Use `ToastProvider` once near
+the app root, then call `useToast()` from child components.
+
+```tsx
+import React from 'react';
+import { Button, ToastProvider, useToast, ZoraProvider } from '@ankhorage/zora';
+
+function SaveButton() {
+  const { showToast } = useToast();
+
+  return (
+    <Button
+      onPress={() => {
+        showToast({
+          title: 'Saved',
+          description: 'Your changes were saved.',
+          status: 'success',
+        });
+      }}
+    >
+      Save
+    </Button>
+  );
+}
+
+export function App() {
+  return (
+    <ZoraProvider>
+      <ToastProvider>
+        <SaveButton />
+      </ToastProvider>
+    </ZoraProvider>
+  );
+}
+```
+
+Use `Toast` directly only for explicit inline rendering or component previews.
+Most app code should use `ToastProvider` and `useToast()` so transient feedback
+is managed from one provider boundary.
+
+<details>
+<summary>Props</summary>
+
+`Toast` props:
+
+| Prop          | Type              | Default     | Notes                     |
+| ------------- | ----------------- | ----------- | ------------------------- |
+| `title`       | `React.ReactNode` | -           | Primary toast message.    |
+| `description` | `React.ReactNode` | -           | Supporting toast message. |
+| `status`      | `ToastStatus`     | `'default'` | Semantic status color.    |
+| `onDismiss`   | `() => void`      | -           | Dismiss handler.          |
+| `testID`      | `string`          | -           | Test id.                  |
+
+`ToastProvider` props:
+
+| Prop              | Type              | Default | Notes                          |
+| ----------------- | ----------------- | ------- | ------------------------------ |
+| `children`        | `React.ReactNode` | -       | App subtree with toast access. |
+| `defaultDuration` | `number`          | `4000`  | Default auto-dismiss duration. |
+
+Hook API:
+
+| API            | Type                                | Notes                             |
+| -------------- | ----------------------------------- | --------------------------------- |
+| `showToast`    | `(options: ToastOptions) => string` | Shows a toast and returns its id. |
+| `dismissToast` | `(id: string) => void`              | Dismisses a toast by id.          |
+
+`ToastOptions`:
+
+| Prop          | Type              | Default     | Notes                                      |
+| ------------- | ----------------- | ----------- | ------------------------------------------ |
+| `id`          | `string`          | generated   | Optional stable id for replacing/tracking. |
+| `title`       | `React.ReactNode` | -           | Primary toast message.                     |
+| `description` | `React.ReactNode` | -           | Supporting toast message.                  |
+| `status`      | `ToastStatus`     | `'default'` | Semantic status color.                     |
+| `duration`    | `number`          | provider    | Auto-dismiss duration in milliseconds.     |
+| `testID`      | `string`          | -           | Test id forwarded to the toast.            |
+
+Inherited props:
+
+ZORA reuses the existing Surface Toast implementation. No separate ZORA toast
+state machine is introduced.
+
+</details>
+
 ### `AppBar`
 
 Product-facing top app bar backed by the Surface `AppBar` primitive.
@@ -1233,6 +1325,96 @@ None. ZORA composes Surface internally and exposes a product API.
 
 </details>
 
+### `Skeleton` / `SkeletonText` / `SkeletonCard` / `SkeletonList`
+
+Static loading placeholders for screens, cards, lists, feeds, dashboards, media
+previews, and form/detail loading states.
+
+Use `Skeleton` for a single placeholder block, `SkeletonText` for text-line
+placeholders, `SkeletonCard` for card-shaped loading states, and `SkeletonList`
+for list/feed loading states.
+
+```tsx
+<Skeleton width="60%" height={16} radius="s" />
+
+<SkeletonText lines={3} />
+
+<SkeletonCard media actions />
+
+<SkeletonList rows={5} avatar />
+```
+
+`Skeleton` components are static and dependency-free in v1. They do not own data
+fetching, Suspense, shimmer animation, or provider-level loading state.
+
+<details>
+<summary>Props</summary>
+
+`Skeleton` props:
+
+| Prop      | Type                 | Default  | Notes                                |
+| --------- | -------------------- | -------- | ------------------------------------ |
+| `width`   | `SkeletonDimension`  | `'100%'` | Placeholder width.                   |
+| `height`  | `BoxProps['height']` | `16`     | Placeholder height.                  |
+| `radius`  | `SkeletonRadius`     | `'m'`    | Border radius token.                 |
+| `testID`  | `string`             | -        | Test id.                             |
+| `mode`    | `ZoraThemeMode`      | -        | Optional scoped theme mode override. |
+| `themeId` | `ZoraThemeId`        | -        | Optional scoped theme id override.   |
+
+`SkeletonText` props:
+
+| Prop            | Type                | Default  | Notes                                      |
+| --------------- | ------------------- | -------- | ------------------------------------------ |
+| `lines`         | `number`            | `3`      | Number of placeholder text lines.          |
+| `lineHeight`    | `number`            | `12`     | Height of each placeholder line.           |
+| `gap`           | `StackProps['gap']` | `'xs'`   | Spacing between placeholder lines.         |
+| `width`         | `SkeletonDimension` | `'100%'` | Width for normal lines.                    |
+| `lastLineWidth` | `SkeletonDimension` | `'70%'`  | Width for the final line when `lines > 1`. |
+| `testID`        | `string`            | -        | Test id.                                   |
+| `mode`          | `ZoraThemeMode`     | -        | Optional scoped theme mode override.       |
+| `themeId`       | `ZoraThemeId`       | -        | Optional scoped theme id override.         |
+
+`SkeletonCard` props:
+
+| Prop      | Type            | Default | Notes                                  |
+| --------- | --------------- | ------- | -------------------------------------- |
+| `media`   | `boolean`       | `false` | Adds a media placeholder area.         |
+| `actions` | `boolean`       | `false` | Adds placeholder action buttons.       |
+| `lines`   | `number`        | `3`     | Number of body text placeholder lines. |
+| `compact` | `boolean`       | `false` | Uses tighter card spacing.             |
+| `testID`  | `string`        | -       | Test id.                               |
+| `mode`    | `ZoraThemeMode` | -       | Optional scoped theme mode override.   |
+| `themeId` | `ZoraThemeId`   | -       | Optional scoped theme id override.     |
+
+`SkeletonList` props:
+
+| Prop      | Type                  | Default     | Notes                                     |
+| --------- | --------------------- | ----------- | ----------------------------------------- |
+| `rows`    | `number`              | `5`         | Number of placeholder rows.               |
+| `avatar`  | `boolean`             | `false`     | Adds circular leading placeholders.       |
+| `media`   | `boolean`             | `false`     | Adds rectangular leading placeholders.    |
+| `lines`   | `number`              | `2`         | Number of text lines per row description. |
+| `variant` | `SkeletonListVariant` | `'divider'` | List row variant: `divider` or `card`.    |
+| `compact` | `boolean`             | `false`     | Uses tighter row spacing.                 |
+| `testID`  | `string`              | -           | Test id.                                  |
+| `mode`    | `ZoraThemeMode`       | -           | Optional scoped theme mode override.      |
+| `themeId` | `ZoraThemeId`         | -           | Optional scoped theme id override.        |
+
+Type aliases:
+
+```ts
+type SkeletonListVariant = 'divider' | 'card';
+type SkeletonDimension = BoxProps['width'];
+type SkeletonRadius = BoxProps['radius'];
+```
+
+Inherited props:
+
+No inherited props. Skeleton components are declared directly by ZORA and expose
+semantic loading-state options instead of raw style props.
+
+</details>
+
 ### `Toolbar`
 
 Horizontal shell for actions and tools.
@@ -1384,13 +1566,13 @@ Example with overlay (e.g. mobile panel or drawer):
 
 ZORA props:
 
-| Prop        | Type                   | Default | Notes                                                                                |
-| ----------- | ---------------------- | ------- | ------------------------------------------------------------------------------------ |
-| `children`  | `React.ReactNode`      | -       | Main application content.                                                            |
-| `header`    | `React.ReactNode`      | -       | Optional top section (e.g. toolbar or navigation).                                   |
-| `footer`    | `React.ReactNode`      | -       | Optional bottom section (e.g. tab bar or actions).                                   |
-| `overlay`   | `React.ReactNode`      | -       | Optional overlay layer rendered above content (e.g. drawer, modal, floating panels). |
-| `testID`    | `string`               | -       | Forwarded to the root Surface container.                                             |
+| Prop       | Type              | Default | Notes                                                                                |
+| ---------- | ----------------- | ------- | ------------------------------------------------------------------------------------ |
+| `children` | `React.ReactNode` | -       | Main application content.                                                            |
+| `header`   | `React.ReactNode` | -       | Optional top section (e.g. toolbar or navigation).                                   |
+| `footer`   | `React.ReactNode` | -       | Optional bottom section (e.g. tab bar or actions).                                   |
+| `overlay`  | `React.ReactNode` | -       | Optional overlay layer rendered above content (e.g. drawer, modal, floating panels). |
+| `testID`   | `string`          | -       | Forwarded to the root Surface container.                                             |
 
 Inherited props:
 

package/dist/components/skeleton/Skeleton.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { SkeletonProps } from './types';
+export declare const Skeleton: (props: SkeletonProps) => React.ReactElement | null;
+//# sourceMappingURL=Skeleton.d.ts.map

package/dist/components/skeleton/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AA0B7C,eAAO,MAAM,QAAQ,qDAAoC,CAAC"}

package/dist/components/skeleton/Skeleton.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Box } from '../../foundation';
+import { useZoraTheme } from '../../theme/useZoraTheme';
+import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
+function SkeletonInner({ themeId: _themeId, mode: _mode, testID, width = '100%', height = 16, radius = 'm', }) {
+    const { theme } = useZoraTheme();
+    return (<Box accessibilityLabel="Loading" accessibilityRole="text" bg={theme.semantics.neutral.surfaceHover} height={height} radius={radius} testID={testID} width={width} style={{ opacity: 0.72 }}/>);
+}
+export const Skeleton = withZoraThemeScope(SkeletonInner);
+//# sourceMappingURL=Skeleton.js.map

package/dist/components/skeleton/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../src/components/skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,SAAS,aAAa,CAAC,EACrB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,MAAM,EACN,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,EAAE,EACX,MAAM,GAAG,GAAG,GACE;IACd,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IAEjC,OAAO,CACL,CAAC,GAAG,CACF,kBAAkB,CAAC,SAAS,CAC5B,iBAAiB,CAAC,MAAM,CACxB,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,CACzC,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,KAAK,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EACzB,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,kBAAkB,CAAC,aAAa,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { Box } from '../../foundation';\nimport { useZoraTheme } from '../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { SkeletonProps } from './types';\n\nfunction SkeletonInner({\n  themeId: _themeId,\n  mode: _mode,\n  testID,\n  width = '100%',\n  height = 16,\n  radius = 'm',\n}: SkeletonProps) {\n  const { theme } = useZoraTheme();\n\n  return (\n    <Box\n      accessibilityLabel=\"Loading\"\n      accessibilityRole=\"text\"\n      bg={theme.semantics.neutral.surfaceHover}\n      height={height}\n      radius={radius}\n      testID={testID}\n      width={width}\n      style={{ opacity: 0.72 }}\n    />\n  );\n}\n\nexport const Skeleton = withZoraThemeScope(SkeletonInner);\n"]}

package/dist/components/skeleton/SkeletonCard.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { SkeletonCardProps } from './types';
+export declare const SkeletonCard: (props: SkeletonCardProps) => React.ReactElement | null;
+//# sourceMappingURL=SkeletonCard.d.ts.map

package/dist/components/skeleton/SkeletonCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonCard.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/SkeletonCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AA8BjD,eAAO,MAAM,YAAY,yDAAwC,CAAC"}

package/dist/components/skeleton/SkeletonCard.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { Stack } from '../../foundation';
+import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
+import { ButtonGroup } from '../button-group';
+import { Card } from '../card';
+import { Skeleton } from './Skeleton';
+import { SkeletonText } from './SkeletonText';
+function SkeletonCardInner({ themeId: _themeId, mode: _mode, testID, media = false, actions = false, lines = 3, compact = false, }) {
+    return (<Card compact={compact} testID={testID} tone="default">
+      <Stack gap={compact ? 's' : 'm'}>
+        {media ? <Skeleton height={compact ? 120 : 180} radius="m"/> : null}
+        <Stack gap="s">
+          <Skeleton height={18} radius="full" width="54%"/>
+          <SkeletonText lines={lines}/>
+        </Stack>
+        {actions ? (<ButtonGroup align="end">
+            <Skeleton height={36} radius="m" width={88}/>
+            <Skeleton height={36} radius="m" width={120}/>
+          </ButtonGroup>) : null}
+      </Stack>
+    </Card>);
+}
+export const SkeletonCard = withZoraThemeScope(SkeletonCardInner);
+//# sourceMappingURL=SkeletonCard.js.map

package/dist/components/skeleton/SkeletonCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonCard.js","sourceRoot":"","sources":["../../../src/components/skeleton/SkeletonCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,SAAS,iBAAiB,CAAC,EACzB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,MAAM,EACN,KAAK,GAAG,KAAK,EACb,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,CAAC,EACT,OAAO,GAAG,KAAK,GACG;IAClB,OAAO,CACL,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,SAAS,CACpD;MAAA,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAC9B;QAAA,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,EAAG,CAAC,CAAC,CAAC,IAAI,CACpE;QAAA,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CACZ;UAAA,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAC/C;UAAA,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAC7B;QAAA,EAAE,KAAK,CACP;QAAA,CAAC,OAAO,CAAC,CAAC,CAAC,CACT,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,CACtB;YAAA,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,EAC3C;YAAA,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,EAC9C;UAAA,EAAE,WAAW,CAAC,CACf,CAAC,CAAC,CAAC,IAAI,CACV;MAAA,EAAE,KAAK,CACT;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,kBAAkB,CAAC,iBAAiB,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { Stack } from '../../foundation';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { ButtonGroup } from '../button-group';\nimport { Card } from '../card';\nimport { Skeleton } from './Skeleton';\nimport { SkeletonText } from './SkeletonText';\nimport type { SkeletonCardProps } from './types';\n\nfunction SkeletonCardInner({\n  themeId: _themeId,\n  mode: _mode,\n  testID,\n  media = false,\n  actions = false,\n  lines = 3,\n  compact = false,\n}: SkeletonCardProps) {\n  return (\n    <Card compact={compact} testID={testID} tone=\"default\">\n      <Stack gap={compact ? 's' : 'm'}>\n        {media ? <Skeleton height={compact ? 120 : 180} radius=\"m\" /> : null}\n        <Stack gap=\"s\">\n          <Skeleton height={18} radius=\"full\" width=\"54%\" />\n          <SkeletonText lines={lines} />\n        </Stack>\n        {actions ? (\n          <ButtonGroup align=\"end\">\n            <Skeleton height={36} radius=\"m\" width={88} />\n            <Skeleton height={36} radius=\"m\" width={120} />\n          </ButtonGroup>\n        ) : null}\n      </Stack>\n    </Card>\n  );\n}\n\nexport const SkeletonCard = withZoraThemeScope(SkeletonCardInner);\n"]}

package/dist/components/skeleton/SkeletonList.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { SkeletonListProps } from './types';
+export declare const SkeletonList: (props: SkeletonListProps) => React.ReactElement | null;
+//# sourceMappingURL=SkeletonList.d.ts.map

package/dist/components/skeleton/SkeletonList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonList.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/SkeletonList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AA6CjD,eAAO,MAAM,YAAY,yDAAwC,CAAC"}

package/dist/components/skeleton/SkeletonList.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import { List } from '../../patterns/list';
+import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
+import { Skeleton } from './Skeleton';
+import { SkeletonText } from './SkeletonText';
+function clampRows(rows) {
+    if (!Number.isFinite(rows)) {
+        return 1;
+    }
+    return Math.max(1, Math.floor(rows));
+}
+function renderLeading({ avatar, media }) {
+    if (media) {
+        return <Skeleton height={64} radius="m" width={64}/>;
+    }
+    if (avatar) {
+        return <Skeleton height={40} radius="full" width={40}/>;
+    }
+    return undefined;
+}
+function SkeletonListInner({ themeId: _themeId, mode: _mode, testID, rows = 5, avatar = false, media = false, lines = 2, variant = 'divider', compact = false, }) {
+    const rowCount = clampRows(rows);
+    const items = Array.from({ length: rowCount }).map(() => ({
+        compact,
+        description: <SkeletonText lines={lines}/>,
+        leading: renderLeading({ avatar, media }),
+        title: <Skeleton height={16} radius="full" width="48%"/>,
+        variant,
+    }));
+    return <List compact={compact} items={items} rowVariant={variant} testID={testID}/>;
+}
+export const SkeletonList = withZoraThemeScope(SkeletonListInner);
+//# sourceMappingURL=SkeletonList.js.map

package/dist/components/skeleton/SkeletonList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonList.js","sourceRoot":"","sources":["../../../src/components/skeleton/SkeletonList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAqB,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,SAAS,SAAS,CAAC,IAAY;IAC7B,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;QAC3B,OAAO,CAAC,CAAC;IACX,CAAC;IAED,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;AACvC,CAAC;AAED,SAAS,aAAa,CAAC,EAAE,MAAM,EAAE,KAAK,EAA+C;IACnF,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,EAAG,CAAC;IACxD,CAAC;IAED,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,EAAG,CAAC;IAC3D,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,iBAAiB,CAAC,EACzB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,MAAM,EACN,IAAI,GAAG,CAAC,EACR,MAAM,GAAG,KAAK,EACd,KAAK,GAAG,KAAK,EACb,KAAK,GAAG,CAAC,EACT,OAAO,GAAG,SAAS,EACnB,OAAO,GAAG,KAAK,GACG;IAClB,MAAM,QAAQ,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;IACjC,MAAM,KAAK,GAAmB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC;QACxE,OAAO;QACP,WAAW,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAG;QAC3C,OAAO,EAAE,aAAa,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;QACzC,KAAK,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAAG;QACzD,OAAO;KACR,CAAC,CAAC,CAAC;IAEJ,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,EAAG,CAAC;AACvF,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,kBAAkB,CAAC,iBAAiB,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { List, type ListRowProps } from '../../patterns/list';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { Skeleton } from './Skeleton';\nimport { SkeletonText } from './SkeletonText';\nimport type { SkeletonListProps } from './types';\n\nfunction clampRows(rows: number): number {\n  if (!Number.isFinite(rows)) {\n    return 1;\n  }\n\n  return Math.max(1, Math.floor(rows));\n}\n\nfunction renderLeading({ avatar, media }: Pick<SkeletonListProps, 'avatar' | 'media'>) {\n  if (media) {\n    return <Skeleton height={64} radius=\"m\" width={64} />;\n  }\n\n  if (avatar) {\n    return <Skeleton height={40} radius=\"full\" width={40} />;\n  }\n\n  return undefined;\n}\n\nfunction SkeletonListInner({\n  themeId: _themeId,\n  mode: _mode,\n  testID,\n  rows = 5,\n  avatar = false,\n  media = false,\n  lines = 2,\n  variant = 'divider',\n  compact = false,\n}: SkeletonListProps) {\n  const rowCount = clampRows(rows);\n  const items: ListRowProps[] = Array.from({ length: rowCount }).map(() => ({\n    compact,\n    description: <SkeletonText lines={lines} />,\n    leading: renderLeading({ avatar, media }),\n    title: <Skeleton height={16} radius=\"full\" width=\"48%\" />,\n    variant,\n  }));\n\n  return <List compact={compact} items={items} rowVariant={variant} testID={testID} />;\n}\n\nexport const SkeletonList = withZoraThemeScope(SkeletonListInner);\n"]}

package/dist/components/skeleton/SkeletonText.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { SkeletonTextProps } from './types';
+export declare const SkeletonText: (props: SkeletonTextProps) => React.ReactElement | null;
+//# sourceMappingURL=SkeletonText.d.ts.map

package/dist/components/skeleton/SkeletonText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonText.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/SkeletonText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAuCjD,eAAO,MAAM,YAAY,yDAAwC,CAAC"}

package/dist/components/skeleton/SkeletonText.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Stack } from '../../foundation';
+import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
+import { Skeleton } from './Skeleton';
+function clampLines(lines) {
+    if (!Number.isFinite(lines)) {
+        return 1;
+    }
+    return Math.max(1, Math.floor(lines));
+}
+function SkeletonTextInner({ themeId: _themeId, mode: _mode, testID, lines = 3, lineHeight = 12, gap = 'xs', width = '100%', lastLineWidth = '70%', }) {
+    const lineCount = clampLines(lines);
+    return (<Stack gap={gap} testID={testID}>
+      {Array.from({ length: lineCount }).map((_, index) => {
+            const isLastLine = index === lineCount - 1;
+            return (<Skeleton height={lineHeight} key={`${index}`} radius="full" width={isLastLine && lineCount > 1 ? lastLineWidth : width}/>);
+        })}
+    </Stack>);
+}
+export const SkeletonText = withZoraThemeScope(SkeletonTextInner);
+//# sourceMappingURL=SkeletonText.js.map

package/dist/components/skeleton/SkeletonText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonText.js","sourceRoot":"","sources":["../../../src/components/skeleton/SkeletonText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,SAAS,UAAU,CAAC,KAAa;IAC/B,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;QAC5B,OAAO,CAAC,CAAC;IACX,CAAC;IAED,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AACxC,CAAC;AAED,SAAS,iBAAiB,CAAC,EACzB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,MAAM,EACN,KAAK,GAAG,CAAC,EACT,UAAU,GAAG,EAAE,EACf,GAAG,GAAG,IAAI,EACV,KAAK,GAAG,MAAM,EACd,aAAa,GAAG,KAAK,GACH;IAClB,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;IAEpC,OAAO,CACL,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAC9B;MAAA,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;YAClD,MAAM,UAAU,GAAG,KAAK,KAAK,SAAS,GAAG,CAAC,CAAC;YAC3C,OAAO,CACL,CAAC,QAAQ,CACP,MAAM,CAAC,CAAC,UAAU,CAAC,CACnB,GAAG,CAAC,CAAC,GAAG,KAAK,EAAE,CAAC,CAChB,MAAM,CAAC,MAAM,CACb,KAAK,CAAC,CAAC,UAAU,IAAI,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,EAC3D,CACH,CAAC;QACJ,CAAC,CAAC,CACJ;IAAA,EAAE,KAAK,CAAC,CACT,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,kBAAkB,CAAC,iBAAiB,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { Stack } from '../../foundation';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { Skeleton } from './Skeleton';\nimport type { SkeletonTextProps } from './types';\n\nfunction clampLines(lines: number): number {\n  if (!Number.isFinite(lines)) {\n    return 1;\n  }\n\n  return Math.max(1, Math.floor(lines));\n}\n\nfunction SkeletonTextInner({\n  themeId: _themeId,\n  mode: _mode,\n  testID,\n  lines = 3,\n  lineHeight = 12,\n  gap = 'xs',\n  width = '100%',\n  lastLineWidth = '70%',\n}: SkeletonTextProps) {\n  const lineCount = clampLines(lines);\n\n  return (\n    <Stack gap={gap} testID={testID}>\n      {Array.from({ length: lineCount }).map((_, index) => {\n        const isLastLine = index === lineCount - 1;\n        return (\n          <Skeleton\n            height={lineHeight}\n            key={`${index}`}\n            radius=\"full\"\n            width={isLastLine && lineCount > 1 ? lastLineWidth : width}\n          />\n        );\n      })}\n    </Stack>\n  );\n}\n\nexport const SkeletonText = withZoraThemeScope(SkeletonTextInner);\n"]}

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

@@ -0,0 +1,6 @@
+export { Skeleton } from './Skeleton';
+export { SkeletonCard } from './SkeletonCard';
+export { SkeletonList } from './SkeletonList';
+export { SkeletonText } from './SkeletonText';
+export type { SkeletonCardProps, SkeletonDimension, SkeletonListProps, SkeletonListVariant, SkeletonProps, SkeletonRadius, SkeletonTextProps, } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,aAAa,EACb,cAAc,EACd,iBAAiB,GAClB,MAAM,SAAS,CAAC"}

package/dist/components/skeleton/index.js

@@ -0,0 +1,5 @@
+export { Skeleton } from './Skeleton';
+export { SkeletonCard } from './SkeletonCard';
+export { SkeletonList } from './SkeletonList';
+export { SkeletonText } from './SkeletonText';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC","sourcesContent":["export { Skeleton } from './Skeleton';\nexport { SkeletonCard } from './SkeletonCard';\nexport { SkeletonList } from './SkeletonList';\nexport { SkeletonText } from './SkeletonText';\nexport type {\n  SkeletonCardProps,\n  SkeletonDimension,\n  SkeletonListProps,\n  SkeletonListVariant,\n  SkeletonProps,\n  SkeletonRadius,\n  SkeletonTextProps,\n} from './types';\n"]}

package/dist/components/skeleton/meta.d.ts

@@ -0,0 +1,33 @@
+export declare const skeletonMeta: {
+    readonly name: "Skeleton";
+    readonly category: "component";
+    readonly directManifestNode: false;
+    readonly allowedChildren: readonly [];
+    readonly note: "Loading placeholder primitive; not represented as a manifest node in v1.";
+    readonly props: {};
+};
+export declare const skeletonTextMeta: {
+    readonly name: "SkeletonText";
+    readonly category: "component";
+    readonly directManifestNode: false;
+    readonly allowedChildren: readonly [];
+    readonly note: "Loading placeholder text composition; not represented as a manifest node in v1.";
+    readonly props: {};
+};
+export declare const skeletonCardMeta: {
+    readonly name: "SkeletonCard";
+    readonly category: "component";
+    readonly directManifestNode: false;
+    readonly allowedChildren: readonly [];
+    readonly note: "Loading placeholder card composition; not represented as a manifest node in v1.";
+    readonly props: {};
+};
+export declare const skeletonListMeta: {
+    readonly name: "SkeletonList";
+    readonly category: "component";
+    readonly directManifestNode: false;
+    readonly allowedChildren: readonly [];
+    readonly note: "Loading placeholder list composition; not represented as a manifest node in v1.";
+    readonly props: {};
+};
+//# sourceMappingURL=meta.d.ts.map

package/dist/components/skeleton/meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;;;;;;CAOa,CAAC;AAEvC,eAAO,MAAM,gBAAgB;;;;;;;CAOS,CAAC;AAEvC,eAAO,MAAM,gBAAgB;;;;;;;CAOS,CAAC;AAEvC,eAAO,MAAM,gBAAgB;;;;;;;CAOS,CAAC"}

package/dist/components/skeleton/meta.js

@@ -0,0 +1,33 @@
+export const skeletonMeta = {
+    name: 'Skeleton',
+    category: 'component',
+    directManifestNode: false,
+    allowedChildren: [],
+    note: 'Loading placeholder primitive; not represented as a manifest node in v1.',
+    props: {},
+};
+export const skeletonTextMeta = {
+    name: 'SkeletonText',
+    category: 'component',
+    directManifestNode: false,
+    allowedChildren: [],
+    note: 'Loading placeholder text composition; not represented as a manifest node in v1.',
+    props: {},
+};
+export const skeletonCardMeta = {
+    name: 'SkeletonCard',
+    category: 'component',
+    directManifestNode: false,
+    allowedChildren: [],
+    note: 'Loading placeholder card composition; not represented as a manifest node in v1.',
+    props: {},
+};
+export const skeletonListMeta = {
+    name: 'SkeletonList',
+    category: 'component',
+    directManifestNode: false,
+    allowedChildren: [],
+    note: 'Loading placeholder list composition; not represented as a manifest node in v1.',
+    props: {},
+};
+//# sourceMappingURL=meta.js.map

package/dist/components/skeleton/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/skeleton/meta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,IAAI,EAAE,UAAU;IAChB,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,0EAA0E;IAChF,KAAK,EAAE,EAAE;CAC2B,CAAC;AAEvC,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,IAAI,EAAE,cAAc;IACpB,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,iFAAiF;IACvF,KAAK,EAAE,EAAE;CAC2B,CAAC;AAEvC,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,IAAI,EAAE,cAAc;IACpB,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,iFAAiF;IACvF,KAAK,EAAE,EAAE;CAC2B,CAAC;AAEvC,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,IAAI,EAAE,cAAc;IACpB,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,iFAAiF;IACvF,KAAK,EAAE,EAAE;CAC2B,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\n\nexport const skeletonMeta = {\n  name: 'Skeleton',\n  category: 'component',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: 'Loading placeholder primitive; not represented as a manifest node in v1.',\n  props: {},\n} as const satisfies ZoraComponentMeta;\n\nexport const skeletonTextMeta = {\n  name: 'SkeletonText',\n  category: 'component',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: 'Loading placeholder text composition; not represented as a manifest node in v1.',\n  props: {},\n} as const satisfies ZoraComponentMeta;\n\nexport const skeletonCardMeta = {\n  name: 'SkeletonCard',\n  category: 'component',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: 'Loading placeholder card composition; not represented as a manifest node in v1.',\n  props: {},\n} as const satisfies ZoraComponentMeta;\n\nexport const skeletonListMeta = {\n  name: 'SkeletonList',\n  category: 'component',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: 'Loading placeholder list composition; not represented as a manifest node in v1.',\n  props: {},\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/components/skeleton/types.d.ts

@@ -0,0 +1,32 @@
+import type { BoxProps, StackProps } from '../../foundation';
+import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
+export type SkeletonRadius = BoxProps['radius'];
+export type SkeletonDimension = BoxProps['width'];
+export type SkeletonListVariant = 'divider' | 'card';
+export interface SkeletonProps extends ZoraBaseProps {
+    width?: SkeletonDimension;
+    height?: BoxProps['height'];
+    radius?: SkeletonRadius;
+}
+export interface SkeletonTextProps extends ZoraBaseProps {
+    lines?: number;
+    lineHeight?: number;
+    gap?: StackProps['gap'];
+    width?: SkeletonDimension;
+    lastLineWidth?: SkeletonDimension;
+}
+export interface SkeletonCardProps extends ZoraBaseProps {
+    media?: boolean;
+    actions?: boolean;
+    lines?: number;
+    compact?: boolean;
+}
+export interface SkeletonListProps extends ZoraBaseProps {
+    rows?: number;
+    avatar?: boolean;
+    media?: boolean;
+    lines?: number;
+    variant?: SkeletonListVariant;
+    compact?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;AAChD,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;AAClD,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,MAAM,CAAC;AAErD,MAAM,WAAW,aAAc,SAAQ,aAAa;IAClD,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,MAAM,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC5B,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AAED,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,GAAG,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;IACxB,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,aAAa,CAAC,EAAE,iBAAiB,CAAC;CACnC;AAED,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

package/dist/components/skeleton/types.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/skeleton/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { BoxProps, StackProps } from '../../foundation';\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport type SkeletonRadius = BoxProps['radius'];\nexport type SkeletonDimension = BoxProps['width'];\nexport type SkeletonListVariant = 'divider' | 'card';\n\nexport interface SkeletonProps extends ZoraBaseProps {\n  width?: SkeletonDimension;\n  height?: BoxProps['height'];\n  radius?: SkeletonRadius;\n}\n\nexport interface SkeletonTextProps extends ZoraBaseProps {\n  lines?: number;\n  lineHeight?: number;\n  gap?: StackProps['gap'];\n  width?: SkeletonDimension;\n  lastLineWidth?: SkeletonDimension;\n}\n\nexport interface SkeletonCardProps extends ZoraBaseProps {\n  media?: boolean;\n  actions?: boolean;\n  lines?: number;\n  compact?: boolean;\n}\n\nexport interface SkeletonListProps extends ZoraBaseProps {\n  rows?: number;\n  avatar?: boolean;\n  media?: boolean;\n  lines?: number;\n  variant?: SkeletonListVariant;\n  compact?: boolean;\n}\n"]}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ToastProps } from './types';
+export declare const Toast: (props: ToastProps) => React.ReactElement | null;
+//# sourceMappingURL=Toast.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/toast/Toast.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAM1C,eAAO,MAAM,KAAK,kDAAiC,CAAC"}

package/dist/components/toast/Toast.js

@@ -0,0 +1,8 @@
+import { Toast as SurfaceToast } from '@ankhorage/surface';
+import React from 'react';
+import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
+function ToastInner({ mode: _mode, themeId: _themeId, ...props }) {
+    return <SurfaceToast {...props}/>;
+}
+export const Toast = withZoraThemeScope(ToastInner);
+//# sourceMappingURL=Toast.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../src/components/toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,SAAS,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAc;IAC1E,OAAO,CAAC,YAAY,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACrC,CAAC;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,kBAAkB,CAAC,UAAU,CAAC,CAAC","sourcesContent":["import { Toast as SurfaceToast } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { ToastProps } from './types';\n\nfunction ToastInner({ mode: _mode, themeId: _themeId, ...props }: ToastProps) {\n  return <SurfaceToast {...props} />;\n}\n\nexport const Toast = withZoraThemeScope(ToastInner);\n"]}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ToastProviderProps } from './types';
+export declare function ToastProvider({ children, defaultDuration }: ToastProviderProps): React.JSX.Element;
+//# sourceMappingURL=ToastProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../src/components/toast/ToastProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,EAAE,kBAAkB,qBAM9E"}

package/dist/components/toast/ToastProvider.js

@@ -0,0 +1,9 @@
+import { ToastProvider as SurfaceToastProvider } from '@ankhorage/surface';
+import React from 'react';
+export function ToastProvider({ children, defaultDuration }) {
+    if (defaultDuration === undefined) {
+        return <SurfaceToastProvider>{children}</SurfaceToastProvider>;
+    }
+    return <SurfaceToastProvider defaultDuration={defaultDuration}>{children}</SurfaceToastProvider>;
+}
+//# sourceMappingURL=ToastProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToastProvider.js","sourceRoot":"","sources":["../../../src/components/toast/ToastProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,UAAU,aAAa,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAsB;IAC7E,IAAI,eAAe,KAAK,SAAS,EAAE,CAAC;QAClC,OAAO,CAAC,oBAAoB,CAAC,CAAC,QAAQ,CAAC,EAAE,oBAAoB,CAAC,CAAC;IACjE,CAAC;IAED,OAAO,CAAC,oBAAoB,CAAC,eAAe,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,oBAAoB,CAAC,CAAC;AACnG,CAAC","sourcesContent":["import { ToastProvider as SurfaceToastProvider } from '@ankhorage/surface';\nimport React from 'react';\n\nimport type { ToastProviderProps } from './types';\n\nexport function ToastProvider({ children, defaultDuration }: ToastProviderProps) {\n  if (defaultDuration === undefined) {\n    return <SurfaceToastProvider>{children}</SurfaceToastProvider>;\n  }\n\n  return <SurfaceToastProvider defaultDuration={defaultDuration}>{children}</SurfaceToastProvider>;\n}\n"]}

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

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

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

@@ -0,0 +1 @@
+{"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,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACzF,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC"}