@kpf_/kiso 1.0.1 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +29 -28
- package/dist/components/atoms/Button.d.ts +5 -3
- package/dist/components/atoms/Card.d.ts +12 -0
- package/dist/components/atoms/FormControls.d.ts +26 -0
- package/dist/components/atoms/Input.d.ts +9 -2
- package/dist/components/atoms/Layout.d.ts +39 -0
- package/dist/components/atoms/Media.d.ts +22 -0
- package/dist/components/atoms/Status.d.ts +34 -0
- package/dist/components/atoms/Toggle.d.ts +2 -2
- package/dist/components/atoms/Typography.d.ts +34 -0
- package/dist/components/molecules/CardSections.d.ts +28 -0
- package/dist/components/molecules/Feedback.d.ts +26 -0
- package/dist/components/molecules/FormFields.d.ts +46 -0
- package/dist/components/molecules/Interaction.d.ts +17 -0
- package/dist/components/molecules/Modal.d.ts +7 -6
- package/dist/components/molecules/Navigation.d.ts +32 -0
- package/dist/components/molecules/Stepper.d.ts +2 -3
- package/dist/components/molecules/Timeline.d.ts +2 -3
- package/dist/components/molecules/Toast.d.ts +17 -8
- package/dist/components/motion/HotSlider.d.ts +2 -1
- package/dist/components/motion/Magnetic.d.ts +6 -0
- package/dist/components/motion/Spotlight.d.ts +8 -0
- package/dist/components/motion/StaggerText.d.ts +2 -1
- package/dist/components/motion/TextScramble.d.ts +9 -0
- package/dist/components/motion/Tilt.d.ts +7 -0
- package/dist/components/motion/ViewTransition.d.ts +3 -3
- package/dist/components/organisms/ContentOrganisms.d.ts +5 -0
- package/dist/components/organisms/DataOrganisms.d.ts +8 -0
- package/dist/components/organisms/FormOrganisms.d.ts +4 -0
- package/dist/components/organisms/NavigationOrganisms.d.ts +18 -0
- package/dist/components/organisms/OverlayOrganisms.d.ts +14 -0
- package/dist/index.d.ts +30 -11
- package/dist/kiso.js +9337 -3441
- package/dist/kiso.umd.cjs +53 -36
- package/dist/style.css +1 -0
- package/package.json +3 -3
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import * as React from "react";
|
|
1
2
|
interface StaggerTextProps {
|
|
2
3
|
text: string;
|
|
3
4
|
className?: string;
|
|
4
5
|
}
|
|
5
|
-
export declare
|
|
6
|
+
export declare const StaggerText: React.MemoExoticComponent<({ text, className }: StaggerTextProps) => import("react/jsx-runtime").JSX.Element>;
|
|
6
7
|
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export interface TextScrambleProps {
|
|
3
|
+
text: string;
|
|
4
|
+
speed?: number;
|
|
5
|
+
scrambleDuration?: number;
|
|
6
|
+
characterSet?: string;
|
|
7
|
+
revealOnInView?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare const TextScramble: React.MemoExoticComponent<({ text, speed, scrambleDuration, characterSet, revealOnInView, }: TextScrambleProps) => import("react/jsx-runtime").JSX.Element>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export interface TiltProps {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
max?: number;
|
|
5
|
+
perspective?: number;
|
|
6
|
+
}
|
|
7
|
+
export declare const Tilt: React.MemoExoticComponent<({ children, max, perspective }: TiltProps) => import("react/jsx-runtime").JSX.Element>;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
interface
|
|
1
|
+
interface ViewTransitionProps {
|
|
2
2
|
children: React.ReactNode;
|
|
3
3
|
direction?: "forward" | "backward";
|
|
4
|
-
className?: string;
|
|
5
4
|
layoutId?: string;
|
|
5
|
+
className?: string;
|
|
6
6
|
}
|
|
7
|
-
export declare function
|
|
7
|
+
export declare function ViewTransition({ children, direction, layoutId, className }: ViewTransitionProps): import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export {};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export declare const HeroSection: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
|
|
3
|
+
export declare const FeatureGrid: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
|
|
4
|
+
export declare const FAQSection: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
|
|
5
|
+
export declare const PricingTable: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export interface DataTableProps {
|
|
3
|
+
columns: string[];
|
|
4
|
+
data: Record<string, unknown>[];
|
|
5
|
+
}
|
|
6
|
+
export declare const DataTable: React.MemoExoticComponent<({ columns, data }: DataTableProps) => import("react/jsx-runtime").JSX.Element>;
|
|
7
|
+
export declare const DashboardStats: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
|
|
8
|
+
export declare const ActivityFeed: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export declare const LoginForm: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
|
|
3
|
+
export declare const SignupForm: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
|
|
4
|
+
export declare const ProfileForm: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export interface NavbarProps {
|
|
3
|
+
logo?: React.ReactNode;
|
|
4
|
+
links?: {
|
|
5
|
+
label: string;
|
|
6
|
+
href: string;
|
|
7
|
+
}[];
|
|
8
|
+
user?: {
|
|
9
|
+
name: string;
|
|
10
|
+
avatar?: string;
|
|
11
|
+
};
|
|
12
|
+
}
|
|
13
|
+
export declare const Navbar: React.MemoExoticComponent<({ logo, links, user }: NavbarProps) => import("react/jsx-runtime").JSX.Element>;
|
|
14
|
+
export interface SidebarProps {
|
|
15
|
+
className?: string;
|
|
16
|
+
}
|
|
17
|
+
export declare const Sidebar: React.MemoExoticComponent<({ className }: SidebarProps) => import("react/jsx-runtime").JSX.Element>;
|
|
18
|
+
export declare const Footer: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export interface ConfirmationDialogProps {
|
|
3
|
+
open?: boolean;
|
|
4
|
+
onOpenChange?: (open: boolean) => void;
|
|
5
|
+
title: string;
|
|
6
|
+
description: string;
|
|
7
|
+
confirmLabel?: string;
|
|
8
|
+
cancelLabel?: string;
|
|
9
|
+
onConfirm?: () => void;
|
|
10
|
+
onCancel?: () => void;
|
|
11
|
+
variant?: "destructive" | "primary";
|
|
12
|
+
trigger?: React.ReactNode;
|
|
13
|
+
}
|
|
14
|
+
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
CHANGED
|
@@ -1,11 +1,30 @@
|
|
|
1
|
-
export { Button
|
|
2
|
-
export { Input
|
|
3
|
-
export { Toggle
|
|
4
|
-
export {
|
|
5
|
-
export {
|
|
6
|
-
export {
|
|
7
|
-
export {
|
|
8
|
-
export {
|
|
9
|
-
export {
|
|
10
|
-
export {
|
|
11
|
-
export {
|
|
1
|
+
export { Button } from './components/atoms/Button';
|
|
2
|
+
export { Input } from './components/atoms/Input';
|
|
3
|
+
export { Toggle } from './components/atoms/Toggle';
|
|
4
|
+
export { Text, Heading, Label, Caption, Code, Link } from './components/atoms/Typography';
|
|
5
|
+
export { Divider, Spacer, Container, Stack, Grid, AspectRatio } from './components/atoms/Layout';
|
|
6
|
+
export { Badge, Tag, Spinner, ProgressBar, Skeleton } from './components/atoms/Status';
|
|
7
|
+
export { Avatar, Image, Icon } from './components/atoms/Media';
|
|
8
|
+
export { Card } from './components/atoms/Card';
|
|
9
|
+
export { Textarea, Checkbox, Radio, Select, OTPInput } from './components/atoms/FormControls';
|
|
10
|
+
export { Modal } from './components/molecules/Modal';
|
|
11
|
+
export { Toast, Toaster, Toaster as ToastProvider, useToast } from './components/molecules/Toast';
|
|
12
|
+
export { Stepper } from './components/molecules/Stepper';
|
|
13
|
+
export { Timeline } from './components/molecules/Timeline';
|
|
14
|
+
export { FormField, PasswordField, SearchInput, SelectField, CheckboxGroup, RadioGroup } from './components/molecules/FormFields';
|
|
15
|
+
export { Alert, Snackbar, EmptyState } from './components/molecules/Feedback';
|
|
16
|
+
export { Dropdown, Tabs, Breadcrumbs, Pagination } from './components/molecules/Navigation';
|
|
17
|
+
export { Popover, AccordionItem, Tooltip } from './components/molecules/Interaction';
|
|
18
|
+
export { CardHeader, CardTitle, CardDescription, CardContent, CardFooter, StatCard, InfoRow, CopyToClipboard } from './components/molecules/CardSections';
|
|
19
|
+
export { Navbar, Sidebar, Footer } from './components/organisms/NavigationOrganisms';
|
|
20
|
+
export { LoginForm, SignupForm, ProfileForm } from './components/organisms/FormOrganisms';
|
|
21
|
+
export { HeroSection, FeatureGrid, FAQSection, PricingTable } from './components/organisms/ContentOrganisms';
|
|
22
|
+
export { DataTable, DashboardStats, ActivityFeed } from './components/organisms/DataOrganisms';
|
|
23
|
+
export { ConfirmationDialog } from './components/organisms/OverlayOrganisms';
|
|
24
|
+
export { StaggerText } from './components/motion/StaggerText';
|
|
25
|
+
export { HotSlider } from './components/motion/HotSlider';
|
|
26
|
+
export { ViewTransition } from './components/motion/ViewTransition';
|
|
27
|
+
export { Magnetic } from './components/motion/Magnetic';
|
|
28
|
+
export { Tilt } from './components/motion/Tilt';
|
|
29
|
+
export { TextScramble } from './components/motion/TextScramble';
|
|
30
|
+
export { Spotlight } from './components/motion/Spotlight';
|