@s-works/s-works-ui 0.0.1 → 0.0.2

package/types/standard/components/TagsInput/icons.d.ts

@@ -0,0 +1,13 @@
+import type { SVGProps } from 'react';
+export declare function ChevronLarge(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function ChevronMedium(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function ChevronSmall(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function UserLarge(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function UserMedium(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function UserSmall(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function CloseVector(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function CloseSmall(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function TagsUserIcon({ size }: {
+    size?: 'lg' | 'md' | 'sm';
+}): import("react/jsx-runtime").JSX.Element;
+export declare function CloseSmallTwelve(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/types/standard/components/TagsInput/types.d.ts

@@ -0,0 +1,7 @@
+import type { MantineTheme, TagsInputProps as MantineTagsInputProps, TagsInputStylesNames } from "@s-works/s-works-ui/core";
+export type TagsInputSize = 'lg' | 'md' | 'sm';
+export type TagsInputSlot = TagsInputStylesNames | 'pillLabel' | 'pillRemove';
+export interface TagsInputProps extends Omit<MantineTagsInputProps, 'classNames'> {
+    size?: TagsInputSize;
+    classNames?: Partial<Record<TagsInputSlot, string>> | ((theme: MantineTheme, props: TagsInputProps, context: undefined) => Partial<Record<TagsInputSlot, string>>);
+}

package/types/standard/components/ThreeColumnLayout/ThreeColumnLayout.d.ts

@@ -0,0 +1,45 @@
+import { type ReactNode } from "react";
+import { type FlexProps } from "@s-works/s-works-ui/core";
+export interface ThreeColumnLayoutControls {
+    menuId: string;
+    menuOpened: boolean;
+    menuCollapsed: boolean;
+    agentOpened: boolean;
+    toggleMenu: () => void;
+    toggleCollapsed: () => void;
+    toggleAgent: () => void;
+    closeAgent: () => void;
+    menuToggleRef: React.RefObject<HTMLButtonElement | null>;
+    agentToggleRef: React.RefObject<HTMLButtonElement | null>;
+}
+export interface ThreeColumnLayoutProps extends Omit<FlexProps, "children" | "title" | "direction" | "gap" | "wrap"> {
+    appearance?: "diagram" | "workspace";
+    children?: ReactNode;
+    renderContent?: (controls: ThreeColumnLayoutControls) => ReactNode;
+    header?: (controls: ThreeColumnLayoutControls) => ReactNode;
+    menuHeader?: (controls: ThreeColumnLayoutControls) => ReactNode;
+    agentHeader?: (controls: ThreeColumnLayoutControls) => ReactNode;
+    menu?: ReactNode | ((collapsed: boolean) => ReactNode);
+    agent?: ReactNode;
+    title?: ReactNode;
+    menuTitle?: ReactNode;
+    agentTitle?: string;
+    menuOpened?: boolean;
+    defaultMenuOpened?: boolean;
+    onMenuOpenedChange?: (opened: boolean) => void;
+    agentOpened?: boolean;
+    defaultAgentOpened?: boolean;
+    onAgentOpenedChange?: (opened: boolean) => void;
+    menuCollapsed?: boolean;
+    defaultMenuCollapsed?: boolean;
+    onMenuCollapsedChange?: (collapsed: boolean) => void;
+    menuWidth?: number;
+    defaultMenuWidth?: number;
+    onMenuWidthChange?: (width: number) => void;
+    agentWidth?: number;
+    defaultAgentWidth?: number;
+    onAgentWidthChange?: (width: number) => void;
+    resizable?: boolean;
+    menuStorageKey?: string;
+}
+export declare const ThreeColumnLayout: import("react").ForwardRefExoticComponent<ThreeColumnLayoutProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/standard/components/ThreeColumnLayout/use-resizable-panel.d.ts

@@ -0,0 +1,30 @@
+import { type KeyboardEvent, type PointerEvent } from "react";
+interface PanelOptions {
+    side: "left" | "right";
+    width?: number;
+    defaultWidth: number;
+    onWidthChange?: (width: number) => void;
+    opened?: boolean;
+    defaultOpened: boolean;
+    onOpenedChange?: (opened: boolean) => void;
+    collapsed?: boolean;
+    defaultCollapsed?: boolean;
+    onCollapsedChange?: (collapsed: boolean) => void;
+    storageKey?: string;
+    min: number;
+    max: number;
+}
+export declare function useResizablePanel(options: PanelOptions): {
+    opened: boolean;
+    collapsed: boolean;
+    width: number;
+    setWidth: (value: number) => void;
+    setOpened: (value: boolean) => void;
+    setCollapsed: (value: boolean) => void;
+    resizeHandleRef: (node: HTMLDivElement | null) => void;
+    onPointerDown: (event: PointerEvent<HTMLDivElement>) => void;
+    onPointerMove: (event: PointerEvent<HTMLDivElement>) => void;
+    onPointerEnd: (event: PointerEvent<HTMLDivElement>) => void;
+    onKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
+};
+export {};

package/types/standard/components/TimePicker/TimePicker.d.ts

@@ -0,0 +1,28 @@
+import { type TimePickerProps as MantineTimePickerProps, type TimePickerStylesNames } from "@s-works/s-works-ui/dates";
+export interface TimePickerProps extends MantineTimePickerProps {
+    size?: 'sm' | 'md';
+    appearance?: 'filled' | 'outlined';
+}
+export declare function resolveTimePickerClassNames(size: NonNullable<TimePickerProps['size']>, appearance: NonNullable<TimePickerProps['appearance']>, overrides?: Partial<Record<TimePickerStylesNames, string>>): {
+    root: string;
+    input: string;
+    fieldsGroup: string;
+    field: string;
+    section: string;
+    dropdown: string;
+    control: string;
+    presetControl: string;
+    label?: string | undefined;
+    required?: string | undefined;
+    description?: string | undefined;
+    error?: string | undefined;
+    wrapper?: string | undefined;
+    fieldsRoot?: string | undefined;
+    controlsList?: string | undefined;
+    controlsListGroup?: string | undefined;
+    presetsRoot?: string | undefined;
+    presetsGroup?: string | undefined;
+    presetsGroupLabel?: string | undefined;
+    scrollarea?: string | undefined;
+};
+export declare const TimePicker: import("react").ForwardRefExoticComponent<TimePickerProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/standard/components/Title/Title.d.ts

@@ -0,0 +1,20 @@
+import { type TitleProps as MantineTitleProps } from "@s-works/s-works-ui/core";
+export type TitlePreset = 'h1-medium' | 'h2-medium' | 'h3-medium' | 'h3-regular' | 'h4-medium' | 'h5-regular' | 'h5-medium' | 'h5-semibold';
+export interface TitleProps extends Omit<MantineTitleProps, 'size'> {
+    /** Figma typography style. Heading semantics can be overridden with order. */
+    preset?: TitlePreset;
+}
+export declare const titleBaseClassNames: {
+    root: string;
+};
+export declare const titlePresetClassNames: {
+    'h1-medium': string;
+    'h2-medium': string;
+    'h3-medium': string;
+    'h3-regular': string;
+    'h4-medium': string;
+    'h5-regular': string;
+    'h5-medium': string;
+    'h5-semibold': string;
+};
+export declare const Title: import("react").ForwardRefExoticComponent<TitleProps & import("react").RefAttributes<HTMLHeadingElement>>;

package/types/standard/components/Toast/Toast.d.ts

@@ -0,0 +1,16 @@
+import type { AlertProps as MantineAlertProps, AlertStylesNames } from "@s-works/s-works-ui/core";
+export interface ToastProps extends MantineAlertProps {
+    status?: 'success' | 'warning' | 'error';
+    autoClose?: number | false;
+}
+export declare function resolveToastClassNames(overrides?: Partial<Record<AlertStylesNames, string>>): {
+    root: string;
+    message: string;
+    label?: string | undefined;
+    body?: string | undefined;
+    title?: string | undefined;
+    icon?: string | undefined;
+    wrapper?: string | undefined;
+    closeButton?: string | undefined;
+};
+export declare const Toast: import("react").ForwardRefExoticComponent<ToastProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/standard/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,20 @@
+import { type TooltipProps as MantineTooltipProps } from "@s-works/s-works-ui/core";
+export interface TooltipProps extends MantineTooltipProps {
+}
+export declare const tooltipClassNames: {
+    tooltip: string;
+};
+export declare function resolveTooltipProps({ radius, color, events, ...props }: TooltipProps): TooltipProps;
+export declare function resolveTooltipClassNames(overrides?: Partial<Record<import("@s-works/s-works-ui/core").TooltipStylesNames, string>>): {
+    tooltip: string;
+    arrow: string | undefined;
+};
+export declare const Tooltip: import("react").ForwardRefExoticComponent<TooltipProps & import("react").RefAttributes<HTMLDivElement>> & {
+    Group: typeof import("@s-works/s-works-ui/core").TooltipGroup;
+    Floating: import("@s-works/s-works-ui/core").MantineComponent<{
+        props: import("@s-works/s-works-ui/core").TooltipFloatingProps;
+        ref: HTMLDivElement;
+        stylesNames: import("@s-works/s-works-ui/core").TooltipStylesNames;
+        vars: import("@s-works/s-works-ui/core").TooltipCssVariables;
+    }>;
+};

package/types/standard/index.d.mts

@@ -1 +1,28 @@
 export { Button, type ButtonProps } from './components/Button/Button.js';
+export { Breadcrumbs, type BreadcrumbsProps, type BreadcrumbsItem } from './components/Breadcrumbs/Breadcrumbs.js';
+export { Title, type TitleProps, type TitlePreset } from './components/Title/Title.js';
+export { Tooltip, type TooltipProps } from './components/Tooltip/Tooltip.js';
+export { AppShell, type AppShellProps, type AppShellSidebarState } from './components/AppShell/AppShell.js';
+export { type AppShellTaskItemProps } from './components/AppShell/AppShellTaskItem.js';
+export { Table, type TableProps } from './components/Table/Table.js';
+export { Pagination, type PaginationProps } from './components/Pagination/Pagination.js';
+export { Radio, type RadioProps } from './components/Radio/Radio.js';
+export { Checkbox, type CheckboxProps } from './components/Checkbox/Checkbox.js';
+export { Switch, type SwitchProps } from './components/Switch/Switch.js';
+export { Alert, type AlertProps, type AlertStatus } from './components/Alert/Alert.js';
+export { Toast, type ToastProps } from './components/Toast/Toast.js';
+export { Modal, type ModalProps } from './components/Modal/Modal.js';
+export { DateInput, type DateInputProps, type DateInputRangeProps, type DateInputSize, type DateInputAppearance } from './components/DateInput/DateInput.js';
+export { DatePicker, type DatePickerProps } from './components/DatePicker/DatePicker.js';
+export { TimePicker, type TimePickerProps } from './components/TimePicker/TimePicker.js';
+export { Tabs, type TabsProps, type TabsVariant } from './components/Tabs/Tabs.js';
+export { Select, type SelectProps, type SelectSize, type SelectAppearance, type SelectMenuTone } from './components/Select/Select.js';
+export { TagsInput, type TagsInputProps, type TagsInputSize, type TagsInputSlot } from './components/TagsInput/TagsInput.js';
+export { InputBase, type InputBaseProps, type InputBaseSize, type InputBaseAppearance } from './components/InputBase/InputBase.js';
+export { Tag, type TagProps, type TagSize, type TagTone, type TagVariant, type TagShape } from './components/Tag/Tag.js';
+export { CloseButton, type CloseButtonProps } from './components/CloseButton/CloseButton.js';
+export { Loader, type LoaderProps } from './components/Loader/Loader.js';
+export { Layout, type LayoutProps } from './components/Layout/Layout.js';
+export { ThreeColumnLayout, type ThreeColumnLayoutProps, type ThreeColumnLayoutControls } from './components/ThreeColumnLayout/ThreeColumnLayout.js';
+export { Space, type SpaceProps } from './components/Space/Space.js';
+export { Skeleton, type SkeletonProps } from './components/Skeleton/Skeleton.js';

package/types/standard/index.d.ts

@@ -1 +1,28 @@
 export { Button, type ButtonProps } from './components/Button/Button.js';
+export { Breadcrumbs, type BreadcrumbsProps, type BreadcrumbsItem } from './components/Breadcrumbs/Breadcrumbs.js';
+export { Title, type TitleProps, type TitlePreset } from './components/Title/Title.js';
+export { Tooltip, type TooltipProps } from './components/Tooltip/Tooltip.js';
+export { AppShell, type AppShellProps, type AppShellSidebarState } from './components/AppShell/AppShell.js';
+export { type AppShellTaskItemProps } from './components/AppShell/AppShellTaskItem.js';
+export { Table, type TableProps } from './components/Table/Table.js';
+export { Pagination, type PaginationProps } from './components/Pagination/Pagination.js';
+export { Radio, type RadioProps } from './components/Radio/Radio.js';
+export { Checkbox, type CheckboxProps } from './components/Checkbox/Checkbox.js';
+export { Switch, type SwitchProps } from './components/Switch/Switch.js';
+export { Alert, type AlertProps, type AlertStatus } from './components/Alert/Alert.js';
+export { Toast, type ToastProps } from './components/Toast/Toast.js';
+export { Modal, type ModalProps } from './components/Modal/Modal.js';
+export { DateInput, type DateInputProps, type DateInputRangeProps, type DateInputSize, type DateInputAppearance } from './components/DateInput/DateInput.js';
+export { DatePicker, type DatePickerProps } from './components/DatePicker/DatePicker.js';
+export { TimePicker, type TimePickerProps } from './components/TimePicker/TimePicker.js';
+export { Tabs, type TabsProps, type TabsVariant } from './components/Tabs/Tabs.js';
+export { Select, type SelectProps, type SelectSize, type SelectAppearance, type SelectMenuTone } from './components/Select/Select.js';
+export { TagsInput, type TagsInputProps, type TagsInputSize, type TagsInputSlot } from './components/TagsInput/TagsInput.js';
+export { InputBase, type InputBaseProps, type InputBaseSize, type InputBaseAppearance } from './components/InputBase/InputBase.js';
+export { Tag, type TagProps, type TagSize, type TagTone, type TagVariant, type TagShape } from './components/Tag/Tag.js';
+export { CloseButton, type CloseButtonProps } from './components/CloseButton/CloseButton.js';
+export { Loader, type LoaderProps } from './components/Loader/Loader.js';
+export { Layout, type LayoutProps } from './components/Layout/Layout.js';
+export { ThreeColumnLayout, type ThreeColumnLayoutProps, type ThreeColumnLayoutControls } from './components/ThreeColumnLayout/ThreeColumnLayout.js';
+export { Space, type SpaceProps } from './components/Space/Space.js';
+export { Skeleton, type SkeletonProps } from './components/Skeleton/Skeleton.js';