@aic-kits/react 0.0.18 → 0.0.21

package/dist/theme/ThemeProvider.d.ts

@@ -0,0 +1,16 @@
+import { JSX } from 'react';
+import { Theme } from './getTheme';
+export interface ThemeProviderProps {
+    theme: Partial<Theme> | ((outerTheme: Theme) => Theme);
+    children: React.ReactNode;
+}
+interface ThemeProviderType {
+    (props: ThemeProviderProps): JSX.Element | null;
+}
+/**
+ * Styled Components ThemeProvider wrapper that handles both browser and server rendering
+ */
+declare const ThemeProvider: ThemeProviderType;
+export { useTheme } from 'styled-components';
+export type { Theme };
+export default ThemeProvider;

package/dist/theme/common/borders.d.ts

@@ -0,0 +1,8 @@
+export type BorderWidth = 'none' | 'hairline' | 'thin' | 'thick' | 'heavy';
+export type BorderWidths = Record<BorderWidth, number>;
+export type Radius = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+export type Radii = Record<Radius, number>;
+export declare const getBorderWidths: (baseBorderWidth: number) => BorderWidths;
+export declare const getRadii: (baseRadius: number) => Radii;
+export declare const isBorderWidth: (value: string) => value is BorderWidth;
+export declare const isRadius: (value: string) => value is Radius;

package/dist/theme/common/colors.d.ts

@@ -0,0 +1,4 @@
+export type Color = 'transparent' | 'white' | 'black' | 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'grey100' | 'grey200' | 'grey300' | 'grey400' | 'grey500' | 'grey600' | 'grey700' | 'grey800' | 'grey900' | 'orange100' | 'orange200' | 'orange300' | 'orange400' | 'orange500' | 'orange600' | 'orange700' | 'orange800' | 'orange900' | 'cyan100' | 'cyan200' | 'cyan300' | 'cyan400' | 'cyan500' | 'cyan600' | 'cyan700' | 'cyan800' | 'cyan900' | 'purple100' | 'purple200' | 'purple300' | 'purple400' | 'purple500' | 'purple600' | 'purple700' | 'purple800' | 'purple900' | 'teal100' | 'teal200' | 'teal300' | 'teal400' | 'teal500' | 'teal600' | 'teal700' | 'teal800' | 'teal900' | 'lime100' | 'lime200' | 'lime300' | 'lime400' | 'lime500' | 'lime600' | 'lime700' | 'lime800' | 'lime900' | 'pink100' | 'pink200' | 'pink300' | 'pink400' | 'pink500' | 'pink600' | 'pink700' | 'pink800' | 'pink900';
+export type ColorPalette = Record<Color, string>;
+export declare const defaultColorPalette: ColorPalette;
+export declare const isColor: (color: string) => color is Color;

package/dist/theme/common/gradient.d.ts

@@ -0,0 +1,4 @@
+export type GradientColor = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info';
+export type GradientColorPalette = Record<GradientColor, string[]>;
+export declare const defaultGradientColorPalette: GradientColorPalette;
+export declare const isGradientColor: (value: string) => value is GradientColor;

package/dist/theme/common/index.d.ts

@@ -0,0 +1,36 @@
+import { ColorPalette } from './colors';
+import { GradientColorPalette } from './gradient';
+import { Scale } from './scale';
+export declare const getGlobalTheme: (scale?: Scale, colorPalette?: ColorPalette, gradientColorPalette?: GradientColorPalette) => {
+    colors: ColorPalette;
+    gradientColors: GradientColorPalette;
+    fonts: import('./text').Fonts;
+    fontSizes: import('./text').FontSizes;
+    lineHeights: import('./text').LineHeights;
+    fontWeights: {
+        thin: number;
+        black: number;
+        medium: number;
+        "extra-light": number;
+        light: number;
+        regular: number;
+        semibold: number;
+        bold: number;
+        extrabold: number;
+    };
+    borderWidths: import('./borders').BorderWidths;
+    spaces: import('./spaces').Spaces;
+    sizes: import('./sizes').Sizes;
+    radii: import('./borders').Radii;
+    shadows: import('./shadows').Shadows;
+};
+export * from './borders';
+export * from './colors';
+export * from './gradient';
+export * from './scale';
+export * from './shadows';
+export * from './sizes';
+export * from './spaces';
+export * from './text';
+export type GlobalTheme = ReturnType<typeof getGlobalTheme>;
+export type { Scale, ColorPalette, GradientColorPalette };

