panelui-native 0.2.0 → 0.5.1

package/lib/module/index.js

@@ -4,7 +4,7 @@
 export { PanelUIProvider } from "./providers/panel-ui-provider.js";
 
 // Theme
-export { useTheme } from "./theme/use-theme.js";
+export { useTheme, useThemeMode, PANEL_THEMES, PANEL_THEME_NAMES, PANEL_EXTRA_THEMES } from "./theme/use-theme.js";
 
 // Primitives
 export { Portal, PortalHost, PortalProvider } from "./primitives/portal.js";
@@ -12,6 +12,7 @@ export { Text } from "./primitives/text.js";
 export { AnimatedPressable } from "./primitives/animated-pressable.js";
 
 // Components
+export { Accordion } from "./components/accordion/index.js";
 export { Alert } from "./components/alert/index.js";
 export { Avatar } from "./components/avatar/index.js";
 export { Badge } from "./components/badge/index.js";
@@ -24,14 +25,22 @@ export { Select } from "./components/select/index.js";
 export { Tabs } from "./components/tabs/index.js";
 export { Card } from "./components/card/index.js";
 export { Checkbox } from "./components/checkbox/index.js";
+export { EmptyState } from "./components/empty-state/index.js";
 export { Input } from "./components/input/index.js";
+export { InputGroup } from "./components/input-group/index.js";
+export { Label } from "./components/label/index.js";
+export { Progress } from "./components/progress/index.js";
 export { RadioGroup } from "./components/radio-group/index.js";
 export { Skeleton } from "./components/skeleton/index.js";
 export { Spinner } from "./components/spinner/index.js";
+export { Steps } from "./components/steps/index.js";
 export { Switch } from "./components/switch/index.js";
+export { Timeline } from "./components/timeline/index.js";
+export { Toast, ToastViewport, toast, useToast } from "./components/toast/index.js";
+export { Typography } from "./components/typography/index.js";
 
 // Icons
