kewti_components 0.0.5 → 0.0.7

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 - Benaiah - Unknown Designer (1)/Font.et - Benaiah - Unknown Designer/license.txt

@@ -0,0 +1,13 @@
+Font: Benaiah
+Designer: Unknown Designer
+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/fonts/Font.et - Menbere - Aleme Tadesse/Font.et - Menbere - Aleme Tadesse/license.txt

@@ -0,0 +1,13 @@
+Font: Menbere
+Designer: Aleme Tadesse
+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 - Mesob - ADIL CREATIVE/Font.et - Mesob - ADIL CREATIVE/license.txt

@@ -0,0 +1,13 @@
+Font: Mesob
+Designer: ADIL CREATIVE
+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 - Zemach - ADIL CREATIVE/Font.et - Zemach - ADIL CREATIVE/license.txt

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

package/dist/index.d.ts

@@ -5,3 +5,4 @@ export { KewtiLocationSelector } from './kewti-regions/component';
 export { KewtiMap } from './kewti-maps/component';
 export { default as TransactionValidator } from './kewti-banks/component';
 export { KewtiPassword } from './kewti-passwords/component';
+export { KewtiFonts, KewtiPronounce } from './kewti-fonts/component';

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,18 @@
+import { default as React } from 'react';
+type FontName = "geez_digital" | "bela_hidase" | "menbere" | "abinet";
+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;
+interface KewtiPronounceProps {
+    text: string;
+    lang?: string;
+    className?: string;
+    iconClassName?: string;
+    children?: React.ReactNode;
+}
+export declare function KewtiPronounce({ text, lang, className, iconClassName, children, }: KewtiPronounceProps): 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;