@cdx-ui/components 0.0.1-alpha.34 → 0.0.1-alpha.36

package/lib/module/components/Form/styles.js

@@ -1,53 +1,5 @@
 "use strict";
 
 import { cva } from 'class-variance-authority';
-import { COLOR_TEXT_INVALID, COLOR_TEXT_SECONDARY, DISABLED_OPACITY } from '../../styles/primitives';
 export const formRootVariants = cva(['flex-col gap-4']);
-export const formFieldVariants = cva(['flex-col gap-1.5 mb-4', 'web:last:mb-0', DISABLED_OPACITY]);
-export const formLabelVariants = cva(['flex-row items-center', DISABLED_OPACITY, 'web:cursor-pointer', 'font-medium data-[invalid=true]:text-red-600'], {
-  variants: {
-    size: {
-      default: 'text-sm',
-      small: 'text-xs'
-    }
-  },
-  defaultVariants: {
-    size: 'default'
-  }
-});
-export const formHelperVariants = cva(['flex-row items-center']);
-export const formHelperTextVariants = cva([COLOR_TEXT_SECONDARY], {
-  variants: {
-    size: {
-      default: 'text-xs',
-      small: 'text-[11px]'
-    }
-  },
-  defaultVariants: {
-    size: 'default'
-  }
-});
-export const formErrorVariants = cva(['flex-row items-center gap-1']);
-export const formErrorTextVariants = cva([COLOR_TEXT_INVALID, 'font-medium'], {
-  variants: {
-    size: {
-      default: 'text-xs',
-      small: 'text-[11px]'
-    }
-  },
-  defaultVariants: {
-    size: 'default'
-  }
-});
-export const formErrorIconVariants = cva([COLOR_TEXT_INVALID], {
-  variants: {
-    size: {
-      default: 'size-3.5',
-      small: 'size-3'
-    }
-  },
-  defaultVariants: {
-    size: 'default'
-  }
-});
 //# sourceMappingURL=styles.js.map

