fluent-styles 1.54.0 → 1.55.0

package/lib/typescript/actionSheet/useActionSheet.d.ts

@@ -0,0 +1,82 @@
+import React from 'react';
+import { ActionSheetProps } from './actionSheet';
+/** All props except `onDismiss` — the hook wires that up internally. */
+export type ShowActionSheetOptions = Omit<ActionSheetProps, 'onDismiss'>;
+export type ActionSheetAPI = {
+    /**
+     * Shows a fully custom action sheet. Returns the portal id.
+     *
+     * Pass `items`, `children`, or both.
+     * - `items` renders a standard list of tappable rows.
+     * - `children` renders arbitrary JSX above the items (pickers, previews, forms).
+     *
+     * @example
+     * ```tsx
+     * actionSheet.show({
+     *   title: 'Share photo',
+     *   items: [
+     *     { icon: '📋', label: 'Copy link',     onPress: copyLink },
+     *     { icon: '✉️', label: 'Send via email', onPress: shareEmail },
+     *     { icon: '🗑️', label: 'Delete photo',  variant: 'destructive', onPress: deletePhoto },
+     *   ],
+     * })
+     * ```
+     */
+    show: (options: ShowActionSheetOptions) => number;
+    /**
+     * Shows an action sheet whose entire body is the `children` you pass in.
+     * Useful for custom pickers, colour swatches, rating selectors, etc.
+     *
+     * @example
+     * ```tsx
+     * actionSheet.present(
+     *   <MyDatePicker onChange={setDate} />,
+     *   { title: 'Pick a date' },
+     * )
+     * ```
+     */
+    present: (children: React.ReactNode, options?: Omit<ShowActionSheetOptions, 'children'>) => number;
+    /**
+     * Immediately removes the action sheet (skips exit animation).
+     * In most cases you don't need this — the sheet dismisses itself after
+     * any item is tapped or Cancel is pressed.
+     */
+    dismiss: (id: number) => void;
+};
+/**
+ * Declarative action sheet hook.
+ * Requires a `PortalManager` ancestor.
+ *
+ * @example
+ * ```tsx
+ * const actionSheet = useActionSheet()
+ *
+ * // ── Items-only sheet ──────────────────────────────────────────────────
+ * actionSheet.show({
+ *   title: 'Post options',
+ *   items: [
+ *     { icon: '✏️',  label: 'Edit',             onPress: onEdit },
+ *     { icon: '🔗',  label: 'Copy link',         onPress: onCopy },
+ *     { icon: '🚩',  label: 'Report',            variant: 'destructive', onPress: onReport },
+ *     { icon: '🔒',  label: 'Premium only',      variant: 'disabled' },
+ *   ],
+ * })
+ *
+ * // ── Children-only sheet ───────────────────────────────────────────────
+ * actionSheet.present(
+ *   <EmojiPicker onSelect={emoji => { setEmoji(emoji) }} />,
+ *   { title: 'Choose reaction' },
+ * )
+ *
+ * // ── Mixed sheet ───────────────────────────────────────────────────────
+ * actionSheet.show({
+ *   title: 'Choose a colour',
+ *   children: <ColourSwatchRow onSelect={setColour} />,
+ *   items: [
+ *     { label: 'Reset to default', onPress: resetColour },
+ *   ],
+ * })
+ * ```
+ */
+export declare function useActionSheet(): ActionSheetAPI;
+//# sourceMappingURL=useActionSheet.d.ts.map

