@ap-gen/ui 1.0.0

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

@@ -0,0 +1,11 @@
+import React from 'react';
+type AlertPropsVariants = 'mono' | 'core' | 'warning' | 'success';
+type AlertProps = {
+    headline: string;
+    description?: string;
+    time?: string;
+    variant: AlertPropsVariants;
+    icon?: React.ReactNode;
+};
+export declare function Alert({ headline, description, time, variant, icon, }: AlertProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,10 @@
+import React from 'react';
+type VariantType = 'core' | 'mono' | 'notice' | 'increase' | 'flat' | 'warning' | 'success' | 'decrease';
+type SizeType = 'large' | 'small';
+type BadgeProps = {
+    size?: SizeType;
+    variant?: VariantType;
+    children: React.ReactNode;
+};
+export declare function Badge({ size, variant, children, }: BadgeProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,10 @@
+type BreadcrumbPropsIcon = {
+    label: string;
+    path: string;
+};
+type BreadcrumbProps = {
+    items: BreadcrumbPropsIcon[];
+    onClick: (items: BreadcrumbPropsIcon[]) => void;
+};
+export declare function Breadcrumb({ items, onClick }: BreadcrumbProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { IconProps } from '../icon';
+type VariantType = 'core' | 'coreLight' | 'neutral' | 'neutralOutline' | 'warning' | 'warningLight';
+type SizeType = 'large' | 'medium' | 'small';
+export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    variant?: VariantType;
+    size?: SizeType;
+    iconLeading?: IconProps['name'];
+    iconTrailing?: IconProps['name'];
+    iconAutoFill?: boolean;
+    iconAutoStroke?: boolean;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+}
+export declare function Button({ variant, size, iconLeading, iconTrailing, iconAutoFill, iconAutoStroke, children, fullWidth, disabled, onClick, loading, ...props }: ButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/button/text.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { IconProps } from '../icon';
+type VariantType = 'core' | 'warning' | 'mono';
+type SizeType = 'large' | 'medium' | 'small';
+export interface TextButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    variant?: VariantType;
+    size?: SizeType;
+    iconLeading?: IconProps['name'];
+    iconTrailing?: IconProps['name'];
+    iconAutoFill?: boolean;
+    iconAutoStroke?: boolean;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+}
+export declare function TextButton({ variant, size, iconLeading, iconTrailing, iconAutoFill, iconAutoStroke, children, fullWidth, disabled, onClick, loading, ...props }: TextButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/calendar/amount.d.ts

@@ -0,0 +1,7 @@
+type AmountProps = {
+    label: string;
+    trend: 'negative' | 'positive' | 'flat';
+    cancelled?: boolean;
+};
+export declare function Amount({ label, trend, cancelled }: AmountProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/calendar/date.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+type DateProps = {
+    selected?: boolean;
+    disabled?: boolean;
+    today?: boolean;
+    modifier?: string;
+    dayoff?: boolean;
+    date: number;
+    body?: React.ReactNode;
+};
+export declare function Date({ selected, disabled, today, modifier, dayoff, date, body, }: DateProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

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

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

package/dist/components/calendar/month.d.ts

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

package/dist/components/calendar/schedule.d.ts

@@ -0,0 +1,9 @@
+type ScheduleProps = {
+    time: string;
+    label: string;
+    selected?: boolean;
+    done?: boolean;
+    onClick?: () => void;
+};
+export declare function Schedule({ time, label, selected, done, onClick, }: ScheduleProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/calendar/week.d.ts

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

package/dist/components/calendar/year.d.ts

@@ -0,0 +1,3 @@
+export declare function Year({ onChange }: {
+    onChange: (month: number) => void;
+}): import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+type CardProps = {
+    collapsible?: boolean;
+    wide?: boolean;
+    children: React.ReactNode;
+    containerStyle?: React.CSSProperties;
+    surface?: boolean;
+    headline?: string;
+};
+export declare function Card({ collapsible, wide, children, containerStyle, surface, headline, }: CardProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/cell-picker/index.d.ts

@@ -0,0 +1,13 @@
+import { CellItemProps } from './item';
+type CellOption = Omit<CellItemProps, 'onChange'> & {
+    id: string;
+};
+type CellPickerProps = {
+    items: CellOption[];
+    columns?: number;
+    minCellWidth?: number;
+    className?: string;
+    onOptionChange?: (id: string, value: boolean) => void;
+};
+export declare function CellPicker({ items, columns, minCellWidth, className, onOptionChange, }: CellPickerProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export default CellPicker;

package/dist/components/cell-picker/item.d.ts

@@ -0,0 +1,8 @@
+export type CellItemProps = {
+    active: boolean;
+    label: string;
+    subLabel?: string;
+    onClick: (value: boolean) => void;
+    disabled?: boolean;
+};
+export declare function Item({ active, label, subLabel, onClick, disabled, }: CellItemProps): import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+export type CheckboxProps = {
+    type?: 'check' | 'overlap';
+    value: boolean;
+    onChange: (value: boolean) => void;
+    disabled?: boolean;
+};
+export declare function Checkbox({ type, value, onChange, disabled, }: CheckboxProps): import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,13 @@
+import { IconProps } from '../icon';
+type ChipColor = 'mono' | 'core';
+type ChipSize = 'medium' | 'large';
+type ChipProps = {
+    color: ChipColor;
+    type: 'default' | 'filter' | 'input';
+    label: string;
+    size?: ChipSize;
+    containerStyle?: React.CSSProperties;
+    leadingIcon?: IconProps['name'];
+};
+export declare function Chip({ size, color, type, label, containerStyle, leadingIcon, }: ChipProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/color-picker/index.d.ts

@@ -0,0 +1,6 @@
+interface ColorPickerProps {
+    color: string;
+    onColorChange: (color: string) => void;
+}
+export declare function ColorPicker(props: ColorPickerProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,18 @@
+import { IconProps } from '../icon';
+type SizeProps = 'small' | 'medium' | 'large';
+type ComboBoxProps = {
+    size: SizeProps;
+    disabled?: boolean;
+    placeholder: string;
+    value?: string;
+    containerStyle?: React.CSSProperties;
+    options?: Array<{
+        value: string;
+        label: string;
+    }>;
+    onChange?: (value: string) => void;
+    icon?: IconProps['name'];
+    showDropdownIcon?: boolean;
+};
+export declare function ComboBox({ size, disabled, placeholder, value, containerStyle, options, onChange, icon, showDropdownIcon, }: ComboBoxProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/combo-box/text.d.ts

@@ -0,0 +1,17 @@
+import { IconProps } from '../icon';
+type SizeProps = 'small' | 'medium' | 'large';
+type ComboBoxProps = {
+    size: SizeProps;
+    disabled: boolean;
+    placeholder: string;
+    value: string;
+    options?: Array<{
+        value: string;
+        label: string;
+    }>;
+    onChange?: (value: string) => void;
+    icon?: IconProps['name'];
+    showDropdownIcon?: boolean;
+};
+export declare function TextComboBox({ size, disabled, placeholder, value, options, onChange, icon, showDropdownIcon, }: ComboBoxProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,15 @@
+import { TextProps } from '../text';
+type DescriptionProps = {
+    label: string;
+    labelProps?: TextProps;
+    subValue: string;
+    subValueProps?: TextProps;
+    value: string;
+    valueProps?: TextProps;
+    separator?: boolean;
+    type: 'default' | 'link';
+    align?: 'left' | 'right';
+    onClick?: () => void;
+};
+export declare function Description({ label, labelProps, subValue, subValueProps, value, valueProps, separator, type, align, onClick, }: DescriptionProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,7 @@
+type DividerProps = {
+    type: DividerType;
+    padding?: boolean;
+};
+type DividerType = 'line' | 'fill';
+export declare function Divider({ type, padding }: DividerProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,5 @@
+type EmptyProps = {
+    type: 'full' | 'list';
+};
+export declare function Empty({ type }: EmptyProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,8 @@
+import { List } from './list';
+import { Section } from './section';
+import { Tab } from './tab';
+export declare const Header: {
+    Section: typeof Section;
+    List: typeof List;
+    Tab: typeof Tab;
+};

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

@@ -0,0 +1,13 @@
+type SizeType = 'large' | 'medium' | 'small';
+type ColorType = 'primary' | 'secondary';
+export type ListProps = {
+    size?: SizeType;
+    color?: ColorType;
+    leading?: React.ReactNode;
+    headline?: string;
+    description?: string;
+    traillingText?: string;
+    trailling?: React.ReactNode;
+};
+export declare function List({ size, color, leading, headline, description, traillingText, trailling, }: ListProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/header/section.d.ts

@@ -0,0 +1,19 @@
+type SizeType = 'large' | 'small';
+type CommonSectionProps = {
+    size?: SizeType;
+    subHeadline?: string;
+    subValue?: string;
+    description?: string;
+    trailling?: React.ReactNode;
+};
+type DefaultSectionProps = CommonSectionProps & {
+    type: 'default';
+    headline: string;
+};
+type ValueSectionProps = CommonSectionProps & {
+    type: 'value';
+    value: string;
+};
+export type SectionProps = DefaultSectionProps | ValueSectionProps;
+export declare function Section(props: SectionProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,9 @@
+type SizeType = 'large' | 'medium' | 'small';
+type TabProps = {
+    title: string;
+    isFolded: boolean;
+    onClick: () => void;
+    size?: SizeType;
+};
+export declare function Tab({ title, isFolded, onClick, size }: TabProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};