@xaui/native 0.0.23 → 0.0.25

package/dist/chart/index.js

@@ -804,7 +804,15 @@ var LineChartCard = ({
       const y = graphHeight - ratio * graphHeight;
       return { x, y };
     });
-  }, [chartWidth, dataRange, graphHeight, minValue, normalizedData, paddingX, rightPadding]);
+  }, [
+    chartWidth,
+    dataRange,
+    graphHeight,
+    minValue,
+    normalizedData,
+    paddingX,
+    rightPadding
+  ]);
   const linePath = lineMode === "smooth" ? buildSmoothPath(points) : buildDirectPath(points);
   const areaPath = points.length ? `${linePath} L ${points[points.length - 1].x} ${graphHeight} L ${points[0].x} ${graphHeight} Z` : "";
   const PathElement = SvgElements2.Path;
@@ -819,31 +827,44 @@ var LineChartCard = ({
       ]
     },
     title !== void 0 && /* @__PURE__ */ React4.createElement(Text4, { style: [styles.barTitle, { color: textColor }] }, title),
-    /* @__PURE__ */ React4.createElement(View4, { style: styles.barChartRow }, showAxes && /* @__PURE__ */ React4.createElement(View4, { style: styles.yAxis }, /* @__PURE__ */ React4.createElement(Text4, { style: [styles.yAxisLabel, { color: textColor }] }, formatAxisValue(maxValue)), /* @__PURE__ */ React4.createElement(Text4, { style: [styles.yAxisLabel, { color: textColor }] }, formatAxisValue(meanValue)), /* @__PURE__ */ React4.createElement(Text4, { style: [styles.yAxisLabel, { color: textColor }] }, formatAxisValue(minValue))), /* @__PURE__ */ React4.createElement(View4, { style: styles.chartAndLabels }, /* @__PURE__ */ React4.createElement(View4, { style: [styles.lineChartArea, { width: chartWidth, height: chartHeight }] }, showAxes && /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement(View4, { style: [styles.lineChartGrid, { top: 0 }] }), /* @__PURE__ */ React4.createElement(
+    /* @__PURE__ */ React4.createElement(View4, { style: styles.barChartRow }, showAxes && /* @__PURE__ */ React4.createElement(View4, { style: styles.yAxis }, /* @__PURE__ */ React4.createElement(Text4, { style: [styles.yAxisLabel, { color: textColor }] }, formatAxisValue(maxValue)), /* @__PURE__ */ React4.createElement(Text4, { style: [styles.yAxisLabel, { color: textColor }] }, formatAxisValue(meanValue)), /* @__PURE__ */ React4.createElement(Text4, { style: [styles.yAxisLabel, { color: textColor }] }, formatAxisValue(minValue))), /* @__PURE__ */ React4.createElement(View4, { style: styles.chartAndLabels }, /* @__PURE__ */ React4.createElement(
       View4,
       {
-        style: [styles.lineChartGrid, { top: Math.round(chartHeight / 2) }]
-      }
-    ), /* @__PURE__ */ React4.createElement(View4, { style: [styles.lineChartGrid, { top: chartHeight - 1 }] })), /* @__PURE__ */ React4.createElement(Svg3, { width: chartWidth, height: chartHeight }, !!areaPath && (PathElement ? /* @__PURE__ */ React4.createElement(PathElement, { d: areaPath, fill: areaColor }) : null), !!linePath && (PathElement ? /* @__PURE__ */ React4.createElement(
-      PathElement,
-      {
-        d: linePath,
-        fill: "none",
-        stroke: lineColor,
-        strokeWidth: 2.5,
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    ) : null), showPoints && points.map((point, index) => /* @__PURE__ */ React4.createElement(
-      Circle3,
-      {
-        key: `line-point-${index}`,
-        cx: point.x,
-        cy: point.y,
-        r: 3.8,
-        fill: lineColor
-      }
-    )))), /* @__PURE__ */ React4.createElement(View4, { style: [styles.xAxisRow, { width: chartWidth }] }, normalizedData.map((item, index) => /* @__PURE__ */ React4.createElement(
+        style: [
+          styles.lineChartArea,
+          { width: chartWidth, height: chartHeight }
+        ]
+      },
+      showAxes && /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement(View4, { style: [styles.lineChartGrid, { top: 0 }] }), /* @__PURE__ */ React4.createElement(
+        View4,
+        {
+          style: [
+            styles.lineChartGrid,
+            { top: Math.round(chartHeight / 2) }
+          ]
+        }
+      ), /* @__PURE__ */ React4.createElement(View4, { style: [styles.lineChartGrid, { top: chartHeight - 1 }] })),
+      /* @__PURE__ */ React4.createElement(Svg3, { width: chartWidth, height: chartHeight }, !!areaPath && (PathElement ? /* @__PURE__ */ React4.createElement(PathElement, { d: areaPath, fill: areaColor }) : null), !!linePath && (PathElement ? /* @__PURE__ */ React4.createElement(
+        PathElement,
+        {
+          d: linePath,
+          fill: "none",
+          stroke: lineColor,
+          strokeWidth: 2.5,
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ) : null), showPoints && points.map((point, index) => /* @__PURE__ */ React4.createElement(
+        Circle3,
+        {
+          key: `line-point-${index}`,
+          cx: point.x,
+          cy: point.y,
+          r: 3.8,
+          fill: lineColor
+        }
+      )))
+    ), /* @__PURE__ */ React4.createElement(View4, { style: [styles.xAxisRow, { width: chartWidth }] }, normalizedData.map((item, index) => /* @__PURE__ */ React4.createElement(
       View4,
       {
         key: `${item.label}-${index}-line-x`,

package/dist/{components/checkbox/checkbox.type.d.mts → checkbox/index.d.cts}

@@ -1,8 +1,10 @@
-import type { TextStyle, ViewStyle } from 'react-native';
-import type { Radius, Size, ThemeColor } from '../../types';
-export type CheckboxVariant = 'filled' | 'light';
-export type CheckboxLabelAlignment = 'left' | 'right' | 'justify-left' | 'justify-right';
-export type CheckboxProps = {
+import React from 'react';
+import { TextStyle, ViewStyle } from 'react-native';
+import { T as ThemeColor, S as Size, R as Radius } from '../index-BOw6tbkc.cjs';
+
+type CheckboxVariant = 'filled' | 'light';
+type CheckboxLabelAlignment = 'left' | 'right' | 'justify-left' | 'justify-right';
+type CheckboxProps = {
     /**
      * The label to display alongside the checkbox.
      */
@@ -65,4 +67,7 @@ export type CheckboxProps = {
      */
     onValueChange?: (isChecked: boolean) => void;
 };
-//# sourceMappingURL=checkbox.type.d.ts.map
+
+declare const Checkbox: React.FC<CheckboxProps>;
+
+export { Checkbox, type CheckboxLabelAlignment, type CheckboxProps, type CheckboxVariant };

package/dist/checkbox/index.d.ts

@@ -1,3 +1,73 @@
-export { Checkbox } from './checkbox';
-export type { CheckboxProps, CheckboxVariant, CheckboxLabelAlignment, } from './checkbox.type';
-//# sourceMappingURL=index.d.ts.map
+import React from 'react';
+import { TextStyle, ViewStyle } from 'react-native';
+import { T as ThemeColor, S as Size, R as Radius } from '../index-BOw6tbkc.js';
+
+type CheckboxVariant = 'filled' | 'light';
+type CheckboxLabelAlignment = 'left' | 'right' | 'justify-left' | 'justify-right';
+type CheckboxProps = {
+    /**
+     * The label to display alongside the checkbox.
+     */
+    label?: string;
+    /**
+     * Alignment of the label relative to the checkbox.
+     * @default 'right'
+     */
+    labelAlignment?: CheckboxLabelAlignment;
+    /**
+     * The theme color of the checkbox.
+     * @default 'default'
+     */
+    themeColor?: ThemeColor;
+    /**
+     * The variant of the checkbox.
+     * @default 'filled'
+     */
+    variant?: CheckboxVariant;
+    /**
+     * The size of the checkbox.
+     * @default 'md'
+     */
+    size?: Size;
+    /**
+     * The border radius of the checkbox.
+     * @default 'sm'
+     */
+    radius?: Radius;
+    /**
+     * Whether the checkbox should take the full width of its container.
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * Whether the checkbox is checked.
+     * @default false
+     */
+    isChecked?: boolean;
+    /**
+     * Whether the checkbox is in an indeterminate state.
+     * @default false
+     */
+    isIndeterminate?: boolean;
+    /**
+     * Whether the checkbox is disabled.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Custom style for the label text.
+     */
+    labelStyle?: TextStyle;
+    /**
+     * Custom style for the checkbox container.
+     */
+    style?: ViewStyle;
+    /**
+     * Callback fired when the checkbox value changes.
+     */
+    onValueChange?: (isChecked: boolean) => void;
+};
+
+declare const Checkbox: React.FC<CheckboxProps>;
+
+export { Checkbox, type CheckboxLabelAlignment, type CheckboxProps, type CheckboxVariant };

package/dist/checkbox/index.js

@@ -1,7 +1,6 @@
-import "../chunk-DXXNBF5P.js";
 import {
   useXUITheme
-} from "../chunk-LTKYHG5V.js";
+} from "../chunk-GHCVNQET.js";
 
 // src/components/checkbox/checkbox.tsx
 import React2, { useEffect as useEffect2, useRef as useRef2, useState } from "react";

package/dist/{components/chip/chip.type.d.mts → chip/index.d.cts}

@@ -1,10 +1,11 @@
-import type { ReactNode } from 'react';
-import type { TextStyle, ViewStyle } from 'react-native';
-import type { ThemeColor } from '../../types';
-export type ChipVariant = 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'shadow' | 'dot';
-export type ChipSize = 'sm' | 'md' | 'lg';
-export type ChipRadius = 'none' | 'sm' | 'md' | 'lg' | 'full';
-export type ChipSelectMode = 'single' | 'multiple';
+import React, { ReactNode } from 'react';
+import { ViewStyle, TextStyle } from 'react-native';
+import { T as ThemeColor } from '../index-BOw6tbkc.cjs';
+
+type ChipVariant = 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'shadow' | 'dot';
+type ChipSize = 'sm' | 'md' | 'lg';
+type ChipRadius = 'none' | 'sm' | 'md' | 'lg' | 'full';
+type ChipSelectMode = 'single' | 'multiple';
 type ChipCustomAppearance = {
     /**
      * Custom styles for the chip container
@@ -23,7 +24,7 @@ type ChipCustomAppearance = {
      */
     dot?: ViewStyle;
 };
-export type ChipProps = {
+type ChipProps = {
     /**
      * The content to display inside the chip.
      */
@@ -79,7 +80,7 @@ export type ChipProps = {
      */
     onPress?: () => void;
 };
-export type ChipItemProps = {
+type ChipItemProps = {
     /**
      * Unique key for the chip item within a group.
      */
@@ -120,7 +121,7 @@ export type ChipItemProps = {
      */
     customAppearance?: ChipCustomAppearance;
 };
-export type ChipGroupProps = {
+type ChipGroupProps = {
     /**
      * ChipItem children.
      */
@@ -184,5 +185,11 @@ export type ChipGroupProps = {
         container?: ViewStyle;
     };
 };
-export {};
-//# sourceMappingURL=chip.type.d.ts.map
+
+declare const Chip: React.FC<ChipProps>;
+
+declare const ChipGroup: React.FC<ChipGroupProps>;
+
+declare const ChipItem: React.FC<ChipItemProps>;
+
+export { Chip, ChipGroup, type ChipGroupProps, ChipItem, type ChipItemProps, type ChipProps, type ChipRadius, type ChipSelectMode, type ChipSize, type ChipVariant };

package/dist/chip/index.d.ts

@@ -1,5 +1,195 @@
-export { Chip } from './chip';
-export { ChipGroup } from './chip-group';
-export { ChipItem } from './chip-item';
-export type { ChipProps, ChipGroupProps, ChipItemProps, ChipVariant, ChipSize, ChipRadius, ChipSelectMode, } from './chip.type';
-//# sourceMappingURL=index.d.ts.map
+import React, { ReactNode } from 'react';
+import { ViewStyle, TextStyle } from 'react-native';
+import { T as ThemeColor } from '../index-BOw6tbkc.js';
+
+type ChipVariant = 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'shadow' | 'dot';
+type ChipSize = 'sm' | 'md' | 'lg';
+type ChipRadius = 'none' | 'sm' | 'md' | 'lg' | 'full';
+type ChipSelectMode = 'single' | 'multiple';
+type ChipCustomAppearance = {
+    /**
+     * Custom styles for the chip container
+     */
+    container?: ViewStyle;
+    /**
+     * Custom styles for the chip text
+     */
+    text?: TextStyle;
+    /**
+     * Custom styles for the close button
+     */
+    closeButton?: ViewStyle;
+    /**
+     * Custom styles for the dot indicator
+     */
+    dot?: ViewStyle;
+};
+type ChipProps = {
+    /**
+     * The content to display inside the chip.
+     */
+    children: ReactNode;
+    /**
+     * The visual variant of the chip.
+     * @default 'solid'
+     */
+    variant?: ChipVariant;
+    /**
+     * The theme color of the chip.
+     * @default 'default'
+     */
+    themeColor?: ThemeColor;
+    /**
+     * The size of the chip.
+     * @default 'md'
+     */
+    size?: ChipSize;
+    /**
+     * The border radius of the chip.
+     * @default 'full'
+     */
+    radius?: ChipRadius;
+    /**
+     * Avatar or image to display at the start.
+     */
+    avatar?: ReactNode;
+    /**
+     * Content to display at the start of the chip.
+     */
+    startContent?: ReactNode;
+    /**
+     * Content to display at the end of the chip.
+     */
+    endContent?: ReactNode;
+    /**
+     * Whether the chip is disabled.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Custom appearance styles for chip parts.
+     */
+    customAppearance?: ChipCustomAppearance;
+    /**
+     * Callback fired when the close button is pressed.
+     * When provided, a close button is rendered.
+     */
+    onClose?: () => void;
+    /**
+     * Callback fired when the chip is pressed.
+     */
+    onPress?: () => void;
+};
+type ChipItemProps = {
+    /**
+     * Unique key for the chip item within a group.
+     */
+    value: string;
+    /**
+     * The content to display inside the chip item.
+     */
+    children: ReactNode;
+    /**
+     * The visual variant of the chip item.
+     * Overrides the group variant if set.
+     */
+    variant?: ChipVariant;
+    /**
+     * The theme color of the chip item.
+     * Overrides the group color if set.
+     */
+    themeColor?: ThemeColor;
+    /**
+     * Avatar or image to display at the start.
+     */
+    avatar?: ReactNode;
+    /**
+     * Content to display at the start of the chip.
+     */
+    startContent?: ReactNode;
+    /**
+     * Content to display at the end of the chip.
+     */
+    endContent?: ReactNode;
+    /**
+     * Whether the chip item is disabled.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Custom appearance styles for chip parts.
+     */
+    customAppearance?: ChipCustomAppearance;
+};
+type ChipGroupProps = {
+    /**
+     * ChipItem children.
+     */
+    children: ReactNode;
+    /**
+     * Whether chips in the group are selectable.
+     * @default false
+     */
+    isSelectable?: boolean;
+    /**
+     * Selection mode when isSelectable is true.
+     * @default 'single'
+     */
+    selectMode?: ChipSelectMode;
+    /**
+     * The visual variant applied to all chips.
+     * @default 'solid'
+     */
+    variant?: ChipVariant;
+    /**
+     * The theme color applied to all chips.
+     * @default 'default'
+     */
+    themeColor?: ThemeColor;
+    /**
+     * The size applied to all chips.
+     * @default 'md'
+     */
+    size?: ChipSize;
+    /**
+     * The border radius applied to all chips.
+     * @default 'full'
+     */
+    radius?: ChipRadius;
+    /**
+     * Whether all chips in the group are disabled.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Controlled selected values.
+     */
+    selectedValues?: string[];
+    /**
+     * Default selected values for uncontrolled mode.
+     */
+    defaultSelectedValues?: string[];
+    /**
+     * Callback fired when the selection changes.
+     */
+    onSelectionChange?: (values: string[]) => void;
+    /**
+     * Spacing between chips.
+     * @default 8
+     */
+    spacing?: number;
+    /**
+     * Custom appearance styles for the group container.
+     */
+    customAppearance?: {
+        container?: ViewStyle;
+    };
+};
+
+declare const Chip: React.FC<ChipProps>;
+
+declare const ChipGroup: React.FC<ChipGroupProps>;
+
+declare const ChipItem: React.FC<ChipItemProps>;
+
+export { Chip, ChipGroup, type ChipGroupProps, ChipItem, type ChipItemProps, type ChipProps, type ChipRadius, type ChipSelectMode, type ChipSize, type ChipVariant };

package/dist/chip/index.js

@@ -1,7 +1,6 @@
-import "../chunk-DXXNBF5P.js";
 import {
   useXUITheme
-} from "../chunk-LTKYHG5V.js";
+} from "../chunk-URBEEDFX.js";
 
 // src/components/chip/chip.tsx
 import React from "react";