@xaui/native 0.2.8 → 0.9.1-alpha.1

package/README.md

@@ -1,178 +0,0 @@
-# @xaui/native
-
-React Native components and hooks that extend the core `@xaui/core` theme system. This mobile layer ships animated primitives (buttons, indicators, hooks) ready to use with `XUIProvider`.
-
-**[Full documentation → ui.xtartapp.com](https://ui.xtartapp.com)**
-
-## Installation
-
-```bash
-pnpm add @xaui/native
-```
-
-### Peer dependencies
-
-- `react` ^18 || ^19
-- `react-native` >=0.70.0
-- `react-native-reanimated` >=4.0.0
-- `react-native-svg` >=13.0.0
-
-The package also relies on `@xaui/core/theme` for the shared tokens.
-
-## Quick start
-
-1. Wrap your tree with `XUIProvider` to expose the tokens and follow the system color scheme:
-
-```tsx
-import { XUIProvider } from '@xaui/native/core'
-import { theme } from '@xaui/core/theme'
-
-export default function App() {
-  return <XUIProvider theme={theme}>{/* your screens */}</XUIProvider>
-}
-```
-
-2. Consume the theme inside your components via `useXUITheme` or `useColorMode`:
-
-```tsx
-import { Text, View } from 'react-native'
-import { useXUITheme, useColorMode } from '@xaui/native/core'
-
-function Banner() {
-  const theme = useXUITheme()
-  const mode = useColorMode()
-
-  return (
-    <View style={{ backgroundColor: theme.colors.primary.container }}>
-      <Text style={{ color: theme.colors.primary.onContainer }}>
-        Current mode: {mode}
-      </Text>
-    </View>
-  )
-}
-```
-
-## Components (exhaustive)
-
-This table lists all public components exported by `@xaui/native` and their import path.
-
-| Name                   | Description                                                                 | Usage                                                               |
-| ---------------------- | --------------------------------------------------------------------------- | ------------------------------------------------------------------- |
-| `XUIProvider`          | Theme provider for all XAUI native components.                              | `import { XUIProvider } from '@xaui/native/core'`                   |
-| `Portal`               | Renders content in a portal host layer.                                     | `import { Portal } from '@xaui/native/core'`                        |
-| `PortalHost`           | Host container for portal content.                                          | `import { PortalHost } from '@xaui/native/core'`                    |
-| `Button`               | Pressable button with variants, sizes, and loading state.                   | `import { Button } from '@xaui/native/button'`                      |
-| `IconButton`           | Compact icon-only button variant.                                           | `import { IconButton } from '@xaui/native/button'`                  |
-| `Checkbox`             | Selection control with checked/indeterminate states.                        | `import { Checkbox } from '@xaui/native/checkbox'`                  |
-| `ExpansionPanel`       | Accordion container for expandable sections.                                | `import { ExpansionPanel } from '@xaui/native/expansion-panel'`     |
-| `ExpansionPanelItem`   | Expandable item inside `ExpansionPanel`.                                    | `import { ExpansionPanelItem } from '@xaui/native/expansion-panel'` |
-| `Progress`             | Progress indicator with linear/circular rendering.                          | `import { Progress } from '@xaui/native/progress'`                  |
-| `ActivityIndicator`    | Animated loading indicator component.                                       | `import { ActivityIndicator } from '@xaui/native/indicator'`        |
-| `Switch`               | Toggle switch control.                                                      | `import { Switch } from '@xaui/native/switch'`                      |
-| `Slider`               | Draggable value selector slider.                                            | `import { Slider } from '@xaui/native/slider'`                      |
-| `Select`               | Select input with trigger and list behavior.                                | `import { Select } from '@xaui/native/select'`                      |
-| `SelectItem`           | Select option item for `Select`.                                            | `import { SelectItem } from '@xaui/native/select'`                  |
-| `Dialog`               | Modal dialog container component.                                           | `import { Dialog } from '@xaui/native/dialog'`                      |
-| `DialogHeader`         | Header section for `Dialog`.                                                | `import { DialogHeader } from '@xaui/native/dialog'`                |
-| `DialogBody`           | Body/content section for `Dialog`.                                          | `import { DialogBody } from '@xaui/native/dialog'`                  |
-| `DialogFooter`         | Footer/actions section for `Dialog`.                                        | `import { DialogFooter } from '@xaui/native/dialog'`                |
-| `Divider`              | Horizontal or vertical separator line.                                      | `import { Divider } from '@xaui/native/divider'`                    |
-| `Drawer`               | Side sheet / drawer container.                                              | `import { Drawer } from '@xaui/native/drawer'`                      |
-| `Skeleton`             | Placeholder loading block.                                                  | `import { Skeleton } from '@xaui/native/skeleton'`                  |
-| `Avatar`               | User avatar (image, initials, icon).                                        | `import { Avatar } from '@xaui/native/avatar'`                      |
-| `AvatarGroup`          | Grouped avatars with overlap/stacking.                                      | `import { AvatarGroup } from '@xaui/native/avatar'`                 |
-| `Badge`                | Status/count badge component.                                               | `import { Badge } from '@xaui/native/badge'`                        |
-| `Alert`                | Contextual alert/message banner.                                            | `import { Alert } from '@xaui/native/alert'`                        |
-| `Autocomplete`         | Input with dynamic suggestions.                                             | `import { Autocomplete } from '@xaui/native/autocomplete'`          |
-| `AutocompleteItem`     | Suggestion item for `Autocomplete`.                                         | `import { AutocompleteItem } from '@xaui/native/autocomplete'`      |
-| `DatePicker`           | Date selection input/picker.                                                | `import { DatePicker } from '@xaui/native/datepicker'`              |
-| `Typography`           | Themed text component with variants.                                        | `import { Typography } from '@xaui/native/typography'`              |
-| `TextSpan`             | Text group primitive that shares inherited styles across nested typography. | `import { TextSpan } from '@xaui/native/typography'`                |
-| `Column`               | Vertical flex layout helper.                                                | `import { Column } from '@xaui/native/view'`                        |
-| `Row`                  | Horizontal flex layout helper.                                              | `import { Row } from '@xaui/native/view'`                           |
-| `Spacer`               | Flexible space element in layouts.                                          | `import { Spacer } from '@xaui/native/view'`                        |
-| `Padding`              | Wrapper applying padding shortcuts.                                         | `import { Padding } from '@xaui/native/view'`                       |
-| `Margin`               | Wrapper applying margin shortcuts.                                          | `import { Margin } from '@xaui/native/view'`                        |
-| `SizedBox`             | Fixed width/height spacing box.                                             | `import { SizedBox } from '@xaui/native/view'`                      |
-| `PositionedView`       | Absolute/fixed positioning helper view.                                     | `import { PositionedView } from '@xaui/native/view'`                |
-| `BlurView`             | Blurred background container.                                               | `import { BlurView } from '@xaui/native/view'`                      |
-| `RoundedView`          | View with configurable rounded corners.                                     | `import { RoundedView } from '@xaui/native/view'`                   |
-| `AspectRatio`          | Maintains a fixed aspect ratio for content.                                 | `import { AspectRatio } from '@xaui/native/view'`                   |
-| `Grid`                 | Grid layout container.                                                      | `import { Grid } from '@xaui/native/view'`                          |
-| `GridItem`             | Item element for `Grid`.                                                    | `import { GridItem } from '@xaui/native/view'`                      |
-| `GridBuilder`          | Builder-based grid rendering helper.                                        | `import { GridBuilder } from '@xaui/native/view'`                   |
-| `ConditionalView`      | Conditionally renders with optional animation.                              | `import { ConditionalView } from '@xaui/native/view'`               |
-| `MasonryGrid`          | Masonry-style responsive grid container.                                    | `import { MasonryGrid } from '@xaui/native/view'`                   |
-| `MasonryGridItem`      | Item element for `MasonryGrid`.                                             | `import { MasonryGridItem } from '@xaui/native/view'`               |
-| `MasonryGridBuilder`   | Builder-based masonry rendering helper.                                     | `import { MasonryGridBuilder } from '@xaui/native/view'`            |
-| `Carousel`             | Swipeable carousel for paged content.                                       | `import { Carousel } from '@xaui/native/carousel'`                  |
-| `SegmentButton`        | Segmented control container.                                                | `import { SegmentButton } from '@xaui/native/segment-button'`       |
-| `SegmentButtonItem`    | Segment item for `SegmentButton`.                                           | `import { SegmentButtonItem } from '@xaui/native/segment-button'`   |
-| `Tabs`                 | Tabs container with active tab state.                                       | `import { Tabs } from '@xaui/native/tabs'`                          |
-| `Tab`                  | Individual tab item for `Tabs`.                                             | `import { Tab } from '@xaui/native/tabs'`                           |
-| `Pager`                | Paged container with swipe navigation.                                      | `import { Pager } from '@xaui/native/pager'`                        |
-| `PagerItem`            | Page item for `Pager`.                                                      | `import { PagerItem } from '@xaui/native/pager'`                    |
-| `Chip`                 | Compact labeled action/filter chip.                                         | `import { Chip } from '@xaui/native/chip'`                          |
-| `ChipGroup`            | Group manager for chip selection.                                           | `import { ChipGroup } from '@xaui/native/chip'`                     |
-| `ChipItem`             | Item variant used inside `ChipGroup`.                                       | `import { ChipItem } from '@xaui/native/chip'`                      |
-| `BottomSheet`          | Bottom sheet modal/panel.                                                   | `import { BottomSheet } from '@xaui/native/bottom-sheet'`           |
-| `BottomTabBar`         | Bottom navigation tab bar container.                                        | `import { BottomTabBar } from '@xaui/native/bottom-tab-bar'`        |
-| `BottomTabBarItem`     | Tab item for `BottomTabBar`.                                                | `import { BottomTabBarItem } from '@xaui/native/bottom-tab-bar'`    |
-| `Menu`                 | Anchored contextual menu.                                                   | `import { Menu } from '@xaui/native/menu'`                          |
-| `MenuItem`             | Action item for `Menu`.                                                     | `import { MenuItem } from '@xaui/native/menu'`                      |
-| `Fab`                  | Floating action button.                                                     | `import { Fab } from '@xaui/native/fab'`                            |
-| `FabMenu`              | Expandable floating action menu.                                            | `import { FabMenu } from '@xaui/native/fab-menu'`                   |
-| `FabMenuItem`          | Action item for `FabMenu`.                                                  | `import { FabMenuItem } from '@xaui/native/fab-menu'`               |
-| `FeatureDiscovery`     | Spotlight/coach-mark discovery overlay.                                     | `import { FeatureDiscovery } from '@xaui/native/feature-discovery'` |
-| `Card`                 | Card container surface.                                                     | `import { Card } from '@xaui/native/card'`                          |
-| `CardHeader`           | Header section for `Card`.                                                  | `import { CardHeader } from '@xaui/native/card'`                    |
-| `CardBody`             | Body/content section for `Card`.                                            | `import { CardBody } from '@xaui/native/card'`                      |
-| `CardFooter`           | Footer/actions section for `Card`.                                          | `import { CardFooter } from '@xaui/native/card'`                    |
-| `CardTitle`            | Title text slot for `Card`.                                                 | `import { CardTitle } from '@xaui/native/card'`                     |
-| `CardDescription`      | Description text slot for `Card`.                                           | `import { CardDescription } from '@xaui/native/card'`               |
-| `TextInput`            | Standard text input field.                                                  | `import { TextInput } from '@xaui/native/input'`                    |
-| `TextArea`             | Multiline text input field.                                                 | `import { TextArea } from '@xaui/native/input'`                     |
-| `DateInput`            | Date-only formatted input.                                                  | `import { DateInput } from '@xaui/native/input'`                    |
-| `TimeInput`            | Time-only formatted input.                                                  | `import { TimeInput } from '@xaui/native/input'`                    |
-| `DateTimeInput`        | Combined date-time formatted input.                                         | `import { DateTimeInput } from '@xaui/native/input'`                |
-| `OTPInput`             | One-time password segmented input.                                          | `import { OTPInput } from '@xaui/native/input'`                     |
-| `NumberInput`          | Numeric input with controls/formatting.                                     | `import { NumberInput } from '@xaui/native/input'`                  |
-| `List`                 | List container with selection options.                                      | `import { List } from '@xaui/native/list'`                          |
-| `ListItem`             | Item row for `List`.                                                        | `import { ListItem } from '@xaui/native/list'`                      |
-| `ListBuilder`          | Builder-based dynamic list helper.                                          | `import { ListBuilder } from '@xaui/native/list'`                   |
-| `Radio`                | Single radio option control.                                                | `import { Radio } from '@xaui/native/radio'`                        |
-| `RadioGroup`           | Group controller for radio options.                                         | `import { RadioGroup } from '@xaui/native/radio'`                   |
-| `Toolbar`              | App toolbar/action bar container.                                           | `import { Toolbar } from '@xaui/native/toolbar'`                    |
-| `ToolbarAction`        | Action button/item for `Toolbar`.                                           | `import { ToolbarAction } from '@xaui/native/toolbar'`              |
-| `AppBar`               | Top app bar container.                                                      | `import { AppBar } from '@xaui/native/app-bar'`                     |
-| `AppBarStartContent`   | Leading slot for `AppBar`.                                                  | `import { AppBarStartContent } from '@xaui/native/app-bar'`         |
-| `AppBarContent`        | Main content slot for `AppBar`.                                             | `import { AppBarContent } from '@xaui/native/app-bar'`              |
-| `AppBarEndContent`     | Trailing slot for `AppBar`.                                                 | `import { AppBarEndContent } from '@xaui/native/app-bar'`           |
-| `TimePicker`           | Time picker main component.                                                 | `import { TimePicker } from '@xaui/native/timepicker'`              |
-| `TimePickerDialog`     | Dialog variant for time selection.                                          | `import { TimePickerDialog } from '@xaui/native/timepicker'`        |
-| `TimePickerTrigger`    | Trigger component for opening time picker UI.                               | `import { TimePickerTrigger } from '@xaui/native/timepicker'`       |
-| `Stepper`              | Multi-step progress/navigation component.                                   | `import { Stepper } from '@xaui/native/stepper'`                    |
-| `StepperItem`          | Individual step for `Stepper`.                                              | `import { StepperItem } from '@xaui/native/stepper'`                |
-| `MenuBox`              | Menu box container with animated items.                                     | `import { MenuBox } from '@xaui/native/menubox'`                    |
-| `MenuBoxItem`          | Action item for `MenuBox`.                                                  | `import { MenuBoxItem } from '@xaui/native/menubox'`                |
-| `DonutChartCard`       | Card component rendering a donut chart.                                     | `import { DonutChartCard } from '@xaui/native/chart'`               |
-| `VerticalBarChartCard` | Card component rendering vertical bars.                                     | `import { VerticalBarChartCard } from '@xaui/native/chart'`         |
-| `PieChartCard`         | Card component rendering a pie chart.                                       | `import { PieChartCard } from '@xaui/native/chart'`                 |
-| `LineChartCard`        | Card component rendering a line chart.                                      | `import { LineChartCard } from '@xaui/native/chart'`                |
-| `HeatmapChartCard`     | Card component rendering a heatmap chart.                                   | `import { HeatmapChartCard } from '@xaui/native/chart'`             |
-
-## Theme hooks & utilities
-
-- `useXUITheme()` must be used within `XUIProvider`; it throws if the provider is missing.
-- `useXUIColors()` is a shortcut for reading just the color tokens.
-- `useColorMode()` returns `light` or `dark` based on React Native's `useColorScheme()`.
-- `XUIProvider` accepts a single `theme` object (`DeepPartial<XUITheme>`) for partial token overrides.
-
-## Testing & build
-
-- Bundles are produced with `tsup` (ESM + CJS outputs under `dist`).
-- Tests live under `packages/native/__tests__` and run with `vitest`.
-
-## License
-
-MIT

package/dist/alert/index.cjs

@@ -1,340 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }require('../chunk-56RPWZD2.cjs');
-
-
-var _chunk7UFBLUMVcjs = require('../chunk-7UFBLUMV.cjs');
-
-// src/components/alert/alert.tsx
-
-
-
-
-
-
-
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-var _reactnative = require('react-native');
-
-
-
-
-var _reactnativereanimated = require('react-native-reanimated'); var _reactnativereanimated2 = _interopRequireDefault(_reactnativereanimated);
-var _reactnativeworklets = require('react-native-worklets');
-
-// src/components/alert/alert.style.ts
-
-var styles = _reactnative.StyleSheet.create({
-  container: {
-    flexDirection: "row",
-    alignItems: "center",
-    width: "100%",
-    gap: 12
-  },
-  mainWrapper: {
-    flex: 1,
-    justifyContent: "center",
-    gap: 2
-  },
-  title: {
-    fontWeight: "600"
-  },
-  description: {
-    fontWeight: "400"
-  },
-  iconWrapper: {
-    width: 36,
-    height: 36,
-    borderRadius: 18,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  iconText: {
-    fontWeight: "600"
-  },
-  closeButton: {
-    alignSelf: "flex-start",
-    padding: 4
-  },
-  extraContent: {
-    marginTop: 4
-  }
-});
-
-// src/components/alert/alert.hook.ts
-
-var _core = require('@xaui/core');
-var useAlertColorScheme = (themeColor) => {
-  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
-  const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
-  return {
-    theme,
-    colorScheme: theme.colors[safeThemeColor],
-    isDefault: safeThemeColor === "default"
-  };
-};
-var useAlertContainerStyles = (themeColor, variant) => {
-  const { theme, colorScheme, isDefault } = useAlertColorScheme(themeColor);
-  const containerStyles = _react.useMemo.call(void 0, () => {
-    const backgroundColor = variant === "solid" ? colorScheme.main : variant === "flat" ? colorScheme.container : variant === "faded" ? _core.withOpacity.call(void 0, colorScheme.container, 0.75) : "transparent";
-    const borderWidth = variant === "bordered" || variant === "faded" ? theme.borderWidth.md : 0;
-    const borderColor = variant === "bordered" ? _core.withOpacity.call(void 0, colorScheme.main, 0.75) : variant === "faded" ? _core.withOpacity.call(void 0, isDefault ? theme.colors.foreground : colorScheme.main, 0.25) : "transparent";
-    return {
-      backgroundColor,
-      borderColor,
-      borderWidth,
-      paddingVertical: theme.spacing.sm,
-      paddingHorizontal: theme.spacing.md
-    };
-  }, [colorScheme, isDefault, theme, variant]);
-  return containerStyles;
-};
-var useAlertIconWrapperStyles = (themeColor, variant) => {
-  const { theme, colorScheme, isDefault } = useAlertColorScheme(themeColor);
-  const iconWrapperStyles = _react.useMemo.call(void 0, () => {
-    const backgroundColor = variant === "solid" ? _core.withOpacity.call(void 0, colorScheme.onMain, 0.16) : _core.withOpacity.call(void 0, isDefault ? theme.colors.foreground : colorScheme.main, 0.12);
-    const borderWidth = variant === "bordered" || variant === "faded" ? theme.borderWidth.xs : 0;
-    const borderColor = _core.withOpacity.call(void 0, 
-      isDefault ? theme.colors.foreground : colorScheme.main,
-      0.2
-    );
-    return {
-      backgroundColor,
-      borderColor,
-      borderWidth
-    };
-  }, [colorScheme, isDefault, theme, variant]);
-  return iconWrapperStyles;
-};
-var useAlertTextStyles = (themeColor, variant) => {
-  const { theme, colorScheme, isDefault } = useAlertColorScheme(themeColor);
-  const textStyles = _react.useMemo.call(void 0, () => {
-    const baseTextColor = variant === "solid" ? colorScheme.onMain : variant === "flat" || variant === "faded" ? isDefault ? theme.colors.foreground : colorScheme.onContainer : isDefault ? theme.colors.foreground : colorScheme.main;
-    return {
-      titleStyles: {
-        color: baseTextColor,
-        fontSize: theme.fontSizes.sm,
-        fontWeight: theme.fontWeights.semibold
-      },
-      descriptionStyles: {
-        color: _core.withOpacity.call(void 0, baseTextColor, 0.75),
-        fontSize: theme.fontSizes.xs,
-        fontWeight: theme.fontWeights.normal
-      },
-      iconColor: baseTextColor,
-      closeButtonColor: baseTextColor
-    };
-  }, [colorScheme, isDefault, theme, variant]);
-  return textStyles;
-};
-
-// src/components/alert/alert-icons.tsx
-
-var _reactnativesvg = require('react-native-svg'); var _reactnativesvg2 = _interopRequireDefault(_reactnativesvg);
-function InfoIcon({ color, size }) {
-  return /* @__PURE__ */ _react2.default.createElement(_reactnativesvg2.default, { width: size, height: size, viewBox: "0 0 24 24", fill: "none" }, /* @__PURE__ */ _react2.default.createElement(_reactnativesvg.Circle, { cx: 12, cy: 12, r: 10, stroke: color, strokeWidth: 2 }), /* @__PURE__ */ _react2.default.createElement(
-    _reactnativesvg.Line,
-    {
-      x1: 12,
-      y1: 10,
-      x2: 12,
-      y2: 16,
-      stroke: color,
-      strokeWidth: 2,
-      strokeLinecap: "round"
-    }
-  ), /* @__PURE__ */ _react2.default.createElement(_reactnativesvg.Circle, { cx: 12, cy: 7, r: 1, fill: color }));
-}
-function SuccessIcon({ color, size }) {
-  return /* @__PURE__ */ _react2.default.createElement(_reactnativesvg2.default, { width: size, height: size, viewBox: "0 0 24 24", fill: "none" }, /* @__PURE__ */ _react2.default.createElement(_reactnativesvg.Circle, { cx: 12, cy: 12, r: 10, stroke: color, strokeWidth: 2 }), /* @__PURE__ */ _react2.default.createElement(
-    _reactnativesvg.Path,
-    {
-      d: "M7 12.5L10.2 15.5L17 9",
-      stroke: color,
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ));
-}
-function WarningIcon({ color, size }) {
-  return /* @__PURE__ */ _react2.default.createElement(_reactnativesvg2.default, { width: size, height: size, viewBox: "0 0 24 24", fill: "none" }, /* @__PURE__ */ _react2.default.createElement(
-    _reactnativesvg.Path,
-    {
-      d: "M12 3L22 20H2L12 3Z",
-      stroke: color,
-      strokeWidth: 2,
-      strokeLinejoin: "round"
-    }
-  ), /* @__PURE__ */ _react2.default.createElement(
-    _reactnativesvg.Line,
-    {
-      x1: 12,
-      y1: 9,
-      x2: 12,
-      y2: 14,
-      stroke: color,
-      strokeWidth: 2,
-      strokeLinecap: "round"
-    }
-  ), /* @__PURE__ */ _react2.default.createElement(_reactnativesvg.Circle, { cx: 12, cy: 17, r: 1, fill: color }));
-}
-function DangerIcon({ color, size }) {
-  return /* @__PURE__ */ _react2.default.createElement(_reactnativesvg2.default, { width: size, height: size, viewBox: "0 0 24 24", fill: "none" }, /* @__PURE__ */ _react2.default.createElement(_reactnativesvg.Circle, { cx: 12, cy: 12, r: 10, stroke: color, strokeWidth: 2 }), /* @__PURE__ */ _react2.default.createElement(
-    _reactnativesvg.Line,
-    {
-      x1: 9,
-      y1: 9,
-      x2: 15,
-      y2: 15,
-      stroke: color,
-      strokeWidth: 2,
-      strokeLinecap: "round"
-    }
-  ), /* @__PURE__ */ _react2.default.createElement(
-    _reactnativesvg.Line,
-    {
-      x1: 15,
-      y1: 9,
-      x2: 9,
-      y2: 15,
-      stroke: color,
-      strokeWidth: 2,
-      strokeLinecap: "round"
-    }
-  ));
-}
-
-// src/components/alert/alert.tsx
-var _icons = require('@xaui/icons');
-var iconMap = {
-  default: InfoIcon,
-  primary: InfoIcon,
-  secondary: InfoIcon,
-  tertiary: InfoIcon,
-  success: SuccessIcon,
-  warning: WarningIcon,
-  danger: DangerIcon
-};
-var Alert = ({
-  title,
-  description,
-  icon,
-  themeColor = "default",
-  variant = "flat",
-  radius = 8,
-  isClosable = false,
-  hideIcon = false,
-  closeButton,
-  isVisible,
-  style,
-  titleStyle,
-  descriptionStyle,
-  children,
-  onClose,
-  onVisibleChange
-}) => {
-  const [internalVisible, setInternalVisible] = _react.useState.call(void 0, _nullishCoalesce(isVisible, () => ( true)));
-  const [shouldRender, setShouldRender] = _react.useState.call(void 0, _nullishCoalesce(isVisible, () => ( true)));
-  const isControlled = typeof isVisible === "boolean";
-  const visible = isControlled ? isVisible : internalVisible;
-  const opacity = _reactnativereanimated.useSharedValue.call(void 0, 1);
-  const scale = _reactnativereanimated.useSharedValue.call(void 0, 1);
-  const containerStyles = useAlertContainerStyles(themeColor, variant);
-  const iconWrapperStyles = useAlertIconWrapperStyles(themeColor, variant);
-  const { titleStyles, descriptionStyles, iconColor, closeButtonColor } = useAlertTextStyles(themeColor, variant);
-  const finishClosing = _react.useCallback.call(void 0, () => {
-    setShouldRender(false);
-    if (!isControlled) {
-      setInternalVisible(false);
-    }
-    _optionalChain([onVisibleChange, 'optionalCall', _ => _(false)]);
-    _optionalChain([onClose, 'optionalCall', _2 => _2()]);
-  }, [isControlled, onClose, onVisibleChange]);
-  const handleClose = _react.useCallback.call(void 0, () => {
-    if (!visible) return;
-    opacity.value = _reactnativereanimated.withTiming.call(void 0, 0, { duration: 250 });
-    scale.value = _reactnativereanimated.withTiming.call(void 0, 0.95, { duration: 250 }, (finished) => {
-      if (finished) {
-        _reactnativeworklets.scheduleOnRN.call(void 0, finishClosing);
-      }
-    });
-  }, [finishClosing, opacity, scale, visible]);
-  _react.useEffect.call(void 0, () => {
-    if (visible && !shouldRender) {
-      setShouldRender(true);
-      opacity.value = 0;
-      scale.value = 0.95;
-      opacity.value = _reactnativereanimated.withTiming.call(void 0, 1, { duration: 250 });
-      scale.value = _reactnativereanimated.withTiming.call(void 0, 1, { duration: 250 });
-      return;
-    }
-    if (!visible && shouldRender) {
-      handleClose();
-    }
-  }, [visible, shouldRender, opacity, scale, handleClose]);
-  const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, () => ({
-    opacity: opacity.value,
-    transform: [{ scale: scale.value }]
-  }));
-  const IconComponent = _nullishCoalesce(iconMap[themeColor], () => ( InfoIcon));
-  const shouldShowClose = Boolean(closeButton || isClosable || onClose);
-  const renderIcon = () => {
-    if (hideIcon) return null;
-    if (icon && _react.isValidElement.call(void 0, icon)) {
-      return _react.cloneElement.call(void 0, icon, { color: iconColor, size: 22 });
-    }
-    if (icon) {
-      return /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.iconText, { color: iconColor }] }, icon);
-    }
-    return /* @__PURE__ */ _react2.default.createElement(IconComponent, { color: iconColor, size: 22 });
-  };
-  const renderContentText = (content) => {
-    if (content === null || content === void 0) return null;
-    if (typeof content === "string" || typeof content === "number") {
-      return /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.description, descriptionStyles, descriptionStyle] }, content);
-    }
-    return content;
-  };
-  const titleNode = _react.useMemo.call(void 0, () => {
-    if (title === null || title === void 0) return null;
-    if (typeof title === "string" || typeof title === "number") {
-      return /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.title, titleStyles, titleStyle] }, title);
-    }
-    return title;
-  }, [title, titleStyle, titleStyles]);
-  const descriptionNode = renderContentText(description);
-  const childrenNode = renderContentText(children);
-  const closeButtonNode = _react.useMemo.call(void 0, () => {
-    if (!closeButton) return null;
-    if (!_react.isValidElement.call(void 0, closeButton)) return closeButton;
-    const existingOnPress = closeButton.props.onPress;
-    return _react.cloneElement.call(void 0, closeButton, {
-      onPress: (event) => {
-        _optionalChain([existingOnPress, 'optionalCall', _3 => _3(event)]);
-        handleClose();
-      }
-    });
-  }, [closeButton, handleClose]);
-  if (!shouldRender) return null;
-  return /* @__PURE__ */ _react2.default.createElement(
-    _reactnativereanimated2.default.View,
-    {
-      accessibilityRole: "alert",
-      style: [styles.container, containerStyles, { borderRadius: radius }, style, animatedStyle]
-    },
-    !hideIcon && /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.iconWrapper, iconWrapperStyles] }, renderIcon()),
-    /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.mainWrapper }, titleNode, descriptionNode, childrenNode && /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.extraContent }, childrenNode)),
-    shouldShowClose && /* @__PURE__ */ _react2.default.createElement(_reactnative.View, null, _nullishCoalesce(closeButtonNode, () => ( /* @__PURE__ */ _react2.default.createElement(
-      _reactnative.Pressable,
-      {
-        accessibilityRole: "button",
-        accessibilityLabel: "Close",
-        onPress: handleClose,
-        style: styles.closeButton
-      },
-      /* @__PURE__ */ _react2.default.createElement(_icons.CloseIcon, { size: 20, color: closeButtonColor })
-    ))))
-  );
-};
-
-
-exports.Alert = Alert;

