@kaio-xyz/design-system 1.0.37 → 1.0.39

package/dist/asset/icons/index.d.ts

@@ -9,3 +9,5 @@ export { default as EyeClosedIcon } from "./eye-closed.svg";
 export { default as EyeOpenIcon } from "./eye-open.svg";
 export { default as ChevronGrabberIcon } from "./chevron-grabber.svg";
 export { default as MinusIcon } from "./minus.svg";
+export { default as ClipBoardIcon } from "./clipboard.svg";
+export { default as LoadingCircleIcon } from "./loading-circle.svg";

package/dist/components/atoms/clipboard/clipboard.d.ts

@@ -0,0 +1,7 @@
+type ClipboardProps = {
+    value: string;
+    trim?: boolean;
+    trimLength?: number;
+};
+export declare const Clipboard: ({ value, trim, trimLength }: ClipboardProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/atoms/clipboard/clipboard.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Clipboard } from "./clipboard";
+declare const meta: Meta<typeof Clipboard>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Trimmed: Story;
+export declare const TrimmedCustomLength: Story;
+export declare const ShortValue: Story;
+export declare const LongText: Story;
+export declare const LongUntrimmed: Story;

package/dist/components/atoms/clipboard/index.d.ts

@@ -0,0 +1 @@
+export { Clipboard } from "./clipboard";

package/dist/components/atoms/spinned-icon/index.d.ts

@@ -0,0 +1 @@
+export { SpinnedIcon } from "./spinned-icon";

package/dist/components/atoms/spinned-icon/spinned-icon.d.ts

@@ -0,0 +1,8 @@
+type SpinnedIconProps = {
+    icon?: SvgIcon;
+    size?: number;
+    duration?: number;
+    className?: string;
+};
+export declare const SpinnedIcon: ({ size, duration, className, icon: Icon, ...rest }: SpinnedIconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/atoms/spinned-icon/spinned-icon.stories.d.ts

@@ -0,0 +1,37 @@
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: ({ size, duration, className, icon: Icon, ...rest }: {
+        icon?: SvgIcon;
+        size?: number;
+        duration?: number;
+        className?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    argTypes: {
+        size: {
+            description: string;
+            control: {
+                type: "number";
+            };
+        };
+        duration: {
+            description: string;
+            control: {
+                type: "number";
+            };
+        };
+        className: {
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const LoadingCircle: Story;
+export declare const Small: Story;
+export declare const Medium: Story;
+export declare const Large: Story;
+export declare const Slow: Story;
+export declare const Fast: Story;

package/dist/components/atoms/stepper/index.d.ts

@@ -0,0 +1,2 @@
+export { Stepper } from "./stepper";
+export { Step } from "./step";

package/dist/components/atoms/stepper/step/index.d.ts

@@ -0,0 +1 @@
+export { Step } from "./step";

package/dist/components/atoms/stepper/step/step.d.ts

@@ -0,0 +1,8 @@
+type StepProps = {
+    label: string;
+    isCompleted?: boolean;
+    isCurrent?: boolean;
+    iconSize?: number;
+};
+export declare const Step: ({ label, iconSize, isCompleted, isCurrent }: StepProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/atoms/stepper/stepper.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+type StepperProps = {
+    children: ReactNode;
+};
+export declare const Stepper: ({ children }: StepperProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/atoms/stepper/stepper.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Stepper } from './stepper';
+declare const meta: Meta<typeof Stepper>;
+export default meta;
+type Story = StoryObj<typeof Stepper>;
+export declare const Default: Story;
+export declare const FirstStep: Story;
+export declare const SecondStep: Story;
+export declare const ThirdStep: Story;
+export declare const AllCompleted: Story;
+export declare const TwoSteps: Story;
+export declare const ManySteps: Story;