akku-kit 1.0.0-alpha.4 → 1.0.0-alpha.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "akku-kit",
-  "version": "1.0.0-alpha.4",
+  "version": "1.0.0-alpha.6",
   "description": "A modern UI framework built for Akku projects. Includes reusable components, form fields, charts, and utilities with full TypeScript support and Storybook integration.",
   "repository": {
     "type": "git",
@@ -59,6 +59,7 @@
     "@types/node": "^22.14.1",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
+    "@types/react-router-dom": "^5.3.3",
     "autoprefixer": "^10.4.21",
     "babel-loader": "^10.0.0",
     "clsx": "^2.1.1",
@@ -66,7 +67,9 @@
     "postcss": "^8.5.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-router-dom": "^6.30.1",
     "rollup": "^2.79.2",
+    "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-scss": "^4.0.1",

package/dist/components/Badge/Badge.stories.d.ts

@@ -1,19 +0,0 @@
-import { Meta, StoryFn } from '@storybook/react';
-import Badge from './Badge';
-import { BadgeProps } from './Badge.types';
-declare const meta: Meta<typeof Badge>;
-export default meta;
-export declare const Primary: StoryFn<BadgeProps>;
-export declare const Secondary: StoryFn<BadgeProps>;
-export declare const Danger: StoryFn<BadgeProps>;
-export declare const Success: StoryFn<BadgeProps>;
-export declare const Warning: StoryFn<BadgeProps>;
-export declare const InfoBadge: StoryFn<BadgeProps>;
-export declare const Small: StoryFn<BadgeProps>;
-export declare const Large: StoryFn<BadgeProps>;
-export declare const CustomColors: StoryFn<BadgeProps>;
-export declare const WithPrefixIcon: StoryFn<BadgeProps>;
-export declare const WithPostfixIcon: StoryFn<BadgeProps>;
-export declare const WithBothIcons: StoryFn<BadgeProps>;
-export declare const CustomColorWithIcons: StoryFn<BadgeProps>;
-export declare const MultipleBadgesWithOverflow: StoryFn<BadgeProps>;

package/dist/components/Button/Button.stories.d.ts

@@ -1,9 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import Button from "./Button";
-declare const meta: Meta<typeof Button>;
-export default meta;
-type Story = StoryObj<typeof Button>;
-export declare const Primary: Story;
-export declare const Secondary: Story;
-export declare const Danger: Story;
-export declare const Disabled: Story;

package/dist/components/ButtonV1/ButtonV1.stories.d.ts

@@ -1,12 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import ButtonV1 from "./ButtonV1";
-declare const meta: Meta<typeof ButtonV1>;
-export default meta;
-type Story = StoryObj<typeof ButtonV1>;
-export declare const Default: Story;
-export declare const Variants: Story;
-export declare const Colors: Story;
-export declare const Sizes: Story;
-export declare const WithIcons: Story;
-export declare const LoadingStates: Story;
-export declare const Disabled: Story;

package/dist/components/Charts/donut-chart/DonutChart.stories.d.ts

@@ -1,10 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import DonutChart from "./DonutChart";
-declare const meta: Meta<typeof DonutChart>;
-export default meta;
-type Story = StoryObj<typeof DonutChart>;
-export declare const Default: Story;
-export declare const CustomSize: Story;
-export declare const HighProgress: Story;
-export declare const CustomTooltips: Story;
-export declare const EmptyChart: Story;

package/dist/components/Charts/spiral-chart/SpiralChart.stories.d.ts

@@ -1,10 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import SpiralChart from "./SpiralChart";
-declare const meta: Meta<typeof SpiralChart>;
-export default meta;
-type Story = StoryObj<typeof SpiralChart>;
-export declare const Default: Story;
-export declare const ThickStrokes: Story;
-export declare const MultipleRings: Story;
-export declare const VaryingStrokes: Story;
-export declare const LowPercentages: Story;

package/dist/components/FileUploader/FileUploader.stories.d.ts

@@ -1,9 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import FileUploader from "./FileUploader";
-declare const meta: Meta<typeof FileUploader>;
-export default meta;
-type Story = StoryObj<typeof FileUploader>;
-export declare const Default: Story;
-export declare const WithCustomIcon: Story;
-export declare const WithExternalPreview: Story;
-export declare const WithCustomDescription: Story;

package/dist/components/Form/CheckboxField/CheckboxField.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import type { CheckboxFieldProps } from "./CheckboxField.types";
-declare const CheckboxField: React.FC<CheckboxFieldProps>;
-export default CheckboxField;

package/dist/components/Form/CheckboxField/CheckboxField.stories.d.ts

@@ -1,14 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import CheckboxField from "./CheckboxField";
-declare const meta: Meta<typeof CheckboxField>;
-export default meta;
-type Story = StoryObj<typeof CheckboxField>;
-export declare const Default: Story;
-export declare const Checked: Story;
-export declare const DisabledChecked: Story;
-export declare const DisabledUnchecked: Story;
-export declare const WithError: Story;
-export declare const LabelTop: Story;
-export declare const LabelBottom: Story;
-export declare const Sizes: Story;
-export declare const Colors: Story;

package/dist/components/Form/CheckboxField/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './CheckboxField';
-export * from './CheckboxField.types';

package/dist/components/Form/EmailField/EmailField.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import type { EmailFieldProps } from "./EmailField.types";
-declare const EmailField: React.FC<EmailFieldProps>;
-export default EmailField;

package/dist/components/Form/EmailField/EmailField.stories.d.ts

@@ -1,10 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import EmailField from "./EmailField";
-import type { EmailFieldProps } from "./EmailField.types";
-declare const meta: Meta<typeof EmailField>;
-export default meta;
-type Story = StoryObj<EmailFieldProps>;
-export declare const Default: Story;
-export declare const Required: Story;
-export declare const WithError: Story;
-export declare const Disabled: Story;

package/dist/components/Form/EmailField/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './EmailField';
-export * from './EmailField.types';

package/dist/components/Form/MultiSelectField/MultiSelect.stories.d.ts

@@ -1,11 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import MultiSelectField from "./MultiSelectField";
-import type { MultiSelectFieldProps } from "./MultiSelectField.types";
-declare const meta: Meta<typeof MultiSelectField>;
-export default meta;
-type Story = StoryObj<MultiSelectFieldProps>;
-export declare const Default: Story;
-export declare const WithPreselected: any;
-export declare const WithError: Story;
-export declare const Required: Story;
-export declare const Disabled: any;

package/dist/components/Form/MultiSelectField/MultiSelectField.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { MultiSelectFieldProps } from "./MultiSelectField.types";
-declare const MultiSelectField: React.FC<MultiSelectFieldProps>;
-export default MultiSelectField;

package/dist/components/Form/MultiSelectField/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./MultiSelectField";
-export * from "./MultiSelectField.types";

package/dist/components/Form/NumberField/NumberField.stories.d.ts

@@ -1,12 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import NumberField from "./NumberField";
-import type { NumberFieldProps } from "./NumberField.types";
-declare const meta: Meta<typeof NumberField>;
-export default meta;
-type Story = StoryObj<NumberFieldProps>;
-export declare const Default: Story;
-export declare const WithMaxLength: Story;
-export declare const WithError: Story;
-export declare const Disabled: Story;
-export declare const AllowScrollFalse: Story;
-export declare const AllowScrollTrue: Story;

package/dist/components/Form/PhoneField/PhoneField.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { PhoneFieldProps } from "./PhoneField.types";
-declare const PhoneField: React.FC<PhoneFieldProps>;
-export default PhoneField;

package/dist/components/Form/PhoneField/PhoneField.stories.d.ts

@@ -1,12 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import PhoneField from "./PhoneField";
-declare const meta: Meta<typeof PhoneField>;
-export default meta;
-type Story = StoryObj<typeof PhoneField>;
-export declare const Default: Story;
-export declare const Autocomplete: Story;
-export declare const WithError: Story;
-export declare const Disabled: Story;
-export declare const RequiredField: Story;
-export declare const WithPlaceholder: Story;
-export declare const WithLabelAndError: Story;

package/dist/components/Form/PhoneField/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './PhoneField';
-export * from './PhoneField.types';

package/dist/components/Form/RadioGroupField/RadioGroupField.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { RadioGroupFieldProps } from "./RadioGroupField.types";
-declare const RadioGroupField: React.FC<RadioGroupFieldProps>;
-export default RadioGroupField;

package/dist/components/Form/RadioGroupField/RadioGroupField.stories.d.ts

@@ -1,8 +0,0 @@
-import { RadioGroupFieldProps } from "./RadioGroupField.types";
-declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, RadioGroupFieldProps>;
-export default _default;
-export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, Partial<RadioGroupFieldProps>>;
-export declare const WithError: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, Partial<RadioGroupFieldProps>>;
-export declare const Disabled: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, Partial<RadioGroupFieldProps>>;
-export declare const ColumnLayout: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, Partial<RadioGroupFieldProps>>;
-export declare const Required: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, Partial<RadioGroupFieldProps>>;

package/dist/components/Form/RadioGroupField/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./RadioGroupField";
-export * from "./RadioGroupField.types";

package/dist/components/Form/Search/Search.stories.d.ts

@@ -1,10 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import Search from "./Search";
-declare const meta: Meta<typeof Search>;
-export default meta;
-type Story = StoryObj<typeof Search>;
-export declare const Default: Story;
-export declare const WithInitialValue: Story;
-export declare const WithoutShortcut: Story;
-export declare const Disabled: Story;
-export declare const AutoFocus: Story;

package/dist/components/Form/SwitchButtonField/SwitchButtonField.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import type { ToggleButtonFieldProps } from "./SwitchButtonField.types";
-export declare const SwitchButtonField: React.FC<ToggleButtonFieldProps>;
-export default SwitchButtonField;

package/dist/components/Form/SwitchButtonField/SwitchButtonField.stories.d.ts

@@ -1,13 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import SwitchButtonField from "./SwitchButtonField";
-declare const meta: Meta<typeof SwitchButtonField>;
-export default meta;
-type Story = StoryObj<typeof SwitchButtonField>;
-export declare const Default: Story;
-export declare const Checked: Story;
-export declare const Disabled: Story;
-export declare const WithError: Story;
-export declare const LabelPositions: Story;
-export declare const RequiredField: Story;
-export declare const AllColors: Story;
-export declare const AllSizes: Story;

package/dist/components/Form/SwitchButtonField/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./SwitchButtonField";
-export * from "./SwitchButtonField.types";

package/dist/components/Form/TextAreaField/TextAreaField.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { TextAreaFieldProps } from "./TextAreaField.types";
-declare const TextAreaField: React.FC<TextAreaFieldProps>;
-export default TextAreaField;

package/dist/components/Form/TextAreaField/TextAreaField.stories.d.ts

@@ -1,11 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import TextAreaField from "./TextAreaField";
-import type { TextAreaFieldProps } from "./TextAreaField.types";
-declare const meta: Meta<typeof TextAreaField>;
-export default meta;
-type Story = StoryObj<TextAreaFieldProps>;
-export declare const Default: Story;
-export declare const WithError: Story;
-export declare const Required: Story;
-export declare const Disabled: Story;
-export declare const MaxLength: Story;

package/dist/components/Form/TextAreaField/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./TextAreaField";
-export * from "./TextAreaField.types";

package/dist/components/Form/TextField/TextField.stories.d.ts

@@ -1,11 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import { TextFieldProps } from "./TextField.types";
-declare const meta: Meta<TextFieldProps>;
-export default meta;
-type Story = StoryObj<TextFieldProps>;
-export declare const Default: Story;
-export declare const Required: Story;
-export declare const WithPrefixSuffix: Story;
-export declare const WithTooltip: Story;
-export declare const Disabled: Story;
-export declare const WithError: Story;

package/dist/components/Form/URLField/URLField.stories.d.ts

@@ -1,9 +0,0 @@
-import { URLField } from "./URLField";
-import type { Meta, StoryObj } from "@storybook/react";
-declare const meta: Meta<typeof URLField>;
-export default meta;
-type Story = StoryObj<typeof URLField>;
-export declare const Default: Story;
-export declare const WithError: Story;
-export declare const WithCheckmark: Story;
-export declare const Disabled: Story;

package/dist/components/Skeleton/Skeleton.stories.d.ts

@@ -1,12 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import Skeleton from './Skeleton';
-declare const meta: Meta<typeof Skeleton>;
-export default meta;
-type Story = StoryObj<typeof Skeleton>;
-export declare const Default: Story;
-export declare const CustomDimensions: Story;
-export declare const MultipleLines: Story;
-export declare const Circle: Story;
-export declare const CustomColorsAndPulse: Story;
-export declare const CardExample: Story;
-export declare const NoAnimation: Story;

package/dist/components/Tabs/Tabs.stories.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import { StoryObj } from "@storybook/react";
-import Tabs from "./Tabs";
-import { TabsProps } from "./Tabs.types";
-declare const meta: {
-    title: string;
-    component: import("react").FC<TabsProps>;
-    tags: string[];
-    argTypes: {
-        onChange: {
-            action: string;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof Tabs>;
-export declare const Default: Story;
-export declare const WithDisabledTab: Story;
-export declare const WithInitialActiveTab: Story;
-export declare const WithMultipleTabs: Story;

package/dist/components/ToggleGroup/ToggleGorup.stories.d.ts

@@ -1,68 +0,0 @@
-import { StoryObj } from "@storybook/react";
-import React from "react";
-import ToggleGroup from "./ToggleGroup";
-import { ToggleGroupProps } from "./ToggleGroup.types";
-declare const meta: {
-    title: string;
-    component: React.FC<ToggleGroupProps>;
-    tags: string[];
-    argTypes: {
-        onChange: {
-            action: string;
-            description: string;
-        };
-        name: {
-            control: "text";
-            description: string;
-        };
-        required: {
-            control: "boolean";
-            description: string;
-        };
-        options: {
-            control: "object";
-            description: string;
-        };
-        className: {
-            control: "text";
-            description: string;
-        };
-    };
-    parameters: {
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof ToggleGroup>;
-/**
- * Default ToggleGroup story demonstrating basic usage.
- * Users can click options and see the `onChange` action logged.
- */
-export declare const Default: Story;
-/**
- * ToggleGroup story with an option initially selected.
- * This demonstrates how to set an initial selection if the component were to accept a `defaultValue` prop,
- * or how a parent might manage the initial state if it were a controlled component.
- *
- * NOTE: As the current ToggleGroup component uses `useState(null)` internally and doesn't
- * accept a `value` prop, this story simulates an initial selection by providing a default
- * value to the `useState` hook within the story's render function.
- */
-export declare const WithInitialSelection: Story;
-/**
- * ToggleGroup story demonstrating a disabled option.
- * The disabled option should not be clickable.
- */
-export declare const WithDisabledOption: Story;
-/**
- * ToggleGroup story with a larger set of options.
- */
-export declare const ManyOptions: Story;
-/**
- * ToggleGroup story showing the `required` prop (no visual change in this component).
- */
-export declare const RequiredField: Story;

package/dist/components/Tooltip/Tooltip.stories.d.ts

@@ -1,8 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import Tooltip from "./Tooltip";
-declare const meta: Meta<typeof Tooltip>;
-export default meta;
-type Story = StoryObj<typeof Tooltip>;
-export declare const Default: Story;
-export declare const BottomPlacement: Story;
-export declare const CustomColors: Story;

package/dist/components/Typography/Display/Display.stories.d.ts

@@ -1,50 +0,0 @@
-/// <reference types="react" />
-import { StoryObj } from "@storybook/react";
-import Display from "./Display";
-declare const meta: {
-    title: string;
-    component: import("react").FC<import("./Display.types").DisplayProps>;
-    tags: string[];
-    argTypes: {
-        variant: {
-            options: ("sm-semibold" | "md-semibold" | "lg-semibold" | "xs-semibold" | "xs-bold")[];
-            control: {
-                type: "radio";
-            };
-        };
-        color: {
-            options: ("primary" | "secondary" | "success" | "white" | "placeholder" | "tertiary" | "brand-600" | "brand-700")[];
-            control: {
-                type: "select";
-            };
-        };
-        align: {
-            options: ("center" | "left" | "right")[];
-            control: {
-                type: "radio";
-            };
-        };
-        as: {
-            options: string[];
-            control: {
-                type: "select";
-            };
-        };
-        children: {
-            control: "text";
-        };
-    };
-    args: {
-        variant: "lg-semibold";
-        children: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof Display>;
-export declare const Default: Story;
-export declare const ExtraSmall: Story;
-export declare const Small: Story;
-export declare const MediumSemiBold: Story;
-export declare const WithSecondaryColor: Story;
-export declare const CenterAligned: Story;
-export declare const AsDivElement: Story;

package/dist/components/Typography/Label/label.stories.d.ts

@@ -1,50 +0,0 @@
-/// <reference types="react" />
-import { StoryObj } from "@storybook/react";
-import Label from "./Label";
-declare const meta: {
-    title: string;
-    component: import("react").FC<import("./Label.types").LabelProps>;
-    tags: string[];
-    argTypes: {
-        variant: {
-            options: ("xs-medium" | "sm-regular" | "sm-medium" | "sm-semibold" | "md-regular" | "md-semibold" | "lg-semibold" | "lg-bold" | "xs-semibold" | "xl-semibold" | "xs-regular")[];
-            control: {
-                type: "select";
-            };
-        };
-        required: {
-            control: "boolean";
-        };
-        as: {
-            options: string[];
-            control: {
-                type: "select";
-            };
-        };
-        children: {
-            control: "text";
-        };
-    };
-    args: {
-        variant: "sm-medium";
-        children: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof Label>;
-export declare const Default: Story;
-export declare const ExtraSmallRegular: Story;
-export declare const ExtraSmallMedium: Story;
-export declare const ExtraSmallSemiBold: Story;
-export declare const SmallRegular: Story;
-export declare const SmallSemibold: Story;
-export declare const SmallMedium: Story;
-export declare const MediumRegular: Story;
-export declare const MediumSemibold: Story;
-export declare const LargeSemibold: Story;
-export declare const LargeBold: Story;
-export declare const ExtraLargeSemibold: Story;
-export declare const RequiredLabel: Story;
-export declare const WithSpanElement: Story;
-export declare const CenterAlignedLabel: Story;
-export declare const SmallMediumRequired: Story;

package/dist/components/Typography/Text/Text.stories.d.ts

@@ -1,62 +0,0 @@
-/// <reference types="react" />
-import { StoryObj } from "@storybook/react";
-import Text from "./Text";
-declare const meta: {
-    title: string;
-    component: import("react").FC<import("./Text.types").TextProps>;
-    tags: string[];
-    argTypes: {
-        variant: {
-            options: ("xs-medium" | "sm-regular" | "sm-medium" | "sm-semibold" | "md-regular" | "md-semibold" | "lg-semibold" | "lg-bold" | "xs-semibold" | "xl-semibold" | "xs-regular")[];
-            control: {
-                type: "select";
-            };
-        };
-        color: {
-            options: ("primary" | "secondary" | "success" | "white" | "placeholder" | "tertiary" | "brand-600" | "brand-700")[];
-            control: {
-                type: "select";
-            };
-        };
-        align: {
-            options: ("center" | "left" | "right")[];
-            control: {
-                type: "radio";
-            };
-        };
-        ellipsis: {
-            control: "boolean";
-        };
-        as: {
-            options: string[];
-            control: {
-                type: "select";
-            };
-        };
-        children: {
-            control: "text";
-        };
-    };
-    args: {
-        variant: "md-regular";
-        children: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof Text>;
-export declare const Default: Story;
-export declare const ExtraSmallRegular: Story;
-export declare const ExtraSmallMedium: Story;
-export declare const ExtraSmallSemiBold: Story;
-export declare const SmallRegular: Story;
-export declare const SmallSemibold: Story;
-export declare const SmallMedium: Story;
-export declare const MediumRegular: Story;
-export declare const MediumSemibold: Story;
-export declare const LargeSemibold: Story;
-export declare const LargeBold: Story;
-export declare const ExtraLargeSemibold: Story;
-export declare const WithSecondaryColor: Story;
-export declare const CenterAligned: Story;
-export declare const WithEllipsis: Story;
-export declare const AsSpanElement: Story;