@mihcm/ui 0.14.1

package/README.md

@@ -0,0 +1,138 @@
+# @mihcm/ui
+
+Universal MiHCM UI primitives for React, Next.js, and React Native.
+
+This is the primary component package. It ships typed, tokenized primitives with per-component exports so applications can import only what they use.
+
+## Current release
+
+Current package version: **0.14.1**.
+
+This release removes the experimental editor surface, keeps rich text on `RichTextEditor`, fixes full-width DatePicker popup sizing, and stabilizes Tracker weighted/timeline layouts. See `CHANGELOG.md` and the public changelog at `https://designsystem.mihcm.com/help/changelog`.
+
+## Install
+
+```bash
+pnpm add @mihcm/ui @mihcm/theme @mihcm/tokens
+```
+
+For web apps, also import the theme CSS once at the app root:
+
+```ts
+import '@mihcm/theme/globals.css';
+```
+
+## Usage
+
+Prefer per-component imports for tree-shaking:
+
+```tsx
+import { Button } from '@mihcm/ui/Button';
+import { Card, CardContent, CardHeader, CardTitle } from '@mihcm/ui/Card';
+
+export function Example() {
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Employee profile</CardTitle>
+      </CardHeader>
+      <CardContent>
+        <Button>Save changes</Button>
+      </CardContent>
+    </Card>
+  );
+}
+```
+
+Every primitive accepts `className` for Tailwind/NativeWind overrides. Use MiHCM semantic tokens and standard Tailwind utilities. Do not hardcode raw colors, inline styles, or local CSS unless a component explicitly documents that escape hatch.
+
+Variant styling uses proven helpers rather than handwritten class maps: `class-variance-authority` for simple single-root variants, and `tailwind-variants` when a component needs multiple styled slots or compound variants.
+
+## What is included
+
+- Form controls: `Input`, `Textarea`, `SearchField`, `Select`, `Combobox`, `Checkbox`, `CheckboxGrid`, `RadioGroup`, `Switch`, `Slider`, `DatePicker`, `Calendar`, `InputOTP`.
+- Navigation and layout: `TopBar`, `MainSidebar`, `Sidebar`, `PageShell`, `TitleBar`, `NavigationMenu`, `Breadcrumb`, `Pagination`, `Tabs`, `Link`, `ScrollArea`, `Resizable`.
+- Overlays: `Dialog`, `AlertDialog`, `Sheet`, `Drawer`, `Popover`, `Popper`, `Tooltip`, `HoverCard`, `DropdownMenu`, `ContextMenu`, `Menubar`, `Toast`.
+- Data and visualization: `Table`, `DataTable`, `Chart`, `Progress`, `StatCard`, `StatusBadge`, `NotificationBadge`, `TransferList`.
+- Content and display: `Text`, `Button`, `IconButton`, `Card`, `Badge`, `Banner`, `Alert`, `Avatar`, `AvatarGroup`, `Logo`, `Skeleton`, `Separator`, `AspectRatio`, `EmptyState`, `SectionHeader`, `RichTextEditor`, `Tag`, `Toggle`, `Command`, `Carousel`.
+
+## Recent additions and fixes
+
+- Added a semantic `Link` primitive for real navigation, with inline, nav, standalone, button-like, muted, foreground, and accent variants.
+- Added semantic `Text as="h1" | "h2" | "p" | ...` rendering so docs, apps, and AI-generated text preserve the actual document outline instead of styling generic spans.
+- Made `Button` default to `type="button"` while still supporting explicit `type="submit"` and `type="reset"` for form actions.
+- Added tokenized `SectionHeader` spacing, surface, border, radius, shadow, and slot class override props for contained section layouts.
+- Added larger `Logo` size presets and brand-aware scaling for approved logo assets.
+- Stabilized `Sidebar` mobile behavior with explicit mobile Sheet state, configurable mobile widths, and side-aware right/left trigger, rail, divider, and inset handling.
+- Added `Popper` and wired `Popover` to share the same positioning contract.
+- Expanded `TopBar`, `MainSidebar`, `Menubar`, `HoverCard`, `Collapsible`, `DataTable`, `TransferList`, `Breadcrumb`, `Toast`, `Progress`, and `Slider` customizability.
+- Upgraded `Calendar` to `@daypicker/react` v10 and documented the full DayPicker passthrough surface.
+- Added React Select-powered advanced selects while keeping the native-parity composable `Select`.
+- Normalized form field surfaces across Input, Textarea, SearchField, Select, React Select, Combobox, and DatePicker with reduced `shadow-mi-input` elevation.
+- Added `tailwind-variants` as an approved dependency for slot-heavy and compound component styling; keep it installed when copied or local primitives import it.
+- Fixed DatePicker and Calendar popup UX: compact triggers, icon-only trigger behavior, stable popover placement, dropdown month/year controls, aligned time inputs, and range popovers that stay open unless explicitly configured to close.
+- Fixed `DatePicker triggerWidth="full"` so responsive fields span the grid without stretching the calendar popup.
+- Fixed Tracker weighted segment sizing and timeline end caps by applying layout to the direct list item wrapper.
+- Removed the experimental editor export and dependency set; use `RichTextEditor` for rich text.
+- Fixed known UX regressions around tabs resizing, Select placeholder/label behavior, tooltip sizing, sheet exit animation, toast duplication, avatar group rings, and right-side sidebar placement.
+
+## Client and server compatibility
+
+Components that use browser state, portals, focus management, dates, or event handlers must be rendered from a Client Component in Next.js. Static wrappers and plain display components can be composed from Server Components when they do not receive event handlers.
+
+Practical rule:
+
+```tsx
+'use client';
+
+import { Select } from '@mihcm/ui/Select';
+
+export function ClientFilter() {
+  return <Select placeholder="Choose team" />;
+}
+```
+
+When in doubt, wrap interactive examples in a small client boundary and keep data loading in the server parent.
+
+## Accessibility contract
+
+- Keyboard access and visible focus states are required.
+- Touch targets should stay at or above 44px where the component is interactive.
+- Components must use semantic roles/attributes from the underlying primitive or native element.
+- Use `Link` for `href` navigation and `Button` for actions. In forms, submit/reset buttons must set the explicit `type`.
+- Inputs must have a visible label or an accessible name, and helper/error text must be connected with `aria-describedby` where applicable.
+- Headings must render as headings, either with native `h1`-`h6` tags or `Text as="h1"` through `Text as="h6"`.
+- Color changes must use tokens with WCAG AA contrast.
+- Loading, disabled, error, empty, and selected states must remain readable in light and dark mode.
+
+## Security contract
+
+- Do not render untrusted HTML through component props.
+- Do not pass model-generated component paths or imports into this package.
+- Do not put secrets in props, class names, logs, Storybook args, screenshots, or docs examples.
+- AI-rendered usage must go through `@mihcm/ai-ui` Zod schemas first.
+
+## Maintainer checklist
+
+When adding or changing a primitive:
+
+1. Update the component source and native parity file when applicable.
+2. Add or update Storybook stories and focused regression tests.
+3. Update `src/apps/docs/content/components/<component>/`.
+4. Update `docs/components/<Component>.md` and `src/apps/docs/lib/registry.ts`.
+5. If the component can be AI-rendered, update `@mihcm/ai-ui` schemas and renderer; otherwise add an explicit coverage decision.
+6. Add a changeset before publishing.
+
+## Build
+
+```bash
+cd src
+pnpm -F @mihcm/ui build
+pnpm -F @mihcm/ui typecheck
+```
+
+## Related docs
+
+- `docs/components/` contains per-component wiki pages.
+- `docs/CONVENTIONS.md` describes design and implementation rules.
+- `docs/security-playbook.md` contains library and AI-UI security rules.