package/lib/module/components/Form/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["cva","COLOR_TEXT_INVALID","COLOR_TEXT_SECONDARY","DISABLED_OPACITY","formRootVariants","formFieldVariants","formLabelVariants","variants","size","default","small","defaultVariants","formHelperVariants","formHelperTextVariants","formErrorVariants","formErrorTextVariants","formErrorIconVariants"],"sourceRoot":"../../../../src","sources":["components/Form/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,0BAA0B;AACjE,SACEC,kBAAkB,EAClBC,oBAAoB,EACpBC,gBAAgB,QACX,yBAAyB;AAEhC,OAAO,MAAMC,gBAAgB,GAAGJ,GAAG,CAAC,CAAC,gBAAgB,CAAC,CAAC;AAEvD,OAAO,MAAMK,iBAAiB,GAAGL,GAAG,CAAC,CAAC,uBAAuB,EAAE,eAAe,EAAEG,gBAAgB,CAAC,CAAC;AAElG,OAAO,MAAMG,iBAAiB,GAAGN,GAAG,CAClC,CACE,uBAAuB,EACvBG,gBAAgB,EAChB,oBAAoB,EACpB,8CAA8C,CAC/C,EACD;EACEI,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,OAAO,EAAE,SAAS;MAClBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAED,OAAO,MAAMI,kBAAkB,GAAGZ,GAAG,CAAC,CAAC,uBAAuB,CAAC,CAAC;AAEhE,OAAO,MAAMa,sBAAsB,GAAGb,GAAG,CAAC,CAACE,oBAAoB,CAAC,EAAE;EAChEK,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,OAAO,EAAE,SAAS;MAClBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEF,OAAO,MAAMM,iBAAiB,GAAGd,GAAG,CAAC,CAAC,6BAA6B,CAAC,CAAC;AAErE,OAAO,MAAMe,qBAAqB,GAAGf,GAAG,CAAC,CAACC,kBAAkB,EAAE,aAAa,CAAC,EAAE;EAC5EM,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,OAAO,EAAE,SAAS;MAClBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEF,OAAO,MAAMQ,qBAAqB,GAAGhB,GAAG,CAAC,CAACC,kBAAkB,CAAC,EAAE;EAC7DM,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,OAAO,EAAE,UAAU;MACnBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["cva","formRootVariants"],"sourceRoot":"../../../../src","sources":["components/Form/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAE9C,OAAO,MAAMC,gBAAgB,GAAGD,GAAG,CAAC,CAAC,gBAAgB,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/ProgressBar/index.js

@@ -0,0 +1,41 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { View } from 'react-native';
+import { createProgress } from '@cdx-ui/primitives';
+import { cn } from '@cdx-ui/utils';
+import { progressBarIndicatorVariants, progressBarTrackVariants } from './styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+const ProgressPrimitive = createProgress({
+  Root: View,
+  Indicator: View
+});
+const ProgressBarRoot = /*#__PURE__*/forwardRef(({
+  className,
+  style,
+  ...props
+}, ref) => {
+  const trackClass = cn(progressBarTrackVariants(), className);
+  return /*#__PURE__*/_jsx(ProgressPrimitive, {
+    ref: ref,
+    className: trackClass,
+    style: style,
+    ...props
+  });
+});
+ProgressBarRoot.displayName = 'ProgressBar';
+const ProgressBarIndicator = /*#__PURE__*/forwardRef(({
+  className,
+  style,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(ProgressPrimitive.Indicator, {
+  ref: ref,
+  className: cn(progressBarIndicatorVariants(), className),
+  style: style,
+  ...props
+}));
+ProgressBarIndicator.displayName = 'ProgressBar.Indicator';
+export const ProgressBar = Object.assign(ProgressBarRoot, {
+  Indicator: ProgressBarIndicator
+});
+//# sourceMappingURL=index.js.map

package/lib/module/components/ProgressBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","View","createProgress","cn","progressBarIndicatorVariants","progressBarTrackVariants","jsx","_jsx","ProgressPrimitive","Root","Indicator","ProgressBarRoot","className","style","props","ref","trackClass","displayName","ProgressBarIndicator","ProgressBar","Object","assign"],"sourceRoot":"../../../../src","sources":["components/ProgressBar/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,IAAI,QAAwB,cAAc;AACnD,SAASC,cAAc,QAA6B,oBAAoB;AACxE,SAASC,EAAE,QAAQ,eAAe;AAClC,SACEC,4BAA4B,EAC5BC,wBAAwB,QAEnB,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElB,MAAMC,iBAAiB,GAAGN,cAAc,CAAC;EACvCO,IAAI,EAAER,IAAI;EACVS,SAAS,EAAET;AACb,CAAC,CAAC;AAUF,MAAMU,eAAe,gBAAGX,UAAU,CAChC,CAAC;EAAEY,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACvC,MAAMC,UAAU,GAAGb,EAAE,CAACE,wBAAwB,CAAC,CAAC,EAAEO,SAAS,CAAC;EAE5D,oBAAOL,IAAA,CAACC,iBAAiB;IAACO,GAAG,EAAEA,GAAI;IAACH,SAAS,EAAEI,UAAW;IAACH,KAAK,EAAEA,KAAM;IAAA,GAAKC;EAAK,CAAG,CAAC;AACxF,CACF,CAAC;AAEDH,eAAe,CAACM,WAAW,GAAG,aAAa;AAE3C,MAAMC,oBAAoB,gBAAGlB,UAAU,CACrC,CAAC;EAAEY,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAClCR,IAAA,CAACC,iBAAiB,CAACE,SAAS;EAC1BK,GAAG,EAAEA,GAAI;EACTH,SAAS,EAAET,EAAE,CAACC,4BAA4B,CAAC,CAAC,EAAEQ,SAAS,CAAE;EACzDC,KAAK,EAAEA,KAAM;EAAA,GACTC;AAAK,CACV,CAEL,CAAC;AAEDI,oBAAoB,CAACD,WAAW,GAAG,uBAAuB;AAM1D,OAAO,MAAME,WAAW,GAAGC,MAAM,CAACC,MAAM,CAACV,eAAe,EAAE;EACxDD,SAAS,EAAEQ;AACb,CAAC,CAAiC","ignoreList":[]}

package/lib/module/components/ProgressBar/styles.js

@@ -0,0 +1,6 @@
+"use strict";
+
+import { cva } from 'class-variance-authority';
+export const progressBarTrackVariants = cva(['w-full flex-row overflow-hidden rounded-full bg-surface-action-tint h-1']);
+export const progressBarIndicatorVariants = cva(['rounded-full bg-surface-action-strong']);
+//# sourceMappingURL=styles.js.map

package/lib/module/components/ProgressBar/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cva","progressBarTrackVariants","progressBarIndicatorVariants"],"sourceRoot":"../../../../src","sources":["components/ProgressBar/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,0BAA0B;AAEjE,OAAO,MAAMC,wBAAwB,GAAGD,GAAG,CAAC,CAC1C,yEAAyE,CAC1E,CAAC;AAEF,OAAO,MAAME,4BAA4B,GAAGF,GAAG,CAAC,CAAC,uCAAuC,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/ProgressSegmented/styles.js

@@ -1,13 +1,13 @@
 "use strict";
 
 import { cva } from 'class-variance-authority';
-export const progressSegmentedVariants = cva(['flex-row gap-1 w-full']);
-export const segmentVariants = cva(['flex-1 h-2 rounded'], {
+export const progressSegmentedVariants = cva(['flex-row gap-1 w-full rounded overflow-hidden']);
+export const segmentVariants = cva(['flex-1 h-1'], {
   variants: {
     state: {
-      complete: 'bg-slate-900',
-      incomplete: 'bg-slate-300',
-      inprogress: 'bg-gradient-to-r from-slate-900 from-50% to-slate-300 to-50%'
+      complete: 'bg-surface-action-strong',
+      incomplete: 'bg-surface-action-tint',
+      inprogress: 'bg-gradient-to-r from-surface-action-strong from-50% to-surface-action-tint to-50%'
     }
   },
   defaultVariants: {

package/lib/module/components/ProgressSegmented/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["cva","progressSegmentedVariants","segmentVariants","variants","state","complete","incomplete","inprogress","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/ProgressSegmented/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,0BAA0B;AAEjE,OAAO,MAAMC,yBAAyB,GAAGD,GAAG,CAAC,CAAC,uBAAuB,CAAC,CAAC;AAEvE,OAAO,MAAME,eAAe,GAAGF,GAAG,CAAC,CAAC,oBAAoB,CAAC,EAAE;EACzDG,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,QAAQ,EAAE,cAAc;MACxBC,UAAU,EAAE,cAAc;MAC1BC,UAAU,EAAE;IACd;EACF,CAAC;EACDC,eAAe,EAAE;IACfJ,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["cva","progressSegmentedVariants","segmentVariants","variants","state","complete","incomplete","inprogress","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/ProgressSegmented/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,0BAA0B;AAEjE,OAAO,MAAMC,yBAAyB,GAAGD,GAAG,CAAC,CAAC,+CAA+C,CAAC,CAAC;AAE/F,OAAO,MAAME,eAAe,GAAGF,GAAG,CAAC,CAAC,YAAY,CAAC,EAAE;EACjDG,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,QAAQ,EAAE,0BAA0B;MACpCC,UAAU,EAAE,wBAAwB;MACpCC,UAAU,EACR;IACJ;EACF,CAAC;EACDC,eAAe,EAAE;IACfJ,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/index.js

@@ -9,10 +9,12 @@ export * from './Card';
 export * from './Checkbox';
 export * from './Chip';
 export * from './Dialog';
+export * from './Field';
 export * from './Form';
 export * from './Image';
 export * from './Input';
 export * from './Link';
+export * from './ProgressBar';
 export * from './ProgressSegmented';
 export * from './Select';
 export * from './VirtualizedList';

package/lib/module/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["HStack","VStack"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,qBAAqB;AACnC,cAAc,UAAU;AACxB,cAAc,mBAAmB;AACjC,cAAc,UAAU;AACxB,SAASA,MAAM,EAAEC,MAAM,QAAQ,SAAS;AACxC,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,QAAQ;AACtB,cAAc,cAAc","ignoreList":[]}
+{"version":3,"names":["HStack","VStack"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,eAAe;AAC7B,cAAc,qBAAqB;AACnC,cAAc,UAAU;AACxB,cAAc,mBAAmB;AACjC,cAAc,UAAU;AACxB,SAASA,MAAM,EAAEC,MAAM,QAAQ,SAAS;AACxC,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,QAAQ;AACtB,cAAc,cAAc","ignoreList":[]}

package/lib/typescript/components/{Form/FormLabelRoot.d.ts → Field/FieldLabel.d.ts}

@@ -1,6 +1,6 @@
 import { Text, TextProps, type GestureResponderEvent } from 'react-native';
-export type FormLabelRootProps = TextProps & {
-    /** @platform web — forwarded on web; ignored here (see `FormLabelRoot.web`). */
+export type BaseFieldLabelProps = TextProps & {
+    /** @platform web — forwarded on web; ignored here (see `FieldLabelRoot.web`). */
     htmlFor?: string;
     /** Optional; composed with label tap-to-focus on native. */
     onPress?: ((event: GestureResponderEvent) => void) | null;
@@ -9,10 +9,10 @@ export type FormLabelRootProps = TextProps & {
  * Native: `Text` label row — tap focuses the field input via form context
  * (parity with `<label htmlFor>` on web).
  */
-export declare const FormLabelRoot: import("react").ForwardRefExoticComponent<TextProps & {
-    /** @platform web — forwarded on web; ignored here (see `FormLabelRoot.web`). */
+export declare const BaseFieldLabel: import("react").ForwardRefExoticComponent<TextProps & {
+    /** @platform web — forwarded on web; ignored here (see `FieldLabelRoot.web`). */
     htmlFor?: string;
     /** Optional; composed with label tap-to-focus on native. */
     onPress?: ((event: GestureResponderEvent) => void) | null;
 } & import("react").RefAttributes<Text>>;
-//# sourceMappingURL=FormLabelRoot.d.ts.map
+//# sourceMappingURL=FieldLabel.d.ts.map

package/lib/typescript/components/Field/FieldLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/Field/FieldLabel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAG3E,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG;IAC5C,iFAAiF;IACjF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;CAC3D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc;IAVzB,iFAAiF;cACvE,MAAM;IAChB,4DAA4D;cAClD,CAAC,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC,GAAG,IAAI;wCAsB1D,CAAC"}

package/lib/typescript/components/{Form/FormLabelRoot.web.d.ts → Field/FieldLabel.web.d.ts}

@@ -1,20 +1,16 @@
 import React, { type ReactNode } from 'react';
 import type { ViewProps } from 'react-native';
-export type FormLabelRootProps = ViewProps & {
+export type BaseFieldLabelProps = ViewProps & {
     htmlFor?: string;
     children?: ReactNode;
-    /** Mirrors field invalid state from form context (`data-[invalid=true]` styling). */
-    'data-invalid'?: string;
     /** @platform native — ignored on DOM `<label>`; set by form primitive for Uniwind. */
     dataSet?: Record<string, string>;
 };
 /** Real `<label>` so clicking the label focuses the associated control (`htmlFor` → input `id`). */
-export declare const FormLabelRoot: React.ForwardRefExoticComponent<ViewProps & {
+export declare const BaseFieldLabel: React.ForwardRefExoticComponent<ViewProps & {
     htmlFor?: string;
     children?: ReactNode;
-    /** Mirrors field invalid state from form context (`data-[invalid=true]` styling). */
-    'data-invalid'?: string;
     /** @platform native — ignored on DOM `<label>`; set by form primitive for Uniwind. */
     dataSet?: Record<string, string>;
 } & React.RefAttributes<HTMLLabelElement>>;
-//# sourceMappingURL=FormLabelRoot.web.d.ts.map
+//# sourceMappingURL=FieldLabel.web.d.ts.map

package/lib/typescript/components/Field/FieldLabel.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldLabel.web.d.ts","sourceRoot":"","sources":["../../../../src/components/Field/FieldLabel.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,sFAAsF;IACtF,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAClC,CAAC;AAEF,oGAAoG;AACpG,eAAO,MAAM,cAAc;cAPf,MAAM;eACL,SAAS;IACpB,sFAAsF;cAC5E,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;0CAahC,CAAC"}

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

@@ -0,0 +1,26 @@
+import { View } from 'react-native';
+import { IFieldErrorProps, IFieldHelperProps, IFieldLabelProps, type IFieldRootProps } from '@cdx-ui/primitives';
+import { type FieldRootVariantProps, type FieldLabelVariantProps, type FieldHelperVariantProps, type FieldErrorVariantProps } from './styles';
+/**
+ * Field wrapper + context. For **initial focus**, pass `autoFocus` on `Input.Field` (not here).
+ */
+export interface FieldRootProps extends IFieldRootProps, FieldRootVariantProps {
+}
+declare const FieldRoot: import("react").ForwardRefExoticComponent<FieldRootProps & import("react").RefAttributes<View>>;
+export interface FieldLabelProps extends IFieldLabelProps, FieldLabelVariantProps {
+}
+declare const FieldLabel: import("react").ForwardRefExoticComponent<FieldLabelProps & import("react").RefAttributes<View>>;
+export interface FieldHelperProps extends IFieldHelperProps, FieldHelperVariantProps {
+}
+declare const FieldHelper: import("react").ForwardRefExoticComponent<FieldHelperProps & import("react").RefAttributes<View>>;
+export interface FieldErrorProps extends IFieldErrorProps, FieldErrorVariantProps {
+}
+declare const FieldError: import("react").ForwardRefExoticComponent<FieldErrorProps & import("react").RefAttributes<View>>;
+type FieldCompoundComponent = typeof FieldRoot & {
+    Label: typeof FieldLabel;
+    Helper: typeof FieldHelper;
+    Error: typeof FieldError;
+};
+export declare const Field: FieldCompoundComponent;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Field/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,IAAI,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAEL,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,KAAK,eAAe,EACrB,MAAM,oBAAoB,CAAC;AAI5B,OAAO,EAQL,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,EAC3B,KAAK,uBAAuB,EAC5B,KAAK,sBAAsB,EAC5B,MAAM,UAAU,CAAC;AAoBlB;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,eAAe,EAAE,qBAAqB;CAAG;AAEjF,QAAA,MAAM,SAAS,iGAUd,CAAC;AAQF,MAAM,WAAW,eAAgB,SAAQ,gBAAgB,EAAE,sBAAsB;CAAG;AAEpF,QAAA,MAAM,UAAU,kGAqBf,CAAC;AAQF,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB,EAAE,uBAAuB;CAAG;AAEvF,QAAA,MAAM,WAAW,mGAWhB,CAAC;AAwBF,MAAM,WAAW,eAAgB,SAAQ,gBAAgB,EAAE,sBAAsB;CAAG;AAEpF,QAAA,MAAM,UAAU,kGAcf,CAAC;AAQF,KAAK,sBAAsB,GAAG,OAAO,SAAS,GAAG;IAC/C,KAAK,EAAE,OAAO,UAAU,CAAC;IACzB,MAAM,EAAE,OAAO,WAAW,CAAC;IAC3B,KAAK,EAAE,OAAO,UAAU,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,KAAK,EAIZ,sBAAsB,CAAC"}

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

@@ -0,0 +1,16 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const fieldRootVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const fieldLabelVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const fieldHelperVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const fieldHelperTextVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const fieldErrorVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const fieldErrorTextVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const fieldErrorIconVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export type FieldRootVariantProps = VariantProps<typeof fieldRootVariants>;
+export type FieldLabelVariantProps = VariantProps<typeof fieldLabelVariants>;
+export type FieldHelperVariantProps = VariantProps<typeof fieldHelperVariants>;
+export type FieldHelperTextVariantProps = VariantProps<typeof fieldHelperTextVariants>;
+export type FieldErrorVariantProps = VariantProps<typeof fieldErrorVariants>;
+export type FieldErrorTextVariantProps = VariantProps<typeof fieldErrorTextVariants>;
+export type FieldErrorIconVariantProps = VariantProps<typeof fieldErrorIconVariants>;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Field/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,iBAAiB,oFAA6D,CAAC;AAE5F,eAAO,MAAM,kBAAkB,oFAQ7B,CAAC;AAEH,eAAO,MAAM,mBAAmB,oFAAiC,CAAC;AAElE,eAAO,MAAM,uBAAuB,oFAA4C,CAAC;AAEjF,eAAO,MAAM,kBAAkB,oFAAuC,CAAC;AAEvE,eAAO,MAAM,sBAAsB,oFAA0C,CAAC;AAE9E,eAAO,MAAM,sBAAsB,oFAA2C,CAAC;AAE/E,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC3E,MAAM,MAAM,sBAAsB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAC7E,MAAM,MAAM,uBAAuB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAC/E,MAAM,MAAM,2BAA2B,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,CAAC;AACvF,MAAM,MAAM,sBAAsB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAC7E,MAAM,MAAM,0BAA0B,GAAG,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAC;AACrF,MAAM,MAAM,0BAA0B,GAAG,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAC"}

package/lib/typescript/components/Form/FormRoot.d.ts

@@ -3,10 +3,12 @@ export type BaseFormRootProps = ViewProps & {
     onSubmit?: (e: React.SyntheticEvent) => void;
     action?: string | ((formData: FormData) => void | Promise<void>);
     method?: string;
+    className?: string;
 };
 export declare const BaseFormRoot: import("react").ForwardRefExoticComponent<ViewProps & {
     onSubmit?: (e: React.SyntheticEvent) => void;
     action?: string | ((formData: FormData) => void | Promise<void>);
     method?: string;
+    className?: string;
 } & import("react").RefAttributes<View>>;
 //# sourceMappingURL=FormRoot.d.ts.map

package/lib/typescript/components/Form/FormRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormRoot.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormRoot.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG;IAC1C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI,CAAC;IAC7C,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IACjE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,YAAY;eALZ,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI;aACnC,MAAM,GAAG,CAAC,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;aACvD,MAAM;wCAUhB,CAAC"}
+{"version":3,"file":"FormRoot.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormRoot.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG;IAC1C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI,CAAC;IAC7C,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IACjE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,YAAY;eANZ,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI;aACnC,MAAM,GAAG,CAAC,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;aACvD,MAAM;gBACH,MAAM;wCAUnB,CAAC"}

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

@@ -1,64 +1,7 @@
-import { type ReactNode } from 'react';
-import { Text, View, type ViewProps, type TextProps } from 'react-native';
-import { type IFormProps, type IFormFieldProps } from '@cdx-ui/primitives';
-import { type IconProps } from '../Icon';
+import React from 'react';
+import { View } from 'react-native';
 import { type BaseFormRootProps } from './FormRoot';
-export interface FormProps extends BaseFormRootProps, IFormProps {
-    className?: string;
-    children?: ReactNode;
+export interface FormProps extends BaseFormRootProps {
 }
-declare const FormRoot: import("react").ForwardRefExoticComponent<FormProps & import("react").RefAttributes<View>>;
-/**
- * Field wrapper + context. For **initial focus**, pass `autoFocus` on `Input.Field` (not here).
- */
-export interface FormFieldProps extends Omit<ViewProps, 'id' | 'name'>, IFormFieldProps {
-    className?: string;
-    children?: ReactNode;
-    size?: 'default' | 'small';
-}
-declare const FormField: import("react").ForwardRefExoticComponent<FormFieldProps & import("react").RefAttributes<View>>;
-export interface FormLabelProps extends ViewProps {
-    className?: string;
-    children?: ReactNode;
-    /** @platform web — passed to `<label htmlFor>`; defaults to the field input id. */
-    htmlFor?: string;
-}
-declare const FormLabel: import("react").ForwardRefExoticComponent<FormLabelProps & import("react").RefAttributes<View>>;
-export interface FormHelperProps extends ViewProps {
-    className?: string;
-    children?: ReactNode;
-}
-declare const FormHelper: import("react").ForwardRefExoticComponent<FormHelperProps & import("react").RefAttributes<View>>;
-export interface FormHelperTextProps extends TextProps {
-    className?: string;
-    children?: ReactNode;
-}
-declare const FormHelperText: import("react").ForwardRefExoticComponent<FormHelperTextProps & import("react").RefAttributes<Text>>;
-export interface FormErrorProps extends ViewProps {
-    className?: string;
-    children?: ReactNode;
-}
-declare const FormError: import("react").ForwardRefExoticComponent<FormErrorProps & import("react").RefAttributes<View>>;
-export interface FormErrorTextProps extends TextProps {
-    className?: string;
-    children?: ReactNode;
-}
-declare const FormErrorText: import("react").ForwardRefExoticComponent<FormErrorTextProps & import("react").RefAttributes<Text>>;
-export interface FormErrorIconProps extends Omit<IconProps, 'children'> {
-}
-declare const FormErrorIcon: {
-    ({ className, style, as, ...props }: FormErrorIconProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-type FormCompoundComponent = typeof FormRoot & {
-    Field: typeof FormField;
-    Label: typeof FormLabel;
-    Helper: typeof FormHelper;
-    HelperText: typeof FormHelperText;
-    Error: typeof FormError;
-    ErrorText: typeof FormErrorText;
-    ErrorIcon: typeof FormErrorIcon;
-};
-export declare const Form: FormCompoundComponent;
-export {};
+export declare const Form: React.ForwardRefExoticComponent<FormProps & React.RefAttributes<View>>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC1E,OAAO,EAAc,KAAK,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEvF,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAC;AA8ClE,MAAM,WAAW,SAAU,SAAQ,iBAAiB,EAAE,UAAU;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,QAAQ,4FAQZ,CAAC;AAQH;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,CAAC,EAAE,eAAe;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC5B;AAED,QAAA,MAAM,SAAS,iGAgBd,CAAC;AAQF,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,mFAAmF;IACnF,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAID,QAAA,MAAM,SAAS,iGAsBd,CAAC;AAQF,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,kGAUf,CAAC;AAQF,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,cAAc,sGAWnB,CAAC;AAQF,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,SAAS,iGAUd,CAAC;AAQF,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,aAAa,qGAWlB,CAAC;AAQF,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;CAAG;AAE1E,QAAA,MAAM,aAAa;yCAAwC,kBAAkB;;CAK5E,CAAC;AAQF,KAAK,qBAAqB,GAAG,OAAO,QAAQ,GAAG;IAC7C,KAAK,EAAE,OAAO,SAAS,CAAC;IACxB,KAAK,EAAE,OAAO,SAAS,CAAC;IACxB,MAAM,EAAE,OAAO,UAAU,CAAC;IAC1B,UAAU,EAAE,OAAO,cAAc,CAAC;IAClC,KAAK,EAAE,OAAO,SAAS,CAAC;IACxB,SAAS,EAAE,OAAO,aAAa,CAAC;IAChC,SAAS,EAAE,OAAO,aAAa,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,IAAI,EAQX,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAelE,MAAM,WAAW,SAAU,SAAQ,iBAAiB;CAAG;AAkBvD,eAAO,MAAM,IAAI,wEAAW,CAAC"}

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

@@ -1,22 +1,2 @@
-import { type VariantProps } from 'class-variance-authority';
 export declare const formRootVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const formFieldVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const formLabelVariants: (props?: ({
-    size?: "small" | "default" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const formHelperVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const formHelperTextVariants: (props?: ({
-    size?: "small" | "default" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const formErrorVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const formErrorTextVariants: (props?: ({
-    size?: "small" | "default" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const formErrorIconVariants: (props?: ({
-    size?: "small" | "default" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export type FormLabelVariantProps = VariantProps<typeof formLabelVariants>;
-export type FormHelperTextVariantProps = VariantProps<typeof formHelperTextVariants>;
-export type FormErrorTextVariantProps = VariantProps<typeof formErrorTextVariants>;
-export type FormErrorIconVariantProps = VariantProps<typeof formErrorIconVariants>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAOlE,eAAO,MAAM,gBAAgB,oFAA0B,CAAC;AAExD,eAAO,MAAM,iBAAiB,oFAAoE,CAAC;AAEnG,eAAO,MAAM,iBAAiB;;8EAkB7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,oFAAiC,CAAC;AAEjE,eAAO,MAAM,sBAAsB;;8EAUjC,CAAC;AAEH,eAAO,MAAM,iBAAiB,oFAAuC,CAAC;AAEtE,eAAO,MAAM,qBAAqB;;8EAUhC,CAAC;AAEH,eAAO,MAAM,qBAAqB;;8EAUhC,CAAC;AAEH,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC3E,MAAM,MAAM,0BAA0B,GAAG,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAC;AACrF,MAAM,MAAM,yBAAyB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC;AACnF,MAAM,MAAM,yBAAyB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,oFAA0B,CAAC"}

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

@@ -0,0 +1,17 @@
+import { View, type ViewProps } from 'react-native';
+import { type IProgressProps } from '@cdx-ui/primitives';
+import { type ProgressBarTrackVariantProps } from './styles';
+export interface ProgressBarProps extends IProgressProps, ProgressBarTrackVariantProps {
+    readonly className?: string;
+}
+export interface ProgressBarIndicatorProps extends ViewProps {
+    readonly className?: string;
+}
+declare const ProgressBarRoot: import("react").ForwardRefExoticComponent<ProgressBarProps & import("react").RefAttributes<View>>;
+declare const ProgressBarIndicator: import("react").ForwardRefExoticComponent<ProgressBarIndicatorProps & import("react").RefAttributes<View>>;
+type ProgressBarCompoundComponent = typeof ProgressBarRoot & {
+    Indicator: typeof ProgressBarIndicator;
+};
+export declare const ProgressBar: ProgressBarCompoundComponent;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressBar/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzE,OAAO,EAGL,KAAK,4BAA4B,EAClC,MAAM,UAAU,CAAC;AAOlB,MAAM,WAAW,gBAAiB,SAAQ,cAAc,EAAE,4BAA4B;IACpF,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,yBAA0B,SAAQ,SAAS;IAC1D,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,QAAA,MAAM,eAAe,mGAMpB,CAAC;AAIF,QAAA,MAAM,oBAAoB,4GASzB,CAAC;AAIF,KAAK,4BAA4B,GAAG,OAAO,eAAe,GAAG;IAC3D,SAAS,EAAE,OAAO,oBAAoB,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,WAAW,EAElB,4BAA4B,CAAC"}

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

@@ -0,0 +1,5 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const progressBarTrackVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const progressBarIndicatorVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export type ProgressBarTrackVariantProps = VariantProps<typeof progressBarTrackVariants>;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressBar/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,wBAAwB,oFAEnC,CAAC;AAEH,eAAO,MAAM,4BAA4B,oFAAiD,CAAC;AAE3F,MAAM,MAAM,4BAA4B,GAAG,YAAY,CAAC,OAAO,wBAAwB,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressSegmented/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,yBAAyB,oFAAiC,CAAC;AAExE,eAAO,MAAM,eAAe;;8EAW1B,CAAC;AAEH,MAAM,MAAM,yBAAyB,GAAG,YAAY,CAAC,OAAO,yBAAyB,CAAC,CAAC;AACvF,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressSegmented/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,yBAAyB,oFAAyD,CAAC;AAEhG,eAAO,MAAM,eAAe;;8EAY1B,CAAC;AAEH,MAAM,MAAM,yBAAyB,GAAG,YAAY,CAAC,OAAO,yBAAyB,CAAC,CAAC;AACvF,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC"}

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

@@ -7,10 +7,12 @@ export * from './Card';
 export * from './Checkbox';
 export * from './Chip';
 export * from './Dialog';
+export * from './Field';
 export * from './Form';
 export * from './Image';
 export * from './Input';
 export * from './Link';
+export * from './ProgressBar';
 export * from './ProgressSegmented';
 export * from './Select';
 export * from './VirtualizedList';

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,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdx-ui/components",
-  "version": "0.0.1-alpha.34",
+  "version": "0.0.1-alpha.36",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
   "react-native": "src/index.ts",
@@ -66,9 +66,9 @@
     "@gorhom/bottom-sheet": "^5.2.6",
     "class-variance-authority": "^0.7.1",
     "uniwind": "1.6.1",
-    "@cdx-ui/primitives": "0.0.1-alpha.34",
-    "@cdx-ui/utils": "0.0.1-alpha.34",
-    "@cdx-ui/icons": "0.0.1-alpha.34"
+    "@cdx-ui/primitives": "0.0.1-alpha.36",
+    "@cdx-ui/utils": "0.0.1-alpha.36",
+    "@cdx-ui/icons": "0.0.1-alpha.36"
   },
   "devDependencies": {
     "@types/react": "*",

package/src/components/{Form/FormLabelRoot.tsx → Field/FieldLabel.tsx}

@@ -2,8 +2,8 @@ import { forwardRef } from 'react';
 import { Text, TextProps, type GestureResponderEvent } from 'react-native';
 import { composeEventHandlers, useFormControlContext } from '@cdx-ui/utils';
 
-export type FormLabelRootProps = TextProps & {
-  /** @platform web — forwarded on web; ignored here (see `FormLabelRoot.web`). */
+export type BaseFieldLabelProps = TextProps & {
+  /** @platform web — forwarded on web; ignored here (see `FieldLabelRoot.web`). */
   htmlFor?: string;
   /** Optional; composed with label tap-to-focus on native. */
   onPress?: ((event: GestureResponderEvent) => void) | null;
@@ -13,7 +13,7 @@ export type FormLabelRootProps = TextProps & {
  * Native: `Text` label row — tap focuses the field input via form context
  * (parity with `<label htmlFor>` on web).
  */
-export const FormLabelRoot = forwardRef<Text, FormLabelRootProps>(
+export const BaseFieldLabel = forwardRef<Text, BaseFieldLabelProps>(
   ({ htmlFor: _omitHtmlFor, onPress, ...props }, ref) => {
     void _omitHtmlFor;
 
@@ -30,4 +30,4 @@ export const FormLabelRoot = forwardRef<Text, FormLabelRootProps>(
   },
 );
 
-FormLabelRoot.displayName = 'FormLabelRoot';
+BaseFieldLabel.displayName = 'BaseFieldLabel';

package/src/components/Field/FieldLabel.web.tsx

@@ -0,0 +1,25 @@
+import React, { forwardRef, type ReactNode } from 'react';
+import type { ViewProps } from 'react-native';
+
+// TODO: Why does dataSet need to be decomposed into individual data attributes?
+
+export type BaseFieldLabelProps = ViewProps & {
+  htmlFor?: string;
+  children?: ReactNode;
+  /** @platform native — ignored on DOM `<label>`; set by form primitive for Uniwind. */
+  dataSet?: Record<string, string>;
+};
+
+/** Real `<label>` so clicking the label focuses the associated control (`htmlFor` → input `id`). */
+export const BaseFieldLabel = forwardRef<HTMLLabelElement, BaseFieldLabelProps>((props, ref) => {
+  return (
+    <label
+      ref={ref}
+      {...(props as React.LabelHTMLAttributes<HTMLLabelElement>)}
+      data-invalid={props.dataSet?.invalid}
+      data-required={props.dataSet?.required}
+    />
+  );
+});
+
+BaseFieldLabel.displayName = 'BaseFieldLabel';