-export { CheckIcon, ChevronDownIcon, XIcon } from "./icons/index.js";
+export { AlertTriangleIcon, AppleIcon, ArrowUpRightIcon, BellIcon, CardIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, FacebookIcon, GoogleIcon, IconColorProvider, InfoIcon, MoonIcon, PackageIcon, PlusSquareIcon, ReceiptIcon, SearchIcon, SendIcon, ShareNodesIcon, ShieldAlertIcon, ShieldCheckIcon, SunIcon, XIcon, useIconColor } from "./icons/index.js";
 
 // Utils
 export { cn } from "./utils/cn.js";

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["PanelUIProvider","useTheme","Portal","PortalHost","PortalProvider","Text","AnimatedPressable","Alert","Avatar","Badge","BottomSheet","Button","Dialog","Frame","InlineSelect","Select","Tabs","Card","Checkbox","Input","RadioGroup","Skeleton","Spinner","Switch","CheckIcon","ChevronDownIcon","XIcon","cn"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA;AACA,SAASA,eAAe,QAAmC,kCAA+B;;AAE1F;AACA,SAASC,QAAQ,QAAwB,sBAAmB;;AAE5D;AACA,SAASC,MAAM,EAAEC,UAAU,EAAEC,cAAc,QAAQ,wBAAqB;AACxE,SAASC,IAAI,QAAwB,sBAAmB;AACxD,SACEC,iBAAiB,QAEZ,oCAAiC;;AAExC;AACA,SAASC,KAAK,QAAyB,6BAAoB;AAC3D,SAASC,MAAM,QAA0B,8BAAqB;AAC9D,SAASC,KAAK,QAAyB,6BAAoB;AAC3D,SACEC,WAAW,QAGN,oCAA2B;AAClC,SAASC,MAAM,QAA0B,8BAAqB;AAC9D,SACEC,MAAM,QAGD,8BAAqB;AAC5B,SAASC,KAAK,QAAyB,6BAAoB;AAC3D,SACEC,YAAY,QAGP,qCAA4B;AACnC,SAASC,MAAM,QAAgD,8BAAqB;AACpF,SACEC,IAAI,QAKC,4BAAmB;AAC1B,SAASC,IAAI,QAAwB,4BAAmB;AACxD,SAASC,QAAQ,QAA4B,gCAAuB;AACpE,SAASC,KAAK,QAAyB,6BAAoB;AAC3D,SACEC,UAAU,QAGL,mCAA0B;AACjC,SAASC,QAAQ,QAA4B,gCAAuB;AACpE,SAASC,OAAO,QAA2B,+BAAsB;AACjE,SAASC,MAAM,QAA0B,8BAAqB;;AAE9D;AACA,SAASC,SAAS,EAAEC,eAAe,EAAEC,KAAK,QAAwB,kBAAS;;AAE3E;AACA,SAASC,EAAE,QAAQ,eAAY","ignoreList":[]}
+{"version":3,"names":["PanelUIProvider","useTheme","useThemeMode","PANEL_THEMES","PANEL_THEME_NAMES","PANEL_EXTRA_THEMES","Portal","PortalHost","PortalProvider","Text","AnimatedPressable","Accordion","Alert","Avatar","Badge","BottomSheet","Button","Dialog","Frame","InlineSelect","Select","Tabs","Card","Checkbox","EmptyState","Input","InputGroup","Label","Progress","RadioGroup","Skeleton","Spinner","Steps","Switch","Timeline","Toast","ToastViewport","toast","useToast","Typography","AlertTriangleIcon","AppleIcon","ArrowUpRightIcon","BellIcon","CardIcon","CheckCircleIcon","CheckIcon","ChevronDownIcon","ChevronLeftIcon","ChevronRightIcon","FacebookIcon","GoogleIcon","IconColorProvider","InfoIcon","MoonIcon","PackageIcon","PlusSquareIcon","ReceiptIcon","SearchIcon","SendIcon","ShareNodesIcon","ShieldAlertIcon","ShieldCheckIcon","SunIcon","XIcon","useIconColor","cn"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA;AACA,SAASA,eAAe,QAAmC,kCAA+B;;AAE1F;AACA,SACEC,QAAQ,EACRC,YAAY,EACZC,YAAY,EACZC,iBAAiB,EACjBC,kBAAkB,QAKb,sBAAmB;;AAE1B;AACA,SAASC,MAAM,EAAEC,UAAU,EAAEC,cAAc,QAAQ,wBAAqB;AACxE,SAASC,IAAI,QAAwB,sBAAmB;AACxD,SACEC,iBAAiB,QAEZ,oCAAiC;;AAExC;AACA,SACEC,SAAS,QAQJ,iCAAwB;AAC/B,SACEC,KAAK,QAGA,6BAAoB;AAC3B,SACEC,MAAM,QAGD,8BAAqB;AAC5B,SAASC,KAAK,QAAyB,6BAAoB;AAC3D,SACEC,WAAW,QAGN,oCAA2B;AAClC,SAASC,MAAM,QAA0B,8BAAqB;AAC9D,SACEC,MAAM,QAGD,8BAAqB;AAC5B,SAASC,KAAK,QAAyB,6BAAoB;AAC3D,SACEC,YAAY,QAGP,qCAA4B;AACnC,SAASC,MAAM,QAAgD,8BAAqB;AACpF,SACEC,IAAI,QAKC,4BAAmB;AAC1B,SAASC,IAAI,QAAwB,4BAAmB;AACxD,SAASC,QAAQ,QAA4B,gCAAuB;AACpE,SACEC,UAAU,QAGL,mCAA0B;AACjC,SAASC,KAAK,QAAyB,6BAAoB;AAC3D,SACEC,UAAU,QAIL,mCAA0B;AACjC,SAASC,KAAK,QAA8C,6BAAoB;AAChF,SAASC,QAAQ,QAA4B,gCAAuB;AACpE,SACEC,UAAU,QAGL,mCAA0B;AACjC,SAASC,QAAQ,QAA4B,gCAAuB;AACpE,SAASC,OAAO,QAA2B,+BAAsB;AACjE,SACEC,KAAK,QAQA,6BAAoB;AAC3B,SAASC,MAAM,QAA0B,8BAAqB;AAC9D,SACEC,QAAQ,QAOH,gCAAuB;AAC9B,SACEC,KAAK,EACLC,aAAa,EACbC,KAAK,EACLC,QAAQ,QASH,6BAAoB;AAC3B,SACEC,UAAU,QAML,kCAAyB;;AAEhC;AACA,SACEC,iBAAiB,EACjBC,SAAS,EACTC,gBAAgB,EAChBC,QAAQ,EACRC,QAAQ,EACRC,eAAe,EACfC,SAAS,EACTC,eAAe,EACfC,eAAe,EACfC,gBAAgB,EAChBC,YAAY,EACZC,UAAU,EACVC,iBAAiB,EACjBC,QAAQ,EACRC,QAAQ,EACRC,WAAW,EACXC,cAAc,EACdC,WAAW,EACXC,UAAU,EACVC,QAAQ,EACRC,cAAc,EACdC,eAAe,EACfC,eAAe,EACfC,OAAO,EACPC,KAAK,EACLC,YAAY,QAEP,kBAAS;;AAEhB;AACA,SAASC,EAAE,QAAQ,eAAY","ignoreList":[]}

package/lib/module/providers/panel-ui-provider.js

@@ -3,6 +3,7 @@
 import { StyleSheet, View } from 'react-native';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import { PortalHost, PortalProvider } from "../primitives/portal.js";
+import { ToastViewport } from "../components/toast/index.js";
 import { cn } from "../utils/cn.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
@@ -27,7 +28,7 @@ export function PanelUIProvider({
     children: /*#__PURE__*/_jsx(View, {
       className: cn('flex-1', background && 'bg-background', className),
       children: /*#__PURE__*/_jsxs(PortalProvider, {
-        children: [children, /*#__PURE__*/_jsx(PortalHost, {})]
+        children: [children, /*#__PURE__*/_jsx(ToastViewport, {}), /*#__PURE__*/_jsx(PortalHost, {})]
       })
     })
   });

package/lib/module/providers/panel-ui-provider.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","View","GestureHandlerRootView","PortalHost","PortalProvider","cn","jsx","_jsx","jsxs","_jsxs","PanelUIProvider","children","className","background","style","styles","root","create","flex"],"sourceRoot":"../../../src","sources":["providers/panel-ui-provider.tsx"],"mappings":";;AACA,SAASA,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,sBAAsB,QAAQ,8BAA8B;AACrE,SAASC,UAAU,EAAEC,cAAc,QAAQ,yBAAsB;AACjE,SAASC,EAAE,QAAQ,gBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAgBjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,eAAeA,CAAC;EAC9BC,QAAQ;EACRC,SAAS;EACTC,UAAU,GAAG;AACO,CAAC,EAAE;EACvB,oBACEN,IAAA,CAACL,sBAAsB;IAACY,KAAK,EAAEC,MAAM,CAACC,IAAK;IAAAL,QAAA,eACzCJ,IAAA,CAACN,IAAI;MAACW,SAAS,EAAEP,EAAE,CAAC,QAAQ,EAAEQ,UAAU,IAAI,eAAe,EAAED,SAAS,CAAE;MAAAD,QAAA,eACtEF,KAAA,CAACL,cAAc;QAAAO,QAAA,GACZA,QAAQ,eACTJ,IAAA,CAACJ,UAAU,IAAE,CAAC;MAAA,CACA;IAAC,CACb;EAAC,CACe,CAAC;AAE7B;AAEA,MAAMY,MAAM,GAAGf,UAAU,CAACiB,MAAM,CAAC;EAC/BD,IAAI,EAAE;IAAEE,IAAI,EAAE;EAAE;AAClB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["StyleSheet","View","GestureHandlerRootView","PortalHost","PortalProvider","ToastViewport","cn","jsx","_jsx","jsxs","_jsxs","PanelUIProvider","children","className","background","style","styles","root","create","flex"],"sourceRoot":"../../../src","sources":["providers/panel-ui-provider.tsx"],"mappings":";;AACA,SAASA,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,sBAAsB,QAAQ,8BAA8B;AACrE,SAASC,UAAU,EAAEC,cAAc,QAAQ,yBAAsB;AACjE,SAASC,aAAa,QAAQ,8BAAqB;AACnD,SAASC,EAAE,QAAQ,gBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAgBjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,eAAeA,CAAC;EAC9BC,QAAQ;EACRC,SAAS;EACTC,UAAU,GAAG;AACO,CAAC,EAAE;EACvB,oBACEN,IAAA,CAACN,sBAAsB;IAACa,KAAK,EAAEC,MAAM,CAACC,IAAK;IAAAL,QAAA,eACzCJ,IAAA,CAACP,IAAI;MAACY,SAAS,EAAEP,EAAE,CAAC,QAAQ,EAAEQ,UAAU,IAAI,eAAe,EAAED,SAAS,CAAE;MAAAD,QAAA,eACtEF,KAAA,CAACN,cAAc;QAAAQ,QAAA,GACZA,QAAQ,eAETJ,IAAA,CAACH,aAAa,IAAE,CAAC,eACjBG,IAAA,CAACL,UAAU,IAAE,CAAC;MAAA,CACA;IAAC,CACb;EAAC,CACe,CAAC;AAE7B;AAEA,MAAMa,MAAM,GAAGhB,UAAU,CAACkB,MAAM,CAAC;EAC/BD,IAAI,EAAE;IAAEE,IAAI,EAAE;EAAE;AAClB,CAAC,CAAC","ignoreList":[]}

package/lib/module/theme/use-theme.js

@@ -1,6 +1,58 @@
 "use strict";
 
 import { Uniwind, useUniwind } from 'uniwind';
+
+/** Themes shipped in `panelui-native/theme.css`. */
+
+/** Light/dark mode within a theme family. */
+
+/** A theme family — one look, in its light and dark form. */
+
+/**
+ * The theme families PanelUI ships. Each sets its own palette *and* its own
+ * radius scale, so switching family changes the shape of the UI as well as
+ * its colour — Panel is the Coss default, Moon is sharp and monochrome,
+ * Grass is soft and green.
+ *
+ * Everything beyond `panel` must be registered in your metro config, or
+ * `setTheme` throws "it was not registered":
+ *
+ * ```js
+ * withUniwindConfig(config, {
+ *   cssEntryFile: './global.css',
+ *   extraThemes: ['moon', 'moon-dark', 'grass', 'grass-dark'],
+ * });
+ * ```
+ */
+export const PANEL_THEMES = [{
+  id: 'panel',
+  name: 'Panel',
+  light: 'light',
+  dark: 'dark',
+  swatch: ['#262626', '#f5f5f5']
+}, {
+  id: 'moon',
+  name: 'Moon',
+  light: 'moon',
+  dark: 'moon-dark',
+  swatch: ['#0070f3', '#0070f3']
+}, {
+  id: 'grass',
+  name: 'Grass',
+  light: 'grass',
+  dark: 'grass-dark',
+  swatch: ['#24b47e', '#3ecf8e']
+}];
+
+/** Every concrete theme name, in registration order. */
+export const PANEL_THEME_NAMES = PANEL_THEMES.flatMap(family => [family.light, family.dark]);
+
+/** The names to pass as `extraThemes` in your metro config. */
+export const PANEL_EXTRA_THEMES = PANEL_THEME_NAMES.filter(name => name !== 'light' && name !== 'dark');
+function findFamily(theme) {
+  return PANEL_THEMES.find(family => family.light === theme || family.dark === theme) ?? PANEL_THEMES[0];
+}
+
 /**
  * Reactive access to the current Uniwind theme plus a setter.
  * Theme changes are applied natively by Uniwind without re-rendering the tree.
@@ -10,10 +62,45 @@ export function useTheme() {
     theme
   } = useUniwind();
   return {
-    /** Currently resolved theme ('light' or 'dark'). */
-    theme,
-    /** Switch theme: 'light', 'dark', or 'system' (follows device). */
+    /** The active theme name, e.g. `'dark'` or `'moon-dark'`. */
+    theme: theme,
+    /** Switch theme by name, or `'system'` to follow the device. */
     setTheme: name => Uniwind.setTheme(name)
   };
 }