package/dist/AccessLevelGroup.d.ts

@@ -0,0 +1,37 @@
+/**
+ * AccessLevelGroup (web variant — React DOM).
+ *
+ * 4-state segmented button used by the MiHCM Security prototype to
+ * set per-module access: None / View / Edit / Full. Each option has
+ * its own brand color when active (navy for Full, orange for Edit,
+ * muted blue for View, neutral for None).
+ *
+ * Controlled — pass `value` + `onValueChange`. Pass `options` to
+ * override the levels, but most consumers should use the default.
+ *
+ * Renders as a `role="radiogroup"` with each level as a
+ * `role="radio"` button.
+ *
+ * Wiki: docs/components/AccessLevelGroup.md
+ */
+import { type HTMLAttributes } from 'react';
+export type AccessLevel = 'none' | 'view' | 'edit' | 'full';
+export interface AccessLevelOption {
+    value: AccessLevel;
+    label: string;
+    /** Tone applied when this option is active. */
+    tone: 'neutral' | 'view' | 'accent' | 'primary';
+}
+export declare const ACCESS_LEVELS: readonly AccessLevelOption[];
+export interface AccessLevelGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    value: AccessLevel;
+    onValueChange: (value: AccessLevel) => void;
+    /** Override the 4 default levels. */
+    options?: readonly AccessLevelOption[];
+    /** Disable all buttons. */
+    disabled?: boolean;
+    /** Accessible label for the group. */
+    'aria-label'?: string;
+}
+export declare const AccessLevelGroup: import("react").ForwardRefExoticComponent<AccessLevelGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=AccessLevelGroup.d.ts.map

