kewti_components 0.0.1 → 0.0.2

package/dist/App.d.ts

@@ -0,0 +1,2 @@
+export declare function App(): import("react/jsx-runtime").JSX.Element;
+export default App;

package/dist/components/theme-provider.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+type Theme = "dark" | "light" | "system";
+type ThemeProviderProps = {
+    children: React.ReactNode;
+    defaultTheme?: Theme;
+    storageKey?: string;
+    disableTransitionOnChange?: boolean;
+};
+type ThemeProviderState = {
+    theme: Theme;
+    setTheme: (theme: Theme) => void;
+};
+export declare function ThemeProvider({ children, defaultTheme, storageKey, disableTransitionOnChange, ...props }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare const useTheme: () => ThemeProviderState;
+export {};

package/dist/components/ui/alert.d.ts

@@ -0,0 +1,10 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): import("react/jsx-runtime").JSX.Element;
+declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertAction({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Alert, AlertTitle, AlertDescription, AlertAction };

package/dist/components/ui/button.d.ts

@@ -0,0 +1,10 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Button, buttonVariants };

package/dist/components/ui/card.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+declare function Card({ className, size, ...props }: React.ComponentProps<"div"> & {
+    size?: "default" | "sm";
+}): import("react/jsx-runtime").JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };

package/dist/components/ui/command.d.ts

@@ -0,0 +1,18 @@
+import { Command as CommandPrimitive } from 'cmdk';
+import { Dialog } from './dialog';
+import * as React from "react";
+declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): import("react/jsx-runtime").JSX.Element;
+declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React.ComponentProps<typeof Dialog> & {
+    title?: string;
+    description?: string;
+    className?: string;
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): import("react/jsx-runtime").JSX.Element;
+declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+declare function CommandEmpty({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): import("react/jsx-runtime").JSX.Element;
+declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function CommandItem({ className, children, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };

package/dist/components/ui/dialog.d.ts

@@ -0,0 +1,17 @@
+import { Dialog as DialogPrimitive } from 'radix-ui';
+import * as React from "react";
+declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<"div"> & {
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/dist/components/ui/input-group.d.ts

@@ -0,0 +1,16 @@
+import { VariantProps } from 'class-variance-authority';
+import { Button } from './button';
+import * as React from "react";
+declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): import("react/jsx-runtime").JSX.Element;
+declare const inputGroupButtonVariants: (props?: ({
+    size?: "xs" | "sm" | "icon-xs" | "icon-sm" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupInput({ className, ...props }: React.ComponentProps<"input">): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<"textarea">): import("react/jsx-runtime").JSX.Element;
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea, };

package/dist/components/ui/input.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare function Input({ className, type, ...props }: React.ComponentProps<"input">): import("react/jsx-runtime").JSX.Element;
+export { Input };

package/dist/components/ui/label.d.ts

@@ -0,0 +1,4 @@
+import { Label as LabelPrimitive } from 'radix-ui';
+import * as React from "react";
+declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Label };

package/dist/components/ui/popover.d.ts

@@ -0,0 +1,10 @@
+import { Popover as PopoverPrimitive } from 'radix-ui';
+import * as React from "react";
+declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function PopoverTitle({ className, ...props }: React.ComponentProps<"h2">): import("react/jsx-runtime").JSX.Element;
+declare function PopoverDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
+export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, };

package/dist/components/ui/select.d.ts

@@ -0,0 +1,15 @@
+import { Select as SelectPrimitive } from 'radix-ui';
+import * as React from "react";
+declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function SelectGroup({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+    size?: "sm" | "default";
+}): import("react/jsx-runtime").JSX.Element;
+declare function SelectContent({ className, children, position, align, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): import("react/jsx-runtime").JSX.Element;
+declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): import("react/jsx-runtime").JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): import("react/jsx-runtime").JSX.Element;
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };

package/dist/components/ui/textarea.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare function Textarea({ className, ...props }: React.ComponentProps<"textarea">): import("react/jsx-runtime").JSX.Element;
+export { Textarea };

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export { EthiopianCalendar } from './kewti-calender/EthiopianCalendar';
+export { EthiopianDatePicker } from './kewti-calender/DateInput';
+export { KewtiInput } from './kewti-inputs/component';
+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';

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

