advi-ui 0.6.0 → 0.8.0

package/dist/fonts.css

@@ -0,0 +1,157 @@
+/* raleway-cyrillic-ext-400-normal */
+@font-face {
+  font-family: 'Raleway';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(./files/raleway-cyrillic-ext-400-normal.woff2) format('woff2'), url(./files/raleway-cyrillic-ext-400-normal.woff) format('woff');
+  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
+}
+
+/* raleway-cyrillic-400-normal */
+@font-face {
+  font-family: 'Raleway';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(./files/raleway-cyrillic-400-normal.woff2) format('woff2'), url(./files/raleway-cyrillic-400-normal.woff) format('woff');
+  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
+}
+
+/* raleway-vietnamese-400-normal */
+@font-face {
+  font-family: 'Raleway';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(./files/raleway-vietnamese-400-normal.woff2) format('woff2'), url(./files/raleway-vietnamese-400-normal.woff) format('woff');
+  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
+}
+
+/* raleway-latin-ext-400-normal */
+@font-face {
+  font-family: 'Raleway';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(./files/raleway-latin-ext-400-normal.woff2) format('woff2'), url(./files/raleway-latin-ext-400-normal.woff) format('woff');
+  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
+}
+
+/* raleway-latin-400-normal */
+@font-face {
+  font-family: 'Raleway';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(./files/raleway-latin-400-normal.woff2) format('woff2'), url(./files/raleway-latin-400-normal.woff) format('woff');
+  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
+}
+/* rubik-arabic-400-normal */
+@font-face {
+  font-family: 'Rubik';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(./files/rubik-arabic-400-normal.woff2) format('woff2'), url(./files/rubik-arabic-400-normal.woff) format('woff');
+  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1;
+}
+
+/* rubik-cyrillic-ext-400-normal */
+@font-face {
+  font-family: 'Rubik';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(./files/rubik-cyrillic-ext-400-normal.woff2) format('woff2'), url(./files/rubik-cyrillic-ext-400-normal.woff) format('woff');
+  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
+}
+
+/* rubik-cyrillic-400-normal */
+@font-face {
+  font-family: 'Rubik';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(./files/rubik-cyrillic-400-normal.woff2) format('woff2'), url(./files/rubik-cyrillic-400-normal.woff) format('woff');
+  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
+}
+
+/* rubik-hebrew-400-normal */
+@font-face {
+  font-family: 'Rubik';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(./files/rubik-hebrew-400-normal.woff2) format('woff2'), url(./files/rubik-hebrew-400-normal.woff) format('woff');
+  unicode-range: U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;
+}
+
+/* rubik-latin-ext-400-normal */
+@font-face {
+  font-family: 'Rubik';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(./files/rubik-latin-ext-400-normal.woff2) format('woff2'), url(./files/rubik-latin-ext-400-normal.woff) format('woff');
+  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
+}
+
+/* rubik-latin-400-normal */
+@font-face {
+  font-family: 'Rubik';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(./files/rubik-latin-400-normal.woff2) format('woff2'), url(./files/rubik-latin-400-normal.woff) format('woff');
+  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
+}
+/* unbounded-cyrillic-ext-400-normal */
+@font-face {
+  font-family: 'Unbounded';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(./files/unbounded-cyrillic-ext-400-normal.woff2) format('woff2'), url(./files/unbounded-cyrillic-ext-400-normal.woff) format('woff');
+  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
+}
+
+/* unbounded-cyrillic-400-normal */
+@font-face {
+  font-family: 'Unbounded';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(./files/unbounded-cyrillic-400-normal.woff2) format('woff2'), url(./files/unbounded-cyrillic-400-normal.woff) format('woff');
+  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
+}
+
+/* unbounded-vietnamese-400-normal */
+@font-face {
+  font-family: 'Unbounded';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(./files/unbounded-vietnamese-400-normal.woff2) format('woff2'), url(./files/unbounded-vietnamese-400-normal.woff) format('woff');
+  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
+}
+
+/* unbounded-latin-ext-400-normal */
+@font-face {
+  font-family: 'Unbounded';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(./files/unbounded-latin-ext-400-normal.woff2) format('woff2'), url(./files/unbounded-latin-ext-400-normal.woff) format('woff');
+  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
+}
+
+/* unbounded-latin-400-normal */
+@font-face {
+  font-family: 'Unbounded';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(./files/unbounded-latin-400-normal.woff2) format('woff2'), url(./files/unbounded-latin-400-normal.woff) format('woff');
+  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
+}