package/dist/alert/index.d.cts

@@ -1,46 +0,0 @@
-import React, { ReactNode } from 'react';
-import { ViewStyle, TextStyle } from 'react-native';
-import { ThemeColor } from '@xaui/core/types';
-
-/** Visual style of the alert container. */
-type AlertVariant = 'solid' | 'bordered' | 'flat' | 'faded' | 'glass';
-type AlertEvents = {
-    /** Called when the alert finishes closing. */
-    onClose?: () => void;
-    /** Called whenever the visibility state changes. */
-    onVisibleChange?: (isVisible: boolean) => void;
-};
-type AlertProps = {
-    /** Main heading displayed inside the alert. */
-    title?: ReactNode;
-    /** Supporting text below the title. */
-    description?: ReactNode;
-    /** Custom icon element — overrides the default theme icon. */
-    icon?: ReactNode;
-    /** Color scheme applied to the alert. Defaults to `'default'`. */
-    themeColor?: ThemeColor;
-    /** Visual style variant. Defaults to `'flat'`. */
-    variant?: AlertVariant;
-    /** Border radius in pixels. Defaults to `8`. */
-    radius?: number;
-    /** Whether to display a close button. */
-    isClosable?: boolean;
-    /** Hide the leading icon. */
-    hideIcon?: boolean;
-    /** Custom element rendered as the close button. */
-    closeButton?: ReactNode;
-    /** Controls visibility externally (controlled mode). */
-    isVisible?: boolean;
-    /** Override styles for the container. */
-    style?: ViewStyle;
-    /** Override styles for the title text. */
-    titleStyle?: TextStyle;
-    /** Override styles for the description text. */
-    descriptionStyle?: TextStyle;
-    /** Additional content rendered below the description. */
-    children?: ReactNode;
-} & AlertEvents;
-
-declare const Alert: React.FC<AlertProps>;
-
-export { Alert, type AlertProps, type AlertVariant };

