@cdx-ui/components 0.2.1 → 0.2.3

package/lib/typescript/components/ReorderableList/webDnd.d.ts

@@ -0,0 +1,27 @@
+import type { ReorderController } from './useReorder';
+type Id = string | number;
+interface DragArgs {
+    active: {
+        id: Id;
+    };
+    over: {
+        id: Id;
+    } | null;
+}
+/** Maps a dnd-kit drop to `data` positions, or `null` when nothing should move. */
+export declare function resolveDragEnd(ids: readonly string[], activeId: Id, overId: Id | null | undefined): {
+    from: number;
+    to: number;
+} | null;
+/**
+ * Position-based dnd-kit announcements. dnd-kit's defaults read the raw draggable ids, which are
+ * `keyExtractor` keys — these never mention them.
+ */
+export declare function createReorderAnnouncements<T>(ids: readonly string[], describe: ReorderController<T>['describe']): {
+    onDragStart({ active }: Pick<DragArgs, "active">): string | undefined;
+    onDragOver({ active, over }: DragArgs): string | undefined;
+    onDragEnd({ active, over }: DragArgs): string | undefined;
+    onDragCancel({ active }: DragArgs): string | undefined;
+};
+export {};
+//# sourceMappingURL=webDnd.d.ts.map

package/lib/typescript/components/ReorderableList/webDnd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webDnd.d.ts","sourceRoot":"","sources":["../../../../src/components/ReorderableList/webDnd.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEtD,KAAK,EAAE,GAAG,MAAM,GAAG,MAAM,CAAC;AAE1B,UAAU,QAAQ;IAChB,MAAM,EAAE;QAAE,EAAE,EAAE,EAAE,CAAA;KAAE,CAAC;IACnB,IAAI,EAAE;QAAE,EAAE,EAAE,EAAE,CAAA;KAAE,GAAG,IAAI,CAAC;CACzB;AAED,mFAAmF;AACnF,wBAAgB,cAAc,CAC5B,GAAG,EAAE,SAAS,MAAM,EAAE,EACtB,QAAQ,EAAE,EAAE,EACZ,MAAM,EAAE,EAAE,GAAG,IAAI,GAAG,SAAS,GAC5B;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAMrC;AAED;;;GAGG;AACH,wBAAgB,0BAA0B,CAAC,CAAC,EAC1C,GAAG,EAAE,SAAS,MAAM,EAAE,EACtB,QAAQ,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;4BAQhB,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC;iCAKnB,QAAQ;gCAOT,QAAQ;6BAMX,QAAQ;EAKpC"}

package/lib/typescript/components/ScopedTheme/index.d.ts

@@ -1,6 +1,11 @@
 import type { ComponentProps } from 'react';
 import { ScopedTheme as UniwindScopedTheme } from 'uniwind';
-export type ScopedThemeProps = ComponentProps<typeof UniwindScopedTheme>;
+export type ScopedThemeProps = ComponentProps<typeof UniwindScopedTheme> & {
+    /** The theme forced on the subtree, such as `'dark'` or `'light'`. */
+    theme: ComponentProps<typeof UniwindScopedTheme>['theme'];
+    /** The subtree that renders in `theme`. */
+    children?: ComponentProps<typeof UniwindScopedTheme>['children'];
+};
 /**
  * Forces a specific theme on a component subtree, regardless of the application's
  * global theme. Useful for marketing heroes, embedded widgets, or preview surfaces

package/lib/typescript/components/ScopedTheme/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ScopedTheme/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE5D,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAEzE;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAAsC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ScopedTheme/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE5D,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,GAAG;IACzE,sEAAsE;IACtE,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAC,OAAO,CAAC,CAAC;IAC1D,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAC,UAAU,CAAC,CAAC;CAClE,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAAsC,CAAC"}

package/lib/typescript/components/Skeleton/index.d.ts

@@ -1,7 +1,10 @@
 import { type ViewProps } from 'react-native';
 import Animated from 'react-native-reanimated';
 export interface SkeletonProps extends ViewProps {
+    /** Size and shape classes for the placeholder, such as `h-4 w-32 rounded-md`. */
     className?: string;
