panelui-native 0.2.0 → 0.5.1

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

@@ -7,22 +7,33 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
         primary: {
             root: string;
             label: string;
+            spinner: string;
         };
         secondary: {
             root: string;
             label: string;
+            spinner: string;
         };
         outline: {
             root: string;
             label: string;
+            spinner: string;
         };
         ghost: {
             root: string;
             label: string;
+            spinner: string;
         };
         destructive: {
             root: string;
             label: string;
+            spinner: string;
+        };
+        /** Neutral surface for third-party sign-in, sized for a full-width stack. */
+        social: {
+            root: string;
+            label: string;
+            spinner: string;
         };
     };
     size: {
@@ -42,6 +53,11 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
             root: string;
         };
     };
+    fullWidth: {
+        true: {
+            root: string;
+        };
+    };
     disabled: {
         true: {
             root: string;
@@ -50,27 +66,39 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
 }, {
     root: string;
     label: string;
+    spinner: string;
 }, undefined, {
     variant: {
         primary: {
             root: string;
             label: string;
+            spinner: string;
         };
         secondary: {
             root: string;
             label: string;
+            spinner: string;
         };
         outline: {
             root: string;
             label: string;
+            spinner: string;
         };
         ghost: {
             root: string;
             label: string;
+            spinner: string;
         };
         destructive: {
             root: string;
             label: string;
+            spinner: string;
+        };
+        /** Neutral surface for third-party sign-in, sized for a full-width stack. */
+        social: {
+            root: string;
+            label: string;
+            spinner: string;
         };
     };
     size: {
@@ -90,6 +118,11 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
             root: string;
         };
     };
+    fullWidth: {
+        true: {
+            root: string;
+        };
+    };
     disabled: {
         true: {
             root: string;
@@ -98,27 +131,39 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
 }, {
     root: string;
     label: string;
+    spinner: string;
 }, import("tailwind-variants").TVReturnType<{
     variant: {
         primary: {
             root: string;
             label: string;
+            spinner: string;
         };
         secondary: {
             root: string;
             label: string;
+            spinner: string;
         };
         outline: {
             root: string;
             label: string;
+            spinner: string;
         };
         ghost: {
             root: string;
             label: string;
+            spinner: string;
         };
         destructive: {
             root: string;
             label: string;
+            spinner: string;
+        };
+        /** Neutral surface for third-party sign-in, sized for a full-width stack. */
+        social: {
+            root: string;
+            label: string;
+            spinner: string;
         };
     };
     size: {
@@ -138,6 +183,11 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
             root: string;
         };
     };
+    fullWidth: {
+        true: {
+            root: string;
+        };
+    };
     disabled: {
         true: {
             root: string;
@@ -146,11 +196,18 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
 }, {
     root: string;
     label: string;
+    spinner: string;
 }, undefined, unknown, unknown, undefined>>;
 type ButtonVariantProps = VariantProps<typeof buttonVariants>;
 export interface ButtonProps extends Omit<AnimatedPressableProps, 'children' | 'disabled'>, Omit<ButtonVariantProps, 'disabled'> {
     children?: ReactNode;
     disabled?: boolean;
+    /** Show a spinner and block presses while an action is in flight. */
+    loading?: boolean;
+    /** Content rendered before the label (replaced by the spinner while loading). */
+    startContent?: ReactNode;
+    /** Content rendered after the label. */
+    endContent?: ReactNode;
     /** Extra classes for the label when children is a string. */
     labelClassName?: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA8B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,wCAAqC,CAAC;AAG7C,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA0ClB,CAAC;AAEH,KAAK,kBAAkB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAE9D,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,sBAAsB,EAAE,UAAU,GAAG,UAAU,CAAC,EAC3D,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,MAAM,8FA0BlB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,wCAAqC,CAAC;AAK7C,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;QAiCd,6EAA6E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAA7E,6EAA6E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAA7E,6EAA6E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAwBjF,CAAC;AAEH,KAAK,kBAAkB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAsB9D,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,sBAAsB,EAAE,UAAU,GAAG,UAAU,CAAC,EAC3D,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iFAAiF;IACjF,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,wCAAwC;IACxC,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,6DAA6D;IAC7D,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,MAAM,8FAiElB,CAAC"}

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

@@ -1,6 +1,20 @@
 import { View } from 'react-native';
 import { type VariantProps } from 'tailwind-variants';
 declare const checkboxVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: {};
+        /**
+         * The whole surface is the target — for pickable options where the
+         * checkbox is a confirmation rather than the affordance itself.
+         */
+        card: {
+            row: string;
+            label: string;
+        };
+    };
+    checked: {
+        true: {};
+    };
     disabled: {
         true: {
             row: string;
@@ -10,8 +24,24 @@ declare const checkboxVariants: import("tailwind-variants").TVReturnType<{
     row: string;
     box: string;
     fill: string;
+    content: string;
     label: string;
+    description: string;
 }, undefined, {
+    variant: {
+        default: {};
+        /**
+         * The whole surface is the target — for pickable options where the
+         * checkbox is a confirmation rather than the affordance itself.
+         */
+        card: {
+            row: string;
+            label: string;
+        };
+    };
+    checked: {
+        true: {};
+    };
     disabled: {
         true: {
             row: string;
@@ -21,8 +51,24 @@ declare const checkboxVariants: import("tailwind-variants").TVReturnType<{
     row: string;
     box: string;
     fill: string;
+    content: string;
     label: string;
+    description: string;
 }, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: {};
+        /**
+         * The whole surface is the target — for pickable options where the
+         * checkbox is a confirmation rather than the affordance itself.
+         */
+        card: {
+            row: string;
+            label: string;
+        };
+    };
+    checked: {
+        true: {};
+    };
     disabled: {
         true: {
             row: string;
@@ -32,7 +78,9 @@ declare const checkboxVariants: import("tailwind-variants").TVReturnType<{
     row: string;
     box: string;
     fill: string;
+    content: string;
     label: string;
+    description: string;
 }, undefined, unknown, unknown, undefined>>;
 export interface CheckboxProps extends VariantProps<typeof checkboxVariants> {
     className?: string;
@@ -41,6 +89,8 @@ export interface CheckboxProps extends VariantProps<typeof checkboxVariants> {
     disabled?: boolean;
     /** Optional label rendered next to the box; pressing it also toggles. */
     label?: string;
+    /** Secondary line under the label, for extra context. */
+    description?: string;
 }
 export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<View>>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/checkbox/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,IAAI,EAAE,MAAM,cAAc,CAAC;AAO/C,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAK1D,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAYpB,CAAC;AAEH,MAAM,WAAW,aAAc,SAAQ,YAAY,CAAC,OAAO,gBAAgB,CAAC;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,QAAQ,gGAwCpB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/checkbox/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,IAAI,EAAE,MAAM,cAAc,CAAC;AAO/C,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAK1D,QAAA,MAAM,gBAAgB;;;QAYhB;;;WAGG;;;;;;;;;;;;;;;;;;;;;;;;QAHH;;;WAGG;;;;;;;;;;;;;;;;;;;;;;;;QAHH;;;WAGG;;;;;;;;;;;;;;;;;;;;;2CAuBP,CAAC;AAEH,MAAM,WAAW,aAAc,SAAQ,YAAY,CAAC,OAAO,gBAAgB,CAAC;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,gGAgEpB,CAAC"}

package/lib/typescript/src/components/empty-state/index.d.ts

@@ -0,0 +1,73 @@
+/**
+ * EmptyState — the placeholder shown when a list or view has no content.
+ *
+ * Adapted from: cosscom/coss packages/ui/src/components/empty.tsx
+ * (centered Header / Media / Title / Description / Content anatomy, and the
+ * `icon` media variant that stacks two rotated ghost cards behind the icon).
+ * Coss does that with CSS pseudo-elements; on native it is two absolutely
+ * positioned siblings with static rotate transforms.
+ */
+import { type ReactNode } from 'react';
+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 mediaVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: {
+            card: string;
+            ghost: string;
+        };
+        icon: {
+            card: string;
+        };
+    };
+}, {
+    wrapper: string;
+    card: string;
+    ghost: string;
+}, undefined, {
+    variant: {
+        default: {
+            card: string;
+            ghost: string;
+        };
+        icon: {
+            card: string;
+        };
+    };
+}, {
+    wrapper: string;
+    card: string;
+    ghost: string;
+}, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: {
+            card: string;
+            ghost: string;
+        };
+        icon: {
+            card: string;
+        };
+    };
+}, {
+    wrapper: string;
+    card: string;
+    ghost: string;
+}, undefined, unknown, unknown, undefined>>;
+export interface EmptyStateProps extends ViewProps {
+    className?: string;
+    children?: ReactNode;
+}
+export interface EmptyStateMediaProps extends ViewProps, VariantProps<typeof mediaVariants> {
+    className?: string;
+    children?: ReactNode;
+}
+export declare const EmptyState: import("react").ForwardRefExoticComponent<EmptyStateProps & import("react").RefAttributes<View>> & {
+    Header: import("react").ForwardRefExoticComponent<EmptyStateProps & import("react").RefAttributes<View>>;
+    Media: import("react").ForwardRefExoticComponent<EmptyStateMediaProps & import("react").RefAttributes<View>>;
+    Title: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<RNText>>;
+    Description: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<RNText>>;
+    Content: import("react").ForwardRefExoticComponent<EmptyStateProps & import("react").RefAttributes<View>>;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/empty-state/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/empty-state/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,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;AAY7D,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAoBjB,CAAC;AAEH,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAmBD,MAAM,WAAW,oBACf,SAAQ,SAAS,EACf,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAwDD,eAAO,MAAM,UAAU;;;;;;CAMrB,CAAC"}

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

@@ -1,8 +1,38 @@
-import { View, type ViewProps } from 'react-native';
+/**
+ * Frame — a widget shell: a titled surface wrapping an inset panel of rows,
+ * with an optional action on the header row and a caption underneath.
+ *
+ * Layout follows the nested-radius rule (inner radius = outer radius minus the
+ * gap between them), which is why the panel is `rounded-xl` inside a
+ * `rounded-2xl` shell. Since v0.4.0 the radius scale is theme-scoped, so this
+ * relationship holds while the absolute values change per theme.
+ *
+ * ```tsx
+ * <Frame>
+ *   <Frame.Header>
+ *     <Frame.Title>Usage Type</Frame.Title>
+ *     <Frame.Action>Amount</Frame.Action>
+ *   </Frame.Header>
+ *   <Frame.Panel>
+ *     <Frame.Row>…</Frame.Row>
+ *     <Frame.Row divided>…</Frame.Row>
+ *   </Frame.Panel>
+ *   <Frame.Footer>Updated 2 minutes ago</Frame.Footer>
+ * </Frame>
+ * ```
+ */
+import { type ReactNode } from 'react';
+import { View, type Text as RNText, type ViewProps } from 'react-native';
 import { type TextProps } from '../../primitives/text.js';
 export interface FrameProps extends ViewProps {
     className?: string;
 }
+export interface FrameHeaderProps extends FrameProps {
+    children?: ReactNode;
+}
+export interface FrameActionProps extends FrameProps {
+    children?: ReactNode;
+}
 /**
  * A row inside a Frame.Panel. Pass `divided` on every row after the first to
  * draw a hairline separator above it (React Native has no :first-child).
@@ -10,12 +40,16 @@ export interface FrameProps extends ViewProps {
 export interface FrameRowProps extends FrameProps {
     divided?: boolean;
 }
+export interface FrameFooterProps extends FrameProps {
+    children?: ReactNode;
+}
 export declare const Frame: import("react").ForwardRefExoticComponent<FrameProps & import("react").RefAttributes<View>> & {
-    Header: import("react").ForwardRefExoticComponent<FrameProps & 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>>;
+    Header: import("react").ForwardRefExoticComponent<FrameHeaderProps & import("react").RefAttributes<View>>;
+    Title: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<RNText>>;
+    Action: import("react").ForwardRefExoticComponent<FrameActionProps & import("react").RefAttributes<View>>;
+    Description: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<RNText>>;
     Panel: import("react").ForwardRefExoticComponent<FrameProps & import("react").RefAttributes<View>>;
     Row: import("react").ForwardRefExoticComponent<FrameRowProps & import("react").RefAttributes<View>>;
-    Footer: import("react").ForwardRefExoticComponent<FrameProps & import("react").RefAttributes<View>>;
+    Footer: import("react").ForwardRefExoticComponent<FrameFooterProps & import("react").RefAttributes<View>>;
 };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/frame/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,0BAAuB,CAAC;AAG7D,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAyDD;;;GAGG;AACH,MAAM,WAAW,aAAc,SAAQ,UAAU;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AA0BD,eAAO,MAAM,KAAK;;;;;;;CAOhB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/frame/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,KAAK,IAAI,IAAI,MAAM,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACzE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,0BAAuB,CAAC;AAG7D,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAWD,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAClD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA+BD,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAClD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA0CD;;;GAGG;AACH,MAAM,WAAW,aAAc,SAAQ,UAAU;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAiBD,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAClD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAsBD,eAAO,MAAM,KAAK;;;;;;;;CAQhB,CAAC"}

package/lib/typescript/src/components/input-group/index.d.ts

@@ -0,0 +1,34 @@
+/**
+ * InputGroup — an Input with leading and/or trailing decorators.
+ *
+ * Adapted from: heroui-inc/heroui-native src/components/input-group/
+ * Prefix and Suffix are absolutely positioned and their measured widths become
+ * padding on the Input, so text never runs underneath a decorator regardless
+ * of how wide that decorator turns out to be.
+ */
+import { type ReactNode } from 'react';
+import { View, type TextInput, type ViewProps } from 'react-native';
+import { type InputProps } from '../input/index.js';
+export interface InputGroupProps extends ViewProps {
+    className?: string;
+    /** Disables the input and dims both decorators. */
+    isDisabled?: boolean;
+    children?: ReactNode;
+}
+export interface InputGroupDecoratorProps extends ViewProps {
+    className?: string;
+    /**
+     * Marks the decorator as presentation-only: touches fall through to the
+     * Input and screen readers skip it. Leave it off when the decorator holds
+     * something interactive, such as a show-password toggle.
+     */
+    isDecorative?: boolean;
+    children?: ReactNode;
+}
+export type InputGroupInputProps = InputProps;
+export declare const InputGroup: import("react").ForwardRefExoticComponent<InputGroupProps & import("react").RefAttributes<View>> & {
+    Prefix: import("react").ForwardRefExoticComponent<InputGroupDecoratorProps & import("react").RefAttributes<View>>;
+    Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<TextInput>>;
+    Suffix: import("react").ForwardRefExoticComponent<InputGroupDecoratorProps & import("react").RefAttributes<View>>;
+};
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/input-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/input-group/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EACL,IAAI,EAEJ,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,mBAAU,CAAC;AA6BlD,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAwBD,MAAM,WAAW,wBAAyB,SAAQ,SAAS;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAwCD,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC;AA4B9C,eAAO,MAAM,UAAU;;;;CAIrB,CAAC"}

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

@@ -0,0 +1,28 @@
+/**
+ * Label — text that names a form field.
+ *
+ * Adapted from: heroui-inc/heroui-native src/components/label/ (root +
+ * Label.Text anatomy, string children auto-wrapping, the required asterisk,
+ * and the isInvalid / isDisabled recolouring).
+ */
+import { type ReactNode } from 'react';
+import { View, type Text as RNText, type ViewProps } from 'react-native';
+import { type TextProps } from '../../primitives/text.js';
+export interface LabelProps extends ViewProps {
+    className?: string;
+    /** Appends an asterisk marking the field as required. */
+    isRequired?: boolean;
+    /** Recolours the label to signal a validation error. */
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+    children?: ReactNode;
+}
+export interface LabelTextProps extends TextProps {
+    className?: string;
+    /** Classes for the required asterisk. */
+    asteriskClassName?: string;
+}
+export declare const Label: import("react").ForwardRefExoticComponent<LabelProps & import("react").RefAttributes<View>> & {
+    Text: import("react").ForwardRefExoticComponent<LabelTextProps & import("react").RefAttributes<RNText>>;
+};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/label/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,IAAI,EAAE,KAAK,IAAI,IAAI,MAAM,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,0BAAuB,CAAC;AAiC7D,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAqCD,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AA2BD,eAAO,MAAM,KAAK;;CAEhB,CAAC"}

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

@@ -0,0 +1,132 @@
+import { View, type ViewProps } from 'react-native';
+import { type VariantProps } from 'tailwind-variants';
+declare const progressVariants: import("tailwind-variants").TVReturnType<{
+    color: {
+        primary: {
+            track: string;
+            indicator: string;
+        };
+        success: {
+            track: string;
+            indicator: string;
+        };
+        warning: {
+            track: string;
+            indicator: string;
+        };
+        destructive: {
+            track: string;
+            indicator: string;
+        };
+        info: {
+            track: string;
+            indicator: string;
+        };
+    };
+    size: {
+        sm: {
+            track: string;
+        };
+        md: {
+            track: string;
+        };
+        lg: {
+            track: string;
+        };
+    };
+}, {
+    track: string;
+    indicator: string;
+}, undefined, {
+    color: {
+        primary: {
+            track: string;
+            indicator: string;
+        };
+        success: {
+            track: string;
+            indicator: string;
+        };
+        warning: {
+            track: string;
+            indicator: string;
+        };
+        destructive: {
+            track: string;
+            indicator: string;
+        };
+        info: {
+            track: string;
+            indicator: string;
+        };
+    };
+    size: {
+        sm: {
+            track: string;
+        };
+        md: {
+            track: string;
+        };
+        lg: {
+            track: string;
+        };
+    };
+}, {
+    track: string;
+    indicator: string;
+}, import("tailwind-variants").TVReturnType<{
+    color: {
+        primary: {
+            track: string;
+            indicator: string;
+        };
+        success: {
+            track: string;
+            indicator: string;
+        };
+        warning: {
+            track: string;
+            indicator: string;
+        };
+        destructive: {
+            track: string;
+            indicator: string;
+        };
+        info: {
+            track: string;
+            indicator: string;
+        };
+    };
+    size: {
+        sm: {
+            track: string;
+        };
+        md: {
+            track: string;
+        };
+        lg: {
+            track: string;
+        };
+    };
+}, {
+    track: string;
+    indicator: string;
+}, undefined, unknown, unknown, undefined>>;
+type ProgressVariantProps = VariantProps<typeof progressVariants>;
+export interface ProgressProps extends Omit<ViewProps, 'children'>, ProgressVariantProps {
+    className?: string;
+    /** Progress value, 0–100. Ignored when `indeterminate` is set. */
+    value?: number;
+    /** Show a looping animation for unknown-duration work. */
+    indeterminate?: boolean;
+    /** Extra classes for the moving indicator. */
+    indicatorClassName?: string;
+}
+/**
+ * Determinate or indeterminate progress bar. The fill width (determinate) and
+ * the sliding bar (indeterminate) are both driven on the UI thread, so updates
+ * never re-render past the value change itself.
+ */
+export declare const Progress: import("react").ForwardRefExoticComponent<ProgressProps & import("react").RefAttributes<View>>;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/progress/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAA0B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAW5E,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAM1D,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAuBpB,CAAC;AAEH,KAAK,oBAAoB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAElE,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,EACjC,oBAAoB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,8CAA8C;IAC9C,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AASD;;;;GAIG;AACH,eAAO,MAAM,QAAQ,gGA2EpB,CAAC"}