@quixotic/ui 0.0.5 → 0.0.7

package/dist/index.cjs.js

@@ -30,7 +30,7 @@ const lightTheme = {
     },
 };
 
-const CertikThemeProvider = ({ mode = 'light', children, ...props }) => {
+const ThemeProvider = ({ mode = 'light', children, ...props }) => {
     const baseTheme = mode === "dark" ? darkTheme : lightTheme;
     const mergedTheme = {
         ...baseTheme,
@@ -236,6 +236,6 @@ const KButton = React.forwardRef(({ children, className, style, type = 'primary'
     return (jsxRuntime.jsx(antd.Button, { ...rest, className: cn(baseStyles, className), ref: ref, size: 'middle', type: 'default', style: _style, children: children }));
 });
 
-exports.CertikThemeProvider = CertikThemeProvider;
 exports.KButton = KButton;
+exports.ThemeProvider = ThemeProvider;
 //# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../src/themes/dark.ts","../src/themes/light.ts","../src/CertikThemeProvider.tsx","../src/utils/cn.ts","../src/components/certikd/KButton/KButton.tsx"],"sourcesContent":["import {theme as themeAntd, ThemeConfig} from \"antd\";\n\nexport const darkTheme: ThemeConfig = {\n    algorithm: themeAntd.darkAlgorithm,\n    token: {\n        // colorPrimary: themeColor.primary,\n        colorPrimary: '#ed2449',\n    },\n    cssVar: {key: \"app\"},\n    components: {},\n};","import {theme as themeAntd, ThemeConfig} from \"antd\";\n\n\nexport const lightTheme: ThemeConfig = {\n    algorithm: themeAntd.defaultAlgorithm,\n    token: {\n        colorPrimary: 'var(--grey-900)',\n        colorTextSecondary: 'var(--grey-900)',\n        colorBorder: 'var(--grey-300)',\n        colorBorderSecondary: 'var(--grey-200)'\n    },\n    cssVar: {key: \"app\"},\n    components: {\n        Button: {\n        }\n    },\n};","import React from 'react';\nimport {ConfigProvider, ThemeConfig} from 'antd';\nimport {darkTheme} from \"./themes/dark\";\nimport {lightTheme} from \"./themes/light\";\n\n\nexport type ThemeMode = 'light' | 'dark';\n\nexport type ThemeProviderProps = {\n    mode?: ThemeMode;\n    children: React.ReactNode;\n} & ThemeConfig;\n\nexport const CertikThemeProvider: React.FC<ThemeProviderProps> = ({\n                                                                      mode = 'light',\n                                                                      children,\n                                                                      ...props\n                                                                  }) => {\n\n    const baseTheme = mode === \"dark\" ? darkTheme : lightTheme;\n\n\n    const mergedTheme: ThemeConfig = {\n        ...baseTheme,\n        ...props,\n        token: props.token ? {\n            ...baseTheme.token,\n            ...props.token,\n        } : baseTheme.token,\n        components: props.components ? {\n            ...baseTheme.components,\n            ...props.components,\n        } : baseTheme.components,\n    };\n\n\n    return (\n        <ConfigProvider theme={mergedTheme}>\n            {children}\n        </ConfigProvider>\n    );\n};","import clsx, {ClassValue} from \"clsx\";\nimport {twMerge} from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n    return twMerge(clsx(inputs));\n}","import React from 'react';\nimport {Button, ButtonProps} from 'antd';\nimport {cn} from \"../../../utils/cn\";\nimport {instance} from \"storybook/internal/node-logger\";\nimport {twJoin} from \"tailwind-merge\";\n\nexport type KButtonProps = Pick<\n    ButtonProps,\n    'className' | 'style' | 'children'\n    | 'disabled' | 'loading' | 'block'\n    | 'icon' | 'iconPlacement'\n    | Extract<keyof ButtonProps, `on${string}`>\n> & {\n    size?: 'sm' | 'md' | 'lg' | 'xl',\n    type?: 'primary' | 'outline' | 'ghost' | 'link'\n}\n\ntype ButtonColors = {\n    bg: string,\n    border: string | null,\n    color: string,\n    boxShadow: string | null,\n}\n\nconst defaultShadow = 'var(--shadow-xs-button)';\n\nconst primaryColor = 'var(--button-text)';\nconst outlieColor = 'var(--text-primary)';\nconst ghostColor = 'var(--text-primary)';\n\nconst outlineBorder = 'var(--border-primary)';\n\nconst colors: Record<Required<KButtonProps>['type'], {\n    default: ButtonColors,\n    hover: ButtonColors,\n    disabled: ButtonColors,\n    pressed: ButtonColors,\n}> = {\n    primary: {\n        default: {\n            bg: 'var(--button-bg)',\n            border: null,\n            boxShadow: defaultShadow,\n            color: primaryColor,\n        },\n        hover: {\n            bg: 'var(--button-bg-hover)',\n            border: null,\n            boxShadow: defaultShadow,\n            color: primaryColor,\n        },\n        pressed: {\n            bg: 'var(--button-bg-pressed)',\n            border: null,\n            boxShadow: defaultShadow,\n            color: primaryColor,\n        },\n        disabled: {\n            bg: 'var(--button-bg-disabled)',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-disabled)',\n        },\n    },\n    outline: {\n        default: {\n            bg: 'var(--bg-primary)',\n            border: outlineBorder,\n            boxShadow: defaultShadow,\n            color: outlieColor,\n        },\n        hover: {\n            bg: 'var(--bg-primary_hover)',\n            border: outlineBorder,\n            boxShadow: defaultShadow,\n            color: outlieColor,\n        },\n        pressed: {\n            bg: 'var(--bg-secondary_hover)',\n            border: outlineBorder,\n            boxShadow: defaultShadow,\n            color: outlieColor,\n        },\n        disabled: {\n            bg: 'var(--button-bg-disabled)',\n            border: outlineBorder,\n            boxShadow: null,\n            color: 'var(--text-disabled)',\n        },\n    },\n    ghost: {\n        default: {\n            bg: '#fff',\n            border: null,\n            boxShadow: null,\n            color: ghostColor,\n        },\n        hover: {\n            bg: 'var(--bg-primary_hover)',\n            border: null,\n            boxShadow: null,\n            color: ghostColor,\n        },\n        pressed: {\n            bg: 'var(--bg-secondary_hover)',\n            border: null,\n            boxShadow: null,\n            color: ghostColor,\n        },\n        disabled: {\n            bg: 'var(--button-bg-disabled)',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-disabled)',\n        },\n    },\n    link: {\n        default: {\n            bg: '#fff',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-primary)',\n        },\n        hover: {\n            bg: '#fff',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-tertiary_hover)',\n        },\n        pressed: {\n            bg: '#fff',\n            border: null,\n            boxShadow: null,\n            color: 'var(--button-bg-pressed)',\n        },\n        disabled: {\n            bg: '#fff',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-disabled)',\n        },\n    },\n}\n\n\nconst sizes: Record<Required<KButtonProps>['size'], {\n    fontSize: string,\n    paddingX: string,\n    paddingY: string,\n    gapX: string,\n    lineHeight: string,\n    letterSpacing: string,\n    radius: string,\n}> = {\n    sm: {\n        fontSize: 'calc(12/16*1rem)',\n        paddingX: 'calc(6/16*1rem)',\n        paddingY: 'calc(3/16*1rem)',\n        gapX: 'calc(4/16*1rem)',\n        lineHeight: 'calc(18/16*1rem)',\n        letterSpacing: '0em',\n        radius: '6px'\n    },\n    md: {\n        fontSize: 'calc(14/16*1rem)',\n        paddingX: 'calc(8/16*1rem)',\n        paddingY: 'calc(6/16*1rem)',\n        gapX: 'calc(6/16*1rem)',\n        lineHeight: 'calc(20/16*1rem)',\n        letterSpacing: '-0.006em',\n        radius: '6px'\n    },\n    lg: {\n        fontSize: '1rem',\n        paddingX: '0.625rem',// 'calc(10/16*1rem)',\n        paddingY: '0.5rem', // 'calc(8/16*1rem)',\n        gapX: 'calc(6/16*1rem)',\n        lineHeight: 'calc(24/16*1rem)',\n        letterSpacing: '-0.011em',\n        radius: '8px'\n    },\n    xl: {\n        fontSize: 'calc(16/16*1rem)',\n        paddingX: '1.195625rem', // 'calc(19.13/16*1rem)',\n        paddingY: '0.75rem',     // 'calc(12/16*1rem)',\n        gapX: 'calc(6/16*1rem)',\n        lineHeight: 'calc(24/16*1rem)',\n        letterSpacing: '-0.011em',\n        radius: '8px'\n    }\n}\n\n\nexport const KButton: React.FC<KButtonProps> = React.forwardRef<HTMLButtonElement, KButtonProps>(({\n                                                                                                      children,\n                                                                                                      className,\n                                                                                                      style,\n                                                                                                      type = 'primary',\n                                                                                                      size = 'lg',\n                                                                                                      ...rest\n                                                                                                  }, ref) => {\n\n\n    const _color = colors[type];\n    const _size = sizes[size];\n    const _style = {\n\n        // shadow\n        '--ant-btn-shadow': _color.default.boxShadow || 'none',\n\n        // button status colors\n        '--ant-btn-bg-color': _color.default.bg,\n        '--ant-btn-text-color': _color.default.color,\n        '--ant-btn-border-color': _color.default.border || _color.default.bg,\n\n        '--ant-btn-bg-color-hover': _color.hover.bg,\n        '--ant-btn-text-color-hover': _color.hover.color,\n        '--ant-btn-border-color-hover': _color.hover.border || _color.hover.bg,\n\n        '--ant-btn-bg-color-disabled': _color.disabled.bg,\n        '--ant-color-text-disabled': _color.disabled.color,\n        '--ant-button-border-color-disabled': _color.disabled.border || _color.disabled.bg,\n\n        '--ant-btn-bg-color-active': _color.pressed.bg,\n        '--ant-btn-text-color-active': _color.pressed.color,\n        '--ant-btn-border-color-active': _color.pressed.border || _color.pressed.bg,\n\n        // sizes\n        '--ant-control-height': 'auto',\n        '--ant-button-content-font-size': _size.fontSize,\n        '--ant-border-radius': _size.radius,\n\n        // padding\n        '--k-button-px': type === 'link' ? 0 : _size.paddingX,\n        '--k-button-py': type === 'link' ? 0 : _size.paddingX,\n        '--k-button-gap-x': _size.gapX,\n        '--k-button-line-height': _size.lineHeight,\n        '--k-button-letter-spacing': _size.letterSpacing,\n\n        // custom styles\n        ...style,\n    } as React.CSSProperties;\n\n    const baseStyles = twJoin(\n        '!p-[var(--k-button-py)_var(--k-button-px)]',\n        'gap-[var(--k-button-gap-x)] tracking-[var(--k-button-letter-spacing)] leading-[var(--k-button-line-height)]',\n        'font-medium'\n    )\n\n    return (\n        <Button\n            {...rest}\n            className={cn(baseStyles, className)}\n            ref={ref}\n            size={'middle'}\n            type={'default'}\n            style={_style}\n        >\n            {children}\n        </Button>\n    );\n});\n"],"names":["themeAntd","_jsx","ConfigProvider","twMerge","twJoin","Button"],"mappings":"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"}
+{"version":3,"file":"index.cjs.js","sources":["../src/themes/dark.ts","../src/themes/light.ts","../src/ThemeProvider.tsx","../src/utils/cn.ts","../src/components/certikd/KButton/KButton.tsx"],"sourcesContent":["import {theme as themeAntd, ThemeConfig} from \"antd\";\n\nexport const darkTheme: ThemeConfig = {\n    algorithm: themeAntd.darkAlgorithm,\n    token: {\n        // colorPrimary: themeColor.primary,\n        colorPrimary: '#ed2449',\n    },\n    cssVar: {key: \"app\"},\n    components: {},\n};","import {theme as themeAntd, ThemeConfig} from \"antd\";\n\n\nexport const lightTheme: ThemeConfig = {\n    algorithm: themeAntd.defaultAlgorithm,\n    token: {\n        colorPrimary: 'var(--grey-900)',\n        colorTextSecondary: 'var(--grey-900)',\n        colorBorder: 'var(--grey-300)',\n        colorBorderSecondary: 'var(--grey-200)'\n    },\n    cssVar: {key: \"app\"},\n    components: {\n        Button: {\n        }\n    },\n};","import React from 'react';\nimport {ConfigProvider, ThemeConfig} from 'antd';\nimport {darkTheme} from \"./themes/dark\";\nimport {lightTheme} from \"./themes/light\";\n\n\nexport type ThemeMode = 'light' | 'dark';\n\nexport type ThemeProviderProps = {\n    mode?: ThemeMode;\n    children: React.ReactNode;\n} & ThemeConfig;\n\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({\n                                                                      mode = 'light',\n                                                                      children,\n                                                                      ...props\n                                                                  }) => {\n\n    const baseTheme = mode === \"dark\" ? darkTheme : lightTheme;\n\n\n    const mergedTheme: ThemeConfig = {\n        ...baseTheme,\n        ...props,\n        token: props.token ? {\n            ...baseTheme.token,\n            ...props.token,\n        } : baseTheme.token,\n        components: props.components ? {\n            ...baseTheme.components,\n            ...props.components,\n        } : baseTheme.components,\n    };\n\n\n    return (\n        <ConfigProvider theme={mergedTheme}>\n            {children}\n        </ConfigProvider>\n    );\n};","import clsx, {ClassValue} from \"clsx\";\nimport {twMerge} from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n    return twMerge(clsx(inputs));\n}","import React from 'react';\nimport {Button, ButtonProps} from 'antd';\nimport {cn} from \"../../../utils/cn\";\nimport {instance} from \"storybook/internal/node-logger\";\nimport {twJoin} from \"tailwind-merge\";\n\nexport type KButtonProps = Pick<\n    ButtonProps,\n    'className' | 'style' | 'children'\n    | 'disabled' | 'loading' | 'block'\n    | 'icon' | 'iconPlacement'\n    | Extract<keyof ButtonProps, `on${string}`>\n> & {\n    size?: 'sm' | 'md' | 'lg' | 'xl',\n    type?: 'primary' | 'outline' | 'ghost' | 'link'\n}\n\ntype ButtonColors = {\n    bg: string,\n    border: string | null,\n    color: string,\n    boxShadow: string | null,\n}\n\nconst defaultShadow = 'var(--shadow-xs-button)';\n\nconst primaryColor = 'var(--button-text)';\nconst outlieColor = 'var(--text-primary)';\nconst ghostColor = 'var(--text-primary)';\n\nconst outlineBorder = 'var(--border-primary)';\n\nconst colors: Record<Required<KButtonProps>['type'], {\n    default: ButtonColors,\n    hover: ButtonColors,\n    disabled: ButtonColors,\n    pressed: ButtonColors,\n}> = {\n    primary: {\n        default: {\n            bg: 'var(--button-bg)',\n            border: null,\n            boxShadow: defaultShadow,\n            color: primaryColor,\n        },\n        hover: {\n            bg: 'var(--button-bg-hover)',\n            border: null,\n            boxShadow: defaultShadow,\n            color: primaryColor,\n        },\n        pressed: {\n            bg: 'var(--button-bg-pressed)',\n            border: null,\n            boxShadow: defaultShadow,\n            color: primaryColor,\n        },\n        disabled: {\n            bg: 'var(--button-bg-disabled)',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-disabled)',\n        },\n    },\n    outline: {\n        default: {\n            bg: 'var(--bg-primary)',\n            border: outlineBorder,\n            boxShadow: defaultShadow,\n            color: outlieColor,\n        },\n        hover: {\n            bg: 'var(--bg-primary_hover)',\n            border: outlineBorder,\n            boxShadow: defaultShadow,\n            color: outlieColor,\n        },\n        pressed: {\n            bg: 'var(--bg-secondary_hover)',\n            border: outlineBorder,\n            boxShadow: defaultShadow,\n            color: outlieColor,\n        },\n        disabled: {\n            bg: 'var(--button-bg-disabled)',\n            border: outlineBorder,\n            boxShadow: null,\n            color: 'var(--text-disabled)',\n        },\n    },\n    ghost: {\n        default: {\n            bg: '#fff',\n            border: null,\n            boxShadow: null,\n            color: ghostColor,\n        },\n        hover: {\n            bg: 'var(--bg-primary_hover)',\n            border: null,\n            boxShadow: null,\n            color: ghostColor,\n        },\n        pressed: {\n            bg: 'var(--bg-secondary_hover)',\n            border: null,\n            boxShadow: null,\n            color: ghostColor,\n        },\n        disabled: {\n            bg: 'var(--button-bg-disabled)',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-disabled)',\n        },\n    },\n    link: {\n        default: {\n            bg: '#fff',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-primary)',\n        },\n        hover: {\n            bg: '#fff',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-tertiary_hover)',\n        },\n        pressed: {\n            bg: '#fff',\n            border: null,\n            boxShadow: null,\n            color: 'var(--button-bg-pressed)',\n        },\n        disabled: {\n            bg: '#fff',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-disabled)',\n        },\n    },\n}\n\n\nconst sizes: Record<Required<KButtonProps>['size'], {\n    fontSize: string,\n    paddingX: string,\n    paddingY: string,\n    gapX: string,\n    lineHeight: string,\n    letterSpacing: string,\n    radius: string,\n}> = {\n    sm: {\n        fontSize: 'calc(12/16*1rem)',\n        paddingX: 'calc(6/16*1rem)',\n        paddingY: 'calc(3/16*1rem)',\n        gapX: 'calc(4/16*1rem)',\n        lineHeight: 'calc(18/16*1rem)',\n        letterSpacing: '0em',\n        radius: '6px'\n    },\n    md: {\n        fontSize: 'calc(14/16*1rem)',\n        paddingX: 'calc(8/16*1rem)',\n        paddingY: 'calc(6/16*1rem)',\n        gapX: 'calc(6/16*1rem)',\n        lineHeight: 'calc(20/16*1rem)',\n        letterSpacing: '-0.006em',\n        radius: '6px'\n    },\n    lg: {\n        fontSize: '1rem',\n        paddingX: '0.625rem',// 'calc(10/16*1rem)',\n        paddingY: '0.5rem', // 'calc(8/16*1rem)',\n        gapX: 'calc(6/16*1rem)',\n        lineHeight: 'calc(24/16*1rem)',\n        letterSpacing: '-0.011em',\n        radius: '8px'\n    },\n    xl: {\n        fontSize: 'calc(16/16*1rem)',\n        paddingX: '1.195625rem', // 'calc(19.13/16*1rem)',\n        paddingY: '0.75rem',     // 'calc(12/16*1rem)',\n        gapX: 'calc(6/16*1rem)',\n        lineHeight: 'calc(24/16*1rem)',\n        letterSpacing: '-0.011em',\n        radius: '8px'\n    }\n}\n\n\nexport const KButton: React.FC<KButtonProps> = React.forwardRef<HTMLButtonElement, KButtonProps>(({\n                                                                                                      children,\n                                                                                                      className,\n                                                                                                      style,\n                                                                                                      type = 'primary',\n                                                                                                      size = 'lg',\n                                                                                                      ...rest\n                                                                                                  }, ref) => {\n\n\n    const _color = colors[type];\n    const _size = sizes[size];\n    const _style = {\n\n        // shadow\n        '--ant-btn-shadow': _color.default.boxShadow || 'none',\n\n        // button status colors\n        '--ant-btn-bg-color': _color.default.bg,\n        '--ant-btn-text-color': _color.default.color,\n        '--ant-btn-border-color': _color.default.border || _color.default.bg,\n\n        '--ant-btn-bg-color-hover': _color.hover.bg,\n        '--ant-btn-text-color-hover': _color.hover.color,\n        '--ant-btn-border-color-hover': _color.hover.border || _color.hover.bg,\n\n        '--ant-btn-bg-color-disabled': _color.disabled.bg,\n        '--ant-color-text-disabled': _color.disabled.color,\n        '--ant-button-border-color-disabled': _color.disabled.border || _color.disabled.bg,\n\n        '--ant-btn-bg-color-active': _color.pressed.bg,\n        '--ant-btn-text-color-active': _color.pressed.color,\n        '--ant-btn-border-color-active': _color.pressed.border || _color.pressed.bg,\n\n        // sizes\n        '--ant-control-height': 'auto',\n        '--ant-button-content-font-size': _size.fontSize,\n        '--ant-border-radius': _size.radius,\n\n        // padding\n        '--k-button-px': type === 'link' ? 0 : _size.paddingX,\n        '--k-button-py': type === 'link' ? 0 : _size.paddingX,\n        '--k-button-gap-x': _size.gapX,\n        '--k-button-line-height': _size.lineHeight,\n        '--k-button-letter-spacing': _size.letterSpacing,\n\n        // custom styles\n        ...style,\n    } as React.CSSProperties;\n\n    const baseStyles = twJoin(\n        '!p-[var(--k-button-py)_var(--k-button-px)]',\n        'gap-[var(--k-button-gap-x)] tracking-[var(--k-button-letter-spacing)] leading-[var(--k-button-line-height)]',\n        'font-medium'\n    )\n\n    return (\n        <Button\n            {...rest}\n            className={cn(baseStyles, className)}\n            ref={ref}\n            size={'middle'}\n            type={'default'}\n            style={_style}\n        >\n            {children}\n        </Button>\n    );\n});\n"],"names":["themeAntd","_jsx","ConfigProvider","twMerge","twJoin","Button"],"mappings":"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"}

package/dist/index.esm.js

@@ -28,7 +28,7 @@ const lightTheme = {
     },
 };
 
-const CertikThemeProvider = ({ mode = 'light', children, ...props }) => {
+const ThemeProvider = ({ mode = 'light', children, ...props }) => {
     const baseTheme = mode === "dark" ? darkTheme : lightTheme;
     const mergedTheme = {
         ...baseTheme,
@@ -234,5 +234,5 @@ const KButton = React.forwardRef(({ children, className, style, type = 'primary'
     return (jsx(Button, { ...rest, className: cn(baseStyles, className), ref: ref, size: 'middle', type: 'default', style: _style, children: children }));
 });
 
-export { CertikThemeProvider, KButton };
+export { KButton, ThemeProvider };
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../src/themes/dark.ts","../src/themes/light.ts","../src/CertikThemeProvider.tsx","../src/utils/cn.ts","../src/components/certikd/KButton/KButton.tsx"],"sourcesContent":["import {theme as themeAntd, ThemeConfig} from \"antd\";\n\nexport const darkTheme: ThemeConfig = {\n    algorithm: themeAntd.darkAlgorithm,\n    token: {\n        // colorPrimary: themeColor.primary,\n        colorPrimary: '#ed2449',\n    },\n    cssVar: {key: \"app\"},\n    components: {},\n};","import {theme as themeAntd, ThemeConfig} from \"antd\";\n\n\nexport const lightTheme: ThemeConfig = {\n    algorithm: themeAntd.defaultAlgorithm,\n    token: {\n        colorPrimary: 'var(--grey-900)',\n        colorTextSecondary: 'var(--grey-900)',\n        colorBorder: 'var(--grey-300)',\n        colorBorderSecondary: 'var(--grey-200)'\n    },\n    cssVar: {key: \"app\"},\n    components: {\n        Button: {\n        }\n    },\n};","import React from 'react';\nimport {ConfigProvider, ThemeConfig} from 'antd';\nimport {darkTheme} from \"./themes/dark\";\nimport {lightTheme} from \"./themes/light\";\n\n\nexport type ThemeMode = 'light' | 'dark';\n\nexport type ThemeProviderProps = {\n    mode?: ThemeMode;\n    children: React.ReactNode;\n} & ThemeConfig;\n\nexport const CertikThemeProvider: React.FC<ThemeProviderProps> = ({\n                                                                      mode = 'light',\n                                                                      children,\n                                                                      ...props\n                                                                  }) => {\n\n    const baseTheme = mode === \"dark\" ? darkTheme : lightTheme;\n\n\n    const mergedTheme: ThemeConfig = {\n        ...baseTheme,\n        ...props,\n        token: props.token ? {\n            ...baseTheme.token,\n            ...props.token,\n        } : baseTheme.token,\n        components: props.components ? {\n            ...baseTheme.components,\n            ...props.components,\n        } : baseTheme.components,\n    };\n\n\n    return (\n        <ConfigProvider theme={mergedTheme}>\n            {children}\n        </ConfigProvider>\n    );\n};","import clsx, {ClassValue} from \"clsx\";\nimport {twMerge} from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n    return twMerge(clsx(inputs));\n}","import React from 'react';\nimport {Button, ButtonProps} from 'antd';\nimport {cn} from \"../../../utils/cn\";\nimport {instance} from \"storybook/internal/node-logger\";\nimport {twJoin} from \"tailwind-merge\";\n\nexport type KButtonProps = Pick<\n    ButtonProps,\n    'className' | 'style' | 'children'\n    | 'disabled' | 'loading' | 'block'\n    | 'icon' | 'iconPlacement'\n    | Extract<keyof ButtonProps, `on${string}`>\n> & {\n    size?: 'sm' | 'md' | 'lg' | 'xl',\n    type?: 'primary' | 'outline' | 'ghost' | 'link'\n}\n\ntype ButtonColors = {\n    bg: string,\n    border: string | null,\n    color: string,\n    boxShadow: string | null,\n}\n\nconst defaultShadow = 'var(--shadow-xs-button)';\n\nconst primaryColor = 'var(--button-text)';\nconst outlieColor = 'var(--text-primary)';\nconst ghostColor = 'var(--text-primary)';\n\nconst outlineBorder = 'var(--border-primary)';\n\nconst colors: Record<Required<KButtonProps>['type'], {\n    default: ButtonColors,\n    hover: ButtonColors,\n    disabled: ButtonColors,\n    pressed: ButtonColors,\n}> = {\n    primary: {\n        default: {\n            bg: 'var(--button-bg)',\n            border: null,\n            boxShadow: defaultShadow,\n            color: primaryColor,\n        },\n        hover: {\n            bg: 'var(--button-bg-hover)',\n            border: null,\n            boxShadow: defaultShadow,\n            color: primaryColor,\n        },\n        pressed: {\n            bg: 'var(--button-bg-pressed)',\n            border: null,\n            boxShadow: defaultShadow,\n            color: primaryColor,\n        },\n        disabled: {\n            bg: 'var(--button-bg-disabled)',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-disabled)',\n        },\n    },\n    outline: {\n        default: {\n            bg: 'var(--bg-primary)',\n            border: outlineBorder,\n            boxShadow: defaultShadow,\n            color: outlieColor,\n        },\n        hover: {\n            bg: 'var(--bg-primary_hover)',\n            border: outlineBorder,\n            boxShadow: defaultShadow,\n            color: outlieColor,\n        },\n        pressed: {\n            bg: 'var(--bg-secondary_hover)',\n            border: outlineBorder,\n            boxShadow: defaultShadow,\n            color: outlieColor,\n        },\n        disabled: {\n            bg: 'var(--button-bg-disabled)',\n            border: outlineBorder,\n            boxShadow: null,\n            color: 'var(--text-disabled)',\n        },\n    },\n    ghost: {\n        default: {\n            bg: '#fff',\n            border: null,\n            boxShadow: null,\n            color: ghostColor,\n        },\n        hover: {\n            bg: 'var(--bg-primary_hover)',\n            border: null,\n            boxShadow: null,\n            color: ghostColor,\n        },\n        pressed: {\n            bg: 'var(--bg-secondary_hover)',\n            border: null,\n            boxShadow: null,\n            color: ghostColor,\n        },\n        disabled: {\n            bg: 'var(--button-bg-disabled)',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-disabled)',\n        },\n    },\n    link: {\n        default: {\n            bg: '#fff',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-primary)',\n        },\n        hover: {\n            bg: '#fff',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-tertiary_hover)',\n        },\n        pressed: {\n            bg: '#fff',\n            border: null,\n            boxShadow: null,\n            color: 'var(--button-bg-pressed)',\n        },\n        disabled: {\n            bg: '#fff',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-disabled)',\n        },\n    },\n}\n\n\nconst sizes: Record<Required<KButtonProps>['size'], {\n    fontSize: string,\n    paddingX: string,\n    paddingY: string,\n    gapX: string,\n    lineHeight: string,\n    letterSpacing: string,\n    radius: string,\n}> = {\n    sm: {\n        fontSize: 'calc(12/16*1rem)',\n        paddingX: 'calc(6/16*1rem)',\n        paddingY: 'calc(3/16*1rem)',\n        gapX: 'calc(4/16*1rem)',\n        lineHeight: 'calc(18/16*1rem)',\n        letterSpacing: '0em',\n        radius: '6px'\n    },\n    md: {\n        fontSize: 'calc(14/16*1rem)',\n        paddingX: 'calc(8/16*1rem)',\n        paddingY: 'calc(6/16*1rem)',\n        gapX: 'calc(6/16*1rem)',\n        lineHeight: 'calc(20/16*1rem)',\n        letterSpacing: '-0.006em',\n        radius: '6px'\n    },\n    lg: {\n        fontSize: '1rem',\n        paddingX: '0.625rem',// 'calc(10/16*1rem)',\n        paddingY: '0.5rem', // 'calc(8/16*1rem)',\n        gapX: 'calc(6/16*1rem)',\n        lineHeight: 'calc(24/16*1rem)',\n        letterSpacing: '-0.011em',\n        radius: '8px'\n    },\n    xl: {\n        fontSize: 'calc(16/16*1rem)',\n        paddingX: '1.195625rem', // 'calc(19.13/16*1rem)',\n        paddingY: '0.75rem',     // 'calc(12/16*1rem)',\n        gapX: 'calc(6/16*1rem)',\n        lineHeight: 'calc(24/16*1rem)',\n        letterSpacing: '-0.011em',\n        radius: '8px'\n    }\n}\n\n\nexport const KButton: React.FC<KButtonProps> = React.forwardRef<HTMLButtonElement, KButtonProps>(({\n                                                                                                      children,\n                                                                                                      className,\n                                                                                                      style,\n                                                                                                      type = 'primary',\n                                                                                                      size = 'lg',\n                                                                                                      ...rest\n                                                                                                  }, ref) => {\n\n\n    const _color = colors[type];\n    const _size = sizes[size];\n    const _style = {\n\n        // shadow\n        '--ant-btn-shadow': _color.default.boxShadow || 'none',\n\n        // button status colors\n        '--ant-btn-bg-color': _color.default.bg,\n        '--ant-btn-text-color': _color.default.color,\n        '--ant-btn-border-color': _color.default.border || _color.default.bg,\n\n        '--ant-btn-bg-color-hover': _color.hover.bg,\n        '--ant-btn-text-color-hover': _color.hover.color,\n        '--ant-btn-border-color-hover': _color.hover.border || _color.hover.bg,\n\n        '--ant-btn-bg-color-disabled': _color.disabled.bg,\n        '--ant-color-text-disabled': _color.disabled.color,\n        '--ant-button-border-color-disabled': _color.disabled.border || _color.disabled.bg,\n\n        '--ant-btn-bg-color-active': _color.pressed.bg,\n        '--ant-btn-text-color-active': _color.pressed.color,\n        '--ant-btn-border-color-active': _color.pressed.border || _color.pressed.bg,\n\n        // sizes\n        '--ant-control-height': 'auto',\n        '--ant-button-content-font-size': _size.fontSize,\n        '--ant-border-radius': _size.radius,\n\n        // padding\n        '--k-button-px': type === 'link' ? 0 : _size.paddingX,\n        '--k-button-py': type === 'link' ? 0 : _size.paddingX,\n        '--k-button-gap-x': _size.gapX,\n        '--k-button-line-height': _size.lineHeight,\n        '--k-button-letter-spacing': _size.letterSpacing,\n\n        // custom styles\n        ...style,\n    } as React.CSSProperties;\n\n    const baseStyles = twJoin(\n        '!p-[var(--k-button-py)_var(--k-button-px)]',\n        'gap-[var(--k-button-gap-x)] tracking-[var(--k-button-letter-spacing)] leading-[var(--k-button-line-height)]',\n        'font-medium'\n    )\n\n    return (\n        <Button\n            {...rest}\n            className={cn(baseStyles, className)}\n            ref={ref}\n            size={'middle'}\n            type={'default'}\n            style={_style}\n        >\n            {children}\n        </Button>\n    );\n});\n"],"names":["themeAntd","_jsx"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../src/themes/dark.ts","../src/themes/light.ts","../src/ThemeProvider.tsx","../src/utils/cn.ts","../src/components/certikd/KButton/KButton.tsx"],"sourcesContent":["import {theme as themeAntd, ThemeConfig} from \"antd\";\n\nexport const darkTheme: ThemeConfig = {\n    algorithm: themeAntd.darkAlgorithm,\n    token: {\n        // colorPrimary: themeColor.primary,\n        colorPrimary: '#ed2449',\n    },\n    cssVar: {key: \"app\"},\n    components: {},\n};","import {theme as themeAntd, ThemeConfig} from \"antd\";\n\n\nexport const lightTheme: ThemeConfig = {\n    algorithm: themeAntd.defaultAlgorithm,\n    token: {\n        colorPrimary: 'var(--grey-900)',\n        colorTextSecondary: 'var(--grey-900)',\n        colorBorder: 'var(--grey-300)',\n        colorBorderSecondary: 'var(--grey-200)'\n    },\n    cssVar: {key: \"app\"},\n    components: {\n        Button: {\n        }\n    },\n};","import React from 'react';\nimport {ConfigProvider, ThemeConfig} from 'antd';\nimport {darkTheme} from \"./themes/dark\";\nimport {lightTheme} from \"./themes/light\";\n\n\nexport type ThemeMode = 'light' | 'dark';\n\nexport type ThemeProviderProps = {\n    mode?: ThemeMode;\n    children: React.ReactNode;\n} & ThemeConfig;\n\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({\n                                                                      mode = 'light',\n                                                                      children,\n                                                                      ...props\n                                                                  }) => {\n\n    const baseTheme = mode === \"dark\" ? darkTheme : lightTheme;\n\n\n    const mergedTheme: ThemeConfig = {\n        ...baseTheme,\n        ...props,\n        token: props.token ? {\n            ...baseTheme.token,\n            ...props.token,\n        } : baseTheme.token,\n        components: props.components ? {\n            ...baseTheme.components,\n            ...props.components,\n        } : baseTheme.components,\n    };\n\n\n    return (\n        <ConfigProvider theme={mergedTheme}>\n            {children}\n        </ConfigProvider>\n    );\n};","import clsx, {ClassValue} from \"clsx\";\nimport {twMerge} from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n    return twMerge(clsx(inputs));\n}","import React from 'react';\nimport {Button, ButtonProps} from 'antd';\nimport {cn} from \"../../../utils/cn\";\nimport {instance} from \"storybook/internal/node-logger\";\nimport {twJoin} from \"tailwind-merge\";\n\nexport type KButtonProps = Pick<\n    ButtonProps,\n    'className' | 'style' | 'children'\n    | 'disabled' | 'loading' | 'block'\n    | 'icon' | 'iconPlacement'\n    | Extract<keyof ButtonProps, `on${string}`>\n> & {\n    size?: 'sm' | 'md' | 'lg' | 'xl',\n    type?: 'primary' | 'outline' | 'ghost' | 'link'\n}\n\ntype ButtonColors = {\n    bg: string,\n    border: string | null,\n    color: string,\n    boxShadow: string | null,\n}\n\nconst defaultShadow = 'var(--shadow-xs-button)';\n\nconst primaryColor = 'var(--button-text)';\nconst outlieColor = 'var(--text-primary)';\nconst ghostColor = 'var(--text-primary)';\n\nconst outlineBorder = 'var(--border-primary)';\n\nconst colors: Record<Required<KButtonProps>['type'], {\n    default: ButtonColors,\n    hover: ButtonColors,\n    disabled: ButtonColors,\n    pressed: ButtonColors,\n}> = {\n    primary: {\n        default: {\n            bg: 'var(--button-bg)',\n            border: null,\n            boxShadow: defaultShadow,\n            color: primaryColor,\n        },\n        hover: {\n            bg: 'var(--button-bg-hover)',\n            border: null,\n            boxShadow: defaultShadow,\n            color: primaryColor,\n        },\n        pressed: {\n            bg: 'var(--button-bg-pressed)',\n            border: null,\n            boxShadow: defaultShadow,\n            color: primaryColor,\n        },\n        disabled: {\n            bg: 'var(--button-bg-disabled)',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-disabled)',\n        },\n    },\n    outline: {\n        default: {\n            bg: 'var(--bg-primary)',\n            border: outlineBorder,\n            boxShadow: defaultShadow,\n            color: outlieColor,\n        },\n        hover: {\n            bg: 'var(--bg-primary_hover)',\n            border: outlineBorder,\n            boxShadow: defaultShadow,\n            color: outlieColor,\n        },\n        pressed: {\n            bg: 'var(--bg-secondary_hover)',\n            border: outlineBorder,\n            boxShadow: defaultShadow,\n            color: outlieColor,\n        },\n        disabled: {\n            bg: 'var(--button-bg-disabled)',\n            border: outlineBorder,\n            boxShadow: null,\n            color: 'var(--text-disabled)',\n        },\n    },\n    ghost: {\n        default: {\n            bg: '#fff',\n            border: null,\n            boxShadow: null,\n            color: ghostColor,\n        },\n        hover: {\n            bg: 'var(--bg-primary_hover)',\n            border: null,\n            boxShadow: null,\n            color: ghostColor,\n        },\n        pressed: {\n            bg: 'var(--bg-secondary_hover)',\n            border: null,\n            boxShadow: null,\n            color: ghostColor,\n        },\n        disabled: {\n            bg: 'var(--button-bg-disabled)',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-disabled)',\n        },\n    },\n    link: {\n        default: {\n            bg: '#fff',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-primary)',\n        },\n        hover: {\n            bg: '#fff',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-tertiary_hover)',\n        },\n        pressed: {\n            bg: '#fff',\n            border: null,\n            boxShadow: null,\n            color: 'var(--button-bg-pressed)',\n        },\n        disabled: {\n            bg: '#fff',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-disabled)',\n        },\n    },\n}\n\n\nconst sizes: Record<Required<KButtonProps>['size'], {\n    fontSize: string,\n    paddingX: string,\n    paddingY: string,\n    gapX: string,\n    lineHeight: string,\n    letterSpacing: string,\n    radius: string,\n}> = {\n    sm: {\n        fontSize: 'calc(12/16*1rem)',\n        paddingX: 'calc(6/16*1rem)',\n        paddingY: 'calc(3/16*1rem)',\n        gapX: 'calc(4/16*1rem)',\n        lineHeight: 'calc(18/16*1rem)',\n        letterSpacing: '0em',\n        radius: '6px'\n    },\n    md: {\n        fontSize: 'calc(14/16*1rem)',\n        paddingX: 'calc(8/16*1rem)',\n        paddingY: 'calc(6/16*1rem)',\n        gapX: 'calc(6/16*1rem)',\n        lineHeight: 'calc(20/16*1rem)',\n        letterSpacing: '-0.006em',\n        radius: '6px'\n    },\n    lg: {\n        fontSize: '1rem',\n        paddingX: '0.625rem',// 'calc(10/16*1rem)',\n        paddingY: '0.5rem', // 'calc(8/16*1rem)',\n        gapX: 'calc(6/16*1rem)',\n        lineHeight: 'calc(24/16*1rem)',\n        letterSpacing: '-0.011em',\n        radius: '8px'\n    },\n    xl: {\n        fontSize: 'calc(16/16*1rem)',\n        paddingX: '1.195625rem', // 'calc(19.13/16*1rem)',\n        paddingY: '0.75rem',     // 'calc(12/16*1rem)',\n        gapX: 'calc(6/16*1rem)',\n        lineHeight: 'calc(24/16*1rem)',\n        letterSpacing: '-0.011em',\n        radius: '8px'\n    }\n}\n\n\nexport const KButton: React.FC<KButtonProps> = React.forwardRef<HTMLButtonElement, KButtonProps>(({\n                                                                                                      children,\n                                                                                                      className,\n                                                                                                      style,\n                                                                                                      type = 'primary',\n                                                                                                      size = 'lg',\n                                                                                                      ...rest\n                                                                                                  }, ref) => {\n\n\n    const _color = colors[type];\n    const _size = sizes[size];\n    const _style = {\n\n        // shadow\n        '--ant-btn-shadow': _color.default.boxShadow || 'none',\n\n        // button status colors\n        '--ant-btn-bg-color': _color.default.bg,\n        '--ant-btn-text-color': _color.default.color,\n        '--ant-btn-border-color': _color.default.border || _color.default.bg,\n\n        '--ant-btn-bg-color-hover': _color.hover.bg,\n        '--ant-btn-text-color-hover': _color.hover.color,\n        '--ant-btn-border-color-hover': _color.hover.border || _color.hover.bg,\n\n        '--ant-btn-bg-color-disabled': _color.disabled.bg,\n        '--ant-color-text-disabled': _color.disabled.color,\n        '--ant-button-border-color-disabled': _color.disabled.border || _color.disabled.bg,\n\n        '--ant-btn-bg-color-active': _color.pressed.bg,\n        '--ant-btn-text-color-active': _color.pressed.color,\n        '--ant-btn-border-color-active': _color.pressed.border || _color.pressed.bg,\n\n        // sizes\n        '--ant-control-height': 'auto',\n        '--ant-button-content-font-size': _size.fontSize,\n        '--ant-border-radius': _size.radius,\n\n        // padding\n        '--k-button-px': type === 'link' ? 0 : _size.paddingX,\n        '--k-button-py': type === 'link' ? 0 : _size.paddingX,\n        '--k-button-gap-x': _size.gapX,\n        '--k-button-line-height': _size.lineHeight,\n        '--k-button-letter-spacing': _size.letterSpacing,\n\n        // custom styles\n        ...style,\n    } as React.CSSProperties;\n\n    const baseStyles = twJoin(\n        '!p-[var(--k-button-py)_var(--k-button-px)]',\n        'gap-[var(--k-button-gap-x)] tracking-[var(--k-button-letter-spacing)] leading-[var(--k-button-line-height)]',\n        'font-medium'\n    )\n\n    return (\n        <Button\n            {...rest}\n            className={cn(baseStyles, className)}\n            ref={ref}\n            size={'middle'}\n            type={'default'}\n            style={_style}\n        >\n            {children}\n        </Button>\n    );\n});\n"],"names":["themeAntd","_jsx"],"mappings":"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"}

package/dist/styles/colors.css

@@ -0,0 +1 @@
+:root{--white:#fff;--black:#000;--transparent:hsla(0,0%,100%,0);--grey-25:#fcfcfd;--grey-50:#f6f7f9;--grey-100:#eef0f1;--grey-200:#e1e2e5;--grey-300:#cdcfd5;--grey-400:#9e9fa9;--grey-500:#73757d;--grey-600:#56575d;--grey-700:#43444c;--grey-800:#2a2b32;--grey-900:#171921;--grey-950:#0d0e12;--error-25:#fefafa;--error-50:#fceeee;--error-100:#fae0de;--error-200:#f7afab;--error-300:#f6857e;--error-400:#f65951;--error-500:#e5453d;--error-600:#cc3f38;--error-700:#b43027;--error-800:#8d2a25;--error-900:#76231e;--error-950:#470e0b;--warning-25:#fffdf7;--warning-50:#fff8e1;--warning-100:#ffe9a8;--warning-200:#ffd66d;--warning-300:#ffc233;--warning-400:#ffac05;--warning-500:#f08c00;--warning-600:#cd7004;--warning-700:#aa4e09;--warning-800:#8c3d0d;--warning-900:#78350f;--warning-950:#4e1e03;--success-25:#f8fffa;--success-50:#e6fded;--success-100:#c6f6d5;--success-200:#9ae6b4;--success-300:#5dd089;--success-400:#38b26c;--success-500:#22a363;--success-600:#1a7f49;--success-700:#166537;--success-800:#15562f;--success-900:#144829;--success-950:#082b16;--blue-25:#f5faff;--blue-50:#eff8ff;--blue-100:#d1e9ff;--blue-200:#b2ddff;--blue-300:#84caff;--blue-400:#53b1fd;--blue-500:#2e90fa;--blue-600:#1570ef;--blue-700:#175cd3;--blue-800:#1849a9;--blue-900:#194185;--blue-950:#102a56;--purple-25:#fafaff;--purple-50:#f4f3ff;--purple-100:#ebe9fe;--purple-200:#d9d6fe;--purple-300:#bdb4fe;--purple-400:#9b8afb;--purple-500:#7a5af8;--purple-600:#6938ef;--purple-700:#5925dc;--purple-800:#4a1fb8;--purple-900:#3e1c96;--purple-950:#27115f;--utility-grey-50:var(--grey-50);--utility-grey-100:var(--grey-100);--utility-grey-200:var(--grey-200);--utility-grey-300:var(--grey-300);--utility-grey-400:var(--grey-400);--utility-grey-500:var(--grey-500);--utility-grey-600:var(--grey-600);--utility-grey-700:var(--grey-700);--utility-grey-800:var(--grey-800);--utility-grey-900:var(--grey-900);--utility-grey-25:var(--grey-25);--utility-error-50:var(--error-50);--utility-error-100:var(--error-100);--utility-error-200:var(--error-200);--utility-error-300:var(--error-300);--utility-error-400:var(--error-400);--utility-error-500:var(--error-500);--utility-error-600:var(--error-600);--utility-error-700:var(--error-700);--utility-error-800:var(--error-800);--utility-error-900:var(--error-900);--utility-success-50:var(--success-50);--utility-success-100:var(--success-100);--utility-success-200:var(--success-200);--utility-success-300:var(--success-300);--utility-success-400:var(--success-400);--utility-success-500:var(--success-500);--utility-success-600:var(--success-600);--utility-success-700:var(--success-700);--utility-success-800:var(--success-800);--utility-success-900:var(--success-900);--utility-warning-50:var(--warning-50);--utility-warning-100:var(--warning-100);--utility-warning-200:var(--warning-200);--utility-warning-300:var(--warning-300);--utility-warning-400:var(--warning-400);--utility-warning-500:var(--warning-500);--utility-warning-600:var(--warning-600);--utility-warning-700:var(--warning-700);--utility-warning-800:var(--warning-800);--utility-warning-900:var(--warning-900);--utility-blue-50:var(--blue-50);--utility-blue-100:var(--blue-100);--utility-blue-200:var(--blue-200);--utility-blue-300:var(--blue-300);--utility-blue-400:var(--blue-400);--utility-blue-500:var(--blue-500);--utility-blue-600:var(--blue-600);--utility-blue-700:var(--blue-700);--utility-blue-800:var(--blue-800);--utility-blue-900:var(--blue-900);--utility-purple-50:var(--purple-50);--utility-purple-100:var(--purple-100);--utility-purple-200:var(--purple-200);--utility-purple-300:var(--purple-300);--utility-purple-400:var(--purple-400);--utility-purple-500:var(--purple-500);--utility-purple-600:var(--purple-600);--utility-purple-700:var(--purple-700);--utility-purple-800:var(--purple-800);--utility-purple-900:var(--purple-900);--alpha-white-5:hsla(0,0%,100%,.05);--alpha-white-20:hsla(0,0%,100%,.2);--alpha-white-30:hsla(0,0%,100%,.3);--alpha-white-40:hsla(0,0%,100%,.4);--alpha-white-50:hsla(0,0%,100%,.5);--alpha-white-60:hsla(0,0%,100%,.6);--alpha-white-70:hsla(0,0%,100%,.7);--alpha-white-80:hsla(0,0%,100%,.8);--alpha-white-90:hsla(0,0%,100%,.9);--alpha-white-100:#fff;--alpha-white-10:hsla(0,0%,100%,.1);--alpha-white-0:hsla(0,0%,100%,0);--alpha-black-5:rgba(0,0,0,.05);--alpha-black-20:rgba(0,0,0,.2);--alpha-black-30:rgba(0,0,0,.3);--alpha-black-40:rgba(0,0,0,.4);--alpha-black-50:rgba(0,0,0,.5);--alpha-black-60:rgba(0,0,0,.6);--alpha-black-70:rgba(0,0,0,.7);--alpha-black-80:rgba(0,0,0,.8);--alpha-black-90:rgba(0,0,0,.9);--alpha-black-100:#000;--alpha-black-10:rgba(0,0,0,.1);--alpha-black-0:transparent;--alpha-success-5:rgba(34,163,99,.05);--alpha-success-10:rgba(34,163,99,.1);--alpha-success-20:rgba(34,163,99,.2);--alpha-success-30:rgba(34,163,99,.3);--alpha-success-40:rgba(34,163,99,.4);--alpha-success-50:rgba(34,163,99,.5);--alpha-success-60:rgba(34,163,99,.6);--alpha-success-70:rgba(34,163,99,.7);--alpha-success-80:rgba(34,163,99,.8);--alpha-success-90:rgba(34,163,99,.9);--alpha-success-100:#22a363;--alpha-warning-5:rgba(229,69,61,.05);--alpha-warning-10:rgba(229,69,61,.1);--alpha-warning-20:rgba(229,69,61,.2);--alpha-warning-30:rgba(229,69,61,.3);--alpha-warning-40:rgba(229,69,61,.4);--alpha-warning-50:rgba(229,69,61,.5);--alpha-warning-60:rgba(229,69,61,.6);--alpha-warning-70:rgba(229,69,61,.7);--alpha-warning-80:rgba(229,69,61,.8);--alpha-warning-90:rgba(229,69,61,.9);--alpha-warning-100:#e5453d;--text-primary:var(--grey-900);--text-secondary:var(--grey-700);--text-secondary_hover:var(--grey-800);--text-tertiary:var(--grey-600);--text-tertiary_hover:var(--grey-700);--text-quaternary:var(--grey-500);--text-white:var(--white);--text-disabled:var(--grey-400);--text-placeholder:var(--grey-400);--text-placeholder_subtle:var(--grey-300);--text-disabled_subtle:var(--grey-300);--text-error-primary:var(--error-600);--text-warning-primary:var(--warning-600);--text-success-primary:var(--success-600);--text-error-pressed:var(--error-700);--fg-primary:var(--grey-900);--fg-secondary:var(--grey-700);--fg-secondary_hover:var(--grey-800);--fg-tertiary:var(--grey-600);--fg-tertiary_hover:var(--grey-700);--fg-quaternary:var(--grey-400);--fg-white:var(--white);--fg-disabled:var(--grey-400);--fg-disabled_subtle:var(--grey-300);--fg-placeholder:var(--grey-400);--fg-placeholder_subtle:var(--grey-300);--fg-error-primary:var(--error-600);--fg-warning-primary:var(--warning-600);--fg-success-primary:var(--success-600);--fg-warning-secondary:var(--warning-500);--fg-success-secondary:var(--success-500);--fg-error-secondary:var(--error-500);--fg-quaternary_hover:var(--grey-500);--bg-primary:var(--white);--bg-secondary:var(--grey-50);--bg-secondary_hover:var(--grey-100);--bg-tertiary:var(--grey-100);--bg-quaternary:var(--grey-200);--bg-white:var(--white);--bg-disabled:var(--grey-100);--bg-disabled_subtle:var(--grey-50);--bg-error-primary:var(--error-50);--bg-error-solid:var(--error-600);--bg-warning-primary:var(--warning-50);--bg-success-primary:var(--success-50);--bg-primary_alt:var(--white);--bg-primary_hover:var(--grey-50);--bg-secondary_alt:var(--grey-50);--bg-secondary_subtle:var(--grey-25);--bg-secondary-solid:var(--grey-600);--bg-active:var(--grey-50);--bg-error-solid_hover:var(--error-700);--bg-error-solid_pressed:var(--error-800);--bg-error-primary-pressed:var(--error-100);--bg-overlay:rgba(13,14,18,.5);--border-primary:var(--grey-300);--border-secondary:var(--grey-200);--border-secondary_alt:var(--alpha-black-5);--border-tertiary:var(--grey-100);--border-disabled:var(--grey-300);--border-disabled_subtle:var(--grey-200);--border-error:var(--error-500);--border-error_subtle:var(--error-300);--border-error_pressed:var(--error-700);--border-solid:var(--grey-900);--checkbox-border_hover:var(--grey-500);--checkbox-checkmark-fg:var(--grey-25);--toggle-active-bg:var(--grey-950);--toggle-button-fg:var(--grey-25);--toggle-button-active-fg:var(--grey-25);--toggle-active-bg_hover:var(--grey-800);--toggle-button-active-fg_hover:var(--grey-25);--toggle-active-bg-success:var(--success-400);--toggle-active-bg-success_hover:var(--success-300);--toggle-button-active-fg-success:var(--grey-25);--toggle-button-active-fg-success_hover:var(--grey-25);--button-fg:var(--grey-50);--button-text:var(--grey-50);--button-bg:var(--grey-900);--button-bg-hover:var(--grey-700);--button-bg-pressed:var(--grey-800);--button-bg-disabled:var(--grey-100);--button-error-text-hover:var(--error-700);--button-error-text-pressed:var(--error-800);--tooltip-bg:var(--grey-900);--tooltip-text:var(--grey-50);--tooltip-supporting-text:var(--grey-400);--tooltip-fg:var(--grey-100);--social-icon_black-fg:#000;--social-icon_github-fg:#24292f;--social-icon_tumblr-fg:#001935}.dark{--white:#fff;--black:#000;--transparent:hsla(0,0%,100%,0);--grey-25:#fcfcfd;--grey-50:#f6f7f9;--grey-100:#eef0f1;--grey-200:#e1e2e5;--grey-300:#cdcfd5;--grey-400:#9e9fa9;--grey-500:#73757d;--grey-600:#56575d;--grey-700:#43444c;--grey-800:#2a2b32;--grey-900:#171921;--grey-950:#0d0e12;--error-25:#fefafa;--error-50:#fceeee;--error-100:#fae0de;--error-200:#f7afab;--error-300:#f6857e;--error-400:#f65951;--error-500:#e5453d;--error-600:#cc3f38;--error-700:#b43027;--error-800:#8d2a25;--error-900:#76231e;--error-950:#470e0b;--warning-25:#fffdf7;--warning-50:#fff8e1;--warning-100:#ffe9a8;--warning-200:#ffd66d;--warning-300:#ffc233;--warning-400:#ffac05;--warning-500:#f08c00;--warning-600:#cd7004;--warning-700:#aa4e09;--warning-800:#8c3d0d;--warning-900:#78350f;--warning-950:#4e1e03;--success-25:#f8fffa;--success-50:#e6fded;--success-100:#c6f6d5;--success-200:#9ae6b4;--success-300:#5dd089;--success-400:#38b26c;--success-500:#22a363;--success-600:#1a7f49;--success-700:#166537;--success-800:#15562f;--success-900:#144829;--success-950:#082b16;--blue-25:#f5faff;--blue-50:#eff8ff;--blue-100:#d1e9ff;--blue-200:#b2ddff;--blue-300:#84caff;--blue-400:#53b1fd;--blue-500:#2e90fa;--blue-600:#1570ef;--blue-700:#175cd3;--blue-800:#1849a9;--blue-900:#194185;--blue-950:#102a56;--purple-25:#fafaff;--purple-50:#f4f3ff;--purple-100:#ebe9fe;--purple-200:#d9d6fe;--purple-300:#bdb4fe;--purple-400:#9b8afb;--purple-500:#7a5af8;--purple-600:#6938ef;--purple-700:#5925dc;--purple-800:#4a1fb8;--purple-900:#3e1c96;--purple-950:#27115f;--utility-grey-50:var(--grey-900);--utility-grey-100:var(--grey-800);--utility-grey-200:var(--grey-700);--utility-grey-300:var(--grey-600);--utility-grey-400:var(--grey-500);--utility-grey-500:var(--grey-400);--utility-grey-600:var(--grey-300);--utility-grey-700:var(--grey-200);--utility-grey-800:var(--grey-100);--utility-grey-900:var(--grey-50);--utility-grey-25:var(--grey-950);--utility-error-50:var(--error-900);--utility-error-100:var(--error-800);--utility-error-200:var(--error-700);--utility-error-300:var(--error-600);--utility-error-400:var(--error-500);--utility-error-500:var(--error-400);--utility-error-600:var(--error-300);--utility-error-700:var(--error-200);--utility-error-800:var(--error-100);--utility-error-900:var(--error-50);--utility-success-50:var(--success-900);--utility-success-100:var(--success-800);--utility-success-200:var(--success-700);--utility-success-300:var(--success-600);--utility-success-400:var(--success-500);--utility-success-500:var(--success-400);--utility-success-600:var(--success-300);--utility-success-700:var(--success-200);--utility-success-800:var(--success-100);--utility-success-900:var(--success-50);--utility-warning-50:var(--warning-900);--utility-warning-100:var(--warning-800);--utility-warning-200:var(--warning-700);--utility-warning-300:var(--warning-600);--utility-warning-400:var(--warning-500);--utility-warning-500:var(--warning-400);--utility-warning-600:var(--warning-300);--utility-warning-700:var(--warning-200);--utility-warning-800:var(--warning-100);--utility-warning-900:var(--warning-50);--utility-blue-50:var(--blue-900);--utility-blue-100:var(--blue-800);--utility-blue-200:var(--blue-700);--utility-blue-300:var(--blue-600);--utility-blue-400:var(--blue-500);--utility-blue-500:var(--blue-400);--utility-blue-600:var(--blue-300);--utility-blue-700:var(--blue-200);--utility-blue-800:var(--blue-100);--utility-blue-900:var(--blue-50);--utility-purple-50:var(--purple-900);--utility-purple-100:var(--purple-800);--utility-purple-200:var(--purple-700);--utility-purple-300:var(--purple-600);--utility-purple-400:var(--purple-500);--utility-purple-500:var(--purple-400);--utility-purple-600:var(--purple-300);--utility-purple-700:var(--purple-200);--utility-purple-800:var(--purple-100);--utility-purple-900:var(--purple-50);--alpha-white-5:rgba(13,14,18,.05);--alpha-white-20:rgba(13,14,18,.2);--alpha-white-30:rgba(13,14,18,.3);--alpha-white-40:rgba(13,14,18,.4);--alpha-white-50:rgba(13,14,18,.5);--alpha-white-60:rgba(13,14,18,.6);--alpha-white-70:rgba(13,14,18,.7);--alpha-white-80:rgba(13,14,18,.8);--alpha-white-90:rgba(13,14,18,.9);--alpha-white-100:#0d0e12;--alpha-white-10:rgba(13,14,18,.1);--alpha-white-0:rgba(13,14,18,.05);--alpha-black-5:hsla(0,0%,100%,.05);--alpha-black-20:hsla(0,0%,100%,.2);--alpha-black-30:hsla(0,0%,100%,.3);--alpha-black-40:hsla(0,0%,100%,.4);--alpha-black-50:hsla(0,0%,100%,.5);--alpha-black-60:hsla(0,0%,100%,.6);--alpha-black-70:hsla(0,0%,100%,.7);--alpha-black-80:hsla(0,0%,100%,.8);--alpha-black-90:hsla(0,0%,100%,.9);--alpha-black-100:#fff;--alpha-black-10:hsla(0,0%,100%,.1);--alpha-black-0:hsla(0,0%,100%,.05);--alpha-success-5:rgba(34,163,99,.05);--alpha-success-10:rgba(34,163,99,.1);--alpha-success-20:rgba(34,163,99,.2);--alpha-success-30:rgba(34,163,99,.3);--alpha-success-40:rgba(34,163,99,.4);--alpha-success-50:rgba(34,163,99,.5);--alpha-success-60:rgba(34,163,99,.6);--alpha-success-70:rgba(34,163,99,.7);--alpha-success-80:rgba(34,163,99,.8);--alpha-success-90:rgba(34,163,99,.9);--alpha-success-100:#22a363;--alpha-warning-5:rgba(229,69,61,.05);--alpha-warning-10:rgba(229,69,61,.1);--alpha-warning-20:rgba(229,69,61,.2);--alpha-warning-30:rgba(229,69,61,.3);--alpha-warning-40:rgba(229,69,61,.4);--alpha-warning-50:rgba(229,69,61,.5);--alpha-warning-60:rgba(229,69,61,.6);--alpha-warning-70:rgba(229,69,61,.7);--alpha-warning-80:rgba(229,69,61,.8);--alpha-warning-90:rgba(229,69,61,.9);--alpha-warning-100:#e5453d;--text-primary:var(--grey-50);--text-secondary:var(--grey-300);--text-secondary_hover:var(--grey-200);--text-tertiary:var(--grey-400);--text-tertiary_hover:var(--grey-300);--text-quaternary:var(--grey-500);--text-white:var(--white);--text-disabled:var(--grey-600);--text-placeholder:var(--grey-600);--text-placeholder_subtle:var(--grey-700);--text-disabled_subtle:var(--grey-700);--text-error-primary:var(--error-400);--text-warning-primary:var(--warning-400);--text-success-primary:var(--success-400);--text-error-pressed:var(--error-950);--fg-primary:var(--grey-50);--fg-secondary:var(--grey-300);--fg-secondary_hover:var(--grey-200);--fg-tertiary:var(--grey-400);--fg-tertiary_hover:var(--grey-300);--fg-quaternary:var(--grey-600);--fg-white:var(--white);--fg-disabled:var(--grey-600);--fg-disabled_subtle:var(--grey-700);--fg-placeholder:var(--grey-600);--fg-placeholder_subtle:var(--grey-700);--fg-error-primary:var(--error-400);--fg-warning-primary:var(--warning-500);--fg-success-primary:var(--success-500);--fg-warning-secondary:var(--warning-400);--fg-success-secondary:var(--success-400);--fg-error-secondary:var(--error-400);--fg-quaternary_hover:var(--grey-500);--bg-primary:var(--grey-950);--bg-secondary:var(--grey-900);--bg-secondary_hover:var(--grey-800);--bg-tertiary:var(--grey-800);--bg-quaternary:var(--grey-700);--bg-white:var(--white);--bg-disabled:var(--grey-800);--bg-disabled_subtle:var(--grey-900);--bg-error-primary:var(--error-950);--bg-error-solid:var(--error-400);--bg-warning-primary:var(--warning-950);--bg-success-primary:var(--success-950);--bg-primary_alt:var(--bg-secondary);--bg-primary_hover:var(--grey-800);--bg-secondary_alt:var(--bg-primary);--bg-secondary_subtle:var(--grey-900);--bg-secondary-solid:var(--grey-600);--bg-active:var(--grey-800);--bg-error-solid_hover:var(--error-300);--bg-error-solid_pressed:var(--error-200);--bg-error-primary-pressed:var(--error-200);--bg-overlay:rgba(13,14,18,.7);--border-primary:var(--grey-700);--border-secondary:var(--grey-800);--border-secondary_alt:var(--grey-800);--border-tertiary:var(--grey-800);--border-disabled:var(--grey-700);--border-disabled_subtle:var(--grey-800);--border-error:var(--error-400);--border-error_subtle:var(--error-500);--border-error_pressed:var(--error-100);--border-solid:var(--grey-50);--checkbox-border_hover:var(--grey-600);--checkbox-checkmark-fg:var(--grey-900);--toggle-active-bg:var(--grey-25);--toggle-button-fg:var(--grey-100);--toggle-button-active-fg:var(--grey-900);--toggle-active-bg_hover:var(--grey-100);--toggle-button-active-fg_hover:var(--grey-800);--toggle-active-bg-success:var(--success-500);--toggle-active-bg-success_hover:var(--success-400);--toggle-button-active-fg-success:var(--grey-25);--toggle-button-active-fg-success_hover:var(--grey-25);--button-fg:var(--grey-900);--button-text:var(--grey-900);--button-bg:var(--grey-50);--button-bg-hover:var(--grey-200);--button-bg-pressed:var(--grey-100);--button-bg-disabled:var(--grey-800);--button-error-text-hover:var(--error-500);--button-error-text-pressed:var(--error-400);--tooltip-bg:var(--grey-50);--tooltip-text:var(--grey-900);--tooltip-supporting-text:var(--grey-600);--tooltip-fg:var(--grey-800);--social-icon_black-fg:#fff;--social-icon_github-fg:#e8eaed;--social-icon_tumblr-fg:#fff}@theme inline{--color-white:var(--white);--color-black:var(--black);--color-transparent:var(--transparent);--color-grey-25:var(--grey-25);--color-grey-50:var(--grey-50);--color-grey-100:var(--grey-100);--color-grey-200:var(--grey-200);--color-grey-300:var(--grey-300);--color-grey-400:var(--grey-400);--color-grey-500:var(--grey-500);--color-grey-600:var(--grey-600);--color-grey-700:var(--grey-700);--color-grey-800:var(--grey-800);--color-grey-900:var(--grey-900);--color-grey-950:var(--grey-950);--color-error-25:var(--error-25);--color-error-50:var(--error-50);--color-error-100:var(--error-100);--color-error-200:var(--error-200);--color-error-300:var(--error-300);--color-error-400:var(--error-400);--color-error-500:var(--error-500);--color-error-600:var(--error-600);--color-error-700:var(--error-700);--color-error-800:var(--error-800);--color-error-900:var(--error-900);--color-error-950:var(--error-950);--color-warning-25:var(--warning-25);--color-warning-50:var(--warning-50);--color-warning-100:var(--warning-100);--color-warning-200:var(--warning-200);--color-warning-300:var(--warning-300);--color-warning-400:var(--warning-400);--color-warning-500:var(--warning-500);--color-warning-600:var(--warning-600);--color-warning-700:var(--warning-700);--color-warning-800:var(--warning-800);--color-warning-900:var(--warning-900);--color-warning-950:var(--warning-950);--color-success-25:var(--success-25);--color-success-50:var(--success-50);--color-success-100:var(--success-100);--color-success-200:var(--success-200);--color-success-300:var(--success-300);--color-success-400:var(--success-400);--color-success-500:var(--success-500);--color-success-600:var(--success-600);--color-success-700:var(--success-700);--color-success-800:var(--success-800);--color-success-900:var(--success-900);--color-success-950:var(--success-950);--color-blue-25:var(--blue-25);--color-blue-50:var(--blue-50);--color-blue-100:var(--blue-100);--color-blue-200:var(--blue-200);--color-blue-300:var(--blue-300);--color-blue-400:var(--blue-400);--color-blue-500:var(--blue-500);--color-blue-600:var(--blue-600);--color-blue-700:var(--blue-700);--color-blue-800:var(--blue-800);--color-blue-900:var(--blue-900);--color-blue-950:var(--blue-950);--color-purple-25:var(--purple-25);--color-purple-50:var(--purple-50);--color-purple-100:var(--purple-100);--color-purple-200:var(--purple-200);--color-purple-300:var(--purple-300);--color-purple-400:var(--purple-400);--color-purple-500:var(--purple-500);--color-purple-600:var(--purple-600);--color-purple-700:var(--purple-700);--color-purple-800:var(--purple-800);--color-purple-900:var(--purple-900);--color-purple-950:var(--purple-950);--color-utility-grey-50:var(--utility-grey-50);--color-utility-grey-100:var(--utility-grey-100);--color-utility-grey-200:var(--utility-grey-200);--color-utility-grey-300:var(--utility-grey-300);--color-utility-grey-400:var(--utility-grey-400);--color-utility-grey-500:var(--utility-grey-500);--color-utility-grey-600:var(--utility-grey-600);--color-utility-grey-700:var(--utility-grey-700);--color-utility-grey-800:var(--utility-grey-800);--color-utility-grey-900:var(--utility-grey-900);--color-utility-grey-25:var(--utility-grey-25);--color-utility-error-50:var(--utility-error-50);--color-utility-error-100:var(--utility-error-100);--color-utility-error-200:var(--utility-error-200);--color-utility-error-300:var(--utility-error-300);--color-utility-error-400:var(--utility-error-400);--color-utility-error-500:var(--utility-error-500);--color-utility-error-600:var(--utility-error-600);--color-utility-error-700:var(--utility-error-700);--color-utility-error-800:var(--utility-error-800);--color-utility-error-900:var(--utility-error-900);--color-utility-success-50:var(--utility-success-50);--color-utility-success-100:var(--utility-success-100);--color-utility-success-200:var(--utility-success-200);--color-utility-success-300:var(--utility-success-300);--color-utility-success-400:var(--utility-success-400);--color-utility-success-500:var(--utility-success-500);--color-utility-success-600:var(--utility-success-600);--color-utility-success-700:var(--utility-success-700);--color-utility-success-800:var(--utility-success-800);--color-utility-success-900:var(--utility-success-900);--color-utility-warning-50:var(--utility-warning-50);--color-utility-warning-100:var(--utility-warning-100);--color-utility-warning-200:var(--utility-warning-200);--color-utility-warning-300:var(--utility-warning-300);--color-utility-warning-400:var(--utility-warning-400);--color-utility-warning-500:var(--utility-warning-500);--color-utility-warning-600:var(--utility-warning-600);--color-utility-warning-700:var(--utility-warning-700);--color-utility-warning-800:var(--utility-warning-800);--color-utility-warning-900:var(--utility-warning-900);--color-utility-blue-50:var(--utility-blue-50);--color-utility-blue-100:var(--utility-blue-100);--color-utility-blue-200:var(--utility-blue-200);--color-utility-blue-300:var(--utility-blue-300);--color-utility-blue-400:var(--utility-blue-400);--color-utility-blue-500:var(--utility-blue-500);--color-utility-blue-600:var(--utility-blue-600);--color-utility-blue-700:var(--utility-blue-700);--color-utility-blue-800:var(--utility-blue-800);--color-utility-blue-900:var(--utility-blue-900);--color-utility-purple-50:var(--utility-purple-50);--color-utility-purple-100:var(--utility-purple-100);--color-utility-purple-200:var(--utility-purple-200);--color-utility-purple-300:var(--utility-purple-300);--color-utility-purple-400:var(--utility-purple-400);--color-utility-purple-500:var(--utility-purple-500);--color-utility-purple-600:var(--utility-purple-600);--color-utility-purple-700:var(--utility-purple-700);--color-utility-purple-800:var(--utility-purple-800);--color-utility-purple-900:var(--utility-purple-900);--color-alpha-white-5:var(--alpha-white-5);--color-alpha-white-20:var(--alpha-white-20);--color-alpha-white-30:var(--alpha-white-30);--color-alpha-white-40:var(--alpha-white-40);--color-alpha-white-50:var(--alpha-white-50);--color-alpha-white-60:var(--alpha-white-60);--color-alpha-white-70:var(--alpha-white-70);--color-alpha-white-80:var(--alpha-white-80);--color-alpha-white-90:var(--alpha-white-90);--color-alpha-white-100:var(--alpha-white-100);--color-alpha-white-10:var(--alpha-white-10);--color-alpha-white-0:var(--alpha-white-0);--color-alpha-black-5:var(--alpha-black-5);--color-alpha-black-20:var(--alpha-black-20);--color-alpha-black-30:var(--alpha-black-30);--color-alpha-black-40:var(--alpha-black-40);--color-alpha-black-50:var(--alpha-black-50);--color-alpha-black-60:var(--alpha-black-60);--color-alpha-black-70:var(--alpha-black-70);--color-alpha-black-80:var(--alpha-black-80);--color-alpha-black-90:var(--alpha-black-90);--color-alpha-black-100:var(--alpha-black-100);--color-alpha-black-10:var(--alpha-black-10);--color-alpha-black-0:var(--alpha-black-0);--color-alpha-success-5:var(--alpha-success-5);--color-alpha-success-10:var(--alpha-success-10);--color-alpha-success-20:var(--alpha-success-20);--color-alpha-success-30:var(--alpha-success-30);--color-alpha-success-40:var(--alpha-success-40);--color-alpha-success-50:var(--alpha-success-50);--color-alpha-success-60:var(--alpha-success-60);--color-alpha-success-70:var(--alpha-success-70);--color-alpha-success-80:var(--alpha-success-80);--color-alpha-success-90:var(--alpha-success-90);--color-alpha-success-100:var(--alpha-success-100);--color-alpha-warning-5:var(--alpha-warning-5);--color-alpha-warning-10:var(--alpha-warning-10);--color-alpha-warning-20:var(--alpha-warning-20);--color-alpha-warning-30:var(--alpha-warning-30);--color-alpha-warning-40:var(--alpha-warning-40);--color-alpha-warning-50:var(--alpha-warning-50);--color-alpha-warning-60:var(--alpha-warning-60);--color-alpha-warning-70:var(--alpha-warning-70);--color-alpha-warning-80:var(--alpha-warning-80);--color-alpha-warning-90:var(--alpha-warning-90);--color-alpha-warning-100:var(--alpha-warning-100);--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-secondary_hover:var(--text-secondary_hover);--color-text-tertiary:var(--text-tertiary);--color-text-tertiary_hover:var(--text-tertiary_hover);--color-text-quaternary:var(--text-quaternary);--color-text-white:var(--text-white);--color-text-disabled:var(--text-disabled);--color-text-placeholder:var(--text-placeholder);--color-text-placeholder_subtle:var(--text-placeholder_subtle);--color-text-disabled_subtle:var(--text-disabled_subtle);--color-text-error-primary:var(--text-error-primary);--color-text-warning-primary:var(--text-warning-primary);--color-text-success-primary:var(--text-success-primary);--color-text-error-pressed:var(--text-error-pressed);--color-fg-primary:var(--fg-primary);--color-fg-secondary:var(--fg-secondary);--color-fg-secondary_hover:var(--fg-secondary_hover);--color-fg-tertiary:var(--fg-tertiary);--color-fg-tertiary_hover:var(--fg-tertiary_hover);--color-fg-quaternary:var(--fg-quaternary);--color-fg-white:var(--fg-white);--color-fg-disabled:var(--fg-disabled);--color-fg-disabled_subtle:var(--fg-disabled_subtle);--color-fg-placeholder:var(--fg-placeholder);--color-fg-placeholder_subtle:var(--fg-placeholder_subtle);--color-fg-error-primary:var(--fg-error-primary);--color-fg-warning-primary:var(--fg-warning-primary);--color-fg-success-primary:var(--fg-success-primary);--color-fg-warning-secondary:var(--fg-warning-secondary);--color-fg-success-secondary:var(--fg-success-secondary);--color-fg-error-secondary:var(--fg-error-secondary);--color-fg-quaternary_hover:var(--fg-quaternary_hover);--color-bg-primary:var(--bg-primary);--color-bg-secondary:var(--bg-secondary);--color-bg-secondary_hover:var(--bg-secondary_hover);--color-bg-tertiary:var(--bg-tertiary);--color-bg-quaternary:var(--bg-quaternary);--color-bg-white:var(--bg-white);--color-bg-disabled:var(--bg-disabled);--color-bg-disabled_subtle:var(--bg-disabled_subtle);--color-bg-error-primary:var(--bg-error-primary);--color-bg-error-solid:var(--bg-error-solid);--color-bg-warning-primary:var(--bg-warning-primary);--color-bg-success-primary:var(--bg-success-primary);--color-bg-primary_alt:var(--bg-primary_alt);--color-bg-primary_hover:var(--bg-primary_hover);--color-bg-secondary_alt:var(--bg-secondary_alt);--color-bg-secondary_subtle:var(--bg-secondary_subtle);--color-bg-secondary-solid:var(--bg-secondary-solid);--color-bg-active:var(--bg-active);--color-bg-error-solid_hover:var(--bg-error-solid_hover);--color-bg-error-solid_pressed:var(--bg-error-solid_pressed);--color-bg-error-primary-pressed:var(--bg-error-primary-pressed);--color-bg-overlay:var(--bg-overlay);--color-border-primary:var(--border-primary);--color-border-secondary:var(--border-secondary);--color-border-secondary_alt:var(--border-secondary_alt);--color-border-tertiary:var(--border-tertiary);--color-border-disabled:var(--border-disabled);--color-border-disabled_subtle:var(--border-disabled_subtle);--color-border-error:var(--border-error);--color-border-error_subtle:var(--border-error_subtle);--color-border-error_pressed:var(--border-error_pressed);--color-border-solid:var(--border-solid);--color-checkbox-border_hover:var(--checkbox-border_hover);--color-checkbox-checkmark-fg:var(--checkbox-checkmark-fg);--color-toggle-active-bg:var(--toggle-active-bg);--color-toggle-button-fg:var(--toggle-button-fg);--color-toggle-button-active-fg:var(--toggle-button-active-fg);--color-toggle-active-bg_hover:var(--toggle-active-bg_hover);--color-toggle-button-active-fg_hover:var(--toggle-button-active-fg_hover);--color-toggle-active-bg-success:var(--toggle-active-bg-success);--color-toggle-active-bg-success_hover:var(--toggle-active-bg-success_hover);--color-toggle-button-active-fg-success:var(--toggle-button-active-fg-success);--color-toggle-button-active-fg-success_hover:var(--toggle-button-active-fg-success_hover);--color-button-fg:var(--button-fg);--color-button-text:var(--button-text);--color-button-bg:var(--button-bg);--color-button-bg-hover:var(--button-bg-hover);--color-button-bg-pressed:var(--button-bg-pressed);--color-button-bg-disabled:var(--button-bg-disabled);--color-button-error-text-hover:var(--button-error-text-hover);--color-button-error-text-pressed:var(--button-error-text-pressed);--color-tooltip-bg:var(--tooltip-bg);--color-tooltip-text:var(--tooltip-text);--color-tooltip-supporting-text:var(--tooltip-supporting-text);--color-tooltip-fg:var(--tooltip-fg);--color-social-icon_black-fg:var(--social-icon_black-fg);--color-social-icon_github-fg:var(--social-icon_github-fg);--color-social-icon_tumblr-fg:var(--social-icon_tumblr-fg)}

package/dist/styles/theme.css

@@ -0,0 +1 @@
+@import "./colors.css";@custom-variant dark (&:where(.dark, .dark *));@theme inline{--font-sans:var(--font-inter);--font-mono:var(--font-space-mono);--font-satoshi:var(--font-satoshi)}@theme{--text-2xs:0.625rem;--text-2xs--line-height:0.875rem;--text-xs:0.75rem;--text-xs--line-height:1.125rem;--text-sm:0.875rem;--text-sm--line-height:1.25rem;--text-sm--letter-spacing:-0.00622354em;--text-base:1rem;--text-base--line-height:1.5rem;--text-base--letter-spacing:-0.0109598em;--text-lg:1.125rem;--text-lg--line-height:1.75rem;--text-lg--letter-spacing:-0.015em;--text-xl:1.25rem;--text-xl--line-height:1.875rem;--text-xl--letter-spacing:-0.0166573em;--text-2xl:1.5rem;--text-2xl--line-height:2rem;--text-3xl:1.75rem;--text-3xl--line-height:2.25rem;--text-3\.5xl:2rem;--text-3\.5xl--line-height:2.5rem;--text-4xl:2.25rem;--text-4xl--line-height:2.75rem}@theme{--shadow-sidebar:0 8px 8px -4px rgba(23,25,33,.01),0 20px 24px -4px rgba(23,25,33,.02);--shadow-xs:0 1px 2px 0 rgba(13,14,18,.039);--shadow-xs-button:0 1px 2px 0 rgba(13,14,18,.039),inset 0 -2px 0 0 rgba(13,14,18,.078);--shadow-lg:0 12px 16px -4px rgba(13,14,18,.031),0 4px 6px -2px rgba(13,14,18,.078),0 2px 2px -1px rgba(13,14,18,.039)}@theme{--z-toast:1090;--z-tooltip:1080;--z-popover:1070;--z-modal:1055;--z-modalBackdrop:1050;--z-offcanvas:1045;--z-offcanvasBackdrop:1040;--z-fixed:1030;--z-sticky:1020;--z-dropdown:1000;--width-content-max:56.25rem;--height-card-header:4.875rem}@theme{--animate-fade-in:fade-in 0.15s ease-in-out;--animate-fade-out:fade-out 0.15s ease-in-out;@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}}@utility z-*{z-index:--value(--z-*)}@utility scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none}}@utility scrollbar-styled{scrollbar-color:#bababd transparent;scrollbar-width:thin;&::-webkit-scrollbar{background:transparent;width:4px}&::-webkit-scrollbar-thumb{background:#bababd;border-radius:100px;-webkit-border-radius:100px;visibility:hidden}&:hover::-webkit-scrollbar-thumb{visibility:visible}}@utility skeleton{@apply animate-pulse rounded bg-grey-200}@utility icon-*{font-size:calc(var(--spacing) * --value(number));font-size:--value([length])}body{background:var(--bg-primary);color:var(--text-primary)}

package/dist/types/{CertikThemeProvider.d.ts → ThemeProvider.d.ts}

@@ -5,4 +5,4 @@ export type ThemeProviderProps = {
     mode?: ThemeMode;
     children: React.ReactNode;
 } & ThemeConfig;
-export declare const CertikThemeProvider: React.FC<ThemeProviderProps>;
+export declare const ThemeProvider: React.FC<ThemeProviderProps>;

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
-export { CertikThemeProvider } from './CertikThemeProvider';
-export type { ThemeProviderProps } from './CertikThemeProvider';
+export { ThemeProvider } from './ThemeProvider';
+export type { ThemeProviderProps } from './ThemeProvider';
 export { KButton } from './components/certikd/KButton';
 export type { KButtonProps } from './components/certikd/KButton';

package/package.json

@@ -1,26 +1,21 @@
 {
-  "__GITHUB_PACKAGE__": {
-    "name": "@CertiKProject/skylens-frontend_ui",
-    "publishConfig": {
-      "registry": "https://npm.pkg.github.com/"
-    },
-    "repository": {
-      "type": "git",
-      "url": "git+https://github.com/CertiKProject/skylens-ui.git"
-    }
-  },
-  "__NPM_PACKAGE__": {
-    "name": "@quixotic/ui"
-  },
   "name": "@quixotic/ui",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "version": "0.0.5",
+  "version": "0.0.7",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.cjs.js"
+    },
+    "./styles/*": "./dist/styles/*"
+  },
   "files": [
     "dist"
   ],
@@ -50,12 +45,14 @@
     "@storybook/addon-docs": "^9.1.10",
     "@storybook/addon-onboarding": "^9.1.10",
     "@storybook/react-vite": "^9.1.10",
+    "@tailwindcss/postcss": "^4.1.18",
     "@types/react": "^19.2.2",
     "@types/react-dom": "^19.2.2",
     "antd": "^6.1.1",
     "autoprefixer": "^10.4.21",
     "baseline-browser-mapping": "^2.9.9",
     "clsx": "^2.1.1",
+    "cssnano": "^7.1.2",
     "postcss": "^8.5.6",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
@@ -67,7 +64,6 @@
     "tailwind-merge": "^3.3.1",
     "tailwindcss": "^4.1.18",
     "tslib": "^2.8.1",
-    "typescript": "^5.9.3",
-    "@tailwindcss/postcss": "^4.1.18"
+    "typescript": "^5.9.3"
   }
 }