package/dist/theme/common/scale.d.ts

@@ -0,0 +1,11 @@
+export declare const defaultScale: {
+    borderWidth: number;
+    space: number;
+    size: number;
+    font: {
+        neutral: string;
+    };
+    fontSize: number;
+    radius: number;
+};
+export type Scale = typeof defaultScale;

package/dist/theme/common/shadows.d.ts

@@ -0,0 +1,5 @@
+import { ColorPalette } from './colors';
+export type Shadow = 'none' | 'sm' | 'md' | 'lg';
+export type Shadows = Record<Shadow, string>;
+export declare const getShadows: (colors: ColorPalette) => Shadows;
+export declare const isShadow: (value: string) => value is Shadow;

package/dist/theme/common/sizes.d.ts

@@ -0,0 +1,4 @@
+export type Size = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
+export type Sizes = Record<Size, number>;
+export declare const getSizes: (baseSize: number) => Sizes;
+export declare const isSize: (value: string) => value is Size;

package/dist/theme/common/spaces.d.ts

@@ -0,0 +1,4 @@
+export type Space = 'none' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
+export type Spaces = Record<Space, number>;
+export declare const getSpaces: (baseSpace: number) => Spaces;
+export declare const isSpace: (key: string) => key is Space;

package/dist/theme/common/text.d.ts

@@ -0,0 +1,15 @@
+import { Scale } from './scale';
+export type FontSize = 'xs' | 'small' | 'medium' | 'large' | 'xl' | '2xl' | '3xl';
+export type FontWeight = 'extra-light' | 'thin' | 'light' | 'regular' | 'medium' | 'semibold' | 'bold' | 'extrabold' | 'black';
+export type Typeface = 'neutral';
+type Fonts = Record<Typeface, string>;
+type FontSizes = Record<FontSize, number>;
+type FontWeights = Record<FontWeight, number>;
+type LineHeights = Record<FontSize, number>;
+export declare const getFonts: ({ neutral }: Scale["font"]) => Fonts;
+export declare const getFontSizes: (baseFontSize: number) => FontSizes;
+export declare const getLineHeights: (baseFontSize: number) => LineHeights;
+export declare const getFontWeights: () => FontWeights;
+export declare const isFontSize: (value: string) => value is FontSize;
+export declare const isFontWeight: (value: string) => value is FontWeight;
+export type { Fonts, FontSizes, LineHeights };

package/dist/theme/getTheme.d.ts

@@ -0,0 +1,30 @@
+import { BorderWidths, Radii, ColorPalette, Spaces, Fonts } from './common';
+declare const hd: {
+    text: {
+        fontSizes: import('./common').FontSizes;
+        lineHeights: import('./common').LineHeights;
+        fontWeights: {
+            thin: number;
+            black: number;
+            medium: number;
+            "extra-light": number;
+            light: number;
+            regular: number;
+            semibold: number;
+            bold: number;
+            extrabold: number;
+        };
+        fonts: Fonts;
+    };
+};
+export interface Theme {
+    space: Spaces;
+    colors: ColorPalette;
+    radii: Radii;
+    borderWidths: BorderWidths;
+    fonts: Fonts;
+    __hd__: typeof hd;
+}
+export declare function getTheme(): Theme;
+export declare const defaultTheme: Theme;
+export {};