package/lib/typescript/actionSheet/useActionSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActionSheet.d.ts","sourceRoot":"","sources":["../../../src/actionSheet/useActionSheet.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAI7D,wEAAwE;AACxE,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAA;AAExE,MAAM,MAAM,cAAc,GAAG;IAC3B;;;;;;;;;;;;;;;;;;OAkBG;IACH,IAAI,EAAE,CAAC,OAAO,EAAE,sBAAsB,KAAK,MAAM,CAAA;IAEjD;;;;;;;;;;;OAWG;IACH,OAAO,EAAE,CACP,QAAQ,EAAE,KAAK,CAAC,SAAS,EACzB,OAAO,CAAC,EAAE,IAAI,CAAC,sBAAsB,EAAE,UAAU,CAAC,KAC/C,MAAM,CAAA;IAEX;;;;OAIG;IACH,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9B,CAAA;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,cAAc,IAAI,cAAc,CA6C/C"}

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

@@ -0,0 +1,37 @@
+import { TextProps, TextStyle } from "react-native";
+import { ReactNode } from "react";
+type TextVariants = {
+    fontSize?: number;
+    fontWeight?: number | string;
+    color?: string;
+    textDecorationLine?: string;
+    textAlign?: string;
+    fontFamily?: string;
+    link?: boolean;
+    autoWidth?: boolean;
+};
+type StyledBadgeProps = TextVariants & TextProps & TextStyle;
+declare const StyledBadge: import("react").ForwardRefExoticComponent<TextVariants & TextProps & TextStyle & import("react").RefAttributes<any>>;
+interface BadgeWithIconProps extends StyledBadgeProps {
+    title: string;
+    iconLeft?: ReactNode;
+    iconRight?: ReactNode;
+}
+declare const BadgeWithIcon: import("react").ForwardRefExoticComponent<BadgeWithIconProps & import("react").RefAttributes<any>>;
+interface BadgeIconProps extends StyledBadgeProps {
+    char?: string;
+    icon?: ReactNode;
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+    size?: number;
+}
+declare const BadgeIcon: import("react").ForwardRefExoticComponent<BadgeIconProps & import("react").RefAttributes<any>>;
+export { BadgeIcon };
+export type { BadgeIconProps };
+export { BadgeWithIcon };
+export type { BadgeWithIconProps };
+export { StyledBadge };
+export type { StyledBadgeProps };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG1D,OAAO,EAAc,SAAS,EAAc,MAAM,OAAO,CAAC;AAG1D,KAAK,YAAY,GAAG;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,KAAK,gBAAgB,GAAG,YAAY,GAAG,SAAS,GAAG,SAAS,CAAC;AAE7D,QAAA,MAAM,WAAW,sHA2Cf,CAAC;AAEH,UAAU,kBAAmB,SAAQ,gBAAgB;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,QAAA,MAAM,aAAa,oGA4CjB,CAAC;AAEH,UAAU,cAAe,SAAQ,gBAAgB;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,SAAS,gGAiDd,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,YAAY,EAAE,kBAAkB,EAAE,CAAC;AAEnC,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EAAE,gBAAgB,EAAE,CAAC"}

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

