panelui-native 0.2.0 → 0.4.0

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

@@ -0,0 +1,62 @@
+/**
+ * Steps — a stepper for multi-step flows.
+ *
+ * Adapted from: origin-space/originui apps/origin/registry/default/ui/stepper.tsx
+ * (the Stepper / Item / Trigger / Indicator / Title / Description / Separator
+ * anatomy, and the completed | active | inactive | loading state resolution).
+ *
+ * Upstream drives all styling through `data-*` attributes, which React Native
+ * has no equivalent for. Here the state is resolved in JS and passed down
+ * through context into `tv()` variants — the same approach Alert uses.
+ *
+ * Steps does not own your flow: it reflects whatever step your app says is
+ * active. Pass `value` to control it, or `defaultValue` to let it manage
+ * its own.
+ */
+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 StepState = 'active' | 'completed' | 'inactive' | 'loading';
+export type StepsOrientation = 'horizontal' | 'vertical';
+export interface StepsProps extends ViewProps {
+    className?: string;
+    /** Active step when uncontrolled. */
+    defaultValue?: number;
+    /** Active step, controlled. */
+    value?: number;
+    onValueChange?: (value: number) => void;
+    orientation?: StepsOrientation;
+    children?: ReactNode;
+}
+export interface StepsItemProps extends ViewProps {
+    className?: string;
+    /** This item's position in the flow, zero-based by convention. */
+    step: number;
+    /** Force the completed state, regardless of the active step. */
+    completed?: boolean;
+    disabled?: boolean;
+    /** Shows a spinner in place of the number while this step is active. */
+    loading?: boolean;
+    children?: ReactNode;
+}
+export interface StepsTriggerProps extends ViewProps {
+    className?: string;
+    children?: ReactNode;
+}
+export interface StepsIndicatorProps extends ViewProps {
+    className?: string;
+    /** Replaces the number / check / spinner entirely. */
+    children?: ReactNode;
+}
+export interface StepsSeparatorProps extends ViewProps {
+    className?: string;
+}
+export declare const Steps: import("react").ForwardRefExoticComponent<StepsProps & import("react").RefAttributes<View>> & {
+    Item: import("react").ForwardRefExoticComponent<StepsItemProps & import("react").RefAttributes<View>>;
+    Trigger: import("react").ForwardRefExoticComponent<StepsTriggerProps & import("react").RefAttributes<View>>;
+    Indicator: import("react").ForwardRefExoticComponent<StepsIndicatorProps & import("react").RefAttributes<View>>;
+    Title: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<RNText>>;
+    Description: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<RNText>>;
+    Separator: import("react").ForwardRefExoticComponent<StepsSeparatorProps & import("react").RefAttributes<View>>;
+};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/steps/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAa,IAAI,EAAE,KAAK,IAAI,IAAI,MAAM,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpF,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,0BAAuB,CAAC;AAG7D,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC;AACxE,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG,UAAU,CAAC;AAuFzD,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qCAAqC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA6CD,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,IAAI,EAAE,MAAM,CAAC;IACb,gEAAgE;IAChE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wEAAwE;IACxE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAqCD,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA0BD,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAoDD,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA4BD,eAAO,MAAM,KAAK;;;;;;;CAOhB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAA2C,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAkCvF,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,KAAK,EACL,aAAa,EACb,YAAY,EACZ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,SAAS,+BAoCX;AAkCD,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,+BAWjE;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,gBAAgB,+BAiCpE;AAED,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,sCAS9E;AAED,eAAO,MAAM,IAAI;;;;CAIf,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAA2C,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAkCvF,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,KAAK,EACL,aAAa,EACb,YAAY,EACZ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,SAAS,+BAoCX;AAyCD,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,+BAWjE;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,gBAAgB,+BAiCpE;AAED,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,sCAS9E;AAED,eAAO,MAAM,IAAI;;;;CAIf,CAAC"}

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

