@ap-gen/ui 1.0.0

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

@@ -0,0 +1,8 @@
+import { Default } from './default';
+import { Compact } from './compact';
+import { Tab } from './tab';
+export declare const List: {
+    Default: typeof Default;
+    Compact: typeof Compact;
+    Tab: typeof Tab;
+};

package/dist/components/list/tab.d.ts

@@ -0,0 +1,11 @@
+import { IconProps } from '../icon';
+type TabProps = {
+    minimized?: boolean;
+    activated?: boolean;
+    description?: string;
+    tabName: string;
+    iconName?: IconProps['name'];
+    onClick?: () => void;
+};
+export declare function Tab({ minimized, activated, description, tabName, iconName, onClick, }: TabProps): JSX.Element;
+export {};

package/dist/components/list-group/index.d.ts

@@ -0,0 +1,14 @@
+export type ListItemProps = {
+    id: string;
+    label: string;
+    type: 'default' | 'radio' | 'check';
+    activated?: boolean;
+    children?: ListItemProps[];
+};
+type ListGroupProps = {
+    items: ListItemProps[];
+    onChange: (id: string, value: boolean) => void;
+    mode: 'single' | 'multi';
+};
+export declare function ListGroup({ items, onChange, mode, }: ListGroupProps): JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+type LoadingProps = {
+    height?: number;
+    width?: number;
+};
+export declare function Loading({ height, width }: LoadingProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/motion-pressable/index.d.ts

@@ -0,0 +1,3 @@
+export declare const MotionPressable: ({ children, ...props }: {
+    children: React.ReactNode;
+} & any) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/motion-pressable-div/index.d.ts

@@ -0,0 +1,3 @@
+export declare const MotionPressableDiv: ({ children, ...props }: {
+    children: React.ReactNode;
+} & any) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,10 @@
+type NavigationBarProps = {
+    leading: {
+        primary?: React.ReactNode;
+        secondary?: React.ReactNode;
+    };
+    center?: React.ReactNode;
+    trailing?: React.ReactNode[] | React.ReactNode;
+};
+export declare function NavigationBar({ leading, center, trailing, }: NavigationBarProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/page-indicator/index.d.ts

@@ -0,0 +1,8 @@
+type SizeType = 'small' | 'medium';
+type PageIndicatorProps = {
+    size?: SizeType;
+    total: number;
+    activeIndex: number;
+};
+export declare function PageIndicator({ size, total, activeIndex, }: PageIndicatorProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,8 @@
+type PaginationProps = {
+    showLastPage?: boolean;
+    value: number;
+    total: number;
+    onChange: (value: number) => void;
+};
+export declare function Pagination({ showLastPage, value, total, onChange, }: PaginationProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,13 @@
+import React from 'react';
+type Align = 'left' | 'center' | 'right';
+type Size = 'small' | 'medium' | 'large';
+type Color = 'primary' | 'secondary' | 'tertiary';
+type ParagraphProps = {
+    children: React.ReactNode;
+    align: Align;
+    size: Size;
+    color: Color;
+    showDot?: boolean;
+};
+export declare function Paragraph({ children, align, size, color, showDot, }: ParagraphProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,16 @@
+import React from 'react';
+type PopoverProps = {
+    children?: React.ReactNode;
+    options?: {
+        label: string;
+        value: string;
+    }[];
+    value?: string;
+    type: 'list' | 'shortcut' | 'component';
+    headline?: string;
+    primaryButton?: React.ReactNode;
+    secondaryButton?: React.ReactNode;
+    onChange?: (value: string) => void;
+};
+export declare function Popover({ children, type, options, headline, primaryButton, secondaryButton, onChange, value, }: PopoverProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/progress-bar/index.d.ts

@@ -0,0 +1,10 @@
+type Type = 'basic' | 'bold';
+interface ProgressBarProps {
+    type?: Type;
+    defaultValue?: number;
+    value: number;
+    padding?: boolean;
+    containerStyle?: React.CSSProperties;
+}
+export declare function ProgressBar({ type, value, defaultValue, padding, containerStyle, }: ProgressBarProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+export type RadioProps = {
+    value: boolean;
+    onChange: (value: boolean) => void;
+    disabled?: boolean;
+};
+export declare function Radio({ value, onChange, disabled }: RadioProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/search-bar/index.d.ts

@@ -0,0 +1,7 @@
+import { ChangeEvent } from 'react';
+interface SearchBarProps {
+    value: string;
+    onChange: (e: ChangeEvent<HTMLInputElement>) => void;
+}
+export declare function SearchBar({ value, onChange, ...rest }: SearchBarProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/search-box/index.d.ts

@@ -0,0 +1,8 @@
+import { ChangeEvent } from 'react';
+interface SearchBoxProps {
+    value: string;
+    onChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+}
+export declare function SearchBox({ value, onChange, ...rest }: SearchBoxProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/segmented-control/index.d.ts

@@ -0,0 +1,17 @@
+import { IconProps } from '../icon';
+type SegmentedControlPropsSize = 'small' | 'medium' | 'large';
+type SegmentedControlProps = {
+    value: string;
+    options: {
+        value: string;
+        label: string;
+        leadingIcon?: IconProps['name'];
+        trailingIcon?: IconProps['name'];
+    }[];
+    onChange: (value: string) => void;
+    size: SegmentedControlPropsSize;
+    fullWidth?: boolean;
+    paddingDisabled?: boolean;
+};
+export declare function SegmentedControl({ value, options, onChange, size, fullWidth, paddingDisabled, }: SegmentedControlProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,14 @@
+type SliderProps = {
+    value: [number, number] | number;
+    onChange: (value: [number, number] | number) => void;
+    doubleRange?: boolean;
+    options?: {
+        value: number;
+        label: string;
+    }[];
+    min?: number;
+    max?: number;
+    className?: string;
+};
+export declare function Slider({ doubleRange, value, onChange, options, min, max, className, }: SliderProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,19 @@
+import { IconProps } from '../icon';
+type ButtonProps = {
+    label: string;
+    onClick: () => void;
+    leadingIcon?: IconProps['name'];
+    trailingIcon?: IconProps['name'];
+    variant?: 'mono' | 'core' | 'warning';
+};
+type SnackbarProps = {
+    compact?: boolean;
+    label?: string;
+    inputBox?: boolean;
+    buttons: Array<ButtonProps & {
+        variant?: 'mono' | 'core' | 'warning';
+        size?: 'small' | 'medium' | 'large';
+    }>;
+};
+export declare function Snackbar({ label, inputBox, compact, buttons }: SnackbarProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+export type ToggleProps = {
+    value: boolean;
+    onChange: (value: boolean) => void;
+    disabled?: boolean;
+};
+export declare function Switch({ value, onChange, disabled }: ToggleProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/tab-bar/index.d.ts

@@ -0,0 +1,14 @@
+type TabOption = {
+    label: string;
+    value: string;
+};
+type TabBarProps = {
+    value: string;
+    onChange: (tab: string) => void;
+    options: TabOption[];
+    size?: SizeType;
+    side?: boolean;
+};
+type SizeType = 'large' | 'medium' | 'small';
+export declare function TabBar({ value, onChange, options, size, side, }: TabBarProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/table/column.d.ts

@@ -0,0 +1 @@
+export declare function TableColumn(): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/table/front-checkbox.d.ts

@@ -0,0 +1,2 @@
+import { CheckboxProps } from '../checkbox';
+export declare function FrontCheckbox({ ...props }: CheckboxProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/table/head-column.d.ts

@@ -0,0 +1,15 @@
+import { ChangeEvent } from 'react';
+type HeadColumnProps = {
+    spacingLevel?: 0 | 1 | 2;
+    value?: string;
+};
+type HeadColumnCollapsableProps = {
+    collapsable?: boolean;
+    expanded?: boolean;
+};
+type HeadColumnEditableProps = {
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    editable?: boolean;
+};
+export declare function HeadColumn({ collapsable, expanded, spacingLevel, onChange, editable, value, }: HeadColumnProps & HeadColumnEditableProps & HeadColumnCollapsableProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/table/head-row.d.ts

@@ -0,0 +1,17 @@
+import { ChangeEvent } from 'react';
+type HeadBaseProps = {
+    value?: string;
+    align?: 'left' | 'center' | 'right';
+    fullWidth?: boolean;
+    width?: string;
+};
+type HeadEditableProps = {
+    editable?: boolean;
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+};
+type HeadSortableProps = {
+    sortable?: boolean;
+    sortDirection?: 'asc' | 'desc' | 'none';
+};
+export declare function HeadRow({ align, onChange, value, editable, sortable, sortDirection, fullWidth, width, }: HeadBaseProps & HeadEditableProps & HeadSortableProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+export declare function Table(): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/table/item.d.ts

@@ -0,0 +1,14 @@
+import { ChangeEvent } from 'react';
+type ItemBaseProps = {
+    children?: React.ReactNode;
+    align?: 'left' | 'center' | 'right';
+    value?: string;
+    fullWidth?: boolean;
+    width?: string;
+};
+type ItemEditableProps = {
+    editable?: boolean;
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+};
+export declare function Item({ children, align, onChange, value, editable, fullWidth, width, }: ItemBaseProps & ItemEditableProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,13 @@
+type TabOption = {
+    label: string;
+    value: string;
+};
+type TabsProps = {
+    value: string;
+    onChange: (tab: string) => void;
+    options: TabOption[];
+    size?: SizeType;
+};
+type SizeType = 'large' | 'medium';
+export declare function Tabs({ value, onChange, options, size }: TabsProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/text/constant/variants.d.ts

@@ -0,0 +1,153 @@
+export declare const TEXT_SCALE: {
+    '100%': number;
+    '135%': number;
+    '150%': number;
+    '200%': number;
+};
+export declare const TEXT_VARIANTS: {
+    readonly DisplayL: {
+        readonly fontSize: 48;
+        readonly fontWeight: 800;
+        readonly lineHeight: 68;
+        readonly letterSpacing: -0.96;
+    };
+    readonly DisplayS: {
+        readonly fontSize: 32;
+        readonly fontWeight: 800;
+        readonly lineHeight: 46;
+        readonly letterSpacing: -0.64;
+    };
+    readonly TitleL: {
+        readonly fontSize: 24;
+        readonly fontWeight: 600;
+        readonly lineHeight: 34;
+        readonly letterSpacing: -0.48;
+    };
+    readonly TitleM: {
+        readonly fontSize: 20;
+        readonly fontWeight: 600;
+        readonly lineHeight: 28;
+        readonly letterSpacing: -0.4;
+    };
+    readonly TitleS: {
+        readonly fontSize: 18;
+        readonly fontWeight: 600;
+        readonly lineHeight: 26;
+        readonly letterSpacing: -0.36;
+    };
+    readonly BodyL: {
+        readonly fontSize: 16;
+        readonly fontWeight: 400;
+        readonly lineHeight: 24;
+        readonly letterSpacing: -0.32;
+    };
+    readonly BodyM: {
+        readonly fontSize: 14;
+        readonly fontWeight: 400;
+        readonly lineHeight: 20;
+        readonly letterSpacing: -0.28;
+    };
+    readonly BodyS: {
+        readonly fontSize: 12;
+        readonly fontWeight: 400;
+        readonly lineHeight: 18;
+        readonly letterSpacing: -0.24;
+    };
+    readonly Caption: {
+        readonly fontSize: 10;
+        readonly fontWeight: 400;
+        readonly lineHeight: 14;
+        readonly letterSpacing: -0.2;
+    };
+    readonly BodyL_Bold: {
+        readonly fontSize: 16;
+        readonly fontWeight: 500;
+        readonly lineHeight: 24;
+        readonly letterSpacing: -0.32;
+    };
+    readonly BodyM_Bold: {
+        readonly fontSize: 14;
+        readonly fontWeight: 500;
+        readonly lineHeight: 20;
+        readonly letterSpacing: -0.28;
+    };
+    readonly BodyS_Bold: {
+        readonly fontSize: 12;
+        readonly fontWeight: 500;
+        readonly lineHeight: 18;
+        readonly letterSpacing: -0.24;
+    };
+    readonly Caption_Bold: {
+        readonly fontSize: 10;
+        readonly fontWeight: 500;
+        readonly lineHeight: 14;
+        readonly letterSpacing: -0.2;
+    };
+    readonly TextualL: {
+        readonly fontSize: 16;
+        readonly fontWeight: 400;
+        readonly lineHeight: 26;
+        readonly letterSpacing: -0.32;
+    };
+    readonly TextualM: {
+        readonly fontSize: 14;
+        readonly fontWeight: 400;
+        readonly lineHeight: 22;
+        readonly letterSpacing: -0.28;
+    };
+    readonly TextualS: {
+        readonly fontSize: 12;
+        readonly fontWeight: 400;
+        readonly lineHeight: 18;
+        readonly letterSpacing: -0.24;
+    };
+    readonly ValueXL: {
+        readonly fontSize: 24;
+        readonly fontWeight: 600;
+        readonly lineHeight: 34;
+        readonly letterSpacing: -1.44;
+    };
+    readonly ValueL: {
+        readonly fontSize: 18;
+        readonly fontWeight: 600;
+        readonly lineHeight: 26;
+        readonly letterSpacing: -1.08;
+    };
+    readonly ValueM: {
+        readonly fontSize: 14;
+        readonly fontWeight: 500;
+        readonly lineHeight: 20;
+        readonly letterSpacing: -0.84;
+    };
+    readonly ValueS: {
+        readonly fontSize: 12;
+        readonly fontWeight: 400;
+        readonly lineHeight: 18;
+        readonly letterSpacing: -0.72;
+    };
+    readonly TableM: {
+        readonly fontSize: 14;
+        readonly fontWeight: 400;
+        readonly lineHeight: 16;
+        readonly letterSpacing: -0.42;
+    };
+    readonly TableS: {
+        readonly fontSize: 12;
+        readonly fontWeight: 400;
+        readonly lineHeight: 14;
+        readonly letterSpacing: -0.36;
+    };
+    readonly TableM_Bold: {
+        readonly fontSize: 14;
+        readonly fontWeight: 500;
+        readonly lineHeight: 15;
+        readonly letterSpacing: -0.42;
+    };
+    readonly TableS_Bold: {
+        readonly fontSize: 12;
+        readonly fontWeight: 500;
+        readonly lineHeight: 14;
+        readonly letterSpacing: -0.36;
+    };
+};
+export type TextVariant = keyof typeof TEXT_VARIANTS;