+    /** Optional content to render inside the placeholder. */
+    children?: ViewProps['children'];
     /**
      * Half-cycle of the opacity pulse (`1` → `0.35`) in milliseconds.
      * A full pulse takes `duration × 2`.

package/lib/typescript/components/Skeleton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Skeleton/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,QAMN,MAAM,yBAAyB,CAAC;AAIjC,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,yGAsBpB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Skeleton/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,QAMN,MAAM,yBAAyB,CAAC;AAIjC,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IACjC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,yGAsBpB,CAAC"}

package/lib/typescript/components/TablePagination/index.d.ts

@@ -7,52 +7,106 @@ export type TablePaginationPageSizeOption = number | {
     label: string;
 };
 export interface TablePaginationProps extends ViewProps {
+    /** Render the consumer's child element in place of the default container. */
     asChild?: boolean;
+    /** Additional Uniwind/Tailwind classes, merged after the container's own styles. */
     className?: string;
+    /** Custom layout of pagination parts. Omit to render the status, controls and generated page items. */
     children?: ReactNode;
     /** 1-based current page. Controlled when set. */
     page?: number;
+    /**
+     * Initial 1-based page when uncontrolled.
+     * @default 1
+     */
     defaultPage?: number;
     /** Total page count. When set with no children, items are generated. */
     count?: number;
+    /** Called with the new 1-based page when the user changes page. */
     onPageChange?: (page: number) => void;
+    /**
+     * Number of page items shown on each side of the current page before an ellipsis.
+     * @default 1
+     */
     siblingCount?: number;
+    /** Current rows-per-page value. When set with no children, the page-size select is rendered. */
     pageSize?: number;
+    /**
+     * Choices offered by `TablePagination.PageSize`, as numbers or `{ value, label }` pairs.
+     * @default [25, 50, 100]
+     */
     pageSizeOptions?: readonly TablePaginationPageSizeOption[];
+    /** Called with the new rows-per-page value when the user picks one. */
     onPageSizeChange?: (pageSize: number) => void;
+    /**
+     * Disables every control in the pagination.
+     * @default false
+     */
     disabled?: boolean;
+    /**
+     * Accessible name for the pagination.
+     * @default 'Table pagination'
+     */
     'aria-label'?: string;
 }
 export interface TablePaginationItemProps extends ViewProps {
+    /** Render the consumer's child element in place of the default page button. */
     asChild?: boolean;
+    /** Additional Uniwind/Tailwind classes, merged after the item's own styles. */
     className?: string;
+    /** The page number or label to display. */
     children?: ReactNode;
+    /** 1-based page this item navigates to when pressed. */
     page?: number;
+    /**
+     * Marks the item as the current page. Set automatically when `page` matches the current page.
+     * @default false
+     */
     current?: boolean;
+    /** Disables the item. Defaults to the pagination's `disabled`. */
     disabled?: boolean;
+    /** Called on press, before the pagination navigates to `page`. */
     onPress?: PressableProps['onPress'];
 }
 export interface TablePaginationControlProps extends ViewProps {
+    /** Render the consumer's child element in place of the default icon button. */
     asChild?: boolean;
+    /** Additional Uniwind/Tailwind classes, merged after the control's own styles. */
     className?: string;
+    /** The element to render when `asChild` is set. */
     children?: ReactNode;
+    /** Disables the control. It is also disabled at the first or last page, or when the pagination is disabled. */
     disabled?: boolean;
+    /** Called on press, before the pagination moves to the adjacent page. */
     onPress?: PressableProps['onPress'];
 }
 export interface TablePaginationEllipsisProps extends ViewProps {
+    /** Render the consumer's child element in place of the default `View` host. */
     asChild?: boolean;
+    /** Additional Uniwind/Tailwind classes, merged after the ellipsis's own styles. */
     className?: string;
+    /** Custom content in place of the default `…`. */
     children?: ReactNode;
 }
 export interface TablePaginationStatusProps extends ViewProps {
+    /** Render the consumer's child element in place of the default `View` host. */
     asChild?: boolean;
+    /** Additional Uniwind/Tailwind classes, merged after the status's own styles. */
     className?: string;
+    /** Custom status content in place of the default "Page N of M" text. */
     children?: ReactNode;
 }
 export interface TablePaginationPageSizeProps extends ViewProps {
+    /** Render the consumer's child element in place of the default select. */
     asChild?: boolean;
+    /** Additional Uniwind/Tailwind classes, merged after the select's own styles. */
     className?: string;
+    /** The element to render when `asChild` is set. */
     children?: ReactNode;
+    /**
+     * Accessible name for the page-size select.
+     * @default 'Rows per page'
+     */
     'aria-label'?: string;
 }
 declare const TablePaginationRoot: import("react").ForwardRefExoticComponent<TablePaginationProps & import("react").RefAttributes<View>>;

