noorui-rtl 0.1.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Nuno Marques
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,100 @@
+# Noor UI
+
+[![npm version](https://img.shields.io/npm/v/noorui-rtl.svg)](https://www.npmjs.com/package/noorui-rtl)
+[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
+
+Beautiful RTL-first React components for bilingual applications. Built with Radix UI, Tailwind CSS, and full Arabic/English support.
+
+## Features
+
+✨ **RTL-First Design** - Built from the ground up with RTL languages in mind
+🌍 **Bilingual Support** - Seamless English/Arabic language switching
+♿ **Accessible** - WCAG 2.1 compliant components
+🎨 **Themeable** - Multiple built-in themes with easy customization
+📦 **Tree-shakeable** - Import only what you need
+⚡ **TypeScript** - Full type safety out of the box
+🕌 **GCC-Specific** - Components for Gulf region markets (Prayer Times, Hijri Calendar, Zakat Calculator)
+
+## Installation
+
+```bash
+npm install noorui-rtl
+```
+
+## Quick Start
+
+```tsx
+import { NoorProvider } from 'noorui-rtl';
+import 'noorui-rtl/styles.css';
+
+function App() {
+  return (
+    <NoorProvider locale="ar" direction="rtl">
+      <YourApp />
+    </NoorProvider>
+  );
+}
+```
+
+## Documentation
+
+For full documentation, visit [noorui.com](https://noorui.com)
+
+## Components
+
+### Core Components
+- Button, Card, Badge, Avatar, Separator, Label, Input
+- Alert, Toast, Dialog, Sheet, Popover, Tooltip
+- Select, Checkbox, Radio Group, Switch, Slider
+- Tabs, Accordion, Collapsible
+- Table, Data Table, Pagination
+- Command Menu, Dropdown Menu, Context Menu
+
+### Advanced Components
+- Dashboard Shell
+- User Menu
+- Notification Center
+- Stepper
+- File Upload
+- Rich Text Editor
+- Date Picker, Time Picker
+- Number Input
+
+### GCC-Specific Components
+- Prayer Times
+- Hijri Date
+- Arabic Number
+- Zakat Calculator
+
+### AI/LLM Components
+- Chat Message
+- Prompt Input
+- Thinking Indicator
+- Message Actions
+- Model Selector
+- Parameter Slider
+- Token Counter
+- Conversation History
+- Workflow Canvas
+- Workflow Node
+
+## Requirements
+
+- React 18+
+- Tailwind CSS 3.4+
+- Node.js 18+
+
+## License
+
+MIT © [Nuno Marques](https://ositaka.com)
+
+## Links
+
+- 🌐 [Website](https://noorui.com)
+- 📚 [Documentation](https://noorui.com/documentation)
+- 🐛 [Issues](https://github.com/ositaka/noor-ui/issues)
+- 💬 [Discussions](https://github.com/ositaka/noor-ui/discussions)
+
+---
+
+Made with ❤️ for the bilingual web

package/dist/index.d.mts

@@ -0,0 +1,50 @@
+import * as React from 'react';
+
+/**
+ * NoorProvider - Root provider for Noor UI components
+ *
+ * This provider will handle:
+ * - Direction context (LTR/RTL)
+ * - Locale context (en/ar)
+ * - Theme context
+ *
+ * @example
+ * ```tsx
+ * import { NoorProvider } from 'noorui';
+ *
+ * function App() {
+ *   return (
+ *     <NoorProvider locale="ar" direction="rtl">
+ *       <YourApp />
+ *     </NoorProvider>
+ *   );
+ * }
+ * ```
+ */
+interface NoorProviderProps {
+    children: React.ReactNode;
+    locale?: 'en' | 'ar';
+    direction?: 'ltr' | 'rtl';
+}
+declare const NoorProvider: React.FC<NoorProviderProps>;
+
+/**
+ * Noor UI - Beautiful RTL-first React components for bilingual applications
+ *
+ * @description A comprehensive UI component library built with Radix UI and Tailwind CSS,
+ * featuring full RTL support and bilingual (English/Arabic) capabilities.
+ *
+ * @version 0.1.0
+ * @license MIT
+ * @author Nuno Marques <info@ositaka.com>
+ * @homepage https://noorui.com
+ */
+declare const version = "0.1.0";
+declare const packageInfo: {
+    name: string;
+    description: string;
+    version: string;
+    features: string[];
+};
+
+export { NoorProvider, packageInfo, version };

package/dist/index.d.ts

@@ -0,0 +1,50 @@
+import * as React from 'react';
+
+/**
+ * NoorProvider - Root provider for Noor UI components
+ *
+ * This provider will handle:
+ * - Direction context (LTR/RTL)
+ * - Locale context (en/ar)
+ * - Theme context
+ *
+ * @example
+ * ```tsx
+ * import { NoorProvider } from 'noorui';
+ *
+ * function App() {
+ *   return (
+ *     <NoorProvider locale="ar" direction="rtl">
+ *       <YourApp />
+ *     </NoorProvider>
+ *   );
+ * }
+ * ```
+ */
+interface NoorProviderProps {
+    children: React.ReactNode;
+    locale?: 'en' | 'ar';
+    direction?: 'ltr' | 'rtl';
+}
+declare const NoorProvider: React.FC<NoorProviderProps>;
+
+/**
+ * Noor UI - Beautiful RTL-first React components for bilingual applications
+ *
+ * @description A comprehensive UI component library built with Radix UI and Tailwind CSS,
+ * featuring full RTL support and bilingual (English/Arabic) capabilities.
+ *
+ * @version 0.1.0
+ * @license MIT
+ * @author Nuno Marques <info@ositaka.com>
+ * @homepage https://noorui.com
+ */
+declare const version = "0.1.0";
+declare const packageInfo: {
+    name: string;
+    description: string;
+    version: string;
+    features: string[];
+};
+
+export { NoorProvider, packageInfo, version };

package/dist/index.js

@@ -0,0 +1,87 @@
+"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/index.ts
+var index_exports = {};
+__export(index_exports, {
+  NoorProvider: () => provider_default,
+  packageInfo: () => packageInfo,
+  version: () => version
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/provider.tsx
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var NoorProvider = ({
+  children,
+  locale = "en",
+  direction = "ltr"
+}) => {
+  React.useEffect(() => {
+    document.documentElement.dir = direction;
+    document.documentElement.lang = locale;
+  }, [direction, locale]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+};
+var provider_default = NoorProvider;
+
+// src/index.ts
+var version = "0.1.0";
+var packageInfo = {
+  name: "noorui",
+  description: "Beautiful RTL-first React components for bilingual applications",
+  version: "0.1.0",
+  features: [
+    "RTL-first design",
+    "Bilingual support (English/Arabic)",
+    "Built on Radix UI primitives",
+    "Tailwind CSS styling",
+    "Full TypeScript support",
+    "Accessibility compliant",
+    "GCC-specific components"
+  ]
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NoorProvider,
+  packageInfo,
+  version
+});
+/**
+ * Noor UI - Beautiful RTL-first React components for bilingual applications
+ *
+ * @description A comprehensive UI component library built with Radix UI and Tailwind CSS,
+ * featuring full RTL support and bilingual (English/Arabic) capabilities.
+ *
+ * @version 0.1.0
+ * @license MIT
+ * @author Nuno Marques <info@ositaka.com>
+ * @homepage https://noorui.com
+ */

package/dist/index.mjs

@@ -0,0 +1,48 @@
+// src/provider.tsx
+import * as React from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+var NoorProvider = ({
+  children,
+  locale = "en",
+  direction = "ltr"
+}) => {
+  React.useEffect(() => {
+    document.documentElement.dir = direction;
+    document.documentElement.lang = locale;
+  }, [direction, locale]);
+  return /* @__PURE__ */ jsx(Fragment, { children });
+};
+var provider_default = NoorProvider;
+
+// src/index.ts
+var version = "0.1.0";
+var packageInfo = {
+  name: "noorui",
+  description: "Beautiful RTL-first React components for bilingual applications",
+  version: "0.1.0",
+  features: [
+    "RTL-first design",
+    "Bilingual support (English/Arabic)",
+    "Built on Radix UI primitives",
+    "Tailwind CSS styling",
+    "Full TypeScript support",
+    "Accessibility compliant",
+    "GCC-specific components"
+  ]
+};
+export {
+  provider_default as NoorProvider,
+  packageInfo,
+  version
+};
+/**
+ * Noor UI - Beautiful RTL-first React components for bilingual applications
+ *
+ * @description A comprehensive UI component library built with Radix UI and Tailwind CSS,
+ * featuring full RTL support and bilingual (English/Arabic) capabilities.
+ *
+ * @version 0.1.0
+ * @license MIT
+ * @author Nuno Marques <info@ositaka.com>
+ * @homepage https://noorui.com
+ */

package/package.json

@@ -0,0 +1,92 @@
+{
+  "name": "noorui-rtl",
+  "version": "0.1.2",
+  "description": "Beautiful RTL-first React components for bilingual applications. Built with Radix UI, Tailwind CSS, and full Arabic/English support.",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "tsup src/index.ts --format cjs,esm --dts --clean",
+    "dev": "tsup src/index.ts --format cjs,esm --dts --watch",
+    "type-check": "tsc --noEmit",
+    "lint": "eslint src --ext .ts,.tsx"
+  },
+  "keywords": [
+    "react",
+    "components",
+    "ui",
+    "design-system",
+    "rtl",
+    "arabic",
+    "bilingual",
+    "gcc",
+    "nextjs",
+    "tailwindcss",
+    "typescript",
+    "radix-ui",
+    "accessibility",
+    "a11y"
+  ],
+  "author": {
+    "name": "Nuno Marques",
+    "url": "https://ositaka.com",
+    "email": "info@ositaka.com"
+  },
+  "license": "MIT",
+  "homepage": "https://noorui.com",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ositaka/noor-ui.git"
+  },
+  "bugs": {
+    "url": "https://github.com/ositaka/noor-ui/issues"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "dependencies": {
+    "@radix-ui/react-accordion": "^1.1.2",
+    "@radix-ui/react-avatar": "^1.0.4",
+    "@radix-ui/react-checkbox": "^1.0.4",
+    "@radix-ui/react-collapsible": "^1.0.3",
+    "@radix-ui/react-context-menu": "^2.1.5",
+    "@radix-ui/react-dialog": "^1.0.5",
+    "@radix-ui/react-dropdown-menu": "^2.0.6",
+    "@radix-ui/react-label": "^2.0.2",
+    "@radix-ui/react-popover": "^1.0.7",
+    "@radix-ui/react-progress": "^1.0.3",
+    "@radix-ui/react-radio-group": "^1.1.3",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-select": "^2.0.0",
+    "@radix-ui/react-separator": "^1.0.3",
+    "@radix-ui/react-slider": "^1.1.2",
+    "@radix-ui/react-switch": "^1.0.3",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-toast": "^1.1.5",
+    "@radix-ui/react-tooltip": "^1.0.7",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.0",
+    "lucide-react": "^0.344.0",
+    "tailwind-merge": "^2.2.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.3.0"
+  }
+}