package/dist/fonts.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/icons.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"/>

package/dist/src/components/PageAside.d.ts

@@ -45,4 +45,15 @@ declare const PageAside: {
     ({ items, open, onToggle, title, footer, openWidth, className, toggleIcon, }: PageAsideProps): React.JSX.Element;
     displayName: string;
 };
-export { PageAside, AsideBtn, AsideText };
+interface AsideDrawerProps extends Omit<PageAsideProps, 'open' | 'onToggle'> {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    trigger: React.ReactNode;
+    modalClassName?: string;
+    closeBreakpoint?: string;
+}
+declare const AsideDrawer: {
+    ({ open, onOpenChange, trigger, modalClassName, closeBreakpoint, ...pageAsideProps }: AsideDrawerProps): React.JSX.Element;
+    displayName: string;
+};
+export { PageAside, AsideDrawer, AsideBtn, AsideText };

package/dist/src/components/ui/button-variants.d.ts

@@ -1,4 +1,4 @@
 export declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
+    variant?: "secondary" | "destructive" | "default" | "link" | "outline" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/src/index.d.ts

@@ -1,3 +1,4 @@
+export * from './theme';
 export * from './lib/utils';
 export * from './components/ui/accordion';
 export * from './components/ui/badge';

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

@@ -0,0 +1,4 @@
+export { ThemeProvider, type ThemeProviderProps } from './theme-provider';
+export { type ThemeMode, type ThemeContextValue } from './theme-context';
+export { useTheme } from './use-theme';
+export { SEMANTIC_VARS, builtInThemes, lightMode, darkMode, midnightMode, type SemanticVar, type ThemeTokens, type ThemeDefinition, } from './tokens';

package/dist/src/theme/theme-context.d.ts

@@ -0,0 +1,10 @@
+import { ThemeDefinition } from './tokens';
+export type ThemeMode = "light" | "dark" | "system";
+export interface ThemeContextValue {
+    theme: string;
+    mode: ThemeMode;
+    themes: Record<string, ThemeDefinition>;
+    setTheme: (theme: string) => void;
+    setMode: (mode: ThemeMode) => void;
+}
+export declare const ThemeContext: import('react').Context<ThemeContextValue | null>;

package/dist/src/theme/theme-provider.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { ThemeDefinition } from './tokens';
+import { ThemeMode } from './theme-context';
+export interface ThemeProviderProps {
+    /** Key into the theme registry (built-ins + `themes`). Switchable at runtime via useTheme()'s setTheme. */
+    theme?: string;
+    /** Custom themes to register, merged with (and able to override) the built-ins. */
+    themes?: Record<string, ThemeDefinition>;
+    /** "system" follows and stays in sync with prefers-color-scheme. Switchable at runtime via useTheme()'s setMode. */
+    mode?: ThemeMode;
+    children?: ReactNode;
+}
+export declare function ThemeProvider({ theme: initialTheme, themes: customThemes, mode: initialMode, children, }: ThemeProviderProps): import("react").JSX.Element;

package/dist/src/theme/tokens.d.ts

@@ -0,0 +1,11 @@
+export declare const SEMANTIC_VARS: readonly ["background", "foreground", "card", "card-foreground", "popover", "popover-foreground", "primary", "primary-foreground", "secondary", "secondary-foreground", "muted", "muted-foreground", "accent", "accent-foreground", "destructive", "destructive-foreground", "border", "input", "ring", "radius"];
+export type SemanticVar = (typeof SEMANTIC_VARS)[number];
+export type ThemeTokens = Record<SemanticVar, string>;
+export interface ThemeDefinition {
+    light?: ThemeTokens;
+    dark?: ThemeTokens;
+}
+export declare const lightMode: ThemeTokens;
+export declare const darkMode: ThemeTokens;
+export declare const midnightMode: ThemeTokens;
+export declare const builtInThemes: Record<string, ThemeDefinition>;

package/dist/src/theme/tokens.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/theme/use-theme.d.ts