+
+/**
+ * Theme family and light/dark mode as two separate axes — what a picker like
+ * "choose a brand, then toggle the sun" actually needs.
+ *
+ * Named themes are not adaptive in Uniwind, so each brand ships as a
+ * light/dark pair. Toggling the mode keeps the current family, so a user in
+ * Moon dark lands in Moon light rather than the default theme.
+ *
+ * ```tsx
+ * const { family, mode, setFamily, toggleMode } = useThemeMode();
+ * ```
+ */
+export function useThemeMode() {
+  const {
+    theme
+  } = useUniwind();
+  const family = findFamily(theme);
+  const mode = theme === family.dark ? 'dark' : 'light';
+  return {
+    /** The active theme family. */
+    family,
+    /** `'light'` or `'dark'` within that family. */
+    mode,
+    /** Switch brand, staying in the current light/dark mode. */
+    setFamily: id => {
+      const next = PANEL_THEMES.find(candidate => candidate.id === id);
+      if (next) Uniwind.setTheme(next[mode]);
+    },
+    /** Set the mode, staying in the current family. */
+    setMode: next => Uniwind.setTheme(family[next]),
+    /** Flip light ↔ dark within the current family. */
+    toggleMode: () => Uniwind.setTheme(mode === 'dark' ? family.light : family.dark)
+  };
+}
 //# sourceMappingURL=use-theme.js.map

