stp-ui-kit 0.0.74 → 0.0.77

package/dist/assets/index.d.ts

@@ -0,0 +1,8 @@
+export { default as AcademicCap } from './icons/AcademicCap.svg?react';
+export { default as CrownMinimalistic } from './icons/CrownMinimalistic.svg?react';
+export { default as CupStar } from './icons/CupStar.svg?react';
+export { default as Fire } from './icons/Fire.svg?react';
+export { default as Hourglass } from './icons/Hourglass.svg?react';
+export { default as StarCircle } from './icons/StarCircle.svg?react';
+export { default as StarFall } from './icons/StarFall.svg?react';
+export { default as UserRounded } from './icons/UserRounded.svg?react';

package/dist/components/{Table → data/Table}/Table.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { Table as ShadcnTable, TableBody as ShadcnTableBody, TableCaption as ShadcnTableCaption, TableCell as ShadcnTableCell, TableHead as ShadcnTableHead, TableHeader as ShadcnTableHeader, TableRow as ShadcnTableRow } from '../ui/table';
+import { Table as ShadcnTable, TableBody as ShadcnTableBody, TableCaption as ShadcnTableCaption, TableCell as ShadcnTableCell, TableHead as ShadcnTableHead, TableHeader as ShadcnTableHeader, TableRow as ShadcnTableRow } from '../../ui/table';
 export declare const Table: React.FC<React.ComponentProps<typeof ShadcnTable>>;
 export declare const TableBody: React.FC<React.ComponentProps<typeof ShadcnTableBody>>;
 export declare const TableCaption: React.FC<React.ComponentProps<typeof ShadcnTableCaption>>;

package/dist/components/data/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ProgressLine/ProgressLine';
+export * from './Table/Table';
+export * from './Table/Cell';

package/dist/components/{Dropdown → display/Dropdown}/Dropdown.d.ts

@@ -1,17 +1,9 @@
 import { default as React, ReactNode } from 'react';
-export interface DropdownItem {
-    label: string;
-    icon?: React.ReactNode;
-    onClick?: () => void;
-    disabled?: boolean;
-}
 interface DropdownProps {
-    items: DropdownItem[];
     children: ReactNode;
+    trigger: ReactNode;
     className?: string;
-    disabled?: boolean;
     align?: "left" | "right";
-    extraContent?: ReactNode;
 }
 export declare const Dropdown: React.FC<DropdownProps>;
 export {};

