kewti_components 0.0.4 → 0.0.6

package/README.md

@@ -1,21 +1,62 @@
-# React + TypeScript + Vite + shadcn/ui
-
-This is a template for a new Vite project with React, TypeScript, and shadcn/ui.
-
-## Adding components
-
-To add components to your app, run the following command:
-
-```bash
-npx shadcn@latest add button
-```
-
-This will place the ui components in the `src/components` directory.
-
-## Using components
-
-To use the components in your app, import them as follows:
-
-```tsx
-import { Button } from "@/components/ui/button"
-```
+# Kewti Components
+
+A modern React component library focused on delivering high-quality, reusable components with built-in support for Ethiopian contexts (such as calendars, locations, and typography).
+
+## Installation
+
+Install the package via npm:
+
+```bash
+npm install kewti_components
+```
+
+Make sure you have `react` and `react-dom` installed, as they are required peer dependencies.
+
+## Usage
+
+Import components directly into your React application.
+
+```tsx
+import { useState } from "react";
+import { KewtiInput, EthiopianCalendar } from "kewti_components";
+
+export default function App() {
+  const [value, setValue] = useState("");
+
+  return (
+    <div className="p-4">
+      <KewtiInput variant="input" setUserInput={setValue} />
+      <EthiopianCalendar />
+    </div>
+  );
+}
+```
+
+## Available Components
+
+- **Kewti Input**: Clean, interactive text input components.
+- **Kewti Map**: Responsive interactive maps built with Leaflet.
+- **Transaction Validator**: Comprehensive UI for validating banking transactions.
+- **Ethiopian Calendar**: Calendar component displaying both Gregorian and Ethiopian dates.
+- **Ethiopian Date Picker**: Date picker designed for the Ethiopian calendar system.
+- **Location Selector**: Cascading dropdown selector for Ethiopian regions, zones, and woredas.
+- **Password Input**: Secure password input field with visibility toggle and strength indicators.
+- **Kewti Fonts**: Utility component for applying custom Ethiopian fonts (`geez_digital`, `bela_hidase`).
+
+## Development
+
+To view the components in action and explore their APIs, you can run the local documentation site:
+
+```bash
+npm run dev
+```
+
+To build the library for production:
+
+```bash
+npm run build
+```
+
+## License
+
+MIT

package/dist/fonts/Font.et - AbnetZethion - John Hudson and Geraldine Wade/Font.et - AbnetZethion - John Hudson and Geraldine Wade/license.txt

@@ -0,0 +1,13 @@
+Font: AbnetZethion
+Designer: John Hudson and Geraldine Wade
+Source: Font.et
+----------------------------------------
+License Information:
+Unknown License
+
+
+
+No specific license information provided. Please check with the designer.
+
+----------------------------------------
+Downloaded from Font.et

package/dist/fonts/Font.et - Bela Hidase ExtBd - Abel Daniel/Font.et - Bela Hidase ExtBd - Abel Daniel/license.txt

@@ -0,0 +1,13 @@
+Font: Bela Hidase ExtBd
+Designer: Abel Daniel
+Source: Font.et
+----------------------------------------
+License Information:
+Unknown License
+
+
+
+No specific license information provided. Please check with the designer.
+
+----------------------------------------
+Downloaded from Font.et

package/dist/fonts/Font.et - Geez Digital - Yikunoamlak Ayalew/Font.et - Geez Digital - Yikunoamlak Ayalew/license.txt

@@ -0,0 +1,13 @@
+Font: Geez Digital
+Designer: Yikunoamlak Ayalew
+Source: Font.et
+----------------------------------------
+License Information:
+Unknown License
+
+
+
+No specific license information provided. Please check with the designer.
+
+----------------------------------------
+Downloaded from Font.et

package/dist/kewti-documentation/component.d.ts

@@ -0,0 +1,3 @@
+export default function KewtiDocumentation({ onBack }: {
+    onBack?: () => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/kewti-fonts/component.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+type FontName = "geez_digital" | "bela_hidase";
+interface KewtiFontsProps {
+    font: FontName;
+    className?: string;
+    style?: React.CSSProperties;
+    children: React.ReactNode;
+}
+export declare function KewtiFonts({ font, className, style, children, }: KewtiFontsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/kewti-mascot/component.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+interface KewtiMascotProps {
+    /** Extra wrapper classes */
+    className?: string;
+    style?: React.CSSProperties;
+    /** Whether the mascot should appear focused (scaled up) */
+    focused?: boolean;
+}
+export default function KewtiMascot({ className, style, focused }: KewtiMascotProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/kewti-regions/component.d.ts

@@ -1,4 +1,4 @@
 import * as React from "react";
-export declare function KewtiLocationSelector({ setAddress }: {
+export declare function KewtiLocationSelector({ setAddress, }: {
     setAddress?: React.Dispatch<React.SetStateAction<string[]>>;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/kewti.es.js

@@ -22860,14 +22860,17 @@ async function _B(A, e) {
     console.log(`Attempting to fetch Telebirr receipt from primary source: ${t}`);
     const q = await yA.get(t, { timeout: 3e4 });
     console.log(`Received response with status: ${q.status}`);
-    const n = Fr(q.data);
-    return console.log("Extracted data from HTML:", n), console.log(`Successfully extracted Telebirr data for reference: ${A}`, {
-      receiptNo: n.receiptNo,
-      payerName: n.payerName,
-      transactionStatus: n.transactionStatus,
-      settledAmount: n.settledAmount,
-      serviceFee: n.serviceFee
-    }), n;
+    const n = q.data?.html;
+    if (typeof n != "string")
+      return console.log("Invalid HTML payload:", q.data), null;
+    const r = Fr(n);
+    return console.log("Extracted data from HTML:", r), console.log(`Successfully extracted Telebirr data for reference: ${A}`, {
+      receiptNo: r.receiptNo,
+      payerName: r.payerName,
+      transactionStatus: r.transactionStatus,
+      settledAmount: r.settledAmount,
+      serviceFee: r.serviceFee
+    }), r;
   } catch (q) {
     const n = q instanceof Error ? q.message : "Unknown error", r = q instanceof Error ? q.stack : void 0, s = q, a = s.response ? {
       status: s.response.status,
@@ -22935,7 +22938,7 @@ async function $B(A, e) {
   }
 }
 async function zu(A) {
-  const e = "/api/telebirr/receipt/", q = "".split(",").map((r) => r.trim()).filter((r) => r.length > 0), n = !1;
+  const e = "http://localhost:3001/api/telebirr/receipt/", q = "".split(",").map((r) => r.trim()).filter((r) => r.length > 0), n = !1;
   {
     console.log(`Attempting primary verification for: ${A}`);
     const r = await _B(A, e);