package/lib/module/theme/use-theme.js.map

@@ -1 +1 @@
-{"version":3,"names":["Uniwind","useUniwind","useTheme","theme","setTheme","name"],"sourceRoot":"../../../src","sources":["theme/use-theme.ts"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,UAAU,QAAQ,SAAS;AAI7C;AACA;AACA;AACA;AACA,OAAO,SAASC,QAAQA,CAAA,EAAG;EACzB,MAAM;IAAEC;EAAM,CAAC,GAAGF,UAAU,CAAC,CAAC;EAE9B,OAAO;IACL;IACAE,KAAK;IACL;IACAC,QAAQ,EAAGC,IAAe,IAAKL,OAAO,CAACI,QAAQ,CAACC,IAAI;EACtD,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["Uniwind","useUniwind","PANEL_THEMES","id","name","light","dark","swatch","PANEL_THEME_NAMES","flatMap","family","PANEL_EXTRA_THEMES","filter","findFamily","theme","find","useTheme","setTheme","useThemeMode","mode","setFamily","next","candidate","setMode","toggleMode"],"sourceRoot":"../../../src","sources":["theme/use-theme.ts"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,UAAU,QAAQ,SAAS;;AAE7C;;AAWA;;AAGA;;AAYA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,YAAyC,GAAG,CACvD;EACEC,EAAE,EAAE,OAAO;EACXC,IAAI,EAAE,OAAO;EACbC,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE,MAAM;EACZC,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS;AAC/B,CAAC,EACD;EACEJ,EAAE,EAAE,MAAM;EACVC,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE,MAAM;EACbC,IAAI,EAAE,WAAW;EACjBC,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS;AAC/B,CAAC,EACD;EACEJ,EAAE,EAAE,OAAO;EACXC,IAAI,EAAE,OAAO;EACbC,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE,YAAY;EAClBC,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS;AAC/B,CAAC,CACF;;AAED;AACA,OAAO,MAAMC,iBAAwC,GAAGN,YAAY,CAACO,OAAO,CACzEC,MAAM,IAAK,CAACA,MAAM,CAACL,KAAK,EAAEK,MAAM,CAACJ,IAAI,CACxC,CAAC;;AAED;AACA,OAAO,MAAMK,kBAAqC,GAAGH,iBAAiB,CAACI,MAAM,CAC1ER,IAAI,IAAKA,IAAI,KAAK,OAAO,IAAIA,IAAI,KAAK,MACzC,CAAC;AAED,SAASS,UAAUA,CAACC,KAAa,EAAoB;EACnD,OACEZ,YAAY,CAACa,IAAI,CAAEL,MAAM,IAAKA,MAAM,CAACL,KAAK,KAAKS,KAAK,IAAIJ,MAAM,CAACJ,IAAI,KAAKQ,KAAK,CAAC,IAC9EZ,YAAY,CAAC,CAAC,CAAE;AAEpB;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASc,QAAQA,CAAA,EAAG;EACzB,MAAM;IAAEF;EAAM,CAAC,GAAGb,UAAU,CAAC,CAAC;EAE9B,OAAO;IACL;IACAa,KAAK,EAAEA,KAAmB;IAC1B;IACAG,QAAQ,EAAGb,IAAe,IAAKJ,OAAO,CAACiB,QAAQ,CAACb,IAAI;EACtD,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASc,YAAYA,CAAA,EAAG;EAC7B,MAAM;IAAEJ;EAAM,CAAC,GAAGb,UAAU,CAAC,CAAC;EAC9B,MAAMS,MAAM,GAAGG,UAAU,CAACC,KAAK,CAAC;EAChC,MAAMK,IAAe,GAAGL,KAAK,KAAKJ,MAAM,CAACJ,IAAI,GAAG,MAAM,GAAG,OAAO;EAEhE,OAAO;IACL;IACAI,MAAM;IACN;IACAS,IAAI;IACJ;IACAC,SAAS,EAAGjB,EAAU,IAAK;MACzB,MAAMkB,IAAI,GAAGnB,YAAY,CAACa,IAAI,CAAEO,SAAS,IAAKA,SAAS,CAACnB,EAAE,KAAKA,EAAE,CAAC;MAClE,IAAIkB,IAAI,EAAErB,OAAO,CAACiB,QAAQ,CAACI,IAAI,CAACF,IAAI,CAAC,CAAC;IACxC,CAAC;IACD;IACAI,OAAO,EAAGF,IAAe,IAAKrB,OAAO,CAACiB,QAAQ,CAACP,MAAM,CAACW,IAAI,CAAC,CAAC;IAC5D;IACAG,UAAU,EAAEA,CAAA,KAAMxB,OAAO,CAACiB,QAAQ,CAACE,IAAI,KAAK,MAAM,GAAGT,MAAM,CAACL,KAAK,GAAGK,MAAM,CAACJ,IAAI;EACjF,CAAC;AACH","ignoreList":[]}

package/lib/typescript/src/components/accordion/index.d.ts

@@ -0,0 +1,56 @@
+/**
+ * Accordion — collapsible sections.
+ *
+ * Adapted from: heroui-inc/heroui-native src/components/accordion/
+ * (the Item / Trigger / Indicator / Content anatomy, single vs multiple
+ * selection, the rotating chevron indicator, and layout-transition expand).
+ *
+ * Upstream ships `default` and `surface`; the extra variants here follow the
+ * same slot structure.
+ */
+import { type ReactNode } from 'react';
+import { View, type Text as RNText, type ViewProps } from 'react-native';
+import { type TextProps } from '../../primitives/text.js';
+export type AccordionVariant = 'default' | 'surface' | 'separated' | 'bordered' | 'ghost';
+export type AccordionSelectionMode = 'single' | 'multiple';
+export interface AccordionProps extends ViewProps {
+    className?: string;
+    variant?: AccordionVariant;
+    /** `single` collapses the open item when another opens. */
+    selectionMode?: AccordionSelectionMode;
+    /** Expanded item value(s), controlled. */
+    value?: string | string[];
+    defaultValue?: string | string[];
+    onValueChange?: (value: string | string[]) => void;
+    /** Hide the hairlines drawn between items. */
+    hideSeparator?: boolean;
+    children?: ReactNode;
+}
+export interface AccordionItemProps extends ViewProps {
+    className?: string;
+    /** Identifies this item in the accordion's value. */
+    value: string;
+    isDisabled?: boolean;
+    children?: ReactNode;
+}
+export interface AccordionTriggerProps extends ViewProps {
+    className?: string;
+    children?: ReactNode;
+}
+export interface AccordionIndicatorProps extends ViewProps {
+    className?: string;
+    /** Replaces the default chevron. */
+    children?: ReactNode;
+}
+export interface AccordionContentProps extends ViewProps {
+    className?: string;
+    children?: ReactNode;
+}
+export declare const Accordion: import("react").ForwardRefExoticComponent<AccordionProps & import("react").RefAttributes<View>> & {
+    Item: import("react").ForwardRefExoticComponent<AccordionItemProps & import("react").RefAttributes<View>>;
+    Trigger: import("react").ForwardRefExoticComponent<AccordionTriggerProps & import("react").RefAttributes<View>>;
+    Title: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<RNText>>;
+    Indicator: import("react").ForwardRefExoticComponent<AccordionIndicatorProps & import("react").RefAttributes<View>>;
+    Content: import("react").ForwardRefExoticComponent<AccordionContentProps & import("react").RefAttributes<View>>;
+};
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/accordion/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,EASL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAa,IAAI,EAAE,KAAK,IAAI,IAAI,MAAM,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AASpF,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,0BAAuB,CAAC;AAE7D,MAAM,MAAM,gBAAgB,GACxB,SAAS,GACT,SAAS,GACT,WAAW,GACX,UAAU,GACV,OAAO,CAAC;AAEZ,MAAM,MAAM,sBAAsB,GAAG,QAAQ,GAAG,UAAU,CAAC;AA0E3D,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,2DAA2D;IAC3D,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IACnD,8CAA8C;IAC9C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA0ED,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA6BD,MAAM,WAAW,qBAAsB,SAAQ,SAAS;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA8BD,MAAM,WAAW,uBAAwB,SAAQ,SAAS;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA4BD,MAAM,WAAW,qBAAsB,SAAQ,SAAS;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAmCD,eAAO,MAAM,SAAS;;;;;;CAMpB,CAAC"}

package/lib/typescript/src/components/alert/index.d.ts

@@ -1,83 +1,135 @@
+/**
+ * Alert — a status message with an optional leading status icon.
+ *
+ * Adapted from: heroui-inc/heroui-native src/components/alert/alert.tsx
+ * (Indicator / Content / Title / Description anatomy, status-driven icon and
+ * title colour), restyled with Coss UI tokens.
+ *
+ * The `variant` prop name is kept from PanelUI v0.2 rather than renamed to
+ * HeroUI's `status`, so existing code keeps working.
+ */
 import { type ReactNode } from 'react';
-import { View, type ViewProps } from 'react-native';
+import { View, type Text as RNText, type ViewProps } from 'react-native';
 import { type VariantProps } from 'tailwind-variants';
 import { type TextProps } from '../../primitives/text.js';
 declare const alertVariants: import("tailwind-variants").TVReturnType<{
     variant: {
         default: {
             root: string;
+            title: string;
         };
         info: {
             root: string;
+            title: string;
         };
         success: {
             root: string;
+            title: string;
         };
         warning: {
             root: string;
+            title: string;
         };
         destructive: {
             root: string;
+            title: string;
         };
     };
 }, {
     root: string;
+    indicator: string;
+    content: string;
     title: string;
     description: string;
 }, undefined, {
     variant: {
         default: {
             root: string;
+            title: string;
         };
         info: {
             root: string;
+            title: string;
         };
         success: {
             root: string;
+            title: string;
         };
         warning: {
             root: string;
+            title: string;
         };
         destructive: {
             root: string;
+            title: string;
         };
     };
 }, {
     root: string;
+    indicator: string;
+    content: string;
     title: string;
     description: string;
 }, import("tailwind-variants").TVReturnType<{
     variant: {
         default: {
             root: string;
+            title: string;
         };
         info: {
             root: string;
+            title: string;
         };
         success: {
             root: string;
+            title: string;
         };
         warning: {
             root: string;
+            title: string;
         };
         destructive: {
             root: string;
+            title: string;
         };
     };
 }, {
     root: string;
+    indicator: string;
+    content: string;
     title: string;
     description: string;
 }, undefined, unknown, unknown, undefined>>;
 export interface AlertProps extends ViewProps, VariantProps<typeof alertVariants> {
     className?: string;
-    /** Optional leading icon rendered before the content. */
+    /**
+     * Leading element rendered before the content.
+     *
+     * @deprecated Prefer `<Alert.Indicator>`, which picks a status icon for you.
+     * Still honoured so v0.2 call sites keep rendering.
+     */
     icon?: ReactNode;
     children?: ReactNode;
 }
+export interface AlertIndicatorProps extends ViewProps {
+    className?: string;
+    /** Overrides the size/colour of the default status icon. */
+    iconProps?: {
+        size?: number;
+        color?: string;
+    };
+    /** Replaces the default status icon entirely. */
+    children?: ReactNode;
+}
 export declare const Alert: import("react").ForwardRefExoticComponent<AlertProps & import("react").RefAttributes<View>> & {
-    Title: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<import("react-native").Text>>;
-    Description: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<import("react-native").Text>>;
+    /** @optional Status icon rendered as the leading visual element. */
+    Indicator: import("react").ForwardRefExoticComponent<AlertIndicatorProps & import("react").RefAttributes<View>>;
+    /** @optional Wrapper for title and description. */
+    Content: import("react").ForwardRefExoticComponent<ViewProps & {
+        className?: string;
+    } & import("react").RefAttributes<View>>;
+    Title: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<RNText>>;
+    Description: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<RNText>>;
 };
 export {};
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/alert/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/alert/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,0BAAuB,CAAC;AAE7D,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA4BjB,CAAC;AAMH,MAAM,WAAW,UAAW,SAAQ,SAAS,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA+CD,eAAO,MAAM,KAAK;;;CAGhB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/alert/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,EAAyC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAE,IAAI,EAAE,KAAK,IAAI,IAAI,MAAM,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACzE,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG1D,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,0BAAuB,CAAC;AAG7D,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAmCjB,CAAC;AAuBH,MAAM,WAAW,UAAW,SAAQ,SAAS,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA6BD,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,SAAS,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9C,iDAAiD;IACjD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAqDD,eAAO,MAAM,KAAK;IAChB,oEAAoE;;IAEpE,mDAAmD;;oBA9BW,MAAM;;;;CAkCpE,CAAC"}

package/lib/typescript/src/components/avatar/index.d.ts

@@ -1,3 +1,4 @@
+import { type ReactNode } from 'react';
 import { View, type ImageProps, type ImageSourcePropType, type ViewProps } from 'react-native';
 import { type VariantProps } from 'tailwind-variants';
 declare const avatarVariants: import("tailwind-variants").TVReturnType<{
@@ -78,6 +79,12 @@ export interface AvatarProps extends ViewProps, VariantProps<typeof avatarVarian
     fallback?: string;
     imageProps?: Omit<ImageProps, 'source'>;
 }
-export declare const Avatar: import("react").ForwardRefExoticComponent<AvatarProps & import("react").RefAttributes<View>>;
+export interface AvatarBadgeProps extends ViewProps {
+    className?: string;
+    children?: ReactNode;
+}
+export declare const Avatar: import("react").ForwardRefExoticComponent<AvatarProps & import("react").RefAttributes<View>> & {
+    Badge: import("react").ForwardRefExoticComponent<AvatarBadgeProps & import("react").RefAttributes<View>>;
+};
 export {};
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/avatar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/avatar/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,IAAI,EACJ,KAAK,UAAU,EACf,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG1D,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAiBlB,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,YAAY,CAAC,OAAO,cAAc,CAAC;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;CACzC;AAED,eAAO,MAAM,MAAM,8FA0BlB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/avatar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EAEL,IAAI,EACJ,KAAK,UAAU,EACf,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAI1D,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAiBlB,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,YAAY,CAAC,OAAO,cAAc,CAAC;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;CACzC;AAgDD,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAwBD,eAAO,MAAM,MAAM;;CAEjB,CAAC"}

package/lib/typescript/src/components/badge/index.d.ts

@@ -2,6 +2,17 @@ import { type ReactNode } from 'react';
 import { View, type ViewProps } from 'react-native';
 import { type VariantProps } from 'tailwind-variants';
 declare const badgeVariants: import("tailwind-variants").TVReturnType<{
+    shape: {
+        default: {};
+        /** A bare status dot, no label. */
+        dot: {
+            root: string;
+        };
+        /** Circular, for a count sitting over an avatar or an icon. */
+        count: {
+            root: string;
+        };
+    };
     variant: {
         default: {
             root: string;
@@ -36,6 +47,17 @@ declare const badgeVariants: import("tailwind-variants").TVReturnType<{
     root: string;
     label: string;
 }, undefined, {
+    shape: {
+        default: {};
+        /** A bare status dot, no label. */
+        dot: {
+            root: string;
+        };
+        /** Circular, for a count sitting over an avatar or an icon. */
+        count: {
+            root: string;
+        };
+    };
     variant: {
         default: {
             root: string;
@@ -70,6 +92,17 @@ declare const badgeVariants: import("tailwind-variants").TVReturnType<{
     root: string;
     label: string;
 }, import("tailwind-variants").TVReturnType<{
+    shape: {
+        default: {};
+        /** A bare status dot, no label. */
+        dot: {
+            root: string;
+        };
+        /** Circular, for a count sitting over an avatar or an icon. */
+        count: {
+            root: string;
+        };
+    };
     variant: {
         default: {
             root: string;
@@ -108,6 +141,11 @@ export interface BadgeProps extends ViewProps, VariantProps<typeof badgeVariants
     children?: ReactNode;
     className?: string;
     labelClassName?: string;
+    /**
+     * Renders a number instead of children, clamped to "99+". Implies the
+     * `count` shape unless you set one.
+     */
+    count?: number;
 }
 export declare const Badge: import("react").ForwardRefExoticComponent<BadgeProps & import("react").RefAttributes<View>>;
 export {};

package/lib/typescript/src/components/badge/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG1D,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAmBjB,CAAC;AAEH,MAAM,WAAW,UACf,SAAQ,SAAS,EACf,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,KAAK,6FAcjB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG1D,QAAA,MAAM,aAAa;;;QAQb,mCAAmC;;;;QAEnC,+DAA+D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAF/D,mCAAmC;;;;QAEnC,+DAA+D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAF/D,mCAAmC;;;;QAEnC,+DAA+D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAiBnE,CAAC;AAKH,MAAM,WAAW,UACf,SAAQ,SAAS,EACf,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,KAAK,6FA2BjB,CAAC"}