@@ -0,0 +1,16 @@
+export interface TelebirrTransaction {
+    id: string;
+    receiverName?: string;
+    transactionTo?: string;
+    phone?: string;
+    payerTelebirrNo?: string;
+    amount?: number;
+    settledAmount?: number;
+    timestamp: string;
+}
+export interface ValidationResult {
+    isValid: boolean;
+    date: string;
+    errors: string[];
+}
+export default function TransactionValidator(): import("react/jsx-runtime").JSX.Element;

package/dist/kewti-banks/index.d.ts

@@ -0,0 +1,19 @@
+export interface TelebirrData {
+    payerName: string;
+    payerTelebirrNo: string;
+    creditedPartyName: string;
+    creditedPartyAccountNo: string;
+    transactionStatus: string;
+    receiptNo: string;
+    paymentDate: string;
+    settledAmount: string;
+    serviceFee: string;
+    serviceFeeVAT: string;
+    totalPaidAmount: string;
+    bankName: string;
+}
+export declare function validateTransaction(data: TelebirrData, expectedAmount: number, expectedReceiverAccount: string, expectedReceiverName: string): {
+    isValid: boolean;
+    date: string;
+    errors: string[] | undefined;
+};

package/dist/kewti-banks/parse.d.ts

@@ -0,0 +1,19 @@
+export interface TelebirrReceipt {
+    payerName: string;
+    payerTelebirrNo: string;
+    creditedPartyName: string;
+    creditedPartyAccountNo: string;
+    transactionStatus: string;
+    receiptNo: string;
+    paymentDate: string;
+    settledAmount: string;
+    serviceFee: string;
+    serviceFeeVAT: string;
+    totalPaidAmount: string;
+    bankName: string;
+}
+export declare class TelebirrVerificationError extends Error {
+    details?: string;
+    constructor(message: string, details?: string);
+}
+export declare function verifyTelebirr(reference: string): Promise<TelebirrReceipt | null>;