package/dist/theme/index.d.ts

@@ -0,0 +1,5 @@
+import { default as ThemeProvider, useTheme } from './ThemeProvider';
+export { ThemeProvider, useTheme };
+export * from './common';
+export * from './getTheme';
+export * from './styled';

package/dist/theme/styled.d.ts

@@ -0,0 +1,135 @@
+export declare const styled: (<Target extends import('styled-components').WebTarget, InjectedProps extends object = import('styled-components/dist/types').BaseObject>(tag: Target) => import('styled-components').StyledInstance<"web", Target, Target extends import('styled-components/dist/types').KnownTarget ? React.ComponentPropsWithRef<Target> & InjectedProps : InjectedProps, import('styled-components/dist/types').BaseObject>) & {
+    object: import('styled-components').StyledInstance<"web", "object", React.DetailedHTMLProps<React.ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement>, import('styled-components/dist/types').BaseObject>;
+    g: import('styled-components').StyledInstance<"web", "g", React.SVGProps<SVGGElement>, import('styled-components/dist/types').BaseObject>;
+    map: import('styled-components').StyledInstance<"web", "map", React.DetailedHTMLProps<React.MapHTMLAttributes<HTMLMapElement>, HTMLMapElement>, import('styled-components/dist/types').BaseObject>;
+    big: import('styled-components').StyledInstance<"web", "big", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    link: import('styled-components').StyledInstance<"web", "link", React.DetailedHTMLProps<React.LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement>, import('styled-components/dist/types').BaseObject>;
+    small: import('styled-components').StyledInstance<"web", "small", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    sub: import('styled-components').StyledInstance<"web", "sub", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    sup: import('styled-components').StyledInstance<"web", "sup", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    a: import('styled-components').StyledInstance<"web", "a", React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, import('styled-components/dist/types').BaseObject>;
+    abbr: import('styled-components').StyledInstance<"web", "abbr", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    address: import('styled-components').StyledInstance<"web", "address", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    area: import('styled-components').StyledInstance<"web", "area", React.DetailedHTMLProps<React.AreaHTMLAttributes<HTMLAreaElement>, HTMLAreaElement>, import('styled-components/dist/types').BaseObject>;
+    article: import('styled-components').StyledInstance<"web", "article", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    aside: import('styled-components').StyledInstance<"web", "aside", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    audio: import('styled-components').StyledInstance<"web", "audio", React.DetailedHTMLProps<React.AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, import('styled-components/dist/types').BaseObject>;
+    b: import('styled-components').StyledInstance<"web", "b", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    base: import('styled-components').StyledInstance<"web", "base", React.DetailedHTMLProps<React.BaseHTMLAttributes<HTMLBaseElement>, HTMLBaseElement>, import('styled-components/dist/types').BaseObject>;
+    bdi: import('styled-components').StyledInstance<"web", "bdi", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    bdo: import('styled-components').StyledInstance<"web", "bdo", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    blockquote: import('styled-components').StyledInstance<"web", "blockquote", React.DetailedHTMLProps<React.BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, import('styled-components/dist/types').BaseObject>;
+    body: import('styled-components').StyledInstance<"web", "body", React.DetailedHTMLProps<React.HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>, import('styled-components/dist/types').BaseObject>;
+    br: import('styled-components').StyledInstance<"web", "br", React.DetailedHTMLProps<React.HTMLAttributes<HTMLBRElement>, HTMLBRElement>, import('styled-components/dist/types').BaseObject>;
+    button: import('styled-components').StyledInstance<"web", "button", React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, import('styled-components/dist/types').BaseObject>;
+    canvas: import('styled-components').StyledInstance<"web", "canvas", React.DetailedHTMLProps<React.CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>, import('styled-components/dist/types').BaseObject>;
+    caption: import('styled-components').StyledInstance<"web", "caption", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    cite: import('styled-components').StyledInstance<"web", "cite", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    code: import('styled-components').StyledInstance<"web", "code", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    col: import('styled-components').StyledInstance<"web", "col", React.DetailedHTMLProps<React.ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, import('styled-components/dist/types').BaseObject>;
+    colgroup: import('styled-components').StyledInstance<"web", "colgroup", React.DetailedHTMLProps<React.ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, import('styled-components/dist/types').BaseObject>;
+    data: import('styled-components').StyledInstance<"web", "data", React.DetailedHTMLProps<React.DataHTMLAttributes<HTMLDataElement>, HTMLDataElement>, import('styled-components/dist/types').BaseObject>;
+    datalist: import('styled-components').StyledInstance<"web", "datalist", React.DetailedHTMLProps<React.HTMLAttributes<HTMLDataListElement>, HTMLDataListElement>, import('styled-components/dist/types').BaseObject>;
+    dd: import('styled-components').StyledInstance<"web", "dd", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    del: import('styled-components').StyledInstance<"web", "del", React.DetailedHTMLProps<React.DelHTMLAttributes<HTMLModElement>, HTMLModElement>, import('styled-components/dist/types').BaseObject>;
+    details: import('styled-components').StyledInstance<"web", "details", React.DetailedHTMLProps<React.DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>, import('styled-components/dist/types').BaseObject>;
+    dfn: import('styled-components').StyledInstance<"web", "dfn", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    dialog: import('styled-components').StyledInstance<"web", "dialog", React.DetailedHTMLProps<React.DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, import('styled-components/dist/types').BaseObject>;
+    div: import('styled-components').StyledInstance<"web", "div", React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import('styled-components/dist/types').BaseObject>;
+    dl: import('styled-components').StyledInstance<"web", "dl", React.DetailedHTMLProps<React.HTMLAttributes<HTMLDListElement>, HTMLDListElement>, import('styled-components/dist/types').BaseObject>;
+    dt: import('styled-components').StyledInstance<"web", "dt", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    em: import('styled-components').StyledInstance<"web", "em", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    embed: import('styled-components').StyledInstance<"web", "embed", React.DetailedHTMLProps<React.EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement>, import('styled-components/dist/types').BaseObject>;
+    fieldset: import('styled-components').StyledInstance<"web", "fieldset", React.DetailedHTMLProps<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, import('styled-components/dist/types').BaseObject>;
+    figcaption: import('styled-components').StyledInstance<"web", "figcaption", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    figure: import('styled-components').StyledInstance<"web", "figure", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    footer: import('styled-components').StyledInstance<"web", "footer", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    form: import('styled-components').StyledInstance<"web", "form", React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, import('styled-components/dist/types').BaseObject>;
+    h1: import('styled-components').StyledInstance<"web", "h1", React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import('styled-components/dist/types').BaseObject>;
+    h2: import('styled-components').StyledInstance<"web", "h2", React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import('styled-components/dist/types').BaseObject>;
+    h3: import('styled-components').StyledInstance<"web", "h3", React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import('styled-components/dist/types').BaseObject>;
+    h4: import('styled-components').StyledInstance<"web", "h4", React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import('styled-components/dist/types').BaseObject>;
+    h5: import('styled-components').StyledInstance<"web", "h5", React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import('styled-components/dist/types').BaseObject>;
+    h6: import('styled-components').StyledInstance<"web", "h6", React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import('styled-components/dist/types').BaseObject>;
+    header: import('styled-components').StyledInstance<"web", "header", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    hgroup: import('styled-components').StyledInstance<"web", "hgroup", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    hr: import('styled-components').StyledInstance<"web", "hr", React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, import('styled-components/dist/types').BaseObject>;
+    html: import('styled-components').StyledInstance<"web", "html", React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement>, import('styled-components/dist/types').BaseObject>;
+    i: import('styled-components').StyledInstance<"web", "i", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    iframe: import('styled-components').StyledInstance<"web", "iframe", React.DetailedHTMLProps<React.IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>, import('styled-components/dist/types').BaseObject>;
+    img: import('styled-components').StyledInstance<"web", "img", React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, import('styled-components/dist/types').BaseObject>;
+    input: import('styled-components').StyledInstance<"web", "input", React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, import('styled-components/dist/types').BaseObject>;
+    ins: import('styled-components').StyledInstance<"web", "ins", React.DetailedHTMLProps<React.InsHTMLAttributes<HTMLModElement>, HTMLModElement>, import('styled-components/dist/types').BaseObject>;
+    kbd: import('styled-components').StyledInstance<"web", "kbd", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    keygen: import('styled-components').StyledInstance<"web", "keygen", React.DetailedHTMLProps<React.KeygenHTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    label: import('styled-components').StyledInstance<"web", "label", React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, import('styled-components/dist/types').BaseObject>;
+    legend: import('styled-components').StyledInstance<"web", "legend", React.DetailedHTMLProps<React.HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, import('styled-components/dist/types').BaseObject>;
+    li: import('styled-components').StyledInstance<"web", "li", React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, import('styled-components/dist/types').BaseObject>;
+    main: import('styled-components').StyledInstance<"web", "main", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    mark: import('styled-components').StyledInstance<"web", "mark", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    menu: import('styled-components').StyledInstance<"web", "menu", React.DetailedHTMLProps<React.MenuHTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    menuitem: import('styled-components').StyledInstance<"web", "menuitem", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    meta: import('styled-components').StyledInstance<"web", "meta", React.DetailedHTMLProps<React.MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement>, import('styled-components/dist/types').BaseObject>;
+    meter: import('styled-components').StyledInstance<"web", "meter", React.DetailedHTMLProps<React.MeterHTMLAttributes<HTMLMeterElement>, HTMLMeterElement>, import('styled-components/dist/types').BaseObject>;
+    nav: import('styled-components').StyledInstance<"web", "nav", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    noscript: import('styled-components').StyledInstance<"web", "noscript", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    ol: import('styled-components').StyledInstance<"web", "ol", React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, import('styled-components/dist/types').BaseObject>;
+    optgroup: import('styled-components').StyledInstance<"web", "optgroup", React.DetailedHTMLProps<React.OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>, import('styled-components/dist/types').BaseObject>;
+    option: import('styled-components').StyledInstance<"web", "option", React.DetailedHTMLProps<React.OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, import('styled-components/dist/types').BaseObject>;
+    output: import('styled-components').StyledInstance<"web", "output", React.DetailedHTMLProps<React.OutputHTMLAttributes<HTMLOutputElement>, HTMLOutputElement>, import('styled-components/dist/types').BaseObject>;
+    p: import('styled-components').StyledInstance<"web", "p", React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, import('styled-components/dist/types').BaseObject>;
+    param: import('styled-components').StyledInstance<"web", "param", React.DetailedHTMLProps<React.ParamHTMLAttributes<HTMLParamElement>, HTMLParamElement>, import('styled-components/dist/types').BaseObject>;
+    picture: import('styled-components').StyledInstance<"web", "picture", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    pre: import('styled-components').StyledInstance<"web", "pre", React.DetailedHTMLProps<React.HTMLAttributes<HTMLPreElement>, HTMLPreElement>, import('styled-components/dist/types').BaseObject>;
+    progress: import('styled-components').StyledInstance<"web", "progress", React.DetailedHTMLProps<React.ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement>, import('styled-components/dist/types').BaseObject>;
+    q: import('styled-components').StyledInstance<"web", "q", React.DetailedHTMLProps<React.QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, import('styled-components/dist/types').BaseObject>;
+    rp: import('styled-components').StyledInstance<"web", "rp", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    rt: import('styled-components').StyledInstance<"web", "rt", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    ruby: import('styled-components').StyledInstance<"web", "ruby", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    s: import('styled-components').StyledInstance<"web", "s", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    samp: import('styled-components').StyledInstance<"web", "samp", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    script: import('styled-components').StyledInstance<"web", "script", React.DetailedHTMLProps<React.ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement>, import('styled-components/dist/types').BaseObject>;
+    section: import('styled-components').StyledInstance<"web", "section", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    select: import('styled-components').StyledInstance<"web", "select", React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, import('styled-components/dist/types').BaseObject>;
+    source: import('styled-components').StyledInstance<"web", "source", React.DetailedHTMLProps<React.SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement>, import('styled-components/dist/types').BaseObject>;
+    span: import('styled-components').StyledInstance<"web", "span", React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import('styled-components/dist/types').BaseObject>;
+    strong: import('styled-components').StyledInstance<"web", "strong", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    style: import('styled-components').StyledInstance<"web", "style", React.DetailedHTMLProps<React.StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>, import('styled-components/dist/types').BaseObject>;
+    summary: import('styled-components').StyledInstance<"web", "summary", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    table: import('styled-components').StyledInstance<"web", "table", React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, import('styled-components/dist/types').BaseObject>;
+    tbody: import('styled-components').StyledInstance<"web", "tbody", React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, import('styled-components/dist/types').BaseObject>;
+    td: import('styled-components').StyledInstance<"web", "td", React.DetailedHTMLProps<React.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, import('styled-components/dist/types').BaseObject>;
+    textarea: import('styled-components').StyledInstance<"web", "textarea", React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, import('styled-components/dist/types').BaseObject>;
+    tfoot: import('styled-components').StyledInstance<"web", "tfoot", React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, import('styled-components/dist/types').BaseObject>;
+    th: import('styled-components').StyledInstance<"web", "th", React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, import('styled-components/dist/types').BaseObject>;
+    thead: import('styled-components').StyledInstance<"web", "thead", React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, import('styled-components/dist/types').BaseObject>;
+    time: import('styled-components').StyledInstance<"web", "time", React.DetailedHTMLProps<React.TimeHTMLAttributes<HTMLTimeElement>, HTMLTimeElement>, import('styled-components/dist/types').BaseObject>;
+    tr: import('styled-components').StyledInstance<"web", "tr", React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, import('styled-components/dist/types').BaseObject>;
+    track: import('styled-components').StyledInstance<"web", "track", React.DetailedHTMLProps<React.TrackHTMLAttributes<HTMLTrackElement>, HTMLTrackElement>, import('styled-components/dist/types').BaseObject>;
+    u: import('styled-components').StyledInstance<"web", "u", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    ul: import('styled-components').StyledInstance<"web", "ul", React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, import('styled-components/dist/types').BaseObject>;
+    var: import('styled-components').StyledInstance<"web", "var", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    video: import('styled-components').StyledInstance<"web", "video", React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, import('styled-components/dist/types').BaseObject>;
+    wbr: import('styled-components').StyledInstance<"web", "wbr", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import('styled-components/dist/types').BaseObject>;
+    svg: import('styled-components').StyledInstance<"web", "svg", React.SVGProps<SVGSVGElement>, import('styled-components/dist/types').BaseObject>;
+    circle: import('styled-components').StyledInstance<"web", "circle", React.SVGProps<SVGCircleElement>, import('styled-components/dist/types').BaseObject>;
+    clipPath: import('styled-components').StyledInstance<"web", "clipPath", React.SVGProps<SVGClipPathElement>, import('styled-components/dist/types').BaseObject>;
+    defs: import('styled-components').StyledInstance<"web", "defs", React.SVGProps<SVGDefsElement>, import('styled-components/dist/types').BaseObject>;
+    ellipse: import('styled-components').StyledInstance<"web", "ellipse", React.SVGProps<SVGEllipseElement>, import('styled-components/dist/types').BaseObject>;
+    foreignObject: import('styled-components').StyledInstance<"web", "foreignObject", React.SVGProps<SVGForeignObjectElement>, import('styled-components/dist/types').BaseObject>;
+    image: import('styled-components').StyledInstance<"web", "image", React.SVGProps<SVGImageElement>, import('styled-components/dist/types').BaseObject>;
+    line: import('styled-components').StyledInstance<"web", "line", React.SVGLineElementAttributes<SVGLineElement>, import('styled-components/dist/types').BaseObject>;
+    linearGradient: import('styled-components').StyledInstance<"web", "linearGradient", React.SVGProps<SVGLinearGradientElement>, import('styled-components/dist/types').BaseObject>;
+    marker: import('styled-components').StyledInstance<"web", "marker", React.SVGProps<SVGMarkerElement>, import('styled-components/dist/types').BaseObject>;
+    mask: import('styled-components').StyledInstance<"web", "mask", React.SVGProps<SVGMaskElement>, import('styled-components/dist/types').BaseObject>;
+    path: import('styled-components').StyledInstance<"web", "path", React.SVGProps<SVGPathElement>, import('styled-components/dist/types').BaseObject>;
+    pattern: import('styled-components').StyledInstance<"web", "pattern", React.SVGProps<SVGPatternElement>, import('styled-components/dist/types').BaseObject>;
+    polygon: import('styled-components').StyledInstance<"web", "polygon", React.SVGProps<SVGPolygonElement>, import('styled-components/dist/types').BaseObject>;
+    polyline: import('styled-components').StyledInstance<"web", "polyline", React.SVGProps<SVGPolylineElement>, import('styled-components/dist/types').BaseObject>;
+    radialGradient: import('styled-components').StyledInstance<"web", "radialGradient", React.SVGProps<SVGRadialGradientElement>, import('styled-components/dist/types').BaseObject>;
+    rect: import('styled-components').StyledInstance<"web", "rect", React.SVGProps<SVGRectElement>, import('styled-components/dist/types').BaseObject>;
+    stop: import('styled-components').StyledInstance<"web", "stop", React.SVGProps<SVGStopElement>, import('styled-components/dist/types').BaseObject>;
+    text: import('styled-components').StyledInstance<"web", "text", React.SVGTextElementAttributes<SVGTextElement>, import('styled-components/dist/types').BaseObject>;
+    tspan: import('styled-components').StyledInstance<"web", "tspan", React.SVGProps<SVGTSpanElement>, import('styled-components/dist/types').BaseObject>;
+    use: import('styled-components').StyledInstance<"web", "use", React.SVGProps<SVGUseElement>, import('styled-components/dist/types').BaseObject>;
+};

package/dist/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './ssr';

package/dist/utils/ssr.d.ts

@@ -0,0 +1 @@
+export declare const isSSR: () => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aic-kits/react",
-  "version": "0.0.18",
+  "version": "0.0.21",
   "type": "module",
   "license": "MIT",
   "publishConfig": {
@@ -26,17 +26,24 @@
     "typecheck": "tsc --noEmit",
     "prepublishOnly": "yarn build"
   },
+  "dependencies": {
+    "lodash": "^4.17.21",
+    "styled-components": "^6.1.16"
+  },
   "peerDependencies": {
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
   "devDependencies": {
-    "@types/react": "^19.0.1",
+    "@emotion/is-prop-valid": "^1.3.1",
+    "@types/lodash": "^4.17.16",
+    "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
+    "@types/styled-components": "^5.1.34",
     "@vitejs/plugin-react": "^4.3.4",
     "vite": "^6.0.3",
     "vite-plugin-dts": "^4.3.0",
     "vitest": "^2.1.8"
   },
-  "gitHead": "28a39aced0784d79d7729e2fb63edfa029ff1a6c"
+  "gitHead": "27947a68100d3e48f929dae705c7b3464443f465"
 }