@xaui/native 0.0.3 → 0.0.5

package/dist/divider/index.cjs

@@ -0,0 +1,125 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/divider/index.ts
+var divider_exports = {};
+__export(divider_exports, {
+  Divider: () => Divider
+});
+module.exports = __toCommonJS(divider_exports);
+
+// src/components/divider/divider.tsx
+var import_react4 = __toESM(require("react"), 1);
+var import_react_native4 = require("react-native");
+
+// src/components/divider/divider.style.ts
+var import_react_native = require("react-native");
+var styles = import_react_native.StyleSheet.create({
+  horizontal: {
+    height: 1,
+    width: "100%"
+  },
+  vertical: {
+    width: 1,
+    alignSelf: "stretch"
+  }
+});
+
+// src/components/divider/divider.hook.ts
+var import_react3 = require("react");
+
+// src/core/theme-context.tsx
+var import_react = __toESM(require("react"), 1);
+var import_react_native2 = require("react-native");
+var import_theme = require("@xaui/core/theme");
+var import_palette = require("@xaui/core/palette");
+var XUIThemeContext = (0, import_react.createContext)(null);
+
+// src/core/theme-hooks.ts
+var import_react2 = require("react");
+var import_react_native3 = require("react-native");
+function useXUITheme() {
+  const theme = (0, import_react2.useContext)(XUIThemeContext);
+  if (!theme) {
+    throw new Error("useXUITheme must be used within XUIProvider");
+  }
+  return theme;
+}
+
+// src/components/divider/divider.hook.ts
+var import_core2 = require("@xaui/core");
+var useDividerColor = (themeColor, customColor) => {
+  const theme = useXUITheme();
+  const dividerColor = (0, import_react3.useMemo)(() => {
+    if (customColor) {
+      return customColor;
+    }
+    const safeThemeColor = (0, import_core2.getSafeThemeColor)(themeColor);
+    return theme.colors[safeThemeColor].main;
+  }, [customColor, themeColor, theme]);
+  return dividerColor;
+};
+var useDividerSize = (size, orientation) => {
+  const sizeStyles = (0, import_react3.useMemo)(() => {
+    if (orientation === "horizontal") {
+      return {
+        height: size
+      };
+    }
+    return {
+      width: size
+    };
+  }, [size, orientation]);
+  return sizeStyles;
+};
+
+// src/components/divider/divider.tsx
+var Divider = ({
+  size = 1,
+  themeColor = "default",
+  color,
+  orientation = "horizontal"
+}) => {
+  const dividerColor = useDividerColor(themeColor, color);
+  const sizeStyles = useDividerSize(size, orientation);
+  return /* @__PURE__ */ import_react4.default.createElement(
+    import_react_native4.View,
+    {
+      style: [
+        orientation === "horizontal" ? styles.horizontal : styles.vertical,
+        sizeStyles,
+        { backgroundColor: dividerColor }
+      ]
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Divider
+});

package/dist/divider/index.d.cts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { T as ThemeColor } from '../index-BOw6tbkc.cjs';
+
+type DividerOrientation = 'horizontal' | 'vertical';
+type DividerProps = {
+    /**
+     * The size (thickness) of the divider in pixels.
+     * @default 1
+     */
+    size?: number;
+    /**
+     * The theme color of the divider.
+     * @default 'default'
+     */
+    themeColor?: ThemeColor;
+    /**
+     * Custom color for the divider.
+     * If provided, this will override themeColor.
+     */
+    color?: string;
+    /**
+     * The orientation of the divider.
+     * @default 'horizontal'
+     */
+    orientation?: DividerOrientation;
+};
+
+declare const Divider: React.FC<DividerProps>;
+
+export { Divider, type DividerOrientation, type DividerProps };

package/dist/divider/index.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { T as ThemeColor } from '../index-BOw6tbkc.js';
+
+type DividerOrientation = 'horizontal' | 'vertical';
+type DividerProps = {
+    /**
+     * The size (thickness) of the divider in pixels.
+     * @default 1
+     */
+    size?: number;
+    /**
+     * The theme color of the divider.
+     * @default 'default'
+     */
+    themeColor?: ThemeColor;
+    /**
+     * Custom color for the divider.
+     * If provided, this will override themeColor.
+     */
+    color?: string;
+    /**
+     * The orientation of the divider.
+     * @default 'horizontal'
+     */
+    orientation?: DividerOrientation;
+};
+
+declare const Divider: React.FC<DividerProps>;
+
+export { Divider, type DividerOrientation, type DividerProps };

package/dist/divider/index.js

@@ -0,0 +1,7 @@
+import {
+  Divider
+} from "../chunk-AX7QS5WJ.js";
+import "../chunk-3ECCBLTG.js";
+export {
+  Divider
+};

package/dist/{index-BDSvmsTU.d.cts → index-BOw6tbkc.d.cts}

@@ -1,4 +1,5 @@
 type ThemeColor = 'primary' | 'secondary' | 'tertiary' | 'danger' | 'warning' | 'success' | 'default';
 type Size = 'xs' | 'sm' | 'md' | 'lg';
+type Radius = 'none' | 'sm' | 'md' | 'lg' | 'full';
 
-export type { Size as S, ThemeColor as T };
+export type { Radius as R, Size as S, ThemeColor as T };

package/dist/{index-BDSvmsTU.d.ts → index-BOw6tbkc.d.ts}

@@ -1,4 +1,5 @@
 type ThemeColor = 'primary' | 'secondary' | 'tertiary' | 'danger' | 'warning' | 'success' | 'default';
 type Size = 'xs' | 'sm' | 'md' | 'lg';
+type Radius = 'none' | 'sm' | 'md' | 'lg' | 'full';
 
-export type { Size as S, ThemeColor as T };
+export type { Radius as R, Size as S, ThemeColor as T };

package/dist/index.cjs

@@ -30,7 +30,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
-  ActivityIndicator: () => ActivityIndicator
+  ActivityIndicator: () => ActivityIndicator,
+  Divider: () => Divider
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -42,6 +43,7 @@ var import_react_native6 = require("react-native");
 var import_react = __toESM(require("react"), 1);
 var import_react_native = require("react-native");
 var import_theme = require("@xaui/core/theme");
+var import_palette = require("@xaui/core/palette");
 var XUIThemeContext = (0, import_react.createContext)(null);
 
 // src/core/theme-hooks.ts
@@ -411,7 +413,74 @@ var ActivityIndicator = (props) => {
     )
   );
 };