@@ -0,0 +1,125 @@
+import React from 'react';
+export interface StyledBarDatum {
+    /** X-axis label shown below the bar */
+    label: string;
+    /**
+     * Numeric value for this bar.
+     * Pass `null` or `undefined` to render a short placeholder (grey, hatched).
+     */
+    value?: number | null;
+    /** Mark this bar as the highlighted/active bar */
+    active?: boolean;
+}
+export interface StyledBarColors {
+    /** Fill of inactive bars. Default: palettes.gray[200] */
+    inactiveBar?: string;
+    /** Hatch line colour on inactive bars. Default: rgba(0,0,0,0.07) */
+    hatchLine?: string;
+    /** Gradient top colour for the active bar. Default: '#d4f53c' */
+    activeTop?: string;
+    /** Gradient bottom colour for the active bar. Default: '#a8c820' */
+    activeBottom?: string;
+    /** Tooltip background. Default: theme.colors.gray[900] */
+    tooltipBg?: string;
+    /** Tooltip text colour. Default: palettes.white */
+    tooltipText?: string;
+    /** Active label colour. Default: theme.colors.gray[900] */
+    activeLabelColor?: string;
+    /** Inactive label colour. Default: theme.colors.gray[400] */
+    inactiveLabelColor?: string;
+}
+export interface StyledBarProps {
+    /** Array of data points to render */
+    data: StyledBarDatum[];
+    /**
+     * Maximum value used to scale bar heights.
+     * Defaults to the max value found in `data`.
+     */
+    maxValue?: number;
+    /**
+     * Explicit pixel width for the chart SVG.
+     *
+     * ⚠️  IMPORTANT — account for your container's horizontal padding:
+     *   - Inside a card with padding={20}: width = screenWidth - outerPad*2 - cardPad*2
+     *   - Leave undefined to use the `containerPaddingHorizontal` auto-calculation.
+     */
+    width?: number;
+    /**
+     * Total horizontal padding of ALL ancestor containers combined (both sides).
+     * Used only when `width` is not provided.
+     *
+     * Example: screen paddingHorizontal=20 + card padding=20 → containerPaddingHorizontal=80
+     *
+     * Default: 80 (assumes 20px screen padding + 20px card padding on each side)
+     */
+    containerPaddingHorizontal?: number;
+    /** Height of the bar plot area (excluding labels). Default: 180 */
+    height?: number;
+    /** Fraction of the slot width occupied by each bar (0–1). Default: 0.62 */
+    barWidthRatio?: number;
+    /** Space reserved at the bottom for day labels. Default: 28 */
+    labelHeight?: number;
+    /** Whether to show diagonal hatch lines on inactive bars. Default: true */
+    showHatch?: boolean;
+    /** Spacing between hatch lines in px. Default: 8 */
+    hatchSpacing?: number;
+    /**
+     * Override the tooltip text entirely.
+     * Leave undefined to auto-generate from the active bar's value + unit.
+     */
+    tooltipLabel?: string;
+    /**
+     * Unit string appended after the value in the auto tooltip.
+     * e.g. 'min', 'kg', '°C', 'mL'. Default: ''
+     */
+    unit?: string;
+    /** Colour overrides — all optional, merged over the default lime theme */
+    colors?: StyledBarColors;
+    /**
+     * Animate bars growing up from zero on mount. Default: true
+     */
+    animated?: boolean;
+    /** Animation duration in ms. Default: 600 */
+    animationDuration?: number;
+}
+/**
+ * StyledBar — production-ready animated bar chart for fluent-styles apps.
+ *
+ * @example Basic (workout, lime theme)
+ * ```tsx
+ * <StyledBar
+ *   data={[
+ *     { label: 'Mon', value: 45 },
+ *     { label: 'Tue', value: 70, active: true },
+ *     { label: 'Wed', value: 55 },
+ *   ]}
+ *   unit="min"
+ * />
+ * ```
+ *
+ * @example Inside a StyledCard with padding={20}, screen padding=20
+ * ```tsx
+ * // containerPaddingHorizontal = (screenPad + cardPad) * 2 = (20+20)*2 = 80
+ * <StyledCard padding={20}>
+ *   <StyledBar data={data} unit="kg" containerPaddingHorizontal={80} />
+ * </StyledCard>
+ * ```
+ *
+ * @example Blue water theme
+ * ```tsx
+ * <StyledBar
+ *   data={waterData}
+ *   unit="mL"
+ *   maxValue={3000}
+ *   colors={{
+ *     activeTop: palettes.blue[400],
+ *     activeBottom: palettes.blue[600],
+ *     tooltipBg: palettes.blue[900],
+ *     inactiveBar: palettes.blue[100],
+ *   }}
+ * />
+ * ```
+ */
+export declare const StyledBar: React.FC<StyledBarProps>;
+export default StyledBar;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/barChart/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAiB3D,MAAM,WAAW,cAAc;IAC7B,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,kDAAkD;IAClD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2DAA2D;IAC3D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,6DAA6D;IAC7D,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,cAAc;IAC7B,qCAAqC;IACrC,IAAI,EAAE,cAAc,EAAE,CAAC;IAEvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;;OAOG;IACH,0BAA0B,CAAC,EAAE,MAAM,CAAC;IAEpC,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,0EAA0E;IAC1E,MAAM,CAAC,EAAE,eAAe,CAAC;IAEzB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,6CAA6C;IAC7C,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAgGD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAuI9C,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,86 @@
+import React from 'react';
+import { TouchableOpacityProps } from 'react-native';
+import { ViewStyle } from '../utiles/viewStyleProps';
+import { viewStyleStringVariants } from '../utiles/viewStyleVariants';
+import { StyledText } from '../text';
+type ButtonVariants = {
+    /** Solid filled — cyan background. */
+    primary?: boolean;
+    /** Solid filled — indigo background. */
+    secondary?: boolean;
+    /** White background, dark border. */
+    outline?: boolean;
+    /** Transparent, no border, label only. */
+    ghost?: boolean;
+    /** Transparent, no padding, inline text link. */
+    link?: boolean;
+    /** Danger / destructive action — red fill. */
+    danger?: boolean;
+    /** Success action — green fill. */
+    success?: boolean;
+    /** Warning — amber fill. */
+    warning?: boolean;
+    /** White card surface, top + side borders, no bottom (for dropdowns). */
+    dropdown?: boolean;
+    /** Greyed-out, non-interactive. */
+    disabled?: boolean;
+    /** Fully circular pill (default). */
+    pill?: boolean;
+    /** Slightly rounded rectangle. */
+    rounded?: boolean;
+    /** No border radius — sharp corners. */
+    square?: boolean;
+    xs?: boolean;
+    sm?: boolean;
+    md?: boolean;
+    lg?: boolean;
+    xl?: boolean;
+    /** Button shrinks to fit its content instead of flex: 1. */
+    compact?: boolean;
+    /** Full-width block button. */
+    block?: boolean;
+    /** Icon-only circular button. */
+    icon?: boolean;
+} & typeof viewStyleStringVariants;
+type ButtonProps = {
+    variant?: ButtonVariants;
+} & TouchableOpacityProps & ViewStyle;
+export interface StyledButtonProps extends ButtonProps {
+    children?: React.ReactNode;
+    primary?: boolean;
+    secondary?: boolean;
+    outline?: boolean;
+    ghost?: boolean;
+    link?: boolean;
+    danger?: boolean;
+    success?: boolean;
+    warning?: boolean;
+    dropdown?: boolean;
+    disabled?: boolean;
+    pill?: boolean;
+    rounded?: boolean;
+    square?: boolean;
+    xs?: boolean;
+    sm?: boolean;
+    md?: boolean;
+    lg?: boolean;
+    xl?: boolean;
+    compact?: boolean;
+    block?: boolean;
+    icon?: boolean;
+    /** Show an activity-indicator spinner and block presses. */
+    loading?: boolean;
+    /** Icon element rendered before the label. */
+    leftIcon?: React.ReactNode;
+    /** Icon element rendered after the label. */
+    rightIcon?: React.ReactNode;
+}
+interface RefExoticComponent extends React.ForwardRefExoticComponent<StyledButtonProps & React.RefAttributes<React.ComponentRef<typeof ButtonBase>>> {
+    Text: typeof StyledText;
+}
+declare const ButtonBase: React.ForwardRefExoticComponent<{
+    variant?: ButtonVariants | undefined;
+} & TouchableOpacityProps & ViewStyle & React.RefAttributes<any>>;
+declare const StyledButton: RefExoticComponent;
+export { StyledButton };
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,53 @@
+import { PressableProps, ViewProps, ViewStyle } from 'react-native';
+import React from 'react';
+import { StackProps } from '../stack';
+import { StyledImageBackgroundProps } from '../image';
+declare const shadow: {
+    light: ViewStyle;
+    lightMedium: ViewStyle;
+    medium: ViewStyle;
+    mediumDark: ViewStyle;
+    dark: ViewStyle;
+    veryDark: ViewStyle;
+};
+type ShadowLevel = keyof typeof shadow;
+type CardVariants = {
+    shadow?: ShadowLevel;
+};
+type CardComponentProps = CardVariants & ViewProps & ViewStyle;
+interface StyledCardProps extends CardComponentProps {
+    children?: React.ReactNode;
+    pressable?: boolean;
+    pressableProps?: Omit<PressableProps, 'children'>;
+}
+/**
+ * Base Card component with shadow support
+ * Flexible layout container with optional shadow variants
+ */
+declare const CardBase: React.ForwardRefExoticComponent<CardVariants & ViewProps & ViewStyle & React.RefAttributes<any>>;
+interface HeaderProps extends StackProps {
+    children: React.ReactNode;
+}
+declare const StyledHeader: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<any>>;
+interface ImageProps extends StyledImageBackgroundProps {
+    children?: React.ReactNode;
+}
+declare const StyledImage: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<any>>;
+interface ContentProps extends StackProps {
+    children: React.ReactNode;
+}
+declare const StyledContent: React.ForwardRefExoticComponent<ContentProps & React.RefAttributes<any>>;
+interface FooterProps extends StackProps {
+    children: React.ReactNode;
+}
+declare const StyledFooter: React.ForwardRefExoticComponent<FooterProps & React.RefAttributes<any>>;
+interface Card extends React.ForwardRefExoticComponent<StyledCardProps & React.RefAttributes<React.ComponentRef<typeof CardBase>>> {
+    Header: typeof StyledHeader;
+    Footer: typeof StyledFooter;
+    Image: typeof StyledImage;
+    Content: typeof StyledContent;
+}
+declare const StyledCard: Card;
+export { StyledCard, StyledHeader, StyledContent, StyledFooter, shadow };
+export type { CardVariants, CardComponentProps, StyledCardProps, ShadowLevel };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/card/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAuB,cAAc,EAAQ,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/F,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAS,UAAU,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAyB,0BAA0B,EAAE,MAAM,UAAU,CAAC;AAG7E,QAAA,MAAM,MAAM;;;;;;;CAmEX,CAAC;AAEF,KAAK,WAAW,GAAG,MAAM,OAAO,MAAM,CAAC;AAEvC,KAAK,YAAY,GAAG;IAClB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,KAAK,kBAAkB,GAAG,YAAY,GAAG,SAAS,GAAG,SAAS,CAAC;AAE/D,UAAU,eAAgB,SAAQ,kBAAkB;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;CACnD;AAED;;;GAGG;AACH,QAAA,MAAM,QAAQ,kGAgBZ,CAAC;AA+BH,UAAU,WAAY,SAAQ,UAAU;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,YAAY,yEAMhB,CAAC;AAIH,UAAU,UAAW,SAAQ,0BAA0B;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,WAAW,wEAMf,CAAC;AAIH,UAAU,YAAa,SAAQ,UAAU;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,aAAa,0EAMjB,CAAC;AAIH,UAAU,WAAY,SAAQ,UAAU;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,YAAY,yEAMhB,CAAC;AAKH,UAAU,IAAK,SAAQ,KAAK,CAAC,yBAAyB,CACpD,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAC,CAC3E;IACC,MAAM,EAAE,OAAO,YAAY,CAAC;IAC5B,MAAM,EAAE,OAAO,YAAY,CAAC;IAC5B,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,OAAO,EAAE,OAAO,aAAa,CAAC;CAC/B;AAED,QAAA,MAAM,UAAU,MAAwB,CAAC;AASzC,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC;AACzE,YAAY,EAAE,YAAY,EAAE,kBAAkB,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC"}

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

