@kpf_/kiso 1.0.2 → 1.1.1

package/dist/components/molecules/Navigation.d.ts

@@ -0,0 +1,32 @@
+import * as React from "react";
+export interface DropdownProps {
+    trigger: React.ReactNode;
+    items: {
+        label: string;
+        onClick?: () => void;
+        icon?: React.ReactNode;
+        destructive?: boolean;
+    }[];
+}
+export declare const Dropdown: React.MemoExoticComponent<({ trigger, items }: DropdownProps) => import("react/jsx-runtime").JSX.Element>;
+export interface TabsProps {
+    tabs: {
+        label: string;
+        content: React.ReactNode;
+    }[];
+}
+export declare const Tabs: React.MemoExoticComponent<({ tabs }: TabsProps) => import("react/jsx-runtime").JSX.Element>;
+export interface BreadcrumbsProps {
+    items: {
+        label: string;
+        href?: string;
+        active?: boolean;
+    }[];
+}
+export declare const Breadcrumbs: React.MemoExoticComponent<({ items }: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element>;
+export interface PaginationProps {
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+}
+export declare const Pagination: React.MemoExoticComponent<({ currentPage, totalPages, onPageChange }: PaginationProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/motion/HotSlider.d.ts

@@ -5,6 +5,7 @@ interface HotSliderProps {
     step?: number;
     value: number;
     onChange: (value: number) => void;
+    className?: string;
 }
-export declare const HotSlider: React.MemoExoticComponent<({ min, max, step, value, onChange, }: HotSliderProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const HotSlider: React.MemoExoticComponent<({ min, max, step, value, onChange, className, }: HotSliderProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/dist/components/motion/Magnetic.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+export interface MagneticProps {
+    children: React.ReactNode;
+    strength?: number;
+}
+export declare const Magnetic: React.MemoExoticComponent<({ children, strength }: MagneticProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/motion/Spotlight.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+export interface SpotlightProps {
+    children: React.ReactNode;
+    size?: number;
+    color?: string;
+    opacity?: number;
+}
+export declare const Spotlight: React.MemoExoticComponent<({ children, size, color, opacity }: SpotlightProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/motion/StaggerText.d.ts

@@ -1,13 +1,7 @@
-import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
-declare const textVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | null | undefined;
-    weight?: "bold" | "medium" | "normal" | "semibold" | null | undefined;
-    tracking?: "normal" | "tight" | "wide" | null | undefined;
-    color?: "gray" | "green" | "white" | "forest" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-interface StaggerTextProps extends VariantProps<typeof textVariants> {
+interface StaggerTextProps {
     text: string;
+    className?: string;
 }
-export declare const StaggerText: React.MemoExoticComponent<({ text, size, weight, tracking, color }: StaggerTextProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const StaggerText: React.MemoExoticComponent<({ text, className }: StaggerTextProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/dist/components/motion/TextScramble.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export interface TextScrambleProps {
+    text: string;
+    speed?: number;
+    scrambleDuration?: number;
+    characterSet?: string;
+    revealOnInView?: boolean;
+}
+export declare const TextScramble: React.MemoExoticComponent<({ text, speed, scrambleDuration, characterSet, revealOnInView, }: TextScrambleProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/motion/Tilt.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+export interface TiltProps {
+    children: React.ReactNode;
+    max?: number;
+    perspective?: number;
+}
+export declare const Tilt: React.MemoExoticComponent<({ children, max, perspective }: TiltProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/motion/ViewTransition.d.ts

@@ -2,6 +2,7 @@ interface ViewTransitionProps {
     children: React.ReactNode;
     direction?: "forward" | "backward";
     layoutId?: string;
+    className?: string;
 }
-export declare function ViewTransition({ children, direction, layoutId }: ViewTransitionProps): import("react/jsx-runtime").JSX.Element;
+export declare function ViewTransition({ children, direction, layoutId, className }: ViewTransitionProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/organisms/ContentOrganisms.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+export declare const HeroSection: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export declare const FeatureGrid: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export declare const FAQSection: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export declare const PricingTable: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;

package/dist/components/organisms/DataOrganisms.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+export interface DataTableProps {
+    columns: string[];
+    data: Record<string, unknown>[];
+}
+export declare const DataTable: React.MemoExoticComponent<({ columns, data }: DataTableProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const DashboardStats: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export declare const ActivityFeed: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;

package/dist/components/organisms/FormOrganisms.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+export declare const LoginForm: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export declare const SignupForm: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export declare const ProfileForm: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;

package/dist/components/organisms/NavigationOrganisms.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+export interface NavbarProps {
+    logo?: React.ReactNode;
+    links?: {
+        label: string;
+        href: string;
+    }[];
+    user?: {
+        name: string;
+        avatar?: string;
+    };
+}
+export declare const Navbar: React.MemoExoticComponent<({ logo, links, user }: NavbarProps) => import("react/jsx-runtime").JSX.Element>;
+export interface SidebarProps {
+    className?: string;
+}
+export declare const Sidebar: React.MemoExoticComponent<({ className }: SidebarProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const Footer: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;

package/dist/components/organisms/OverlayOrganisms.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+export interface ConfirmationDialogProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    title: string;
+    description: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    variant?: "destructive" | "primary";
+    trigger?: React.ReactNode;
+}
+export declare const ConfirmationDialog: React.MemoExoticComponent<({ open, onOpenChange, title, description, confirmLabel, cancelLabel, onConfirm, onCancel, variant, trigger }: ConfirmationDialogProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/index.d.ts

@@ -1,10 +1,30 @@
 export { Button } from './components/atoms/Button';
 export { Input } from './components/atoms/Input';
 export { Toggle } from './components/atoms/Toggle';
+export { Text, Heading, Label, Caption, Code, Link } from './components/atoms/Typography';
+export { Divider, Spacer, Container, Stack, Grid, AspectRatio } from './components/atoms/Layout';
+export { Badge, Tag, Spinner, ProgressBar, Skeleton } from './components/atoms/Status';
+export { Avatar, Image, Icon } from './components/atoms/Media';
+export { Card } from './components/atoms/Card';
+export { Textarea, Checkbox, Radio, Select, OTPInput } from './components/atoms/FormControls';
 export { Modal } from './components/molecules/Modal';
 export { Toast, Toaster, Toaster as ToastProvider, useToast } from './components/molecules/Toast';
 export { Stepper } from './components/molecules/Stepper';
 export { Timeline } from './components/molecules/Timeline';
+export { FormField, PasswordField, SearchInput, SelectField, CheckboxGroup, RadioGroup } from './components/molecules/FormFields';
+export { Alert, Snackbar, EmptyState } from './components/molecules/Feedback';
+export { Dropdown, Tabs, Breadcrumbs, Pagination } from './components/molecules/Navigation';
+export { Popover, AccordionItem, Tooltip } from './components/molecules/Interaction';
+export { CardHeader, CardTitle, CardDescription, CardContent, CardFooter, StatCard, InfoRow, CopyToClipboard } from './components/molecules/CardSections';
+export { Navbar, Sidebar, Footer } from './components/organisms/NavigationOrganisms';
+export { LoginForm, SignupForm, ProfileForm } from './components/organisms/FormOrganisms';
+export { HeroSection, FeatureGrid, FAQSection, PricingTable } from './components/organisms/ContentOrganisms';
+export { DataTable, DashboardStats, ActivityFeed } from './components/organisms/DataOrganisms';
+export { ConfirmationDialog } from './components/organisms/OverlayOrganisms';
 export { StaggerText } from './components/motion/StaggerText';
 export { HotSlider } from './components/motion/HotSlider';
 export { ViewTransition } from './components/motion/ViewTransition';
+export { Magnetic } from './components/motion/Magnetic';
+export { Tilt } from './components/motion/Tilt';
+export { TextScramble } from './components/motion/TextScramble';
+export { Spotlight } from './components/motion/Spotlight';