+
+// src/components/divider/divider.tsx
+var import_react8 = __toESM(require("react"), 1);
+var import_react_native8 = require("react-native");
+
+// src/components/divider/divider.style.ts
+var import_react_native7 = require("react-native");
+var styles2 = import_react_native7.StyleSheet.create({
+  horizontal: {
+    height: 1,
+    width: "100%"
+  },
+  vertical: {
+    width: 1,
+    alignSelf: "stretch"
+  }
+});
+
+// src/components/divider/divider.hook.ts
+var import_react7 = require("react");
+var import_core6 = require("@xaui/core");
+var useDividerColor = (themeColor, customColor) => {
+  const theme = useXUITheme();
+  const dividerColor = (0, import_react7.useMemo)(() => {
+    if (customColor) {
+      return customColor;
+    }
+    const safeThemeColor = (0, import_core6.getSafeThemeColor)(themeColor);
+    return theme.colors[safeThemeColor].main;
+  }, [customColor, themeColor, theme]);
+  return dividerColor;
+};
+var useDividerSize = (size, orientation) => {
+  const sizeStyles = (0, import_react7.useMemo)(() => {
+    if (orientation === "horizontal") {
+      return {
+        height: size
+      };
+    }
+    return {
+      width: size
+    };
+  }, [size, orientation]);
+  return sizeStyles;
+};
+
+// src/components/divider/divider.tsx
+var Divider = ({
+  size = 1,
+  themeColor = "default",
+  color,
+  orientation = "horizontal"
+}) => {
+  const dividerColor = useDividerColor(themeColor, color);
+  const sizeStyles = useDividerSize(size, orientation);
+  return /* @__PURE__ */ import_react8.default.createElement(
+    import_react_native8.View,
+    {
+      style: [
+        orientation === "horizontal" ? styles2.horizontal : styles2.vertical,
+        sizeStyles,
+        { backgroundColor: dividerColor }
+      ]
+    }
+  );
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ActivityIndicator
+  ActivityIndicator,
+  Divider
 });

package/dist/index.d.cts

@@ -1,3 +1,4 @@
 export { ActivityIndicator } from './indicator/index.cjs';
+export { Divider } from './divider/index.cjs';
 import 'react';
-import './index-BDSvmsTU.cjs';
+import './index-BOw6tbkc.cjs';

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export { ActivityIndicator } from './indicator/index.js';
+export { Divider } from './divider/index.js';
 import 'react';