@@ -0,0 +1,28 @@
+import React from "react";
+import { TouchableOpacityProps } from "react-native";
+import { ViewStyleProps } from "../utiles/viewStyleProps";
+type VariantProps = {
+    checked?: boolean;
+    disabled?: boolean;
+    checkedColor?: string;
+    uncheckedColor?: string;
+    borderColor?: string;
+    checkMarkColor?: string;
+    size?: number;
+};
+type CheckBoxProps = VariantProps & ViewStyleProps & TouchableOpacityProps;
+interface StyledCheckBoxProps extends CheckBoxProps {
+    checked?: boolean;
+    onCheck?: (checked: boolean) => void;
+    checkedColor?: string;
+    uncheckedColor?: string;
+    borderColor?: string;
+    checkMarkColor?: string;
+    size?: number;
+    disabled?: boolean;
+    iconProps?: any;
+    iconSize?: number;
+}
+declare const StyledCheckBox: React.ForwardRefExoticComponent<StyledCheckBoxProps & React.RefAttributes<any>>;
+export { StyledCheckBox, type StyledCheckBoxProps };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/checkBox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,EAEH,qBAAqB,EAExB,MAAM,cAAc,CAAC;AAItB,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAG1D,KAAK,YAAY,GAAG;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,aAAa,GAAG,YAAY,GAAG,cAAc,GAAG,qBAAqB,CAAC;AAE3E,UAAU,mBAAoB,SAAQ,aAAa;IAE/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAGrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IAGxB,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAwCD,QAAA,MAAM,cAAc,iFAiDnB,CAAC;AAGF,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,CAAC"}

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

