@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.
Files changed (36) hide show
  1. package/README.md +29 -28
  2. package/dist/components/atoms/Button.d.ts +5 -3
  3. package/dist/components/atoms/Card.d.ts +12 -0
  4. package/dist/components/atoms/FormControls.d.ts +26 -0
  5. package/dist/components/atoms/Input.d.ts +9 -2
  6. package/dist/components/atoms/Layout.d.ts +39 -0
  7. package/dist/components/atoms/Media.d.ts +22 -0
  8. package/dist/components/atoms/Status.d.ts +34 -0
  9. package/dist/components/atoms/Toggle.d.ts +2 -2
  10. package/dist/components/atoms/Typography.d.ts +34 -0
  11. package/dist/components/molecules/CardSections.d.ts +28 -0
  12. package/dist/components/molecules/Feedback.d.ts +26 -0
  13. package/dist/components/molecules/FormFields.d.ts +46 -0
  14. package/dist/components/molecules/Interaction.d.ts +17 -0
  15. package/dist/components/molecules/Modal.d.ts +7 -6
  16. package/dist/components/molecules/Navigation.d.ts +32 -0
  17. package/dist/components/molecules/Stepper.d.ts +2 -3
  18. package/dist/components/molecules/Timeline.d.ts +2 -3
  19. package/dist/components/molecules/Toast.d.ts +17 -8
  20. package/dist/components/motion/HotSlider.d.ts +2 -1
  21. package/dist/components/motion/Magnetic.d.ts +6 -0
  22. package/dist/components/motion/Spotlight.d.ts +8 -0
  23. package/dist/components/motion/StaggerText.d.ts +2 -1
  24. package/dist/components/motion/TextScramble.d.ts +9 -0
  25. package/dist/components/motion/Tilt.d.ts +7 -0
  26. package/dist/components/motion/ViewTransition.d.ts +3 -3
  27. package/dist/components/organisms/ContentOrganisms.d.ts +5 -0
  28. package/dist/components/organisms/DataOrganisms.d.ts +8 -0
  29. package/dist/components/organisms/FormOrganisms.d.ts +4 -0
  30. package/dist/components/organisms/NavigationOrganisms.d.ts +18 -0
  31. package/dist/components/organisms/OverlayOrganisms.d.ts +14 -0
  32. package/dist/index.d.ts +30 -11
  33. package/dist/kiso.js +9337 -3441
  34. package/dist/kiso.umd.cjs +53 -36
  35. package/dist/style.css +1 -0
  36. 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 function StaggerText({ text, className }: StaggerTextProps): import("react/jsx-runtime").JSX.Element;
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 KisoViewTransitionProps {
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 KisoViewTransition({ children, direction, className, layoutId }: KisoViewTransitionProps): import("react/jsx-runtime").JSX.Element;
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 as KisoButton, buttonVariants } from './components/atoms/Button';
2
- export { Input as KisoInput } from './components/atoms/Input';
3
- export { Toggle as KisoToggle } from './components/atoms/Toggle';
4
- export { KisoModal } from './components/molecules/Modal';
5
- export { KisoToast, KisoToaster, KisoToaster as KisoToastProvider, useToast } from './components/molecules/Toast';
6
- export { KisoStepper } from './components/molecules/Stepper';
7
- export { KisoTimeline } from './components/molecules/Timeline';
8
- export { StaggerText as KisoStaggerText } from './components/motion/StaggerText';
9
- export { HotSlider as KisoHotSlider } from './components/motion/HotSlider';
10
- export { KisoViewTransition } from './components/motion/ViewTransition';
11
- export { cn } from './lib/utils';
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';