@@ -0,0 +1 @@
+export declare function useTheme(): import('./theme-context').ThemeContextValue;

package/dist/theme/default.css

@@ -0,0 +1 @@
+:root{--background:0 0% 100%;--foreground:224 71.4% 4.1%;--card:0 0% 100%;--card-foreground:224 71.4% 4.1%;--popover:0 0% 100%;--popover-foreground:224 71.4% 4.1%;--primary:220.9 39.3% 11%;--primary-foreground:210 20% 98%;--secondary:220 14.3% 95.9%;--secondary-foreground:220.9 39.3% 11%;--muted:220 14.3% 95.9%;--muted-foreground:220 8.9% 46.1%;--accent:220 14.3% 95.9%;--accent-foreground:220.9 39.3% 11%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 20% 98%;--border:220 13% 91%;--input:220 13% 91%;--ring:224 71.4% 4.1%;--radius:.5rem}.dark{--background:224 71.4% 4.1%;--foreground:210 20% 98%;--card:224 71.4% 4.1%;--card-foreground:210 20% 98%;--popover:224 71.4% 4.1%;--popover-foreground:210 20% 98%;--primary:210 20% 98%;--primary-foreground:220.9 39.3% 11%;--secondary:215 27.9% 16.9%;--secondary-foreground:210 20% 98%;--muted:215 27.9% 16.9%;--muted-foreground:217.9 10.6% 64.9%;--accent:215 27.9% 16.9%;--accent-foreground:210 20% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 20% 98%;--border:215 27.9% 16.9%;--input:215 27.9% 16.9%;--ring:216 12.2% 83.9%}

package/dist/theme/midnight.css

@@ -0,0 +1 @@
+:root{--background:180 40.9% 8.6%;--foreground:172.5 21.1% 92.5%;--card:180 35.8% 10.4%;--card-foreground:172.5 21.1% 92.5%;--popover:180 35.8% 10.4%;--popover-foreground:172.5 21.1% 92.5%;--primary:23.7 72.9% 55.1%;--primary-foreground:180 40.9% 8.6%;--secondary:180 32.5% 15.1%;--secondary-foreground:172.5 21.1% 92.5%;--muted:180 32.5% 15.1%;--muted-foreground:173.8 21.1% 44.7%;--accent:175 32.9% 71.4%;--accent-foreground:180 40.9% 8.6%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 20% 98%;--border:180 35.5% 18.2%;--input:180 31.1% 23.9%;--ring:27.1 76.9% 61%;--radius:.5rem}

package/dist/theme-default.css.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/theme-midnight.css.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "advi-ui",
-  "version": "0.6.0",
+  "version": "0.8.0",
   "description": "Personal React component library built on shadcn/ui + Tailwind CSS",
   "repository": {
     "type": "git",
@@ -106,12 +106,12 @@
     "@changesets/cli": "^2.31.0",
     "@eslint/js": "^9.39.4",
     "@size-limit/file": "^12.1.0",
-    "@storybook/addon-a11y": "^10.3.5",
+    "@storybook/addon-a11y": "10.3.5",
     "@storybook/addon-designs": "^11.1.3",
-    "@storybook/addon-docs": "^10.3.5",
-    "@storybook/addon-themes": "^10.3.5",
-    "@storybook/addon-vitest": "^10.3.5",
-    "@storybook/react-vite": "^10.3.5",
+    "@storybook/addon-docs": "10.3.5",
+    "@storybook/addon-themes": "10.3.5",
+    "@storybook/addon-vitest": "10.3.5",
+    "@storybook/react-vite": "10.3.5",
     "@types/node": "^24.12.2",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
@@ -122,7 +122,7 @@
     "eslint": "^9.39.4",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.5.2",
-    "eslint-plugin-storybook": "^10.3.5",
+    "eslint-plugin-storybook": "10.3.5",
     "globals": "^17.4.0",
     "gsap": "^3.15.0",
     "lucide-react": "^1.8.0",
@@ -132,7 +132,7 @@
     "react-dom": "^19.2.4",
     "sass": "^1.99.0",
     "size-limit": "^12.1.0",
-    "storybook": "^10.3.5",
+    "storybook": "10.3.5",
     "tailwindcss": "^3.4.19",
     "tailwindcss-animate": "^1.0.7",
     "typescript": "~6.0.2",