@@ -0,0 +1,104 @@
+/**
+ * StyledChip.tsx
+ * ──────────────
+ * Reusable chip/tag component for fluent-styles apps.
+ *
+ * Variants:
+ *  • outlined   — border only, no fill
+ *  • filled     — solid background
+ *  • smooth     — soft pastel fill, no border
+ *  • ingredient — neutral grey pill, toggleable selected state
+ *  • likeable   — heart icon left, pink border, toggleable liked state
+ *  • icon       — leading icon + label, optional filled active state
+ */
+import React from 'react';
+export type ChipVariant = 'outlined' | 'filled' | 'smooth' | 'ingredient' | 'likeable' | 'icon';
+export type ChipSize = 'sm' | 'md' | 'lg';
+export interface StyledChipProps {
+    /** Text label displayed inside the chip */
+    label: string;
+    /** Visual style. Default: 'outlined' */
+    variant?: ChipVariant;
+    /** Size preset. Default: 'md' */
+    size?: ChipSize;
+    /**
+     * Controlled selected/active state.
+     * When provided the component is controlled; omit for uncontrolled.
+     */
+    selected?: boolean;
+    /** Initial selected state for uncontrolled mode. Default: false */
+    defaultSelected?: boolean;
+    /** Called when the chip is pressed. Receives the new selected state. */
+    onPress?: (selected: boolean) => void;
+    /**
+     * Accent colour used for borders, text, and icon tints.
+     * Defaults per variant:
+     *  outlined   → theme.colors.gray[700]
+     *  filled     → palettes.white (text on filled bg)
+     *  smooth     → matches `bgColor` darkened automatically
+     *  ingredient → theme.colors.gray[700]
+     *  likeable   → '#e91e8c'
+     *  icon       → theme.colors.gray[700]
+     */
+    color?: string;
+    /**
+     * Background colour.
+     *  filled  → required for the chip colour
+     *  smooth  → sets the pastel tint
+     *  others  → typically unused
+     */
+    bgColor?: string;
+    /**
+     * Leading icon element (any ReactNode — Feather icon, SVG, emoji text, etc.)
+     * Shown for 'icon' variant and optionally on others.
+     */
+    icon?: React.ReactNode;
+    /** Show a checkmark when selected (outlined / smooth / ingredient). Default: true */
+    showCheck?: boolean;
+    /** Disabled state — mutes colours and disables press. Default: false */
+    disabled?: boolean;
+    /** Additional border radius override. Default per size. */
+    borderRadius?: number;
+}
+/**
+ * StyledChip — multi-variant chip for fluent-styles apps.
+ *
+ * @example Outlined (uncontrolled, toggleable)
+ * ```tsx
+ * <StyledChip label="Hacktoberfest" variant="outlined" color="#4caf50" />
+ * ```
+ *
+ * @example Ingredient chip (selected)
+ * ```tsx
+ * <StyledChip label="Cinnamon" variant="ingredient" defaultSelected />
+ * ```
+ *
+ * @example Likeable chip (controlled)
+ * ```tsx
+ * <StyledChip
+ *   label="Big Data"
+ *   variant="likeable"
+ *   selected={liked}
+ *   onPress={(v) => setLiked(v)}
+ * />
+ * ```
+ *
+ * @example Icon chip (filled active)
+ * ```tsx
+ * <StyledChip
+ *   label="Social Media"
+ *   variant="icon"
+ *   icon={<Icon name="refresh-cw" size={14} color="green" />}
+ *   color="green"
+ *   bgColor="#e8f5e9"
+ * />
+ * ```
+ *
+ * @example Filled chip
+ * ```tsx
+ * <StyledChip label="Taken" variant="filled" bgColor="#e91e8c" color="#fff" />
+ * ```
+ */
+export declare const StyledChip: React.FC<StyledChipProps>;
+export default StyledChip;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/chips/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAmB,MAAM,OAAO,CAAC;AAYxC,MAAM,MAAM,WAAW,GACnB,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,YAAY,GACZ,UAAU,GACV,MAAM,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C,MAAM,WAAW,eAAe;IAC9B,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IAEd,wCAAwC;IACxC,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB,iCAAiC;IACjC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,mEAAmE;IACnE,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,wEAAwE;IACxE,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAEtC;;;;;;;;;OASG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB,qFAAqF;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAmBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA4IhD,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,36 @@
+import React from 'react';
+export type CircularProgressVariant = 'default' | 'ghost' | 'gradient' | 'dashboard';
+export type CircularProgressSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type CircularProgressColors = {
+    arc: string;
+    track: string;
+    label: string;
+    sublabel: string;
+    gradientFrom: string;
+    gradientTo: string;
+};
+export interface StyledCircularProgressProps {
+    value: number;
+    total?: number;
+    display?: 'percent' | 'fraction' | 'value' | 'label' | 'none';
+    label?: string;
+    sublabel?: string;
+    variant?: CircularProgressVariant;
+    size?: CircularProgressSize;
+    diameter?: number;
+    strokeWidth?: number;
+    lineCap?: 'round' | 'butt' | 'square';
+    animated?: boolean;
+    duration?: number;
+    colors?: Partial<CircularProgressColors>;
+    /**
+     * Controls how built-in text is arranged.
+     * - 'stacked': display text first, then label / sublabel underneath
+     * - 'center': display text, label, and sublabel are centered inside the ring
+     * @default 'stacked'
+     */
+    contentPosition?: 'center' | 'stacked';
+    children?: React.ReactNode;
+}
+export declare const StyledCircularProgress: React.FC<StyledCircularProgressProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/circularProgress/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAIN,MAAM,OAAO,CAAA;AAcd,MAAM,MAAM,uBAAuB,GAC/B,SAAS,GACT,OAAO,GACP,UAAU,GACV,WAAW,CAAA;AAEf,MAAM,MAAM,oBAAoB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAEnE,MAAM,MAAM,sBAAsB,GAAG;IACnC,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,EAAE,MAAM,CAAA;IACpB,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAA;IAE7D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,OAAO,CAAC,EAAE,uBAAuB,CAAA;IACjC,IAAI,CAAC,EAAE,oBAAoB,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;IAErC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,MAAM,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAA;IAExC;;;;;OAKG;IACH,eAAe,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IAEtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAwBD,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA8PxE,CAAA"}