package/dist/components/display/Icon/Icon.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+type IconType = React.FC<React.SVGProps<SVGSVGElement>> | React.ReactElement<React.SVGProps<SVGSVGElement>>;
+interface IconProps extends React.SVGAttributes<SVGElement> {
+    icon: IconType;
+    size?: number | string;
+    strokeWidth?: number;
+    className?: string;
+}
+export declare const Icon: ({ icon, size, strokeWidth, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/display/OptionList/OptionList.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export type ShadowLevel = "lower" | "higher";
+export interface OptionListItem {
+    label: string;
+    icon?: React.ReactNode;
+    onClick?: () => void;
+    disabled?: boolean;
+}
+export interface OptionListProps {
+    items: OptionListItem[];
+    onSelect?: (item: OptionListItem, index: number) => void;
+    className?: string;
+    shadow?: ShadowLevel;
+}
+export declare const OptionList: ({ items, onSelect, className, shadow, }: OptionListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/display/SvgStyleWrapper/SvgStyleWrapper.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface SvgStyleWrapperProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare const SvgStyleWrapper: ({ children, className, }: SvgStyleWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/{Typography → display/Typography}/Typography.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 export interface TypographyProps {
-    variant?: "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "heading-xs" | "body-lg" | "body-md" | "body-sm";
+    variant?: "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "heading-xs" | "body-lg" | "body-md" | "body-sm" | "display";
     className?: string;
     children: ReactNode;
     weight?: "regular" | "semibold" | "bold" | "medium";

package/dist/components/display/index.d.ts

@@ -0,0 +1,9 @@
+export * from './Avatar/Avatar';
+export * from './Button/Button';
+export * from './Dropdown/Dropdown';
+export * from './Empty/Empty';
+export * from './IconButton/IconButton';
+export * from './Typography/Typography';
+export * from './SvgStyleWrapper/SvgStyleWrapper';
+export * from './Icon/Icon';
+export * from './OptionList/OptionList';

package/dist/components/{Modal → feedback/Modal}/Modal.d.ts

@@ -1,5 +1,5 @@
 import { default as React, ReactNode } from 'react';
-import { ButtonProps } from '../Button/Button';
+import { ButtonProps } from '../..';
 export interface ModalProps {
     activator?: ReactNode;
     open: boolean;

package/dist/components/{Modal → feedback/Modal}/Modal.stories.d.ts

@@ -2,6 +2,6 @@ import { Meta } from '@storybook/react';
 import { Modal } from './Modal';
 declare const meta: Meta<typeof Modal>;
 export default meta;
-export declare const Default: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('./Modal').ModalProps>;
-export declare const Critical: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('./Modal').ModalProps>;
-export declare const Warning: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('./Modal').ModalProps>;
+export declare const Default: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../..').ModalProps>;
+export declare const Critical: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../..').ModalProps>;
+export declare const Warning: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../..').ModalProps>;

package/dist/components/feedback/index.d.ts

@@ -0,0 +1,6 @@
+export * from './Message/CustomToaster';
+export * from './Message/Message';
+export * from './Modal/Modal';
+export * from './Modal/ModalApi';
+export * from './Spinner/Spinner';
+export * from './Tooltip/Tooltip';

package/dist/components/{FormItem → form/FormItem}/FormItemContext.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type FormItemState = "default" | "error" | "disabled" | "readOnly";
 export interface FormItemContextValue {
     state: FormItemState;

package/dist/components/{RadioButton → form/RadioButton}/RadioButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface RadioButtonProps extends React.InputHTMLAttributes<HTMLInputElement> {
     label?: string;
     error?: string;

package/dist/components/form/index.d.ts

@@ -0,0 +1,7 @@
+export * from './Checkbox/Checkbox';
+export * from './FormItem/FormItem';
+export * from './InlineError/InlineError';
+export * from './Input/Input';
+export * from './Input/TextArea';
+export * from './RadioButton/RadioButton';
+export * from './Select/Select';

package/dist/components/index.d.ts

@@ -1,32 +1,6 @@
-import { Avatar } from './Avatar/Avatar';
-import { Banner } from './Banner/Banner';
-import { Button } from './Button/Button';
-import { Checkbox } from './Checkbox/Checkbox';
-import { Collapse } from './Collapse/Collapse';
-import { CourseCollapse } from './CourseCollapse/CourseCollapse';
-import { Drawer } from './Drawer/Drawer';
-import { Dropdown } from './Dropdown/Dropdown';
-import { Empty } from './Empty/Empty';
-import { FormItem } from './FormItem/FormItem';
-import { IconButton } from './IconButton/IconButton';
-import { InlineError } from './InlineError/InlineError';
-import { Input } from './Input/Input';
-import { TextArea } from './Input/TextArea';
-import { Link } from './Link/Link';
-import { CustomToaster } from './Message/CustomToaster';
-import { message } from './Message/Message';
-import { ModalAPI } from './Modal/ModalApi';
-import { NavigationItem } from './NavigationItem/NavigationItem';
-import { PageHeader } from './PageHeader/PageHeader';
-import { ProgressLine } from './ProgressLine/ProgressLine';
-import { RadioButton } from './RadioButton/RadioButton';
-import { SectionHeader } from './SectionHeader/SectionHeader';
-import { Select } from './Select/Select';
-import { Spinner } from './Spinner/Spinner';
-import { Cell } from './Table/Cell';
-import { Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow } from './Table/Table';
-import { Tooltip } from './Tooltip/Tooltip';
-import { TopBar } from './TopBar/TopBar';
-import { Typography } from './Typography/Typography';
-import { Modal } from './Modal/Modal';
-export { Banner, Button, Collapse, CourseCollapse, Empty, FormItem, IconButton, Modal, Tooltip, NavigationItem, PageHeader, ProgressLine, SectionHeader, TopBar, Typography, message, CustomToaster, ModalAPI, Table, TableBody, TableHead, TableHeader, TableCaption, TableCell, TableRow, Cell, InlineError, Checkbox, Input, RadioButton, Dropdown, Select, Spinner, Link, Avatar, TextArea, Drawer, };
+export * from './form';
+export * from './layout';
+export * from './navigation';
+export * from './feedback';
+export * from './display';
+export * from './data';

package/dist/components/{PageHeader → layout/PageHeader}/PageHeader.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { TopBarProps } from '../TopBar/TopBar';
+import { TopBarProps } from '../..';
 export interface PageHeaderProps {
     title: string | ReactNode;
     sections?: TopBarProps["sections"];

package/dist/components/layout/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Banner/Banner';
+export * from './Drawer/Drawer';
+export * from './PageHeader/PageHeader';
+export * from './SectionHeader/SectionHeader';
+export * from './TopBar/TopBar';

package/dist/components/{Collapse → navigation/Collapse}/Collapse.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface NavItem {
     id: string;
     name: string;

package/dist/components/{CourseCollapse → navigation/CourseCollapse}/CourseCollapse.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface CourseNavItem {
     id: string;
     name: string;

package/dist/components/{NavigationItem → navigation/NavigationItem}/NavigationItem.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 export interface NavigationItemProps {
     icon?: React.ReactNode;
-    label: string;
+    label?: string;
     secondaryIcon?: React.ReactNode;
     collapsed?: boolean;
     active?: boolean;

package/dist/components/navigation/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Collapse/Collapse';
+export * from './CourseCollapse/CourseCollapse';
+export * from './Link/Link';
+export * from './NavigationItem/NavigationItem';

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-import { Avatar, Banner, Button, Cell, Checkbox, Collapse, CourseCollapse, CustomToaster, Drawer, Dropdown, Empty, FormItem, IconButton, InlineError, Input, Link, message, Modal, ModalAPI, NavigationItem, PageHeader, ProgressLine, RadioButton, SectionHeader, Select, Spinner, Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow, TextArea, Tooltip, TopBar, Typography } from './components';
-export { Banner, Button, Collapse, CourseCollapse, Empty, FormItem, IconButton, Modal, Tooltip, NavigationItem, PageHeader, ProgressLine, SectionHeader, TopBar, Typography, message, ModalAPI, Table, TableBody, TableHead, TableHeader, TableCaption, TableCell, TableRow, Cell, InlineError, Input, RadioButton, Checkbox, TextArea, CustomToaster, Dropdown, Select, Avatar, Link, Spinner, Drawer, };
+export * from './components';
+export * from './assets';