@thewhileloop/whileui 0.1.2 → 0.2.0

package/README.md

@@ -4,7 +4,7 @@
 
 Beautiful, accessible, themeable React Native components built with [Uniwind](https://uniwind.dev) + Tailwind CSS v4. Inspired by [shadcn/ui](https://ui.shadcn.com/).
 
-Current version: **0.1.2**
+Current version: **0.2.0**
 
 ## Installation
 
@@ -177,27 +177,32 @@ function MyScreen() {
 
 ### Form Controls
 
-| Component       | Variants                                              | Notes                                                                                         |
-| --------------- | ----------------------------------------------------- | --------------------------------------------------------------------------------------------- |
-| **Button**      | default, destructive, outline, secondary, ghost, link | 4 sizes, ButtonText & ButtonIcon sub-components                                               |
-| **Input**       | default, error                                        | TextInput wrapper with themed styling                                                         |
-| **Textarea**    | —                                                     | Multi-line text input                                                                         |
-| **Checkbox**    | —                                                     | Controlled/uncontrolled, accessibility roles                                                  |
-| **Switch**      | —                                                     | Controlled/uncontrolled, accessibility roles                                                  |
-| **RadioGroup**  | —                                                     | RadioGroup + RadioGroupItem                                                                   |
-| **Select**      | —                                                     | Uses `SelectOption` type `{value, label}`. Includes SelectGroup, SelectLabel, SelectSeparator |
-| **Label**       | —                                                     | Form field label                                                                              |
-| **Toggle**      | default, outline                                      | ToggleText sub-component                                                                      |
-| **ToggleGroup** | single, multiple                                      | Group of toggle items                                                                         |
+| Component            | Variants                                              | Notes                                                                                         |
+| -------------------- | ----------------------------------------------------- | --------------------------------------------------------------------------------------------- |
+| **Button**           | default, destructive, outline, secondary, ghost, link | 4 sizes, ButtonText & ButtonIcon sub-components                                               |
+| **Input**            | default, error                                        | TextInput wrapper with themed styling                                                         |
+| **NumericInput**     | default, error                                        | Numeric input with prefix/suffix slots, optional steppers, and compact size                   |
+| **FormField**        | default, compact                                      | Compound API: FormField, FormLabel, FormControl, FormHint, FormMessage                        |
+| **LabeledField**     | default, compact                                      | Field wrapper with label/helper/error plus left/right slots                                   |
+| **Textarea**         | —                                                     | Multi-line text input                                                                         |
+| **Checkbox**         | —                                                     | Controlled/uncontrolled, accessibility roles                                                  |
+| **Switch**           | —                                                     | Controlled/uncontrolled, accessibility roles                                                  |
+| **RadioGroup**       | —                                                     | RadioGroup + RadioGroupItem                                                                   |
+| **Select**           | —                                                     | Uses `SelectOption` type `{value, label}`. Includes SelectGroup, SelectLabel, SelectSeparator |
+| **Label**            | —                                                     | Form field label                                                                              |
+| **SegmentedControl** | single select                                         | SegmentedControl, SegmentedControlItem, SegmentedControlItemText with wrapping layout support |
+| **Toggle**           | default, outline                                      | ToggleText sub-component                                                                      |
+| **ToggleGroup**      | single, multiple                                      | Group of toggle items                                                                         |
 
 ### Display
 
 | Component       | Variants                                          | Notes                                                                           |
 | --------------- | ------------------------------------------------- | ------------------------------------------------------------------------------- |
-| **Card**        | —                                                 | Compound: Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter |
+| **Card**        | padding (none, sm, default, lg), unstyled         | Compound: Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter |
 | **Badge**       | default, secondary, destructive, outline, success | BadgeText sub-component                                                         |
 | **Alert**       | default, destructive, success, warning            | AlertTitle & AlertDescription                                                   |
 | **Avatar**      | sm, default, lg                                   | AvatarImage + AvatarFallback                                                    |
+| **DataRow**     | default, compact                                  | DataRow, DataRowLeft/Center/Right, DataRowLabel/Description/Value               |
 | **Separator**   | horizontal, vertical                              | Themed divider                                                                  |
 | **Progress**    | sm, default, lg                                   | Value-based progress bar with accessibility                                     |
 | **Spinner**     | sm, default, lg                                   | ActivityIndicator wrapper                                                       |
@@ -247,14 +252,15 @@ function MyScreen() {
 
 ### Navigation
 
-| Block                 | Description                                |
-| --------------------- | ------------------------------------------ |
-| **AppShell**          | Layout shell with slots for navigation     |
-| **Header**            | Top app bar with back/actions              |
-| **BottomNav**         | Tab-style bottom navigation bar            |
-| **FloatingBottomNav** | Elevated bottom nav with safe area support |
-| **TabBar**            | Top tab bar with indicator                 |
-| **DrawerMenu**        | Drawer with sections and items             |
+| Block                 | Description                                       |
+| --------------------- | ------------------------------------------------- |
+| **AppShell**          | Layout shell with slots for navigation            |
+| **NavigationSidebar** | Sidebar nav with grouped sections and footer slot |
+| **Header**            | Top app bar with back/actions                     |
+| **BottomNav**         | Tab-style bottom navigation bar                   |
+| **FloatingBottomNav** | Elevated bottom nav with safe area support        |
+| **TabBar**            | Top tab bar with indicator                        |
+| **DrawerMenu**        | Drawer with sections and items                    |
 
 ### Lists
 
@@ -296,23 +302,26 @@ function MyScreen() {
 
 ### Navigation
 
-| Block                 | Description                     |
-| --------------------- | ------------------------------- |
-| **Header**            | App header with title & actions |
-| **BottomNav**         | Bottom tab navigation           |
-| **FloatingBottomNav** | Floating bottom navigation      |
-| **TabBar**            | Horizontal tab bar              |
-| **DrawerMenu**        | Side drawer navigation          |
+| Block                 | Description                       |
+| --------------------- | --------------------------------- |
+| **NavigationSidebar** | Sidebar nav with grouped sections |
+| **Header**            | App header with title & actions   |
+| **BottomNav**         | Bottom tab navigation             |
+| **FloatingBottomNav** | Floating bottom navigation        |
+| **TabBar**            | Horizontal tab bar                |
+| **DrawerMenu**        | Side drawer navigation            |
 
 ### Layout
 
-| Block                | Description                   |
-| -------------------- | ----------------------------- |
-| **AppShell**         | Main app layout wrapper       |
-| **EmptyState**       | Empty content placeholder     |
-| **ErrorState**       | Error display with retry      |
-| **LoadingScreen**    | Full-screen loading indicator |
-| **OnboardingScreen** | Onboarding flow screen        |
+| Block                  | Description                                     |
+| ---------------------- | ----------------------------------------------- |
+| **AppShell**           | Main app layout wrapper                         |
+| **ActionBar**          | Sticky bottom action row with safe-area padding |
+| **ConfirmActionSheet** | Reusable destructive confirmation sheet         |
+| **EmptyState**         | Empty content placeholder                       |
+| **ErrorState**         | Error display with retry                        |
+| **LoadingScreen**      | Full-screen loading indicator                   |
+| **OnboardingScreen**   | Onboarding flow screen                          |
 
 ### Splash
 
@@ -368,6 +377,10 @@ whileui/
 │           ├── components/    # All components (copy these!)
 │           │   ├── button/
 │           │   ├── card/
+│           │   ├── form-field/
+│           │   ├── numeric-input/
+│           │   ├── segmented-control/
+│           │   ├── data-row/
 │           │   ├── dialog/
 │           │   └── ...
 │           ├── blocks/        # Pre-built screens
@@ -380,7 +393,8 @@ whileui/
 │           ├── lib/           # Utilities
 │           │   ├── cn.ts      # clsx + tailwind-merge
 │           │   ├── tv.ts      # tailwind-variants re-export
-│           │   └── font-context.ts
+│           │   ├── font-context.ts
+│           │   └── theme-bridge.ts
 │           └── index.ts       # Barrel export
 ├── apps/
 │   └── showcase/              # Expo demo app
@@ -408,6 +422,42 @@ Themes are defined in `global.css` using CSS variables with OKLCH colors:
 }
 ```
 
+### Token Contract (Release Baseline)
+
+The WhileUI token contract is strict for cross-app reuse. Define these in **every** theme variant (`@variant light`, `@variant dark`, and custom variants):
+
+- Required core tokens: `background`, `foreground`, `card`, `card-foreground`, `primary`, `primary-foreground`, `secondary`, `secondary-foreground`, `muted`, `muted-foreground`, `accent`, `accent-foreground`, `destructive`, `destructive-foreground`, `border`, `input`, `ring`
+- Optional status tokens: `success`, `success-foreground`, `warning`, `warning-foreground`, `info`, `info-foreground`
+- Optional scale tokens: spacing (`--spacing`, `--spacing-*`), typography (`--text-*`, `--leading-*`, `--tracking-*`), radius (`--radius-*`), elevation (`--shadow-*`)
+
+Minimal contract example:
+
+```css
+@layer theme {
+  :root {
+    @variant light {
+      --color-background: oklch(1 0 0);
+      --color-foreground: oklch(0.15 0 0);
+      --color-card: oklch(1 0 0);
+      --color-card-foreground: oklch(0.15 0 0);
+      --color-primary: oklch(0.2 0 0);
+      --color-primary-foreground: oklch(0.98 0 0);
+      --color-secondary: oklch(0.95 0 0);
+      --color-secondary-foreground: oklch(0.15 0 0);
+      --color-muted: oklch(0.95 0 0);
+      --color-muted-foreground: oklch(0.45 0 0);
+      --color-accent: oklch(0.9 0.05 180);
+      --color-accent-foreground: oklch(0.15 0 0);
+      --color-destructive: oklch(0.58 0.2 26);
+      --color-destructive-foreground: oklch(0.98 0 0);
+      --color-border: oklch(0.9 0 0);
+      --color-input: oklch(0.92 0 0);
+      --color-ring: oklch(0.22 0 0);
+    }
+  }
+}
+```
+
 Switch themes at runtime via Uniwind:
 
 ```tsx
@@ -416,6 +466,21 @@ import { Uniwind } from 'uniwind';
 Uniwind.setTheme('dark'); // or 'light' or 'system'
 ```
 
+Or use the first-party ThemeBridge helper with optional persistence:
+
+```tsx
+import { useThemeBridge, type ThemeBridgeAdapter } from '@thewhileloop/whileui';
+
+const adapter: ThemeBridgeAdapter = {
+  loadThemeMode: async () => 'system',
+  saveThemeMode: async (mode) => {
+    await storage.setItem('theme-mode', mode);
+  },
+};
+
+const { mode, resolvedTheme, setMode, cycleMode } = useThemeBridge({ adapter });
+```
+
 ## Using Components
 
 Copy any component folder from `packages/ui/src/components/` into your project:
@@ -483,6 +548,124 @@ import { Input } from '@thewhileloop/whileui';
 | placeholder | `string`               | —           | Placeholder text          |
 | editable    | `boolean`              | `true`      | Whether input is editable |
 
+## NumericInput
+
+```tsx
+import { NumericInput } from '@thewhileloop/whileui';
+
+<NumericInput
+  value={amount}
+  onValueChange={setAmount}
+  prefix={<Text className="text-muted-foreground">$</Text>}
+  suffix={<Text className="text-muted-foreground">USD</Text>}
+  min={0}
+  step={0.5}
+  showSteppers
+  size="compact"
+/>;
+```
+
+| Prop            | Type                              | Default     | Description                       |
+| --------------- | --------------------------------- | ----------- | --------------------------------- |
+| variant         | `'default' \| 'error'`            | `'default'` | Input style                       |
+| size            | `'default' \| 'compact'`          | `'default'` | Density size                      |
+| value           | `number \| null`                  | —           | Controlled numeric value          |
+| onValueChange   | `(value: number \| null) => void` | —           | Numeric value change callback     |
+| prefix / suffix | `ReactNode`                       | —           | Left/right slots                  |
+| showSteppers    | `boolean`                         | `false`     | Show decrement/increment controls |
+
+## FormField
+
+```tsx
+import {
+  FormField,
+  FormLabel,
+  FormControl,
+  FormHint,
+  FormMessage,
+  Input,
+} from '@thewhileloop/whileui';
+
+<FormField required invalid={Boolean(error)}>
+  <FormLabel>Email</FormLabel>
+  <FormControl>
+    <Input placeholder="you@example.com" />
+  </FormControl>
+  {error ? <FormMessage>{error}</FormMessage> : <FormHint>We'll never share your email.</FormHint>}
+</FormField>;
+```
+
+## LabeledField
+
+```tsx
+import { LabeledField, LabeledFieldControl, Input } from '@thewhileloop/whileui';
+
+<LabeledField
+  label="Username"
+  hint="3-20 characters"
+  leftSlot={<Icon />}
+  rightSlot={
+    <Button size="sm">
+      <ButtonText>Check</ButtonText>
+    </Button>
+  }
+>
+  <LabeledFieldControl>
+    <Input className="border-0 bg-transparent px-0" />
+  </LabeledFieldControl>
+</LabeledField>;
+```
+
+## SegmentedControl
+
+```tsx
+import {
+  SegmentedControl,
+  SegmentedControlItem,
+  SegmentedControlItemText,
+} from '@thewhileloop/whileui';
+
+<SegmentedControl value={unit} onValueChange={setUnit} wrap>
+  <SegmentedControlItem value="metric">
+    <SegmentedControlItemText>Metric</SegmentedControlItemText>
+  </SegmentedControlItem>
+  <SegmentedControlItem value="imperial">
+    <SegmentedControlItemText>Imperial</SegmentedControlItemText>
+  </SegmentedControlItem>
+</SegmentedControl>;
+```
+
+## DataRow
+
+```tsx
+import {
+  DataRow,
+  DataRowLeft,
+  DataRowCenter,
+  DataRowRight,
+  DataRowLabel,
+  DataRowDescription,
+  DataRowValue,
+  Avatar,
+  AvatarFallback,
+} from '@thewhileloop/whileui';
+
+<DataRow>
+  <DataRowLeft>
+    <Avatar size="sm">
+      <AvatarFallback>JD</AvatarFallback>
+    </Avatar>
+  </DataRowLeft>
+  <DataRowCenter>
+    <DataRowLabel>Jane Doe</DataRowLabel>
+    <DataRowDescription>Product Designer</DataRowDescription>
+  </DataRowCenter>
+  <DataRowRight>
+    <DataRowValue>Owner</DataRowValue>
+  </DataRowRight>
+</DataRow>;
+```
+
 ## Card
 
 ```tsx
@@ -495,7 +678,7 @@ import {
   CardFooter,
 } from '@thewhileloop/whileui';
 
-<Card>
+<Card padding="default">
   <CardHeader>
     <CardTitle>Title</CardTitle>
     <CardDescription>Description</CardDescription>
@@ -503,8 +686,17 @@ import {
   <CardContent>{/* Content */}</CardContent>
   <CardFooter>{/* Footer */}</CardFooter>
 </Card>;
+
+<Card unstyled padding="none" className="rounded-xl border border-border bg-card">
+  {/* advanced custom layouts */}
+</Card>;
 ```
 
+| Prop     | Type                                  | Default     | Description                         |
+| -------- | ------------------------------------- | ----------- | ----------------------------------- |
+| padding  | `'none' \| 'sm' \| 'default' \| 'lg'` | `'default'` | Card interior padding               |
+| unstyled | `boolean`                             | `false`     | Remove built-in card surface styles |
+
 ## Badge
 
 ```tsx
@@ -845,6 +1037,59 @@ import { BottomNav } from '@thewhileloop/whileui';
 />;
 ```
 
+## ActionBar
+
+```tsx
+import { ActionBar, Button, ButtonText } from '@thewhileloop/whileui';
+
+<ActionBar>
+  <Button variant="outline" className="flex-1">
+    <ButtonText>Cancel</ButtonText>
+  </Button>
+  <Button className="flex-1">
+    <ButtonText>Save</ButtonText>
+  </Button>
+</ActionBar>;
+```
+
+## ConfirmActionSheet
+
+```tsx
+import { ConfirmActionSheet } from '@thewhileloop/whileui';
+
+<ConfirmActionSheet
+  open={open}
+  onOpenChange={setOpen}
+  title="Delete project?"
+  description="This action cannot be undone."
+  confirmLabel="Delete"
+  destructive
+  onConfirm={() => deleteProject()}
+/>;
+```
+
+## NavigationSidebar
+
+```tsx
+import { NavigationSidebar } from '@thewhileloop/whileui';
+
+<NavigationSidebar
+  sections={[
+    {
+      title: 'Workspace',
+      items: [
+        { key: 'overview', label: 'Overview', icon: <Icon /> },
+        { key: 'billing', label: 'Billing', icon: <Icon />, badge: 2 },
+      ],
+    },
+  ]}
+  activeKey="overview"
+  onSelect={(key) => {}}
+  header={<Text>Acme Inc.</Text>}
+  footer={<Text className="text-xs text-muted-foreground">v1.0.0</Text>}
+/>;
+```
+
 ## Header
 
 ```tsx

package/dist/blocks/layout/action-bar.d.ts

@@ -0,0 +1,8 @@
+import { type ViewProps } from 'react-native';
+export interface ActionBarProps extends ViewProps {
+    sticky?: boolean;
+    safeArea?: boolean;
+    elevated?: boolean;
+}
+export declare function ActionBar({ sticky, safeArea, elevated, className, style, ...props }: ActionBarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=action-bar.d.ts.map

package/dist/blocks/layout/action-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-bar.d.ts","sourceRoot":"","sources":["../../../src/blocks/layout/action-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpD,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EACxB,MAAa,EACb,QAAe,EACf,QAAgB,EAChB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,cAAc,2CAgBhB"}

package/dist/blocks/layout/action-bar.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { cn } from '../../lib/cn';
+export function ActionBar({ sticky = true, safeArea = true, elevated = false, className, style, ...props }) {
+    const insets = useSafeAreaInsets();
+    const bottomPadding = safeArea ? Math.max(insets.bottom, 12) : 12;
+    return (_jsx(View, { className: cn('w-full flex-row items-center gap-3 border-t border-border bg-background px-4 pt-3', sticky && 'absolute inset-x-0 bottom-0', elevated && 'shadow-lg', className), style: [{ paddingBottom: bottomPadding }, style], ...props }));
+}
+//# sourceMappingURL=action-bar.js.map

package/dist/blocks/layout/action-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-bar.js","sourceRoot":"","sources":["../../../src/blocks/layout/action-bar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAQlC,MAAM,UAAU,SAAS,CAAC,EACxB,MAAM,GAAG,IAAI,EACb,QAAQ,GAAG,IAAI,EACf,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACO;IACf,MAAM,MAAM,GAAG,iBAAiB,EAAE,CAAC;IACnC,MAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAElE,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,mFAAmF,EACnF,MAAM,IAAI,6BAA6B,EACvC,QAAQ,IAAI,WAAW,EACvB,SAAS,CACV,EACD,KAAK,EAAE,CAAC,EAAE,aAAa,EAAE,aAAa,EAAE,EAAE,KAAK,CAAC,KAC5C,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

package/dist/blocks/layout/confirm-action-sheet.d.ts

@@ -0,0 +1,24 @@
+import { type ViewProps } from 'react-native';
+export type ConfirmActionSheetActionVariant = 'default' | 'destructive' | 'cancel';
+export interface ConfirmActionSheetAction {
+    key: string;
+    label: string;
+    onPress?: () => void;
+    variant?: ConfirmActionSheetActionVariant;
+    disabled?: boolean;
+    closeOnPress?: boolean;
+}
+export interface ConfirmActionSheetProps extends Omit<ViewProps, 'children'> {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title: string;
+    description?: string;
+    actions?: ConfirmActionSheetAction[];
+    confirmLabel?: string;
+    cancelLabel?: string;
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    destructive?: boolean;
+}
+export declare function ConfirmActionSheet({ open, onOpenChange, title, description, actions, confirmLabel, cancelLabel, onConfirm, onCancel, destructive, className, style, ...props }: ConfirmActionSheetProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=confirm-action-sheet.d.ts.map

package/dist/blocks/layout/confirm-action-sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-action-sheet.d.ts","sourceRoot":"","sources":["../../../src/blocks/layout/confirm-action-sheet.tsx"],"names":[],"mappings":"AACA,OAAO,EAA0B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKtE,MAAM,MAAM,+BAA+B,GAAG,SAAS,GAAG,aAAa,GAAG,QAAQ,CAAC;AAEnF,MAAM,WAAW,wBAAwB;IACvC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,+BAA+B,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC1E,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAW,EACX,OAAO,EACP,YAAwB,EACxB,WAAsB,EACtB,SAAS,EACT,QAAQ,EACR,WAAkB,EAClB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAoFzB"}

package/dist/blocks/layout/confirm-action-sheet.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { Modal, Pressable, View } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { Text } from '../../components/text';
+import { cn } from '../../lib/cn';
+export function ConfirmActionSheet({ open, onOpenChange, title, description, actions, confirmLabel = 'Confirm', cancelLabel = 'Cancel', onConfirm, onCancel, destructive = true, className, style, ...props }) {
+    const insets = useSafeAreaInsets();
+    const resolvedActions = useMemo(() => {
+        if (actions && actions.length > 0) {
+            return actions;
+        }
+        return [
+            {
+                key: 'cancel',
+                label: cancelLabel,
+                variant: 'cancel',
+                onPress: onCancel,
+            },
+            {
+                key: 'confirm',
+                label: confirmLabel,
+                variant: destructive ? 'destructive' : 'default',
+                onPress: onConfirm,
+            },
+        ];
+    }, [actions, cancelLabel, confirmLabel, destructive, onCancel, onConfirm]);
+    const handleClose = () => onOpenChange(false);
+    const handleActionPress = (action) => {
+        action.onPress?.();
+        if (action.closeOnPress ?? true) {
+            onOpenChange(false);
+        }
+    };
+    return (_jsx(Modal, { visible: open, transparent: true, animationType: "fade", onRequestClose: handleClose, children: _jsxs(View, { className: "flex-1 justify-end bg-black/40", children: [_jsx(Pressable, { className: "flex-1", onPress: handleClose }), _jsxs(View, { className: cn('rounded-t-lg border border-border bg-background px-4 pt-4', className), style: [{ paddingBottom: Math.max(insets.bottom, 12) }, style], ...props, children: [_jsxs(View, { className: "mb-4 gap-1.5", children: [_jsx(Text, { className: "text-base font-semibold text-foreground", children: title }), description ? (_jsx(Text, { className: "text-sm text-muted-foreground", children: description })) : null] }), _jsx(View, { className: "gap-2", children: resolvedActions.map((action) => {
+                                const isDestructive = action.variant === 'destructive';
+                                const isCancel = action.variant === 'cancel';
+                                return (_jsx(Pressable, { className: cn('min-h-11 items-center justify-center rounded-md border px-4 py-2 active:opacity-70', isCancel ? 'border-input bg-background' : 'border-transparent bg-secondary', isDestructive && 'bg-destructive/10 border-destructive/30', action.disabled && 'opacity-50'), onPress: () => handleActionPress(action), disabled: action.disabled, accessibilityRole: "button", children: _jsx(Text, { className: cn('text-sm font-medium', isCancel ? 'text-foreground' : 'text-secondary-foreground', isDestructive && 'text-destructive'), children: action.label }) }, action.key));
+                            }) })] })] }) }));
+}
+//# sourceMappingURL=confirm-action-sheet.js.map

package/dist/blocks/layout/confirm-action-sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-action-sheet.js","sourceRoot":"","sources":["../../../src/blocks/layout/confirm-action-sheet.tsx"],"names":[],"mappings":"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"}

package/dist/blocks/layout/index.d.ts

@@ -1,4 +1,6 @@
 export { AppShell, type AppShellProps } from './app-shell';
+export { ActionBar, type ActionBarProps } from './action-bar';
+export { ConfirmActionSheet, type ConfirmActionSheetAction, type ConfirmActionSheetActionVariant, type ConfirmActionSheetProps, } from './confirm-action-sheet';
 export { EmptyState, type EmptyStateProps } from './empty-state';
 export { ErrorState, type ErrorStateProps } from './error-state';
 export { LoadingScreen, type LoadingScreenProps } from './loading-screen';

package/dist/blocks/layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC1E,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,KAAK,eAAe,GACrB,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EACL,kBAAkB,EAClB,KAAK,wBAAwB,EAC7B,KAAK,+BAA+B,EACpC,KAAK,uBAAuB,GAC7B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC1E,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,KAAK,eAAe,GACrB,MAAM,qBAAqB,CAAC"}

package/dist/blocks/layout/index.js

@@ -1,4 +1,6 @@
 export { AppShell } from './app-shell';
+export { ActionBar } from './action-bar';
+export { ConfirmActionSheet, } from './confirm-action-sheet';
 export { EmptyState } from './empty-state';
 export { ErrorState } from './error-state';
 export { LoadingScreen } from './loading-screen';

package/dist/blocks/layout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/blocks/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAsB,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAwB,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,UAAU,EAAwB,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,aAAa,EAA2B,MAAM,kBAAkB,CAAC;AAC1E,OAAO,EACL,gBAAgB,GAGjB,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/blocks/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAsB,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAuB,MAAM,cAAc,CAAC;AAC9D,OAAO,EACL,kBAAkB,GAInB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,UAAU,EAAwB,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,UAAU,EAAwB,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,aAAa,EAA2B,MAAM,kBAAkB,CAAC;AAC1E,OAAO,EACL,gBAAgB,GAGjB,MAAM,qBAAqB,CAAC"}

package/dist/blocks/navigation/index.d.ts

@@ -3,4 +3,5 @@ export { FloatingBottomNav, type FloatingBottomNavItem, type FloatingBottomNavPr
 export { Header, HeaderBackButton, type HeaderAction, type HeaderBackButtonProps, type HeaderProps, } from './header';
 export { TabBar, type TabBarItem, type TabBarProps } from './tab-bar';
 export { DrawerMenu, type DrawerMenuItem, type DrawerMenuSection, type DrawerMenuProps, } from './drawer-menu';
+export { NavigationSidebar, type NavigationSidebarItem, type NavigationSidebarSection, type NavigationSidebarProps, } from './navigation-sidebar';
 //# sourceMappingURL=index.d.ts.map

package/dist/blocks/navigation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/navigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAClF,OAAO,EACL,iBAAiB,EACjB,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,GAC5B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,MAAM,EACN,gBAAgB,EAChB,KAAK,YAAY,EACjB,KAAK,qBAAqB,EAC1B,KAAK,WAAW,GACjB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,MAAM,EAAE,KAAK,UAAU,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AACtE,OAAO,EACL,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACtB,KAAK,eAAe,GACrB,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/navigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAClF,OAAO,EACL,iBAAiB,EACjB,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,GAC5B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,MAAM,EACN,gBAAgB,EAChB,KAAK,YAAY,EACjB,KAAK,qBAAqB,EAC1B,KAAK,WAAW,GACjB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,MAAM,EAAE,KAAK,UAAU,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AACtE,OAAO,EACL,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACtB,KAAK,eAAe,GACrB,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,iBAAiB,EACjB,KAAK,qBAAqB,EAC1B,KAAK,wBAAwB,EAC7B,KAAK,sBAAsB,GAC5B,MAAM,sBAAsB,CAAC"}

package/dist/blocks/navigation/index.js

@@ -3,4 +3,5 @@ export { FloatingBottomNav, } from './floating-bottom-nav';
 export { Header, HeaderBackButton, } from './header';
 export { TabBar } from './tab-bar';
 export { DrawerMenu, } from './drawer-menu';
+export { NavigationSidebar, } from './navigation-sidebar';
 //# sourceMappingURL=index.js.map

package/dist/blocks/navigation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/blocks/navigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA2C,MAAM,cAAc,CAAC;AAClF,OAAO,EACL,iBAAiB,GAGlB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,MAAM,EACN,gBAAgB,GAIjB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,MAAM,EAAqC,MAAM,WAAW,CAAC;AACtE,OAAO,EACL,UAAU,GAIX,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/blocks/navigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA2C,MAAM,cAAc,CAAC;AAClF,OAAO,EACL,iBAAiB,GAGlB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,MAAM,EACN,gBAAgB,GAIjB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,MAAM,EAAqC,MAAM,WAAW,CAAC;AACtE,OAAO,EACL,UAAU,GAIX,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,iBAAiB,GAIlB,MAAM,sBAAsB,CAAC"}

package/dist/blocks/navigation/navigation-sidebar.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { type ViewProps } from 'react-native';
+export interface NavigationSidebarItem {
+    key: string;
+    label: string;
+    description?: string;
+    icon?: React.ReactNode;
+    badge?: number;
+    disabled?: boolean;
+}
+export interface NavigationSidebarSection {
+    title?: string;
+    items: NavigationSidebarItem[];
+}
+export interface NavigationSidebarProps extends ViewProps {
+    sections: NavigationSidebarSection[];
+    activeKey?: string;
+    onSelect?: (key: string) => void;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+}
+export declare function NavigationSidebar({ sections, activeKey, onSelect, header, footer, className, ...props }: NavigationSidebarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=navigation-sidebar.d.ts.map

package/dist/blocks/navigation/navigation-sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-sidebar.d.ts","sourceRoot":"","sources":["../../../src/blocks/navigation/navigation-sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI3E,MAAM,WAAW,qBAAqB;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,qBAAqB,EAAE,CAAC;CAChC;AAED,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD,QAAQ,EAAE,wBAAwB,EAAE,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,MAAM,EACN,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,2CA0ExB"}

package/dist/blocks/navigation/navigation-sidebar.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Pressable, ScrollView, View } from 'react-native';
+import { Text } from '../../components/text';
+import { cn } from '../../lib/cn';
+export function NavigationSidebar({ sections, activeKey, onSelect, header, footer, className, ...props }) {
+    return (_jsxs(View, { className: cn('w-72 border-r border-border bg-background', className), ...props, children: [header ? _jsx(View, { className: "border-b border-border px-4 py-4", children: header }) : null, _jsx(ScrollView, { className: "flex-1 px-3 py-4", children: _jsx(View, { className: "gap-4", children: sections.map((section, index) => (_jsxs(View, { className: "gap-1", children: [section.title ? (_jsx(Text, { className: "px-3 text-xs font-medium uppercase tracking-wide text-muted-foreground", children: section.title })) : null, section.items.map((item) => {
+                                const isActive = activeKey === item.key;
+                                return (_jsxs(Pressable, { onPress: () => onSelect?.(item.key), disabled: item.disabled, className: cn('min-h-11 flex-row items-center gap-3 rounded-lg px-3 py-2 active:opacity-70', isActive && 'bg-primary/10', item.disabled && 'opacity-50'), accessibilityRole: "button", accessibilityState: { selected: isActive, disabled: item.disabled }, children: [item.icon ? _jsx(View, { className: "shrink-0", children: item.icon }) : null, _jsxs(View, { className: "min-w-0 flex-1 gap-0.5", children: [_jsx(Text, { className: cn('font-medium', isActive ? 'text-primary' : 'text-foreground'), numberOfLines: 1, children: item.label }), item.description ? (_jsx(Text, { className: "text-xs text-muted-foreground", numberOfLines: 1, children: item.description })) : null] }), item.badge !== undefined ? (_jsx(View, { className: cn('min-w-5 rounded-full px-1.5 py-0.5', isActive ? 'bg-primary' : 'bg-muted'), children: _jsx(Text, { className: cn('text-[11px] font-medium', isActive ? 'text-primary-foreground' : 'text-muted-foreground'), children: item.badge }) })) : null] }, item.key));
+                            })] }, index))) }) }), footer ? _jsx(View, { className: "border-t border-border px-4 py-4", children: footer }) : null] }));
+}
+//# sourceMappingURL=navigation-sidebar.js.map

package/dist/blocks/navigation/navigation-sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-sidebar.js","sourceRoot":"","sources":["../../../src/blocks/navigation/navigation-sidebar.tsx"],"names":[],"mappings":"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"}