package/lib/typescript/components/TablePagination/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TablePagination/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TablePagination/index.tsx"],"names":[],"mappings":"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"}

package/lib/typescript/components/Text/index.d.ts

@@ -4,7 +4,7 @@ import { type TextVariantProps } from './styles';
 export type TextColor = NonNullable<TextVariantProps['color']>;
 export type TextSize = NonNullable<TextVariantProps['size']>;
 export type TextWeight = NonNullable<TextVariantProps['weight']>;
-export type TextProps = Omit<TextVariantProps, 'color' | 'size' | 'weight'> & ComponentPropsWithoutRef<typeof RNText> & {
+export type TextProps = Omit<TextVariantProps, 'color' | 'size' | 'weight' | 'italic'> & ComponentPropsWithoutRef<typeof RNText> & {
     /**
      * Semantic content color, mapped to the matching `text-content-*` token.
      * A `Text` nested inside another text element inherits its parent's color when omitted.
@@ -22,9 +22,14 @@ export type TextProps = Omit<TextVariantProps, 'color' | 'size' | 'weight'> & Co
      * @default 'normal'
      */
     weight?: TextWeight;
+    /** Renders the text in italics. A nested `Text` inherits its parent's style when omitted. */
+    italic?: TextVariantProps['italic'];
+    /** Additional Uniwind/Tailwind classes, merged after the text's own styles. */
     className?: string;
+    /** Text content, which may include nested `Text` elements. */
+    children?: ComponentPropsWithoutRef<typeof RNText>['children'];
 };
-export declare const Text: import("react").ForwardRefExoticComponent<Omit<TextVariantProps, "color" | "size" | "weight"> & import("react-native").TextProps & {
+export declare const Text: import("react").ForwardRefExoticComponent<Omit<TextVariantProps, "color" | "size" | "italic" | "weight"> & import("react-native").TextProps & {
     /**
      * Semantic content color, mapped to the matching `text-content-*` token.
      * A `Text` nested inside another text element inherits its parent's color when omitted.
@@ -42,6 +47,11 @@ export declare const Text: import("react").ForwardRefExoticComponent<Omit<TextVa
      * @default 'normal'
      */
     weight?: TextWeight;
+    /** Renders the text in italics. A nested `Text` inherits its parent's style when omitted. */
+    italic?: TextVariantProps["italic"];
+    /** Additional Uniwind/Tailwind classes, merged after the text's own styles. */
     className?: string;
+    /** Text content, which may include nested `Text` elements. */
+    children?: ComponentPropsWithoutRef<typeof RNText>["children"];
 } & import("react").RefAttributes<RNText>>;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/Text/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,wBAAwB,EAAqB,MAAM,OAAO,CAAC;AACrF,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,EAA8B,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE7E,MAAM,MAAM,SAAS,GAAG,WAAW,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;AAC/D,MAAM,MAAM,QAAQ,GAAG,WAAW,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC;AAC7D,MAAM,MAAM,UAAU,GAAG,WAAW,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;AAEjE,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC,GACzE,wBAAwB,CAAC,OAAO,MAAM,CAAC,GAAG;IACxC;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;OAGG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEJ,eAAO,MAAM,IAAI;IApBb;;;;OAIG;YACK,SAAS;IACjB;;;;OAIG;WACI,QAAQ;IACf;;;OAGG;aACM,UAAU;gBACP,MAAM;0CAWpB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,wBAAwB,EAAqB,MAAM,OAAO,CAAC;AACrF,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,EAA8B,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE7E,MAAM,MAAM,SAAS,GAAG,WAAW,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;AAC/D,MAAM,MAAM,QAAQ,GAAG,WAAW,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC;AAC7D,MAAM,MAAM,UAAU,GAAG,WAAW,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;AAEjE,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC,GACpF,wBAAwB,CAAC,OAAO,MAAM,CAAC,GAAG;IACxC;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;OAGG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,6FAA6F;IAC7F,MAAM,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACpC,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,wBAAwB,CAAC,OAAO,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC;CAChE,CAAC;AAEJ,eAAO,MAAM,IAAI;IAzBb;;;;OAIG;YACK,SAAS;IACjB;;;;OAIG;WACI,QAAQ;IACf;;;OAGG;aACM,UAAU;IACnB,6FAA6F;aACpF,gBAAgB,CAAC,QAAQ,CAAC;IACnC,+EAA+E;gBACnE,MAAM;IAClB,8DAA8D;eACnD,wBAAwB,CAAC,OAAO,MAAM,CAAC,CAAC,UAAU,CAAC;0CAWhE,CAAC"}

package/lib/typescript/components/Tile/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Tile/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAGvD,eAAO,MAAM,iBAAiB;;;8EAe5B,CAAC;AAEH,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE3E,eAAO,MAAM,gBAAgB;;;8EA4C5B,CAAC;AAEF,eAAO,MAAM,uBAAuB,oFAAqD,CAAC;AAE1F,eAAO,MAAM,wBAAwB,oFAAqD,CAAC;AAE3F,eAAO,MAAM,mBAAmB,oFAAwD,CAAC;AAEzF,eAAO,MAAM,iBAAiB,oFAAmE,CAAC;AAElG,eAAO,MAAM,uBAAuB,oFAAuD,CAAC;AAE5F,eAAO,MAAM,qBAAqB,oFAAqD,CAAC;AAExF,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Tile/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAGvD,eAAO,MAAM,iBAAiB;;;8EAe5B,CAAC;AAEH,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE3E,eAAO,MAAM,gBAAgB;;;8EA+C5B,CAAC;AAEF,eAAO,MAAM,uBAAuB,oFAAqD,CAAC;AAE1F,eAAO,MAAM,wBAAwB,oFAAqD,CAAC;AAE3F,eAAO,MAAM,mBAAmB,oFAAwD,CAAC;AAEzF,eAAO,MAAM,iBAAiB,oFAAmE,CAAC;AAElG,eAAO,MAAM,uBAAuB,oFAAuD,CAAC;AAE5F,eAAO,MAAM,qBAAqB,oFAAqD,CAAC;AAExF,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC"}

package/lib/typescript/components/ToggleButton/styles.d.ts

@@ -12,7 +12,7 @@ export declare const toggleButtonRootVariants: (props?: ({
  */
 export declare const toggleButtonAttachedVariants: (props?: ({
     orientation?: "vertical" | "horizontal" | null | undefined;
-    position?: "middle" | "only" | "first" | "last" | null | undefined;
+    position?: "middle" | "first" | "only" | "last" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type ToggleButtonAttachedPosition = NonNullable<VariantProps<typeof toggleButtonAttachedVariants>['position']>;
 export declare const toggleButtonGroupVariants: (props?: ({

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

@@ -52,6 +52,7 @@ export * from './ScrollShadow';
 export * from './Select';
 export * from './Slider';
 export * from './VirtualizedList';
+export type { ReorderableListLabels, ReorderableListProps, ReorderableListRenderItemInfo, } from './ReorderableList/types';
 export * from './Switch';
 export * from './Tabs';
 export * from './Table';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,uBAAuB,EAAE,MAAM,eAAe,CAAC;AACjG,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,uBAAuB,EAAE,MAAM,eAAe,CAAC;AACjG,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,YAAY,EACV,qBAAqB,EACrB,oBAAoB,EACpB,6BAA6B,GAC9B,MAAM,yBAAyB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC"}

package/lib/typescript/reorderable-list.d.ts

@@ -0,0 +1,2 @@
+export * from './components/ReorderableList';
+//# sourceMappingURL=reorderable-list.d.ts.map

package/lib/typescript/reorderable-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reorderable-list.d.ts","sourceRoot":"","sources":["../../src/reorderable-list.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdx-ui/components",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -20,6 +20,13 @@
       "require": "./lib/commonjs/index.js",
       "default": "./lib/module/index.js"
     },
+    "./reorderable-list": {
+      "react-native": "./src/reorderable-list.ts",
+      "types": "./lib/typescript/reorderable-list.d.ts",
+      "import": "./lib/module/reorderable-list.js",
+      "require": "./lib/commonjs/reorderable-list.js",
+      "default": "./lib/module/reorderable-list.js"
+    },
     "./styles.css": "./src/styles.css"
   },
   "files": [
@@ -43,17 +50,30 @@
     ]
   },
   "peerDependencies": {
+    "@dnd-kit/core": "^6.3.0",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.0",
     "@shopify/flash-list": ">=2.0.0",
     "react": "^18.2.0 || ^19.0.0",
     "react-native": ">=0.76.0",
     "react-native-gesture-handler": ">=2.0.0",
     "react-native-reanimated": ">=4.0.0",
-    "react-native-svg": "^13.0.0 || ^14.0.0 || ^15.0.0",
     "react-native-safe-area-context": ">=4.0.0",
+    "react-native-sortables": "^1.10.1",
+    "react-native-svg": "^13.0.0 || ^14.0.0 || ^15.0.0",
     "react-native-web": ">=0.19.0",
     "react-native-worklets": ">=0.4.0"
   },
   "peerDependenciesMeta": {
+    "@dnd-kit/core": {
+      "optional": true
+    },
+    "@dnd-kit/sortable": {
+      "optional": true
+    },
+    "@dnd-kit/utilities": {
+      "optional": true
+    },
     "@shopify/flash-list": {
       "optional": true
     },
@@ -66,6 +86,9 @@
     "react-native-reanimated": {
       "optional": true
     },
+    "react-native-sortables": {
+      "optional": true
+    },
     "react-native-svg": {
       "optional": true
     },
@@ -81,20 +104,24 @@
     "@marceloterreiro/flash-calendar": "2.0.0",
     "react-native-reanimated-carousel": "5.0.0-beta.5",
     "uniwind": "1.10.0",
-    "@cdx-ui/formatters": "0.2.1",
-    "@cdx-ui/icons": "0.2.1",
-    "@cdx-ui/utils": "0.2.1",
-    "@cdx-ui/primitives": "0.2.1"
+    "@cdx-ui/formatters": "0.2.3",
+    "@cdx-ui/utils": "0.2.3",
+    "@cdx-ui/icons": "0.2.3",
+    "@cdx-ui/primitives": "0.2.3"
   },
   "devDependencies": {
+    "@dnd-kit/core": "6.3.1",
+    "@dnd-kit/sortable": "10.0.0",
+    "@dnd-kit/utilities": "3.2.2",
     "@react-navigation/bottom-tabs": "*",
-    "react-native-screens": "*",
     "@types/react": "19.1.17",
     "@types/react-dom": "*",
     "react": "19.1.0",
     "react-dom": "19.1.0",
     "react-native": "*",
     "react-native-builder-bob": "*",
+    "react-native-screens": "*",
+    "react-native-sortables": "1.10.1",
     "react-native-svg": "*",
     "react-native-web": "*",
     "typescript": "*"

package/src/components/Button/styles.ts

@@ -17,7 +17,13 @@ export const buttonRootVariants = cva(
   {
     variants: {
       variant: {
-        solid: ['border-b-1 border-black/75'], // TODO: Replace with token
+        // Native border renderers don't taper a single-side border around rounded corners the
+        // way browsers do; an inset shadow is clipped to the radius, so it reproduces the web curl.
+        // TODO: Replace color with token
+        solid: Platform.select({
+          default: 'inset-shadow-[0_-1px_0_rgb(0_0_0/0.75)]',
+          web: 'border-b-1 border-black/75',
+        }),
         outline: ['bg-transparent', 'border border-stroke-primary'],
         ghost: ['bg-transparent'],
       },

package/src/components/Checkbox/index.tsx

@@ -25,7 +25,9 @@ import {
 // =============================================================================
 
 export interface CheckboxProps extends ICheckboxProps {
+  /** Additional Uniwind/Tailwind classes, merged after the checkbox's own styles. */
   className?: string;
+  /** Content rendered after the indicator, typically a `Checkbox.Label`. */
   children?: ReactNode;
 }
 
@@ -74,8 +76,11 @@ const INDICATOR_STATES = {
 } as const;
 
 export interface CheckboxIndicatorProps extends ViewProps {
+  /** Render the consumer's child element in place of the default `View` host. */
   asChild?: boolean;
+  /** Additional Uniwind/Tailwind classes, merged after the indicator's own styles. */
   className?: string;
+  /** Indicator content, typically a `Checkbox.Icon`. */
   children?: ReactNode;
 }
 
@@ -183,8 +188,11 @@ const CheckboxIconSlot = ({
 // =============================================================================
 
 export interface CheckboxLabelProps extends TextProps {
+  /** Render the consumer's child element in place of the default `Text` host. */
   asChild?: boolean;
+  /** Additional Uniwind/Tailwind classes, merged after the label's own styles. */
   className?: string;
+  /** Label content (or a custom element when `asChild` is set). */
   children?: ReactNode;
 }
 
@@ -222,13 +230,27 @@ CheckboxLabel.displayName = 'Checkbox.Label';
 // =============================================================================
 
 export interface CheckboxGroupProps extends ViewProps {
+  /** Additional Uniwind/Tailwind classes, merged after the group's own styles. */
   className?: string;
+  /** The `Checkbox` items in the group. */
   children?: ReactNode;
+  /**
+   * The `value` of every checked checkbox in the group.
+   * @default []
+   */
   value?: string[];
+  /** Called with the updated list of checked values when the user toggles a checkbox. */
   onChange?: (value: string[]) => void;
+  /** Disables every checkbox in the group. */
   isDisabled?: boolean;
+  /** Marks the group as invalid. Set `isInvalid` on each `Checkbox` to style it as invalid. */
   isInvalid?: boolean;
+  /** Makes every checkbox in the group focusable but unchangeable. */
   isReadOnly?: boolean;
+  /**
+   * Stacks the checkboxes vertically (`column`) or lays them out in a row.
+   * @default 'column'
+   */
   direction?: 'column' | 'row';
   'aria-label'?: string;
   'aria-labelledby'?: string;

package/src/components/Field/index.tsx

@@ -80,7 +80,7 @@ const FieldLabel = forwardRef<View, FieldLabelProps>(
         style={style}
         htmlFor={htmlFor}
         requiredIndicator={
-          <Text className="text-content-danger" aria-hidden>
+          <Text className="text-content-danger web:inline" aria-hidden>
             {' *'}
           </Text>
         }

package/src/components/Heading/index.tsx

@@ -11,9 +11,18 @@ const sizeToLevel = {
   xs: 5,
 } as const;
 
-export type HeadingProps = HeadingVariantProps &
+export type HeadingProps = Omit<HeadingVariantProps, 'size'> &
   ComponentPropsWithoutRef<typeof Text> & {
+    /**
+     * Heading typography style. Also sets the accessibility heading level: `xl` is level 1
+     * through `xs` at level 5.
+     * @default 'lg'
+     */
+    size?: HeadingVariantProps['size'];
+    /** Additional Uniwind/Tailwind classes, merged after the heading's own styles. */
     className?: string;
+    /** Heading text. */
+    children?: ComponentPropsWithoutRef<typeof Text>['children'];
   };
 
 export const Heading = memo(

package/src/components/Icon/index.tsx

@@ -18,7 +18,9 @@ export type IconProps = Omit<ForgeIconProps, 'color'> & {
    * @default 'primary'
    */
   color?: IconColor | (string & {}) | Exclude<SvgColor, string>;
+  /** Utility classes for size (`size-*`) and placement, merged after the defaults. */
   className?: string; // TODO: Why does this need to specified manually?
+  /** The `@cdx-ui/icons` component to render. */
   as: ForgeIcon;
 };