package/lib/typescript/collapsible/Collapse.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type CollapseProps } from './interface';
+declare const Collapse: React.FC<CollapseProps>;
+export { Collapse };
+//# sourceMappingURL=Collapse.d.ts.map

package/lib/typescript/collapsible/Collapse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapse.d.ts","sourceRoot":"","sources":["../../../src/collapsible/Collapse.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAA;AAYd,OAAO,EAIL,KAAK,aAAa,EAEnB,MAAM,aAAa,CAAA;AAgFpB,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAmQrC,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/lib/typescript/collapsible/CollapseGroup.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+import type { CollapseGroupProps, CollapseItemProps, CollapseColors, CollapseVariant, CollapseSize } from './interface';
+interface GroupCtx {
+    openKeys: Set<string>;
+    toggle: (key: string) => void;
+    inherited: {
+        variant?: CollapseVariant;
+        size?: CollapseSize;
+        bodyPadding?: boolean;
+        headerDivider?: boolean;
+        lazyRender?: boolean;
+        square?: boolean;
+        colors?: Partial<CollapseColors>;
+    };
+}
+/** Access the parent CollapseGroup context from within a CollapseItem. */
+export declare const useCollapseGroup: () => GroupCtx | null;
+/**
+ * Manages open/close state across multiple `CollapseItem` children.
+ *
+ * @example
+ * ```tsx
+ * // Accordion — only one panel open at a time
+ * <CollapseGroup accordion defaultActiveKey="a" variant="card">
+ *   <CollapseItem itemKey="a" title="Item A">…</CollapseItem>
+ *   <CollapseItem itemKey="b" title="Item B">…</CollapseItem>
+ * </CollapseGroup>
+ *
+ * // Multi-open, controlled
+ * <CollapseGroup activeKey={openKeys} onChange={setOpenKeys}>
+ *   <CollapseItem itemKey="x" title="X">…</CollapseItem>
+ *   <CollapseItem itemKey="y" title="Y">…</CollapseItem>
+ * </CollapseGroup>
+ * ```
+ */
+declare const CollapseGroup: React.FC<CollapseGroupProps>;
+export { CollapseGroup };
+/**
+ * A Collapse panel managed by a parent `CollapseGroup`.
+ *
+ * @example
+ * ```tsx
+ * <CollapseItem itemKey="shipping" title="Shipping" subtitle="2–5 days">
+ *   <Text>We ship worldwide via FedEx…</Text>
+ * </CollapseItem>
+ * ```
+ */
+export declare const CollapseItem: React.FC<CollapseItemProps>;
+//# sourceMappingURL=CollapseGroup.d.ts.map