package/dist/kewti-calender/DateInput.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+export declare function EthiopianDatePicker({ setUserDate, className, style }: {
+    setUserDate: (date: Date) => void;
+    className?: string;
+    style?: React.CSSProperties;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/kewti-calender/EthiopianCalendar.d.ts

@@ -0,0 +1,6 @@
+interface EthiopianCalendarProps {
+    value?: Date;
+    onDateSelect?: (date?: Date) => void;
+}
+export declare function EthiopianCalendar({ value, onDateSelect }: EthiopianCalendarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/kewti-calender/try.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/kewti-calender/useEthiopianCalendar.d.ts

@@ -0,0 +1,20 @@
+interface UseEthiopianCalendarReturn {
+    currentDay: number;
+    currentMonth: number;
+    currentYear: number;
+    today: {
+        day: number;
+        month: number;
+        year: number;
+    };
+    daysInCurrentMonth: number;
+    monthName: string;
+    monthAmharic: string;
+    goToPrevMonth: () => void;
+    goToNextMonth: () => void;
+    goToToday: () => void;
+    setCurrentMonth: React.Dispatch<React.SetStateAction<number>>;
+    setCurrentYear: React.Dispatch<React.SetStateAction<number>>;
+}
+export declare function useEthiopianCalendar(): UseEthiopianCalendarReturn;
+export {};

package/dist/kewti-calender/utils.d.ts

@@ -0,0 +1,14 @@
+export declare const ETHIOPIAN_MONTHS: {
+    index: number;
+    name: string;
+    amharic: string;
+    days: number;
+}[];
+export declare function isEthiopianLeapYear(etYear: number): boolean;
+export declare function toEthiopianDate(date: Date): {
+    day: number;
+    month: number;
+    year: number;
+};
+export declare function toGregorianDate(day: number, month: number, year: number): Date;
+export declare function getEthiopianMonthStartDay(month: number, year: number): number;

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

@@ -0,0 +1,26 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const chatInputVariants: (props?: ({
+    size?: "default" | "full" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+interface ChatInputProps extends VariantProps<typeof chatInputVariants> {
+    variant?: "input" | "textarea";
+    placeholder?: string;
+    onSend?: (value: string) => void;
+    className?: string;
+    containerClassName?: string;
+    style?: React.CSSProperties;
+    containerStyle?: React.CSSProperties;
+    setUserInput?: React.Dispatch<React.SetStateAction<string>>;
+    inputClassName?: string;
+    defaultLanguage?: "am" | "en";
+}
+declare global {
+    interface Window {
+        webkitSpeechRecognition: any;
+        SpeechRecognition: any;
+    }
+}
+export declare function KewtiInput({ variant, placeholder, onSend, size, className, containerClassName, inputClassName, defaultLanguage, // Defaults to Amharic
+style, containerStyle, setUserInput }: ChatInputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/kewti-inputs/transliterate.d.ts

@@ -0,0 +1,4 @@
+export declare const abugida: Record<string, string[]>;
+export declare const chars: Record<string, string[]>;
+export declare const same: Record<string, string[]>;
+export declare function transliterate(text: string): string[];

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

@@ -0,0 +1,17 @@
+type MapItem = {
+    name: string;
+    src: string;
+    displayName: string;
+};
+type Props = {
+    initial?: string;
+    onChange?: (item: MapItem | undefined) => void;
+    onRegionSelect?: (info: {
+        map: string;
+        regionIndex: number;
+    }) => void;
+    showPreview?: boolean;
+    label?: string;
+};
+export declare function KewtiMap({ onRegionSelect, label }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,21 @@
+import * as React from "react";
+interface KewtiPasswordProps {
+    /** Placeholder text */
+    placeholder?: string;
+    /** Show the strength meter & rule checklist */
+    showStrength?: boolean;
+    /** External change handler */
+    onChange?: (value: string) => void;
+    /** Controlled value */
+    value?: string;
+    /** Label text above the input */
+    label?: string;
+    /** Extra wrapper classes */
+    className?: string;
+    /** Slot for a mascot or illustration above the input */
+    mascot?: React.ReactNode;
+    setUserPassword?: React.Dispatch<React.SetStateAction<string>>;
+    style?: React.CSSProperties;
+}
+export declare function KewtiPassword({ placeholder, showStrength, onChange, value: controlledValue, label, className, mascot, setUserPassword, style }: KewtiPasswordProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

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

package/dist/kewti.umd.js

@@ -1,4 +1,4 @@
-(function(WA,oA){typeof exports=="object"&&typeof module<"u"?oA(exports,require("react"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react","react-dom"],oA):(WA=typeof globalThis<"u"?globalThis:WA||self,oA(WA.KewtiUI={},WA.React,WA.ReactDOM))})(this,(function(WA,oA,Gs){"use strict";function Js(A){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(A){for(const t in A)if(t!=="default"){const q=Object.getOwnPropertyDescriptor(A,t);Object.defineProperty(e,t,q.get?q:{enumerable:!0,get:()=>A[t]})}}return e.default=A,Object.freeze(e)}const b=Js(oA),Ys=Js(Gs);function Lq(A){return A&&A.__esModule&&Object.prototype.hasOwnProperty.call(A,"default")?A.default:A}var Hq={exports:{}},Wt={};var Us;function $u(){if(Us)return Wt;Us=1;var A=Symbol.for("react.transitional.element"),e=Symbol.for("react.fragment");function t(q,n,r){var s=null;if(r!==void 0&&(s=""+r),n.key!==void 0&&(s=""+n.key),"key"in n){r={};for(var a in n)a!=="key"&&(r[a]=n[a])}else r=n;return n=r.ref,{$$typeof:A,type:q,key:s,ref:n!==void 0?n:null,props:r}}return Wt.Fragment=e,Wt.jsx=t,Wt.jsxs=t,Wt}var Kt={};var Xs;function Ac(){return Xs||(Xs=1,process.env.NODE_ENV!=="production"&&(function(){function A(E){if(E==null)return null;if(typeof E=="function")return E.$$typeof===R?null:E.displayName||E.name||null;if(typeof E=="string")return E;switch(E){case w:return"Fragment";case y:return"Profiler";case T:return"StrictMode";case k:return"Suspense";case S:return"SuspenseList";case O:return"Activity"}if(typeof E=="object")switch(typeof E.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),E.$$typeof){case d:return"Portal";case M:return E.displayName||"Context";case x:return(E._context.displayName||"Context")+".Consumer";case F:var Q=E.render;return E=E.displayName,E||(E=Q.displayName||Q.name||"",E=E!==""?"ForwardRef("+E+")":"ForwardRef"),E;case D:return Q=E.displayName||null,Q!==null?Q:A(E.type)||"Memo";case I:Q=E._payload,E=E._init;try{return A(E(Q))}catch{}}return null}function e(E){return""+E}function t(E){try{e(E);var Q=!1}catch{Q=!0}if(Q){Q=console;var N=Q.error,Y=typeof Symbol=="function"&&Symbol.toStringTag&&E[Symbol.toStringTag]||E.constructor.name||"Object";return N.call(Q,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",Y),e(E)}}function q(E){if(E===w)return"<>";if(typeof E=="object"&&E!==null&&E.$$typeof===I)return"<...>";try{var Q=A(E);return Q?"<"+Q+">":"<...>"}catch{return"<...>"}}function n(){var E=G.A;return E===null?null:E.getOwner()}function r(){return Error("react-stack-top-frame")}function s(E){if(j.call(E,"key")){var Q=Object.getOwnPropertyDescriptor(E,"key").get;if(Q&&Q.isReactWarning)return!1}return E.key!==void 0}function a(E,Q){function N(){AA||(AA=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",Q))}N.isReactWarning=!0,Object.defineProperty(E,"key",{get:N,configurable:!0})}function u(){var E=A(this.type);return tA[E]||(tA[E]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),E=this.props.ref,E!==void 0?E:null}function o(E,Q,N,Y,U,eA){var $=N.ref;return E={$$typeof:f,type:E,key:Q,props:N,_owner:Y},($!==void 0?$:null)!==null?Object.defineProperty(E,"ref",{enumerable:!1,get:u}):Object.defineProperty(E,"ref",{enumerable:!1,value:null}),E._store={},Object.defineProperty(E._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(E,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(E,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:U}),Object.defineProperty(E,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:eA}),Object.freeze&&(Object.freeze(E.props),Object.freeze(E)),E}function c(E,Q,N,Y,U,eA){var $=Q.children;if($!==void 0)if(Y)if(_($)){for(Y=0;Y<$.length;Y++)l($[Y]);Object.freeze&&Object.freeze($)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else l($);if(j.call(Q,"key")){$=A(E);var K=Object.keys(Q).filter(function(nA){return nA!=="key"});Y=0<K.length?"{key: someKey, "+K.join(": ..., ")+": ...}":"{key: someKey}",p[$+Y]||(K=0<K.length?"{"+K.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+(function(WA,oA){typeof exports=="object"&&typeof module<"u"?oA(exports,require("react"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react","react-dom"],oA):(WA=typeof globalThis<"u"?globalThis:WA||self,oA(WA.KewtiComponents={},WA.React,WA.ReactDOM))})(this,(function(WA,oA,Gs){"use strict";function Js(A){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(A){for(const t in A)if(t!=="default"){const q=Object.getOwnPropertyDescriptor(A,t);Object.defineProperty(e,t,q.get?q:{enumerable:!0,get:()=>A[t]})}}return e.default=A,Object.freeze(e)}const b=Js(oA),Ys=Js(Gs);function Lq(A){return A&&A.__esModule&&Object.prototype.hasOwnProperty.call(A,"default")?A.default:A}var Hq={exports:{}},Wt={};var Us;function $u(){if(Us)return Wt;Us=1;var A=Symbol.for("react.transitional.element"),e=Symbol.for("react.fragment");function t(q,n,r){var s=null;if(r!==void 0&&(s=""+r),n.key!==void 0&&(s=""+n.key),"key"in n){r={};for(var a in n)a!=="key"&&(r[a]=n[a])}else r=n;return n=r.ref,{$$typeof:A,type:q,key:s,ref:n!==void 0?n:null,props:r}}return Wt.Fragment=e,Wt.jsx=t,Wt.jsxs=t,Wt}var Kt={};var Xs;function Ac(){return Xs||(Xs=1,process.env.NODE_ENV!=="production"&&(function(){function A(E){if(E==null)return null;if(typeof E=="function")return E.$$typeof===R?null:E.displayName||E.name||null;if(typeof E=="string")return E;switch(E){case w:return"Fragment";case y:return"Profiler";case T:return"StrictMode";case k:return"Suspense";case S:return"SuspenseList";case O:return"Activity"}if(typeof E=="object")switch(typeof E.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),E.$$typeof){case d:return"Portal";case M:return E.displayName||"Context";case x:return(E._context.displayName||"Context")+".Consumer";case F:var Q=E.render;return E=E.displayName,E||(E=Q.displayName||Q.name||"",E=E!==""?"ForwardRef("+E+")":"ForwardRef"),E;case D:return Q=E.displayName||null,Q!==null?Q:A(E.type)||"Memo";case I:Q=E._payload,E=E._init;try{return A(E(Q))}catch{}}return null}function e(E){return""+E}function t(E){try{e(E);var Q=!1}catch{Q=!0}if(Q){Q=console;var N=Q.error,Y=typeof Symbol=="function"&&Symbol.toStringTag&&E[Symbol.toStringTag]||E.constructor.name||"Object";return N.call(Q,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",Y),e(E)}}function q(E){if(E===w)return"<>";if(typeof E=="object"&&E!==null&&E.$$typeof===I)return"<...>";try{var Q=A(E);return Q?"<"+Q+">":"<...>"}catch{return"<...>"}}function n(){var E=G.A;return E===null?null:E.getOwner()}function r(){return Error("react-stack-top-frame")}function s(E){if(j.call(E,"key")){var Q=Object.getOwnPropertyDescriptor(E,"key").get;if(Q&&Q.isReactWarning)return!1}return E.key!==void 0}function a(E,Q){function N(){AA||(AA=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",Q))}N.isReactWarning=!0,Object.defineProperty(E,"key",{get:N,configurable:!0})}function u(){var E=A(this.type);return tA[E]||(tA[E]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),E=this.props.ref,E!==void 0?E:null}function o(E,Q,N,Y,U,eA){var $=N.ref;return E={$$typeof:f,type:E,key:Q,props:N,_owner:Y},($!==void 0?$:null)!==null?Object.defineProperty(E,"ref",{enumerable:!1,get:u}):Object.defineProperty(E,"ref",{enumerable:!1,value:null}),E._store={},Object.defineProperty(E._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(E,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(E,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:U}),Object.defineProperty(E,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:eA}),Object.freeze&&(Object.freeze(E.props),Object.freeze(E)),E}function c(E,Q,N,Y,U,eA){var $=Q.children;if($!==void 0)if(Y)if(_($)){for(Y=0;Y<$.length;Y++)l($[Y]);Object.freeze&&Object.freeze($)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else l($);if(j.call(Q,"key")){$=A(E);var K=Object.keys(Q).filter(function(nA){return nA!=="key"});Y=0<K.length?"{key: someKey, "+K.join(": ..., ")+": ...}":"{key: someKey}",p[$+Y]||(K=0<K.length?"{"+K.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:

package/dist/kewtiDemo/component.d.ts

@@ -0,0 +1 @@
+export default function KewtiDemo(): import("react/jsx-runtime").JSX.Element;

package/dist/kewtiPage/KewtiPage.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "kewti_components",
   "private": false,
-  "version": "0.0.1",
+  "version": "0.0.2",
   "type": "module",
   "main": "./dist/kewti.umd.js",
   "module": "./dist/kewti.es.js",
@@ -60,6 +60,7 @@
     "react-dom": "^19.2.4",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.57.1",
-    "vite": "^7.3.1"
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^5.0.0"
   }
 }