@@ -0,0 +1,176 @@
+/**
+ * Toast — transient notification.
+ *
+ * Adapted from: heroui-inc/heroui-native src/components/toast/
+ * (the three usage patterns — string, config object, custom component — the
+ * Title / Description / Action / Close anatomy, placement, and swipe-to-
+ * dismiss). Styled with Coss UI tokens and PanelUI's Alert status palette.
+ *
+ * The viewport is mounted for you by PanelUIProvider; `useToast()` works
+ * anywhere below it.
+ */
+import { type ReactNode } from 'react';
+import { type ViewProps } from 'react-native';
+import { type VariantProps } from 'tailwind-variants';
+import { type TextProps } from '../../primitives/text.js';
+import { type ButtonProps } from '../button/index.js';
+import { toast, type ToastHandle, type ToastItem, type ToastPlacement, type ToastVariant } from './toast-store.js';
+declare const toastVariants: 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 ToastProps extends ViewProps, VariantProps<typeof toastVariants> {
+    className?: string;
+    /** Called when the close button is pressed or the toast is swiped away. */
+    onHide?: () => void;
+    children?: ReactNode;
+}
+export interface ToastIndicatorProps extends ViewProps {
+    className?: string;
+    iconProps?: {
+        size?: number;
+        color?: string;
+    };
+    children?: ReactNode;
+}
+export interface ToastCloseProps extends ViewProps {
+    className?: string;
+}
+export declare const Toast: {
+    ({ className, variant, onHide, children, ...props }: ToastProps): import("react").JSX.Element;
+    displayName: string;
+} & {
+    Indicator: {
+        ({ className, iconProps, children, ...props }: ToastIndicatorProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    Content: {
+        ({ className, ...props }: ViewProps & {
+            className?: string;
+        }): import("react").JSX.Element;
+        displayName: string;
+    };
+    Title: {
+        ({ className, ...props }: TextProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    Description: {
+        ({ className, ...props }: TextProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    Action: {
+        ({ variant, size, onPress, ...props }: ButtonProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    Close: {
+        ({ className, ...props }: ToastCloseProps): import("react").JSX.Element;
+        displayName: string;
+    };
+};
+/**
+ * Renders the toast queue. PanelUIProvider mounts this automatically — you
+ * only need it directly if you build your own provider.
+ */
+export declare function ToastViewport(): import("react").JSX.Element | null;
+/**
+ * Access the toast API.
+ *
+ * ```tsx
+ * const { toast } = useToast();
+ * toast.show({ variant: 'success', label: 'Saved' });
+ * ```
+ */
+export declare function useToast(): {
+    toast: {
+        show: (options: import("./toast-store.js").ToastOptions | string) => string;
+        hide: (id: string) => void;
+        hideAll: () => void;
+    };
+};
+export { toast, type ToastItem, type ToastPlacement, type ToastVariant, type ToastHandle };
+export type { ToastOptions } from './toast-store.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/toast/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAiBpD,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG1D,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,0BAAuB,CAAC;AAG7D,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,oBAAW,CAAC;AACrD,OAAO,EACL,KAAK,EAEL,KAAK,WAAW,EAChB,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,YAAY,EAClB,MAAM,kBAAe,CAAC;AA4CvB,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAuBjB,CAAC;AA4BH,MAAM,WAAW,UAAW,SAAQ,SAAS,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAuBD,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAuDD,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAsBD,eAAO,MAAM,KAAK;yDApGiE,UAAU;;;;uDAuBvB,mBAAmB;;;;kCAe1C,SAAS,GAAG;YAAE,SAAS,CAAC,EAAE,MAAM,CAAA;SAAE;;;;kCAOpC,SAAS;;;;kCAOH,SAAS;;;;+CAQoB,WAAW;;;;kCAoB9C,eAAe;;;CA2B1D,CAAC;AAsJH;;;GAGG;AACH,wBAAgB,aAAa,uCAc5B;AAED;;;;;;;GAOG;AACH,wBAAgB,QAAQ;;;;;;EAEvB;AAED,OAAO,EAAE,KAAK,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,KAAK,WAAW,EAAE,CAAC;AAC3F,YAAY,EAAE,YAAY,EAAE,MAAM,kBAAe,CAAC"}

package/lib/typescript/src/components/toast/toast-store.d.ts

@@ -0,0 +1,65 @@
+/**
+ * Toast queue.
+ *
+ * A module-level store rather than React state, so `toast.show()` works from
+ * anywhere — event handlers, API clients, code outside the component tree —
+ * without threading a context through. The viewport subscribes with
+ * `useSyncExternalStore`.
+ */
+import type { ReactNode } from 'react';
+export type ToastVariant = 'default' | 'info' | 'success' | 'warning' | 'destructive';
+export type ToastPlacement = 'top' | 'bottom';
+/** Handle given to action callbacks so they can dismiss their own toast. */
+export interface ToastHandle {
+    id: string;
+    hide: () => void;
+}
+export interface ToastOptions {
+    variant?: ToastVariant;
+    placement?: ToastPlacement;
+    /** Title line. */
+    label?: string;
+    description?: string;
+    /** Overrides the variant's default status icon. Pass `null` for no icon. */
+    icon?: ReactNode;
+    /** Renders a trailing action button when set. */
+    actionLabel?: string;
+    onActionPress?: (handle: ToastHandle) => void;
+    /** Show a close button. Defaults to true when there is no action. */
+    closable?: boolean;
+    /** Milliseconds before auto-dismiss. `0` keeps it up until dismissed. */
+    duration?: number;
+    /** Fully custom rendering. Receives the same handle as action callbacks. */
+    component?: (handle: ToastHandle) => ReactNode;
+}
+export interface ToastItem extends ToastOptions {
+    id: string;
+}
+declare class ToastStore {
+    private items;
+    private snapshot;
+    private listeners;
+    private timers;
+    subscribe: (listener: () => void) => () => void;
+    getSnapshot: () => readonly ToastItem[];
+    show: (options: ToastOptions | string) => string;
+    hide: (id: string) => void;
+    hideAll: () => void;
+    private emit;
+}
+export declare const toastStore: ToastStore;
+/**
+ * Imperative toast API. Also returned from `useToast()`.
+ *
+ * ```ts
+ * toast.show('Saved');
+ * toast.show({ variant: 'success', label: 'Deployed', actionLabel: 'View' });
+ * ```
+ */
+export declare const toast: {
+    show: (options: ToastOptions | string) => string;
+    hide: (id: string) => void;
+    hideAll: () => void;
+};
+export {};
+//# sourceMappingURL=toast-store.d.ts.map

package/lib/typescript/src/components/toast/toast-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-store.d.ts","sourceRoot":"","sources":["../../../../../src/components/toast/toast-store.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;AACtF,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE9C,4EAA4E;AAC5E,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB;AAED,MAAM,WAAW,YAAY;IAC3B,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4EAA4E;IAC5E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9C,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4EAA4E;IAC5E,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,SAAS,CAAC;CAChD;AAED,MAAM,WAAW,SAAU,SAAQ,YAAY;IAC7C,EAAE,EAAE,MAAM,CAAC;CACZ;AAMD,cAAM,UAAU;IACd,OAAO,CAAC,KAAK,CAAmB;IAChC,OAAO,CAAC,QAAQ,CAAoC;IACpD,OAAO,CAAC,SAAS,CAAyB;IAC1C,OAAO,CAAC,MAAM,CAAoD;IAElE,SAAS,GAAI,UAAU,MAAM,IAAI,gBAK/B;IAEF,WAAW,QAAO,SAAS,SAAS,EAAE,CAAkB;IAExD,IAAI,GAAI,SAAS,YAAY,GAAG,MAAM,KAAG,MAAM,CAiB7C;IAEF,IAAI,GAAI,IAAI,MAAM,UAShB;IAEF,OAAO,aAML;IAEF,OAAO,CAAC,IAAI;CAIb;AAED,eAAO,MAAM,UAAU,YAAmB,CAAC;AAE3C;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK;oBAtDC,YAAY,GAAG,MAAM,KAAG,MAAM;eAmBnC,MAAM;;CAuCnB,CAAC"}

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

@@ -0,0 +1,77 @@
+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 typographyVariants: import("tailwind-variants").TVReturnType<{
+    type: {
+        h1: string;
+        h2: string;
+        h3: string;
+        h4: string;
+        h5: string;
+        h6: string;
+        body: string;
+        'body-sm': string;
+        'body-xs': string;
+        code: string;
+    };
+    muted: {
+        true: string;
+    };
+}, undefined, "text-foreground", {
+    type: {
+        h1: string;
+        h2: string;
+        h3: string;
+        h4: string;
+        h5: string;
+        h6: string;
+        body: string;
+        'body-sm': string;
+        'body-xs': string;
+        code: string;
+    };
+    muted: {
+        true: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    type: {
+        h1: string;
+        h2: string;
+        h3: string;
+        h4: string;
+        h5: string;
+        h6: string;
+        body: string;
+        'body-sm': string;
+        'body-xs': string;
+        code: string;
+    };
+    muted: {
+        true: string;
+    };
+}, undefined, "text-foreground", unknown, unknown, undefined>>;
+export type TypographyType = NonNullable<VariantProps<typeof typographyVariants>['type']>;
+export interface TypographyProps extends Omit<TextProps, 'size' | 'weight'>, VariantProps<typeof typographyVariants> {
+    className?: string;
+}
+/** Heading levels, for `Typography.Heading`. */
+type HeadingType = Extract<TypographyType, 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;
+/** Body sizes, for `Typography.Paragraph`. */
+type ParagraphType = Extract<TypographyType, 'body' | 'body-sm' | 'body-xs'>;
+export interface TypographyHeadingProps extends Omit<TypographyProps, 'type'> {
+    type?: HeadingType;
+}
+export interface TypographyParagraphProps extends Omit<TypographyProps, 'type'> {
+    type?: ParagraphType;
+}
+export interface TypographyCodeProps extends Omit<TypographyProps, 'type'> {
+    /** Classes for the surface behind the code text. */
+    containerClassName?: string;
+}
+export declare const Typography: import("react").ForwardRefExoticComponent<TypographyProps & import("react").RefAttributes<RNText>> & {
+    Heading: import("react").ForwardRefExoticComponent<TypographyHeadingProps & import("react").RefAttributes<RNText>>;
+    Paragraph: import("react").ForwardRefExoticComponent<TypographyParagraphProps & import("react").RefAttributes<RNText>>;
+    Code: import("react").ForwardRefExoticComponent<TypographyCodeProps & Pick<ViewProps, "testID"> & import("react").RefAttributes<View>>;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,IAAI,EAAE,KAAK,IAAI,IAAI,MAAM,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACzE,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,0BAAuB,CAAC;AAE7D,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8DAsBtB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,WAAW,CACtC,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAChD,CAAC;AAEF,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,QAAQ,CAAC,EACxC,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,gDAAgD;AAChD,KAAK,WAAW,GAAG,OAAO,CAAC,cAAc,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;AACpF,8CAA8C;AAC9C,KAAK,aAAa,GAAG,OAAO,CAAC,cAAc,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC,CAAC;AAmB7E,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC;IAC3E,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAgBD,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC;IAC7E,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB;AASD,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC;IACxE,oDAAoD;IACpD,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAgBD,eAAO,MAAM,UAAU;;;;CAIrB,CAAC"}

package/lib/typescript/src/icons/index.d.ts

@@ -1,3 +1,16 @@
+/**
+ * Icon set.
+ *
+ * Two families live here:
+ * - Stroked 24×24 icons (Lucide geometry, as used by shadcn-ui/ui) for chrome
+ *   such as chevrons and the close button.
+ * - Filled 16×16 status icons for Alert and Toast indicators.
+ *   Adapted from: heroui-inc/heroui-native src/components/alert/{default,success,warning}-icon.tsx
+ *
+ * `color` has no default on the status icons on purpose — callers resolve it
+ * from the active theme with `useCSSVariable`, so icons follow the theme
+ * instead of a hardcoded hex.
+ */
 import { type SvgProps } from 'react-native-svg';
 export interface IconProps extends SvgProps {
     size?: number;
@@ -5,5 +18,17 @@ export interface IconProps extends SvgProps {
 }
 export declare function CheckIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;
 export declare function ChevronDownIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;
+export declare function ChevronLeftIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;
+export declare function ChevronRightIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;
 export declare function XIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;
+export declare function SearchIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;
+export declare function ArrowUpRightIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;
+export declare function SunIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;
+export declare function MoonIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;
+/** Info circle. Used for `default`, `info` and `destructive` status. */
+export declare function InfoIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;
+/** Check circle. Used for `success` status. */
+export declare function CheckCircleIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;
+/** Warning triangle. Used for `warning` status. */
+export declare function AlertTriangleIcon({ size, color, ...props }: IconProps): import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/icons/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/icons/index.tsx"],"names":[],"mappings":"AAAA,OAAY,EAAQ,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,WAAW,SAAU,SAAQ,QAAQ;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAS,EAAE,KAAc,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAY3E;AAED,wBAAgB,eAAe,CAAC,EAAE,IAAS,EAAE,KAAiB,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAYpF;AAED,wBAAgB,KAAK,CAAC,EAAE,IAAS,EAAE,KAAiB,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAY1E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/icons/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAY,EAAgB,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEpE,MAAM,WAAW,SAAU,SAAQ,QAAQ;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAYD,wBAAgB,SAAS,CAAC,EAAE,IAAS,EAAE,KAAc,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAY3E;AAED,wBAAgB,eAAe,CAAC,EAAE,IAAS,EAAE,KAAiB,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAYpF;AAED,wBAAgB,eAAe,CAAC,EAAE,IAAS,EAAE,KAAiB,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAYpF;AAED,wBAAgB,gBAAgB,CAAC,EAAE,IAAS,EAAE,KAAiB,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAYrF;AAED,wBAAgB,KAAK,CAAC,EAAE,IAAS,EAAE,KAAiB,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAY1E;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAS,EAAE,KAAiB,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAa/E;AAED,wBAAgB,gBAAgB,CAAC,EAAE,IAAS,EAAE,KAAc,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAYlF;AAED,wBAAgB,OAAO,CAAC,EAAE,IAAS,EAAE,KAAiB,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAY5E;AAED,wBAAgB,QAAQ,CAAC,EAAE,IAAS,EAAE,KAAiB,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAY7E;AAMD,wEAAwE;AACxE,wBAAgB,QAAQ,CAAC,EAAE,IAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAUjE;AAED,+CAA+C;AAC/C,wBAAgB,eAAe,CAAC,EAAE,IAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAUxE;AAED,mDAAmD;AACnD,wBAAgB,iBAAiB,CAAC,EAAE,IAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAU1E"}

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

@@ -1,9 +1,9 @@
 export { PanelUIProvider, type PanelUIProviderProps } from './providers/panel-ui-provider.js';
-export { useTheme, type ThemeName } from './theme/use-theme.js';
+export { useTheme, useThemeMode, PANEL_THEMES, PANEL_THEME_NAMES, PANEL_EXTRA_THEMES, type ThemeName, type ThemeMode, type PanelTheme, type PanelThemeFamily, } from './theme/use-theme.js';
 export { Portal, PortalHost, PortalProvider } from './primitives/portal.js';
 export { Text, type TextProps } from './primitives/text.js';
 export { AnimatedPressable, type AnimatedPressableProps, } from './primitives/animated-pressable.js';
-export { Alert, type AlertProps } from './components/alert/index.js';
+export { Alert, type AlertProps, type AlertIndicatorProps, } from './components/alert/index.js';
 export { Avatar, type AvatarProps } from './components/avatar/index.js';
 export { Badge, type BadgeProps } from './components/badge/index.js';
 export { BottomSheet, type BottomSheetProps, type BottomSheetContentProps, } from './components/bottom-sheet/index.js';
@@ -15,11 +15,18 @@ export { Select, type SelectProps, type SelectItemProps } from './components/sel
 export { Tabs, type TabsProps, type TabsListProps, type TabsTriggerProps, type TabsContentProps, } from './components/tabs/index.js';
 export { Card, type CardProps } from './components/card/index.js';
 export { Checkbox, type CheckboxProps } from './components/checkbox/index.js';
+export { EmptyState, type EmptyStateProps, type EmptyStateMediaProps, } from './components/empty-state/index.js';
 export { Input, type InputProps } from './components/input/index.js';
+export { InputGroup, type InputGroupProps, type InputGroupInputProps, type InputGroupDecoratorProps, } from './components/input-group/index.js';
+export { Label, type LabelProps, type LabelTextProps } from './components/label/index.js';
+export { Progress, type ProgressProps } from './components/progress/index.js';
 export { RadioGroup, type RadioGroupProps, type RadioGroupItemProps, } from './components/radio-group/index.js';
 export { Skeleton, type SkeletonProps } from './components/skeleton/index.js';
 export { Spinner, type SpinnerProps } from './components/spinner/index.js';
+export { Steps, type StepsProps, type StepsItemProps, type StepsTriggerProps, type StepsIndicatorProps, type StepsSeparatorProps, type StepState, type StepsOrientation, } from './components/steps/index.js';
 export { Switch, type SwitchProps } from './components/switch/index.js';
-export { CheckIcon, ChevronDownIcon, XIcon, type IconProps } from './icons/index.js';
+export { Toast, ToastViewport, toast, useToast, type ToastProps, type ToastOptions, type ToastItem, type ToastVariant, type ToastPlacement, type ToastHandle, type ToastIndicatorProps, type ToastCloseProps, } from './components/toast/index.js';
+export { Typography, type TypographyProps, type TypographyType, type TypographyHeadingProps, type TypographyParagraphProps, type TypographyCodeProps, } from './components/typography/index.js';
+export { AlertTriangleIcon, ArrowUpRightIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, InfoIcon, MoonIcon, SearchIcon, SunIcon, XIcon, type IconProps, } from './icons/index.js';
 export { cn } from './utils/cn.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,kCAA+B,CAAC;AAG3F,OAAO,EAAE,QAAQ,EAAE,KAAK,SAAS,EAAE,MAAM,sBAAmB,CAAC;AAG7D,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,wBAAqB,CAAC;AACzE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,sBAAmB,CAAC;AACzD,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,oCAAiC,CAAC;AAGzC,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,6BAAoB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,8BAAqB,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,6BAAoB,CAAC;AAC5D,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,uBAAuB,GAC7B,MAAM,oCAA2B,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,8BAAqB,CAAC;AAC/D,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,kBAAkB,GACxB,MAAM,8BAAqB,CAAC;AAC7B,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,6BAAoB,CAAC;AAC5D,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,GAC3B,MAAM,qCAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAE,MAAM,8BAAqB,CAAC;AACrF,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,GACtB,MAAM,4BAAmB,CAAC;AAC3B,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,4BAAmB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,gCAAuB,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,6BAAoB,CAAC;AAC5D,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,mBAAmB,GACzB,MAAM,mCAA0B,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,gCAAuB,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,+BAAsB,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,8BAAqB,CAAC;AAG/D,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,SAAS,EAAE,MAAM,kBAAS,CAAC;AAG5E,OAAO,EAAE,EAAE,EAAE,MAAM,eAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"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"}

package/lib/typescript/src/providers/panel-ui-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel-ui-provider.d.ts","sourceRoot":"","sources":["../../../../src/providers/panel-ui-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,UAAiB,GAClB,EAAE,oBAAoB,+BAWtB"}
+{"version":3,"file":"panel-ui-provider.d.ts","sourceRoot":"","sources":["../../../../src/providers/panel-ui-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,UAAiB,GAClB,EAAE,oBAAoB,+BAatB"}

package/lib/typescript/src/theme/use-theme.d.ts

@@ -1,12 +1,72 @@
-export type ThemeName = 'light' | 'dark' | 'system';
+/** Themes shipped in `panelui-native/theme.css`. */
+export type PanelTheme = 'light' | 'dark' | 'moon' | 'moon-dark' | 'grass' | 'grass-dark';
+export type ThemeName = PanelTheme | 'system';
+/** Light/dark mode within a theme family. */
+export type ThemeMode = 'light' | 'dark';
+/** A theme family — one look, in its light and dark form. */
+export interface PanelThemeFamily {
+    /** Stable id, e.g. `'moon'`. */
+    id: string;
+    /** Short display name, for a theme picker. */
+    name: string;
+    light: PanelTheme;
+    dark: PanelTheme;
+    /** Representative colour for a swatch, as `[light, dark]`. */
+    swatch: [string, string];
+}
+/**
+ * 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 declare const PANEL_THEMES: readonly PanelThemeFamily[];
+/** Every concrete theme name, in registration order. */
+export declare const PANEL_THEME_NAMES: readonly PanelTheme[];
+/** The names to pass as `extraThemes` in your metro config. */
+export declare const PANEL_EXTRA_THEMES: readonly string[];
 /**
  * Reactive access to the current Uniwind theme plus a setter.
  * Theme changes are applied natively by Uniwind without re-rendering the tree.
  */
 export declare function useTheme(): {
-    /** Currently resolved theme ('light' or 'dark'). */
-    theme: string;
-    /** Switch theme: 'light', 'dark', or 'system' (follows device). */
+    /** The active theme name, e.g. `'dark'` or `'moon-dark'`. */
+    theme: PanelTheme;
+    /** Switch theme by name, or `'system'` to follow the device. */
     setTheme: (name: ThemeName) => void;
 };
+/**
+ * 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 declare function useThemeMode(): {
+    /** The active theme family. */
+    family: PanelThemeFamily;
+    /** `'light'` or `'dark'` within that family. */
+    mode: ThemeMode;
+    /** Switch brand, staying in the current light/dark mode. */
+    setFamily: (id: string) => void;
+    /** Set the mode, staying in the current family. */
+    setMode: (next: ThemeMode) => void;
+    /** Flip light ↔ dark within the current family. */
+    toggleMode: () => void;
+};
 //# sourceMappingURL=use-theme.d.ts.map

package/lib/typescript/src/theme/use-theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-theme.d.ts","sourceRoot":"","sources":["../../../../src/theme/use-theme.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEpD;;;GAGG;AACH,wBAAgB,QAAQ;IAIpB,oDAAoD;;IAEpD,mEAAmE;qBAClD,SAAS;EAE7B"}
+{"version":3,"file":"use-theme.d.ts","sourceRoot":"","sources":["../../../../src/theme/use-theme.ts"],"names":[],"mappings":"AAEA,oDAAoD;AACpD,MAAM,MAAM,UAAU,GAClB,OAAO,GACP,MAAM,GACN,MAAM,GACN,WAAW,GACX,OAAO,GACP,YAAY,CAAC;AAEjB,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAC;AAE9C,6CAA6C;AAC7C,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEzC,6DAA6D;AAC7D,MAAM,WAAW,gBAAgB;IAC/B,gCAAgC;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,8CAA8C;IAC9C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,UAAU,CAAC;IAClB,IAAI,EAAE,UAAU,CAAC;IACjB,8DAA8D;IAC9D,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC1B;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,YAAY,EAAE,SAAS,gBAAgB,EAsBnD,CAAC;AAEF,wDAAwD;AACxD,eAAO,MAAM,iBAAiB,EAAE,SAAS,UAAU,EAElD,CAAC;AAEF,+DAA+D;AAC/D,eAAO,MAAM,kBAAkB,EAAE,SAAS,MAAM,EAE/C,CAAC;AASF;;;GAGG;AACH,wBAAgB,QAAQ;IAIpB,6DAA6D;WAC7C,UAAU;IAC1B,gEAAgE;qBAC/C,SAAS;EAE7B;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY;IAMxB,+BAA+B;;IAE/B,gDAAgD;;IAEhD,4DAA4D;oBAC5C,MAAM;IAItB,mDAAmD;oBACnC,SAAS;IACzB,mDAAmD;;EAGtD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "panelui-native",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "description": "High-performance React Native UI components for Expo. Coss UI design language, powered by Uniwind (Tailwind v4) and Reanimated.",
   "main": "./lib/module/index.js",
   "module": "./lib/module/index.js",
@@ -19,6 +19,7 @@
     "src",
     "lib",
     "theme.css",
+    "README.md",
     "!**/__tests__",
     "!**/*.tsbuildinfo"
   ],
@@ -32,19 +33,36 @@
     "react-native",
     "expo",
     "ui",
+    "ui-library",
+    "ui-components",
     "components",
+    "component-library",
     "tailwind",
+    "tailwindcss",
     "uniwind",
+    "nativewind",
+    "reanimated",
     "design-system",
-    "shadcn"
+    "shadcn",
+    "dark-mode",
+    "theming",
+    "accessibility",
+    "typescript",
+    "ios",
+    "android",
+    "mobile"
   ],
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/Khalidabdi1/PanelUI.git"
+    "url": "git+https://github.com/panel-ui/PanelUI.git",
+    "directory": "packages/panelui"
+  },
+  "bugs": {
+    "url": "https://github.com/panel-ui/PanelUI/issues"
   },
   "author": "Khalid Abdi",
   "license": "MIT",
-  "homepage": "https://github.com/Khalidabdi1/PanelUI#readme",
+  "homepage": "https://github.com/panel-ui/PanelUI#readme",
   "peerDependencies": {
     "react": "*",
     "react-native": "*",