package/dist/alert/index.d.ts

@@ -1,46 +0,0 @@
-import React, { ReactNode } from 'react';
-import { ViewStyle, TextStyle } from 'react-native';
-import { ThemeColor } from '@xaui/core/types';
-
-/** Visual style of the alert container. */
-type AlertVariant = 'solid' | 'bordered' | 'flat' | 'faded' | 'glass';
-type AlertEvents = {
-    /** Called when the alert finishes closing. */
-    onClose?: () => void;
-    /** Called whenever the visibility state changes. */
-    onVisibleChange?: (isVisible: boolean) => void;
-};
-type AlertProps = {
-    /** Main heading displayed inside the alert. */
-    title?: ReactNode;
-    /** Supporting text below the title. */
-    description?: ReactNode;
-    /** Custom icon element — overrides the default theme icon. */
-    icon?: ReactNode;
-    /** Color scheme applied to the alert. Defaults to `'default'`. */
-    themeColor?: ThemeColor;
-    /** Visual style variant. Defaults to `'flat'`. */
-    variant?: AlertVariant;
-    /** Border radius in pixels. Defaults to `8`. */
-    radius?: number;
-    /** Whether to display a close button. */
-    isClosable?: boolean;
-    /** Hide the leading icon. */
-    hideIcon?: boolean;
-    /** Custom element rendered as the close button. */
-    closeButton?: ReactNode;
-    /** Controls visibility externally (controlled mode). */
-    isVisible?: boolean;
-    /** Override styles for the container. */
-    style?: ViewStyle;
-    /** Override styles for the title text. */
-    titleStyle?: TextStyle;
-    /** Override styles for the description text. */
-    descriptionStyle?: TextStyle;
-    /** Additional content rendered below the description. */
-    children?: ReactNode;
-} & AlertEvents;
-
-declare const Alert: React.FC<AlertProps>;
-
-export { Alert, type AlertProps, type AlertVariant };