package/dist/AccessLevelGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessLevelGroup.d.ts","sourceRoot":"","sources":["../src/AccessLevelGroup.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAGxD,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAE5D,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;CACjD;AAED,eAAO,MAAM,aAAa,EAAE,SAAS,iBAAiB,EAKrD,CAAC;AASF,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxD,KAAK,EAAE,WAAW,CAAC;IACnB,aAAa,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5C,qCAAqC;IACrC,OAAO,CAAC,EAAE,SAAS,iBAAiB,EAAE,CAAC;IACvC,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,gBAAgB,kHA8C5B,CAAC"}

package/dist/AccessLevelGroup.js

@@ -0,0 +1,39 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * AccessLevelGroup (web variant — React DOM).
+ *
+ * 4-state segmented button used by the MiHCM Security prototype to
+ * set per-module access: None / View / Edit / Full. Each option has
+ * its own brand color when active (navy for Full, orange for Edit,
+ * muted blue for View, neutral for None).
+ *
+ * Controlled — pass `value` + `onValueChange`. Pass `options` to
+ * override the levels, but most consumers should use the default.
+ *
+ * Renders as a `role="radiogroup"` with each level as a
+ * `role="radio"` button.
+ *
+ * Wiki: docs/components/AccessLevelGroup.md
+ */
+import { forwardRef } from 'react';
+import { cn } from './internal/cn.js';
+export const ACCESS_LEVELS = [
+    { value: 'none', label: 'None', tone: 'neutral' },
+    { value: 'view', label: 'View', tone: 'view' },
+    { value: 'edit', label: 'Edit', tone: 'accent' },
+    { value: 'full', label: 'Full Access', tone: 'primary' },
+];
+const ACTIVE_CLASSES = {
+    neutral: 'bg-brand-neutral-66 text-brand-neutral-371',
+    view: 'bg-primary-50 text-secondary-foreground dark:bg-primary-950',
+    accent: 'bg-accent-50 text-accent-600',
+    primary: 'bg-primary text-primary-foreground',
+};
+export const AccessLevelGroup = forwardRef(function AccessLevelGroup({ className, value, onValueChange, options = ACCESS_LEVELS, disabled = false, 'aria-label': ariaLabel = 'Access level', ...props }, ref) {
+    return (_jsx("div", { ref: ref, role: "radiogroup", "aria-label": ariaLabel, className: cn('inline-flex flex-wrap items-center gap-1', className), ...props, children: options.map((opt) => {
+            const active = opt.value === value;
+            return (_jsx("button", { type: "button", role: "radio", "aria-checked": active, disabled: disabled, onClick: () => onValueChange(opt.value), className: cn('rounded-md border border-secondary bg-background px-2.5 py-1 text-label font-medium leading-none transition-colors duration-150', 'text-muted-foreground hover:border-brand-neutral-179 hover:text-foreground', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2', 'disabled:cursor-not-allowed disabled:opacity-50', active && 'font-semibold border-transparent ' + ACTIVE_CLASSES[opt.tone]), children: opt.label }, opt.value));
+        }) }));
+});
+//# sourceMappingURL=AccessLevelGroup.js.map

package/dist/AccessLevelGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessLevelGroup.js","sourceRoot":"","sources":["../src/AccessLevelGroup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,UAAU,EAAuB,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAWtC,MAAM,CAAC,MAAM,aAAa,GAAiC;IACzD,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE;IACjD,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE;IAC9C,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE;IAChD,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,EAAE;CACzD,CAAC;AAEF,MAAM,cAAc,GAA8C;IAChE,OAAO,EAAE,4CAA4C;IACrD,IAAI,EAAE,6DAA6D;IACnE,MAAM,EAAE,8BAA8B;IACtC,OAAO,EAAE,oCAAoC;CAC9C,CAAC;AAcF,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CACxC,SAAS,gBAAgB,CACvB,EACE,SAAS,EACT,KAAK,EACL,aAAa,EACb,OAAO,GAAG,aAAa,EACvB,QAAQ,GAAG,KAAK,EAChB,YAAY,EAAE,SAAS,GAAG,cAAc,EACxC,GAAG,KAAK,EACT,EACD,GAAG;IAEH,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,YAAY,gBACL,SAAS,EACrB,SAAS,EAAE,EAAE,CAAC,0CAA0C,EAAE,SAAS,CAAC,KAChE,KAAK,YAER,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YACnB,MAAM,MAAM,GAAG,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC;YACnC,OAAO,CACL,iBAEE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,OAAO,kBACE,MAAM,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,EACvC,SAAS,EAAE,EAAE,CACX,iIAAiI,EACjI,4EAA4E,EAC5E,qGAAqG,EACrG,iDAAiD,EACjD,MAAM,IAAI,mCAAmC,GAAG,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,CACzE,YAEA,GAAG,CAAC,KAAK,IAdL,GAAG,CAAC,KAAK,CAeP,CACV,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/AccessLevelGroup.native.d.ts

@@ -0,0 +1,18 @@
+import { View, type ViewProps } from 'react-native';
+export type AccessLevel = 'none' | 'view' | 'edit' | 'full';
+export interface AccessLevelOption {
+    value: AccessLevel;
+    label: string;
+    tone: 'neutral' | 'view' | 'accent' | 'primary';
+}
+export declare const ACCESS_LEVELS: readonly AccessLevelOption[];
+export interface AccessLevelGroupProps extends Omit<ViewProps, 'style'> {
+    value: AccessLevel;
+    onValueChange: (value: AccessLevel) => void;
+    options?: readonly AccessLevelOption[];
+    disabled?: boolean;
+    className?: string;
+    accessibilityLabel?: string;
+}
+export declare const AccessLevelGroup: import("react").ForwardRefExoticComponent<AccessLevelGroupProps & import("react").RefAttributes<View>>;
+//# sourceMappingURL=AccessLevelGroup.native.d.ts.map

package/dist/AccessLevelGroup.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessLevelGroup.native.d.ts","sourceRoot":"","sources":["../src/AccessLevelGroup.native.tsx"],"names":[],"mappings":"AASA,OAAO,EAAmB,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGrE,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAE5D,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;CACjD;AAED,eAAO,MAAM,aAAa,EAAE,SAAS,iBAAiB,EAKrD,CAAC;AAgBF,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IACrE,KAAK,EAAE,WAAW,CAAC;IACnB,aAAa,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,SAAS,iBAAiB,EAAE,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,gBAAgB,wGAoD5B,CAAC"}

package/dist/AccessLevelGroup.native.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * AccessLevelGroup (React Native variant).
+ *
+ * Same prop API as the web variant. Uses Pressable + Text and the
+ * `accessibilityRole="radiogroup"` / `"radio"` pattern.
+ *
+ * Wiki: docs/components/AccessLevelGroup.md
+ */
+import { forwardRef } from 'react';
+import { Pressable, Text, View } from 'react-native';
+import { cn } from './internal/cn.js';
+export const ACCESS_LEVELS = [
+    { value: 'none', label: 'None', tone: 'neutral' },
+    { value: 'view', label: 'View', tone: 'view' },
+    { value: 'edit', label: 'Edit', tone: 'accent' },
+    { value: 'full', label: 'Full Access', tone: 'primary' },
+];
+const ACTIVE_BG = {
+    neutral: 'bg-muted',
+    view: 'bg-primary-50 dark:bg-primary-950',
+    accent: 'bg-accent-50',
+    primary: 'bg-primary',
+};
+const ACTIVE_FG = {
+    neutral: 'text-muted-foreground',
+    view: 'text-foreground',
+    accent: 'text-accent',
+    primary: 'text-primary-foreground',
+};
+export const AccessLevelGroup = forwardRef(function AccessLevelGroup({ className, value, onValueChange, options = ACCESS_LEVELS, disabled = false, accessibilityLabel = 'Access level', ...props }, ref) {
+    return (_jsx(View, { ref: ref, 
+        // RN doesn't have a "radiogroup" role; use "tablist" as the closest
+        // semantic and rely on individual radio roles per option.
+        accessibilityRole: "tablist", accessibilityLabel: accessibilityLabel, className: cn('flex-row flex-wrap items-center gap-1', className), ...props, children: options.map((opt) => {
+            const active = opt.value === value;
+            return (_jsx(Pressable, { accessibilityRole: "radio", accessibilityState: { selected: active, disabled }, disabled: disabled, onPress: () => onValueChange(opt.value), className: cn('rounded-md border border-border bg-card px-2.5 py-1', disabled && 'opacity-50', active && ACTIVE_BG[opt.tone]), children: _jsx(Text, { className: cn('text-label leading-none', active ? 'font-semibold ' + ACTIVE_FG[opt.tone] : 'text-muted-foreground'), children: opt.label }) }, opt.value));
+        }) }));
+});
+//# sourceMappingURL=AccessLevelGroup.native.js.map

package/dist/AccessLevelGroup.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessLevelGroup.native.js","sourceRoot":"","sources":["../src/AccessLevelGroup.native.tsx"],"names":[],"mappings":";AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AACrE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAUtC,MAAM,CAAC,MAAM,aAAa,GAAiC;IACzD,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE;IACjD,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE;IAC9C,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE;IAChD,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,EAAE;CACzD,CAAC;AAEF,MAAM,SAAS,GAA8C;IAC3D,OAAO,EAAE,UAAU;IACnB,IAAI,EAAE,mCAAmC;IACzC,MAAM,EAAE,cAAc;IACtB,OAAO,EAAE,YAAY;CACtB,CAAC;AAEF,MAAM,SAAS,GAA8C;IAC3D,OAAO,EAAE,uBAAuB;IAChC,IAAI,EAAE,iBAAiB;IACvB,MAAM,EAAE,aAAa;IACrB,OAAO,EAAE,yBAAyB;CACnC,CAAC;AAWF,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CACxC,SAAS,gBAAgB,CACvB,EACE,SAAS,EACT,KAAK,EACL,aAAa,EACb,OAAO,GAAG,aAAa,EACvB,QAAQ,GAAG,KAAK,EAChB,kBAAkB,GAAG,cAAc,EACnC,GAAG,KAAK,EACT,EACD,GAAG;IAEH,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG;QACR,oEAAoE;QACpE,0DAA0D;QAC1D,iBAAiB,EAAC,SAAS,EAC3B,kBAAkB,EAAE,kBAAkB,EACtC,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,SAAS,CAAC,KAC7D,KAAK,YAER,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YACnB,MAAM,MAAM,GAAG,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC;YACnC,OAAO,CACL,KAAC,SAAS,IAER,iBAAiB,EAAC,OAAO,EACzB,kBAAkB,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,EAClD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,EACvC,SAAS,EAAE,EAAE,CACX,qDAAqD,EACrD,QAAQ,IAAI,YAAY,EACxB,MAAM,IAAI,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAC9B,YAED,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,yBAAyB,EACzB,MAAM,CAAC,CAAC,CAAC,gBAAgB,GAAG,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,uBAAuB,CAC1E,YAEA,GAAG,CAAC,KAAK,GACL,IAlBF,GAAG,CAAC,KAAK,CAmBJ,CACb,CAAC;QACJ,CAAC,CAAC,GACG,CACR,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/Accordion.d.ts

@@ -0,0 +1,52 @@
+/**
+ * Accordion (web variant — React DOM).
+ *
+ * Vertically stacked collapsible sections. Four sub-components:
+ *
+ *   <Accordion type="single">
+ *     <AccordionItem value="item-1">
+ *       <AccordionTrigger>Section one</AccordionTrigger>
+ *       <AccordionContent>Content here…</AccordionContent>
+ *     </AccordionItem>
+ *   </Accordion>
+ *
+ * Variants:
+ *  - `default`   — bottom-bordered items (like Stripe / Linear FAQ)
+ *  - `bordered`  — each item in a rounded card with border
+ *  - `flush`     — no borders, minimal style, tight spacing
+ *
+ * `type="single"` allows one open section; `type="multiple"` allows
+ * any number. Height animation uses the CSS grid 0fr → 1fr trick.
+ *
+ * Wiki: docs/components/Accordion.md
+ */
+import { type HTMLAttributes, type ReactNode } from 'react';
+export type AccordionVariant = 'default' | 'bordered' | 'flush';
+export type AccordionDuration = 'fast' | 'normal' | 'slow';
+export interface AccordionProps extends HTMLAttributes<HTMLDivElement> {
+    /** `single` = only one open; `multiple` = any number open. */
+    type?: 'single' | 'multiple';
+    /** Visual variant. @default 'default' */
+    variant?: AccordionVariant;
+    /** Value(s) that should be open initially. */
+    defaultValue?: string | string[];
+    /** Motion speed. */
+    duration?: AccordionDuration;
+}
+export declare const Accordion: import("react").ForwardRefExoticComponent<AccordionProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface AccordionItemProps extends HTMLAttributes<HTMLDivElement> {
+    /** Unique identifier for this item within the accordion. */
+    value: string;
+    /** When true, the trigger is disabled and the item cannot be toggled. */
+    disabled?: boolean;
+}
+export declare const AccordionItem: import("react").ForwardRefExoticComponent<AccordionItemProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface AccordionTriggerProps extends HTMLAttributes<HTMLButtonElement> {
+    children: ReactNode;
+}
+export declare const AccordionTrigger: import("react").ForwardRefExoticComponent<AccordionTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export interface AccordionContentProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+export declare const AccordionContent: import("react").ForwardRefExoticComponent<AccordionContentProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Accordion.d.ts.map

package/dist/Accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../src/Accordion.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAQL,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;AAChE,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AA0C3D,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,8DAA8D;IAC9D,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC7B,yCAAyC;IACzC,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,8CAA8C;IAC9C,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC,oBAAoB;IACpB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B;AAED,eAAO,MAAM,SAAS,2GA6CpB,CAAC;AAIH,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,4DAA4D;IAC5D,KAAK,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,+GA4BzB,CAAC;AAIF,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IAC9E,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,gBAAgB,qHA+C5B,CAAC;AAIF,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,gBAAgB,kHAsC5B,CAAC"}

package/dist/Accordion.js

@@ -0,0 +1,90 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Accordion (web variant — React DOM).
+ *
+ * Vertically stacked collapsible sections. Four sub-components:
+ *
+ *   <Accordion type="single">
+ *     <AccordionItem value="item-1">
+ *       <AccordionTrigger>Section one</AccordionTrigger>
+ *       <AccordionContent>Content here…</AccordionContent>
+ *     </AccordionItem>
+ *   </Accordion>
+ *
+ * Variants:
+ *  - `default`   — bottom-bordered items (like Stripe / Linear FAQ)
+ *  - `bordered`  — each item in a rounded card with border
+ *  - `flush`     — no borders, minimal style, tight spacing
+ *
+ * `type="single"` allows one open section; `type="multiple"` allows
+ * any number. Height animation uses the CSS grid 0fr → 1fr trick.
+ *
+ * Wiki: docs/components/Accordion.md
+ */
+import { createContext, forwardRef, useCallback, useContext, useId, useMemo, useState, } from 'react';
+import { cn } from './internal/cn.js';
+const accordionDurationClasses = {
+    fast: 'duration-300',
+    normal: 'duration-500',
+    slow: 'duration-700',
+};
+const AccordionCtx = createContext(null);
+function useAccordion() {
+    const ctx = useContext(AccordionCtx);
+    if (!ctx)
+        throw new Error('Accordion sub-components must be used within <Accordion>');
+    return ctx;
+}
+const ItemCtx = createContext(null);
+function useItem() {
+    const ctx = useContext(ItemCtx);
+    if (!ctx)
+        throw new Error('AccordionTrigger/Content must be used within <AccordionItem>');
+    return ctx;
+}
+export const Accordion = forwardRef(function Accordion({ type = 'single', variant = 'default', defaultValue, duration = 'normal', className, children, ...props }, ref) {
+    const [openValues, setOpenValues] = useState(() => {
+        if (!defaultValue)
+            return new Set();
+        return new Set(Array.isArray(defaultValue) ? defaultValue : [defaultValue]);
+    });
+    const toggle = useCallback((value) => {
+        setOpenValues((prev) => {
+            const next = new Set(prev);
+            if (next.has(value)) {
+                next.delete(value);
+            }
+            else {
+                if (type === 'single')
+                    next.clear();
+                next.add(value);
+            }
+            return next;
+        });
+    }, [type]);
+    const ctx = useMemo(() => ({ openValues, toggle, variant, duration }), [duration, openValues, toggle, variant]);
+    return (_jsx(AccordionCtx.Provider, { value: ctx, children: _jsx("div", { ref: ref, className: cn('w-full', variant === 'bordered' && 'space-y-2', className), ...props, children: children }) }));
+});
+export const AccordionItem = forwardRef(function AccordionItem({ value, disabled = false, className, children, ...props }, ref) {
+    const { variant, openValues } = useAccordion();
+    const isOpen = openValues.has(value);
+    const id = useId();
+    const triggerId = `${id}-trigger`;
+    const contentId = `${id}-content`;
+    return (_jsx(ItemCtx.Provider, { value: { value, disabled, triggerId, contentId }, children: _jsx("div", { ref: ref, "data-disabled": disabled || undefined, "data-state": isOpen ? 'open' : 'closed', className: cn(variant === 'default' && 'border-b border-border', variant === 'bordered' &&
+                'rounded-lg border border-border bg-card transition-shadow data-[state=open]:shadow-sm', variant === 'flush' && '', className), ...props, children: children }) }));
+});
+export const AccordionTrigger = forwardRef(function AccordionTrigger({ className, children, ...props }, ref) {
+    const { openValues, toggle, variant } = useAccordion();
+    const { value, disabled, triggerId, contentId } = useItem();
+    const isOpen = openValues.has(value);
+    return (_jsxs("button", { ref: ref, id: triggerId, type: "button", "aria-expanded": isOpen, "aria-controls": contentId, disabled: disabled, onClick: () => toggle(value), className: cn('flex w-full items-center justify-between text-left text-sm font-medium', 'transition-colors duration-150', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2', 'disabled:pointer-events-none disabled:opacity-50', variant === 'default' && 'py-4 hover:text-foreground', variant === 'bordered' && 'px-4 py-3 hover:bg-muted/50 rounded-t-lg', variant === 'flush' && 'py-2.5 hover:text-foreground', className), ...props, children: [children, _jsx("svg", { "aria-hidden": true, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: cn('h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200', isOpen && 'rotate-180'), children: _jsx("path", { d: "m6 9 6 6 6-6" }) })] }));
+});
+export const AccordionContent = forwardRef(function AccordionContent({ className, children, ...props }, ref) {
+    const { openValues, variant, duration } = useAccordion();
+    const { value, triggerId, contentId } = useItem();
+    const isOpen = openValues.has(value);
+    return (_jsx("div", { ref: ref, id: contentId, role: "region", "aria-labelledby": triggerId, "aria-hidden": !isOpen, inert: !isOpen ? true : undefined, className: cn('grid overflow-hidden transition-[grid-template-rows,opacity] ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:transition-none', accordionDurationClasses[duration], isOpen ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]', isOpen ? 'opacity-100' : 'opacity-0'), ...props, children: _jsx("div", { className: "overflow-hidden", children: _jsx("div", { className: cn('text-sm text-muted-foreground', variant === 'default' && 'pb-4', variant === 'bordered' && 'px-4 pb-3', variant === 'flush' && 'pb-2', className), children: children }) }) }));
+});
+//# sourceMappingURL=Accordion.js.map

package/dist/Accordion.js.map

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

package/dist/Accordion.native.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Accordion (React Native variant).
+ *
+ * `<View>` + `<Pressable>` + `LayoutAnimation` for height.
+ * Same sub-component API as the web variant.
+ *
+ * Wiki: docs/components/Accordion.md
+ */
+import { type ReactNode } from 'react';
+import { View, type PressableProps, type ViewProps } from 'react-native';
+type AccordionDuration = 'fast' | 'normal' | 'slow';
+export interface AccordionProps extends Omit<ViewProps, 'style'> {
+    className?: string;
+    type?: 'single' | 'multiple';
+    defaultValue?: string | string[];
+    duration?: AccordionDuration;
+}
+export declare const Accordion: import("react").ForwardRefExoticComponent<AccordionProps & import("react").RefAttributes<View>>;
+export interface AccordionItemProps extends Omit<ViewProps, 'style'> {
+    className?: string;
+    value: string;
+    disabled?: boolean;
+}
+export declare const AccordionItem: import("react").ForwardRefExoticComponent<AccordionItemProps & import("react").RefAttributes<View>>;
+export interface AccordionTriggerProps extends Omit<PressableProps, 'style'> {
+    className?: string;
+    children: ReactNode;
+}
+export declare const AccordionTrigger: import("react").ForwardRefExoticComponent<AccordionTriggerProps & import("react").RefAttributes<View>>;
+export interface AccordionContentProps extends Omit<ViewProps, 'style'> {
+    className?: string;
+    children: ReactNode;
+}
+export declare const AccordionContent: import("react").ForwardRefExoticComponent<AccordionContentProps & import("react").RefAttributes<View>>;
+export {};
+//# sourceMappingURL=Accordion.native.d.ts.map

package/dist/Accordion.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.native.d.ts","sourceRoot":"","sources":["../src/Accordion.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAML,IAAI,EACJ,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAgBtB,KAAK,iBAAiB,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AA0BpD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B;AAED,eAAO,MAAM,SAAS,iGA4CpB,CAAC;AAIH,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,qGAUzB,CAAC;AAIF,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,gBAAgB,wGA2B5B,CAAC;AAIF,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,gBAAgB,wGAc5B,CAAC"}

package/dist/Accordion.native.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Accordion (React Native variant).
+ *
+ * `<View>` + `<Pressable>` + `LayoutAnimation` for height.
+ * Same sub-component API as the web variant.
+ *
+ * Wiki: docs/components/Accordion.md
+ */
+import { createContext, forwardRef, useCallback, useContext, useMemo, useState, } from 'react';
+import { LayoutAnimation, Platform, Pressable, Text, UIManager, View, } from 'react-native';
+import { cn } from './internal/cn.js';
+/* Enable LayoutAnimation on Android */
+if (Platform.OS === 'android' && UIManager.setLayoutAnimationEnabledExperimental) {
+    UIManager.setLayoutAnimationEnabledExperimental(true);
+}
+const accordionDurationMs = {
+    fast: 300,
+    normal: 500,
+    slow: 700,
+};
+const AccordionCtx = createContext(null);
+function useAccordion() {
+    const ctx = useContext(AccordionCtx);
+    if (!ctx)
+        throw new Error('Accordion sub-components must be used within <Accordion>');
+    return ctx;
+}
+const ItemValueCtx = createContext(null);
+function useItemValue() {
+    const v = useContext(ItemValueCtx);
+    if (v === null)
+        throw new Error('AccordionTrigger/Content must be used within <AccordionItem>');
+    return v;
+}
+export const Accordion = forwardRef(function Accordion({ type = 'single', defaultValue, duration = 'normal', className, children, ...props }, ref) {
+    const [openValues, setOpenValues] = useState(() => {
+        if (!defaultValue)
+            return new Set();
+        return new Set(Array.isArray(defaultValue) ? defaultValue : [defaultValue]);
+    });
+    const toggle = useCallback((value) => {
+        LayoutAnimation.configureNext({
+            duration: accordionDurationMs[duration],
+            update: {
+                type: LayoutAnimation.Types.easeInEaseOut,
+            },
+            delete: {
+                type: LayoutAnimation.Types.easeInEaseOut,
+                property: LayoutAnimation.Properties.opacity,
+            },
+        });
+        setOpenValues((prev) => {
+            const next = new Set(prev);
+            if (next.has(value)) {
+                next.delete(value);
+            }
+            else {
+                if (type === 'single')
+                    next.clear();
+                next.add(value);
+            }
+            return next;
+        });
+    }, [duration, type]);
+    const ctx = useMemo(() => ({ openValues, toggle, duration }), [duration, openValues, toggle]);
+    return (_jsx(AccordionCtx.Provider, { value: ctx, children: _jsx(View, { ref: ref, className: cn('w-full', className), ...props, children: children }) }));
+});
+export const AccordionItem = forwardRef(function AccordionItem({ value, className, children, ...props }, ref) {
+    return (_jsx(ItemValueCtx.Provider, { value: value, children: _jsx(View, { ref: ref, className: cn('border-b border-border', className), ...props, children: children }) }));
+});
+export const AccordionTrigger = forwardRef(function AccordionTrigger({ className, children, ...props }, ref) {
+    const { openValues, toggle } = useAccordion();
+    const value = useItemValue();
+    const isOpen = openValues.has(value);
+    return (_jsxs(Pressable, { ref: ref, accessibilityRole: "button", accessibilityState: { expanded: isOpen }, onPress: () => toggle(value), className: cn('flex-row items-center justify-between py-4', className), ...props, children: [_jsx(Text, { className: "flex-1 text-sm font-medium text-foreground", children: children }), _jsx(Text, { className: cn('text-muted-foreground text-xs ml-2', isOpen && 'rotate-180'), children: "\u25BC" })] }));
+});
+export const AccordionContent = forwardRef(function AccordionContent({ className, children, ...props }, ref) {
+    const { openValues } = useAccordion();
+    const value = useItemValue();
+    const isOpen = openValues.has(value);
+    if (!isOpen)
+        return null;
+    return (_jsx(View, { ref: ref, className: cn('pb-4', className), ...props, children: _jsx(Text, { className: "text-sm text-foreground/80", children: children }) }));
+});
+//# sourceMappingURL=Accordion.native.js.map

package/dist/Accordion.native.js.map

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

package/dist/Alert.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Alert (web variant — React DOM).
+ *
+ * Inline message banner. Three pieces compose:
+ *
+ *   <Alert variant="destructive">
+ *     <AlertTitle>Couldn't save</AlertTitle>
+ *     <AlertDescription>Check your connection and try again.</AlertDescription>
+ *   </Alert>
+ *
+ * Sets `role="alert"` so assistive tech announces the message when
+ * the element mounts. Pair with an icon — never communicate severity
+ * with colour alone.
+ *
+ * Wiki: docs/components/Alert.md
+ */
+import { type HTMLAttributes, type ReactNode } from 'react';
+import { type VariantProps } from 'class-variance-authority';
+export declare const alertVariants: (props?: ({
+    variant?: "accent" | "default" | "destructive" | "success" | "warning" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type AlertVariantProps = VariantProps<typeof alertVariants>;
+export interface AlertProps extends HTMLAttributes<HTMLDivElement>, AlertVariantProps {
+    /** Optional icon rendered at the start of the alert. */
+    icon?: ReactNode;
+    /** When provided, renders a close button that calls this handler. */
+    onClose?: () => void;
+}
+export declare const Alert: import("react").ForwardRefExoticComponent<AlertProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const AlertTitle: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;
+export declare const AlertDescription: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLParagraphElement>>;
+export {};
+//# sourceMappingURL=Alert.d.ts.map

package/dist/Alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../src/Alert.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,aAAa;;8EAoBzB,CAAC;AAEF,KAAK,iBAAiB,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAE5D,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,iBAAiB;IACnF,wDAAwD;IACxD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,qEAAqE;IACrE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,KAAK,uGA2BhB,CAAC;AAEH,eAAO,MAAM,UAAU,mIAUtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,uIAM5B,CAAC"}