-import './index-BDSvmsTU.js';
+import './index-BOw6tbkc.js';

package/dist/index.js

@@ -1,7 +1,11 @@
 import {
   ActivityIndicator
-} from "./chunk-52PIZF2Z.js";
-import "./chunk-DNJWBME5.js";
+} from "./chunk-KI7CPXTP.js";
+import {
+  Divider
+} from "./chunk-AX7QS5WJ.js";
+import "./chunk-3ECCBLTG.js";
 export {
-  ActivityIndicator
+  ActivityIndicator,
+  Divider
 };

package/dist/indicator/index.cjs

@@ -42,6 +42,7 @@ var import_react_native6 = require("react-native");
 var import_react = __toESM(require("react"), 1);
 var import_react_native = require("react-native");
 var import_theme = require("@xaui/core/theme");
+var import_palette = require("@xaui/core/palette");
 var XUIThemeContext = (0, import_react.createContext)(null);
 
 // src/core/theme-hooks.ts

package/dist/indicator/index.d.cts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { T as ThemeColor } from '../index-BDSvmsTU.cjs';
+import { T as ThemeColor } from '../index-BOw6tbkc.cjs';
 
 type ActivityIndicatorVariant = 'linear' | 'circular';
 type ActivityIndicatorProps = {

package/dist/indicator/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { T as ThemeColor } from '../index-BDSvmsTU.js';
+import { T as ThemeColor } from '../index-BOw6tbkc.js';
 
 type ActivityIndicatorVariant = 'linear' | 'circular';
 type ActivityIndicatorProps = {

package/dist/indicator/index.js

@@ -1,7 +1,7 @@
 import {
   ActivityIndicator
-} from "../chunk-52PIZF2Z.js";
-import "../chunk-DNJWBME5.js";
+} from "../chunk-KI7CPXTP.js";
+import "../chunk-3ECCBLTG.js";
 export {
   ActivityIndicator
 };

package/dist/progress/index.cjs

@@ -42,6 +42,7 @@ var import_react_native6 = require("react-native");
 var import_react = __toESM(require("react"), 1);
 var import_react_native = require("react-native");
 var import_theme = require("@xaui/core/theme");
+var import_palette = require("@xaui/core/palette");
 var XUIThemeContext = (0, import_react.createContext)(null);
 
 // src/core/theme-hooks.ts

package/dist/progress/index.d.cts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { T as ThemeColor } from '../index-BDSvmsTU.cjs';
+import { T as ThemeColor } from '../index-BOw6tbkc.cjs';
 
 type ProgressVariant = 'linear' | 'circular';
 type ProgressIndicatorProps = {

package/dist/progress/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { T as ThemeColor } from '../index-BDSvmsTU.js';
+import { T as ThemeColor } from '../index-BOw6tbkc.js';
 
 type ProgressVariant = 'linear' | 'circular';
 type ProgressIndicatorProps = {

package/dist/progress/index.js

@@ -1,6 +1,6 @@
 import {
   useXUITheme
-} from "../chunk-DNJWBME5.js";
+} from "../chunk-3ECCBLTG.js";
 
 // src/components/progress/progress.tsx
 import React3 from "react";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xaui/native",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "Flutter-inspired React Native UI components with native animations powered by React Native Reanimated",
   "keywords": [
     "react-native",
@@ -37,6 +37,11 @@
       "import": "./dist/checkbox/index.js",
       "require": "./dist/checkbox/index.js"
     },
+    "./accordion": {
+      "types": "./dist/accordion/index.d.ts",
+      "import": "./dist/accordion/index.js",
+      "require": "./dist/accordion/index.js"
+    },
     "./progress": {
       "types": "./dist/progress/index.d.ts",
       "import": "./dist/progress/index.js",
@@ -46,6 +51,11 @@
       "types": "./dist/indicator/index.d.ts",
       "import": "./dist/indicator/index.js",
       "require": "./dist/indicator/index.js"
+    },
+    "./divider": {
+      "types": "./dist/divider/index.d.ts",
+      "import": "./dist/divider/index.js",
+      "require": "./dist/divider/index.js"
     }
   },
   "files": [
@@ -58,7 +68,7 @@
     "directory": "packages/native"
   },
   "dependencies": {
-    "@xaui/core": "0.1.6"
+    "@xaui/core": "0.1.7"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",