package/lib/typescript/collapsible/CollapseGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapseGroup.d.ts","sourceRoot":"","sources":["../../../src/collapsible/CollapseGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAA;AAId,OAAO,KAAK,EACV,kBAAkB,EAClB,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,YAAY,EACb,MAAM,aAAa,CAAA;AAIpB,UAAU,QAAQ;IAChB,QAAQ,EAAG,GAAG,CAAC,MAAM,CAAC,CAAA;IACtB,MAAM,EAAK,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,SAAS,EAAE;QACT,OAAO,CAAC,EAAQ,eAAe,CAAA;QAC/B,IAAI,CAAC,EAAW,YAAY,CAAA;QAC5B,WAAW,CAAC,EAAI,OAAO,CAAA;QACvB,aAAa,CAAC,EAAE,OAAO,CAAA;QACvB,UAAU,CAAC,EAAK,OAAO,CAAA;QACvB,MAAM,CAAC,EAAS,OAAO,CAAA;QACvB,MAAM,CAAC,EAAS,OAAO,CAAC,cAAc,CAAC,CAAA;KACxC,CAAA;CACF;AAID,0EAA0E;AAC1E,eAAO,MAAM,gBAAgB,uBAAiC,CAAA;AAW9D;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuD/C,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA;AAIxB;;;;;;;;;GASG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsBpD,CAAA"}