@vaneui/ui 0.9.0-alpha.20260108132757.32cb331 → 0.9.0-alpha.20260109124513.4547e77

package/README.md

@@ -151,19 +151,22 @@ return (
 );
 ```
 
-You can change default CSS classes of all components by providing `themeOverride` in ThemeProvider:
+You can modify component themes programmatically by providing `themeOverride` in ThemeProvider:
 
 ```tsx
 const overrideFunc = (theme: ThemeProps) => {
-  theme.button.themes.appearance.text.outline.default.base = 'text-blue-200';
-  theme.button.themes.appearance.text.outline.default.hover = 'hover:text-blue-700';
-  theme.button.themes.appearance.text.outline.default.active = 'active:text-blue-900';
+  // Add classes to button's base (always applied)
+  theme.button.base += ' uppercase tracking-wide';
+
+  // Change default props for a component
+  theme.button.defaults = { ...theme.button.defaults, semibold: true };
+
   return theme;
 };
 
 return (
   <ThemeProvider themeOverride={overrideFunc}>
-    <Button>This button has blue colors</Button>
+    <Button>This button is uppercase with tracking</Button>
   </ThemeProvider>
 );
 ```
@@ -207,7 +210,7 @@ export function App() {
 
 Each component exposes optional boolean props generated from category keys. Common examples:
 - Size: `xs`, `sm`, `md`, `lg`, `xl`
-- Appearance: `default`, `primary`, `secondary`, `tertiary`, `accent`, `success`, `danger`, `warning`, `info`, `transparent`
+- Appearance: `primary`, `brand`, `accent`, `secondary`, `tertiary`, `success`, `danger`, `warning`, `info`, `link`
 - Variant: `filled`, `outline`
 - Shape: `pill`, `rounded`, `sharp`
 - Typography: `sans`, `serif`, `mono`, `thin`…`black`, `italic`/`notItalic`, `underline`/`lineThrough`/`overline`, `uppercase`/`lowercase`/`capitalize`
@@ -218,16 +221,16 @@ Only the categories relevant to a component are used. The theme maps these boole
 ## Available Components
 
 From the main entry import:
-- Interactive: Button, Badge, Chip, Code, Checkbox, Label
-- Layout: Section, Container, Row, Col, Stack, Grid3, Grid4, Card, Divider
+- Interactive: Button, Badge, Chip, Code, Input, Checkbox, Label
+- Layout: Section, Container, Row, Col, Stack, Grid2, Grid3, Grid4, Grid5, Grid6, Card, Divider
 - Typography: Text, Title, Link, List, ListItem, SectionTitle, PageTitle
 - Media: Img
 
 ```ts
 import {
   Button, Badge, Chip, Code,
-  Checkbox, Label, Img,
-  Section, Container, Row, Col, Stack, Grid3, Grid4, Card, Divider,
+  Input, Checkbox, Label, Img,
+  Section, Container, Row, Col, Stack, Grid2, Grid3, Grid4, Grid5, Grid6, Card, Divider,
   Text, Title, Link, List, ListItem, SectionTitle, PageTitle,
 } from '@vaneui/ui';
 ```

package/dist/components/ui/props/propDescriptions.d.ts

@@ -2,7 +2,7 @@
  * Auto-generated prop descriptions from JSDoc comments.
  * DO NOT EDIT MANUALLY - Run 'npm run props:generate' to regenerate.
  *
- * Generated on: 2026-01-08T13:27:58.939Z
+ * Generated on: 2026-01-09T12:45:14.752Z
  */
 export interface PropDescription {
     description: string;

package/dist/components/ui/theme/checkboxTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkboxTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/checkboxTheme.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,cAAc,EAEd,mBAAmB,EACpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAG/D,MAAM,WAAW,aAAc,SAAQ,kBAAkB;IACvD,IAAI,EAAE;QACJ,IAAI,EAAE,SAAS,CAAC;QAChB,IAAI,EAAE,aAAa,CAAC;KACrB,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,YAAY,EAAE,iBAAiB,CAAC;QAChC,MAAM,EAAE,WAAW,CAAC;KACrB,CAAC;IACF,UAAU,EAAE;QACV,MAAM,EAAE,mBAAmB,CAAC;QAC5B,UAAU,EAAE,mBAAmB,CAAC;QAChC,MAAM,EAAE,mBAAmB,CAAC;QAC5B,IAAI,EAAE,mBAAmB,CAAC;QAC1B,YAAY,EAAE,mBAAmB,CAAC;QAClC,KAAK,EAAE,mBAAmB,CAAC;QAC3B,MAAM,EAAE,qBAAqB,CAAC;KAC/B,CAAC;CACH;AAED,eAAO,MAAM,oBAAoB,8CA6BhC,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD,YAAY,EAAE,MAAM,YAAY,CAAC;IACjC,UAAU,EAAE;QACV,KAAK,EAAE,mBAAmB,CAAC;QAC3B,YAAY,EAAE,mBAAmB,CAAC;KACnC,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,YAAY,EAAE,iBAAiB,CAAC;KACjC,CAAC;CACH;AAED,eAAO,MAAM,iBAAiB,2CA0B7B,CAAC;AAEF,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB;IAC9D,IAAI,EAAE;QACJ,MAAM,EAAE,SAAS,CAAC;KACnB,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,YAAY,EAAE,iBAAiB,CAAC;KACjC,CAAC;IACF,UAAU,EAAE;QACV,OAAO,EAAE,mBAAmB,CAAC;QAC7B,YAAY,EAAE,mBAAmB,CAAC;KACnC,CAAC;CACH;AAED,eAAO,MAAM,2BAA2B,qDAwBvC,CAAC"}
+{"version":3,"file":"checkboxTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/checkboxTheme.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,cAAc,EAEd,mBAAmB,EACpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAG/D,MAAM,WAAW,aAAc,SAAQ,kBAAkB;IACvD,IAAI,EAAE;QACJ,IAAI,EAAE,SAAS,CAAC;QAChB,IAAI,EAAE,aAAa,CAAC;KACrB,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,YAAY,EAAE,iBAAiB,CAAC;QAChC,MAAM,EAAE,WAAW,CAAC;KACrB,CAAC;IACF,UAAU,EAAE;QACV,MAAM,EAAE,mBAAmB,CAAC;QAC5B,UAAU,EAAE,mBAAmB,CAAC;QAChC,MAAM,EAAE,mBAAmB,CAAC;QAC5B,IAAI,EAAE,mBAAmB,CAAC;QAC1B,YAAY,EAAE,mBAAmB,CAAC;QAClC,KAAK,EAAE,mBAAmB,CAAC;QAC3B,MAAM,EAAE,qBAAqB,CAAC;KAC/B,CAAC;CACH;AAED,eAAO,MAAM,oBAAoB,8CA6BhC,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD,YAAY,EAAE,MAAM,YAAY,CAAC;IACjC,UAAU,EAAE;QACV,KAAK,EAAE,mBAAmB,CAAC;QAC3B,YAAY,EAAE,mBAAmB,CAAC;KACnC,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,YAAY,EAAE,iBAAiB,CAAC;KACjC,CAAC;CACH;AAED,eAAO,MAAM,iBAAiB,2CA4B7B,CAAC;AAEF,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB;IAC9D,IAAI,EAAE;QACJ,MAAM,EAAE,SAAS,CAAC;KACnB,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,YAAY,EAAE,iBAAiB,CAAC;KACjC,CAAC;IACF,UAAU,EAAE;QACV,OAAO,EAAE,mBAAmB,CAAC;QAC7B,YAAY,EAAE,mBAAmB,CAAC;KACnC,CAAC;CACH;AAED,eAAO,MAAM,2BAA2B,qDA0BvC,CAAC"}

package/dist/components/ui/theme/gridTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"gridTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/gridTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAwB,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACxH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAKvE,MAAM,WAAW,SAAU,SAAQ,kBAAkB;IACnD,IAAI,EAAE;QACJ,GAAG,EAAE,QAAQ,CAAC;KACf,CAAC;IACF,UAAU,EAAE;QACV,UAAU,EAAE,mBAAmB,CAAC;QAChC,IAAI,EAAE,mBAAmB,CAAC;QAC1B,MAAM,EAAE,mBAAmB,CAAC;KAC7B,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,IAAI,EAAE,SAAS,CAAC;QAChB,aAAa,EAAE,cAAc,CAAC;QAC9B,MAAM,EAAE,WAAW,CAAC;QACpB,MAAM,EAAE,WAAW,CAAC;KACrB,CAAC;CACH;AAoBD,eAAO,MAAM,iBAAiB,sCAQ7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,sCAM7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,sCAM7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,sCAM7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,sCAM7B,CAAC"}
+{"version":3,"file":"gridTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/gridTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAwB,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACxH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAKvE,MAAM,WAAW,SAAU,SAAQ,kBAAkB;IACnD,IAAI,EAAE;QACJ,GAAG,EAAE,QAAQ,CAAC;KACf,CAAC;IACF,UAAU,EAAE;QACV,UAAU,EAAE,mBAAmB,CAAC;QAChC,IAAI,EAAE,mBAAmB,CAAC;QAC1B,MAAM,EAAE,mBAAmB,CAAC;KAC7B,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,IAAI,EAAE,SAAS,CAAC;QAChB,aAAa,EAAE,cAAc,CAAC;QAC9B,MAAM,EAAE,WAAW,CAAC;QACpB,MAAM,EAAE,WAAW,CAAC;KACrB,CAAC;CACH;AAoBD,eAAO,MAAM,iBAAiB,sCAQ7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,sCAQ7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,sCAQ7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,sCAQ7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,sCAQ7B,CAAC"}

package/dist/components/ui/theme/typographyTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typographyTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/typographyTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,4BAA4B,EAC5B,cAAc,EACd,mBAAmB,EAEpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEjE,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,qBAAqB,EAAmB,MAAM,UAAU,CAAC;AAGlE,MAAM,WAAW,eAAgB,SAAQ,4BAA4B;IACnE,IAAI,EAAE;QACJ,IAAI,EAAE,aAAa,CAAC;QACpB,UAAU,EAAE,eAAe,CAAC;KAC7B,CAAC;IACF,UAAU,EAAE;QACV,IAAI,EAAE,mBAAmB,CAAC;KAC3B,CAAC;IACF,MAAM,EAAE,mBAAmB,CAAC;CAC7B;AAED,MAAM,WAAW,SAAU,SAAQ,4BAA4B;IAC7D,IAAI,EAAE;QACJ,IAAI,EAAE,aAAa,CAAC;QACpB,UAAU,EAAE,eAAe,CAAC;KAC7B,CAAC;IACF,UAAU,EAAE;QACV,IAAI,EAAE,gBAAgB,CAAC;KACxB,CAAC;IACF,MAAM,EAAE,mBAAmB,CAAC;CAC7B;AAED,eAAO,MAAM,8BAA8B,GACzC,KAAK,KAAK,CAAC,WAAW,EACtB,OAAM,MAAuB,EAC7B,gBAAe,aAAmC,EAClD,WAAU,OAAO,CAAC,eAAe,CAAM,EACvC,kBAAiB,eAAuC,EACxD,aAAY,OAAO,qBAA6C,KAC/D,cAAc,CAAC,eAAe,EAAE,eAAe,CAqBjD,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,eAAe,EAAE,eAAe,CAO3E,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,cAAc,CAAC,eAAe,EAAE,eAAe,CAO9E,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,cAAc,CAAC,eAAe,EAAE,eAAe,CAOvE,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,cAAc,CAAC,eAAe,EAAE,eAAe,CAKtE,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,cAAc,CAAC,eAAe,EAAE,SAAS,CAgBhE,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,cAAc,CAAC,eAAe,EAAE,eAAe,CAgB1E,CAAC;AAEF,MAAM,WAAW,SAAU,SAAQ,4BAA4B;IAC7D,IAAI,EAAE;QACJ,IAAI,EAAE,aAAa,CAAC;QACpB,UAAU,EAAE,eAAe,CAAC;QAC5B,WAAW,EAAE,OAAO,CAAC;KACtB,CAAA;IACD,UAAU,EAAE;QACV,IAAI,EAAE,mBAAmB,CAAC;KAC3B,CAAC;IACF,MAAM,EAAE,mBAAmB,CAAC;IAC5B,SAAS,EAAE,cAAc,CAAC;CAC3B;AAGD,eAAO,MAAM,SAAS,EAAE,cAAc,CAAC,SAAS,EAAE,SAAS,CA2B1D,CAAC"}
+{"version":3,"file":"typographyTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/typographyTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,4BAA4B,EAC5B,cAAc,EACd,mBAAmB,EAEpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEjE,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,qBAAqB,EAAmB,MAAM,UAAU,CAAC;AAGlE,MAAM,WAAW,eAAgB,SAAQ,4BAA4B;IACnE,IAAI,EAAE;QACJ,IAAI,EAAE,aAAa,CAAC;QACpB,UAAU,EAAE,eAAe,CAAC;KAC7B,CAAC;IACF,UAAU,EAAE;QACV,IAAI,EAAE,mBAAmB,CAAC;KAC3B,CAAC;IACF,MAAM,EAAE,mBAAmB,CAAC;CAC7B;AAED,MAAM,WAAW,SAAU,SAAQ,4BAA4B;IAC7D,IAAI,EAAE;QACJ,IAAI,EAAE,aAAa,CAAC;QACpB,UAAU,EAAE,eAAe,CAAC;KAC7B,CAAC;IACF,UAAU,EAAE;QACV,IAAI,EAAE,gBAAgB,CAAC;KACxB,CAAC;IACF,MAAM,EAAE,mBAAmB,CAAC;CAC7B;AAED,eAAO,MAAM,8BAA8B,GACzC,KAAK,KAAK,CAAC,WAAW,EACtB,OAAM,MAAuB,EAC7B,gBAAe,aAAmC,EAClD,WAAU,OAAO,CAAC,eAAe,CAAM,EACvC,kBAAiB,eAAuC,EACxD,aAAY,OAAO,qBAA6C,KAC/D,cAAc,CAAC,eAAe,EAAE,eAAe,CAuBjD,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,eAAe,EAAE,eAAe,CAO3E,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,cAAc,CAAC,eAAe,EAAE,eAAe,CAO9E,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,cAAc,CAAC,eAAe,EAAE,eAAe,CAOvE,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,cAAc,CAAC,eAAe,EAAE,eAAe,CAKtE,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,cAAc,CAAC,eAAe,EAAE,SAAS,CAkBhE,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,cAAc,CAAC,eAAe,EAAE,eAAe,CAkB1E,CAAC;AAEF,MAAM,WAAW,SAAU,SAAQ,4BAA4B;IAC7D,IAAI,EAAE;QACJ,IAAI,EAAE,aAAa,CAAC;QACpB,UAAU,EAAE,eAAe,CAAC;QAC5B,WAAW,EAAE,OAAO,CAAC;KACtB,CAAA;IACD,UAAU,EAAE;QACV,IAAI,EAAE,mBAAmB,CAAC;KAC3B,CAAC;IACF,MAAM,EAAE,mBAAmB,CAAC;IAC5B,SAAS,EAAE,cAAc,CAAC;CAC3B;AAGD,eAAO,MAAM,SAAS,EAAE,cAAc,CAAC,SAAS,EAAE,SAAS,CA4B1D,CAAC"}

package/dist/index.esm.js

@@ -237,7 +237,7 @@ const ComponentCategories = {
  * Auto-generated prop descriptions from JSDoc comments.
  * DO NOT EDIT MANUALLY - Run 'npm run props:generate' to regenerate.
  *
- * Generated on: 2026-01-08T13:27:58.939Z
+ * Generated on: 2026-01-09T12:45:14.752Z
  */
 const PropDescriptions = {
     "appearance": {
@@ -4879,7 +4879,7 @@ const createTypographyComponentTheme = (tag, base = "text-balance", fontSizeThem
     }, defaults, categories, (props) => {
         // Determine tag based on href prop
         return props.href ? "a" : tag;
-    });
+    }, 'ui');
 };
 // Page title specific theme - uses responsive font size
 const pageTitleTheme = createTypographyComponentTheme("h1", "vane-page-title text-balance tracking-tight w-fit", new FontSizeTheme(), mergeDefaults(themeDefaults.pageTitle, { semibold: true }), new LineHeightTheme(), TYPOGRAPHY_CATEGORIES);
@@ -4900,7 +4900,7 @@ const linkTheme = new ComponentTheme("a", "vane-link hover:underline w-fit curso
     },
     typography: defaultTypographyThemes,
     layout: defaultLayoutsThemes,
-}, themeDefaults.link, TYPOGRAPHY_CATEGORIES);
+}, themeDefaults.link, TYPOGRAPHY_CATEGORIES, undefined, 'ui');
 // ListItem specific theme
 const listItemTheme = new ComponentTheme("li", "vane-list-item", {
     size: {
@@ -4912,7 +4912,7 @@ const listItemTheme = new ComponentTheme("li", "vane-list-item", {
     },
     typography: defaultTypographyThemes,
     layout: defaultLayoutsThemes,
-}, themeDefaults.listItem, TYPOGRAPHY_CATEGORIES);
+}, themeDefaults.listItem, TYPOGRAPHY_CATEGORIES, undefined, 'ui');
 // List specific theme
 const listTheme = new ComponentTheme("ul", "vane-list list-inside", {
     size: {
@@ -4932,7 +4932,7 @@ const listTheme = new ComponentTheme("ul", "vane-list list-inside", {
     // Check if decimal is set in props
     const hasDecimal = componentProps === null || componentProps === void 0 ? void 0 : componentProps.decimal;
     return hasDecimal ? "ol" : "ul";
-});
+}, 'ui');
 
 class BreakpointTheme extends BaseTheme {
     constructor() {
@@ -5156,10 +5156,10 @@ const gridSubThemes = {
     },
 };
 const defaultGrid2Theme = new ComponentTheme("div", "vane-grid vane-grid-2 grid-cols-1 md:grid-cols-2", gridSubThemes, themeDefaults.grid2, GRID_CATEGORIES, undefined, 'layout');
-const defaultGrid3Theme = new ComponentTheme("div", "vane-grid vane-grid-3 grid-cols-1 md:grid-cols-3", gridSubThemes, themeDefaults.grid3, GRID_CATEGORIES);
-const defaultGrid4Theme = new ComponentTheme("div", "vane-grid vane-grid-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-4", gridSubThemes, themeDefaults.grid4, GRID_CATEGORIES);
-const defaultGrid5Theme = new ComponentTheme("div", "vane-grid vane-grid-5 grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5", gridSubThemes, themeDefaults.grid5, GRID_CATEGORIES);
-const defaultGrid6Theme = new ComponentTheme("div", "vane-grid vane-grid-6 grid-cols-1 sm:grid-cols-2 md:grid-cols-4 lg:grid-cols-6", gridSubThemes, themeDefaults.grid6, GRID_CATEGORIES);
+const defaultGrid3Theme = new ComponentTheme("div", "vane-grid vane-grid-3 grid-cols-1 md:grid-cols-3", gridSubThemes, themeDefaults.grid3, GRID_CATEGORIES, undefined, 'layout');
+const defaultGrid4Theme = new ComponentTheme("div", "vane-grid vane-grid-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-4", gridSubThemes, themeDefaults.grid4, GRID_CATEGORIES, undefined, 'layout');
+const defaultGrid5Theme = new ComponentTheme("div", "vane-grid vane-grid-5 grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5", gridSubThemes, themeDefaults.grid5, GRID_CATEGORIES, undefined, 'layout');
+const defaultGrid6Theme = new ComponentTheme("div", "vane-grid vane-grid-6 grid-cols-1 sm:grid-cols-2 md:grid-cols-4 lg:grid-cols-6", gridSubThemes, themeDefaults.grid6, GRID_CATEGORIES, undefined, 'layout');
 
 var _a, _b, _c;
 const defaultCheckboxTheme = new ComponentTheme("input", "vane-checkbox peer col-start-1 row-start-1 cursor-pointer appearance-none ring-transparent size-(--size)", {
@@ -5194,7 +5194,7 @@ const defaultCheckTheme = new ComponentTheme("span", "invisible col-start-1 row-
         ...defaultLayoutsThemes,
         focusVisible: new FocusVisibleTheme()
     },
-}, ((_b = themeDefaults.checkbox) === null || _b === void 0 ? void 0 : _b.check) || {}, CHECKBOX_CATEGORIES);
+}, ((_b = themeDefaults.checkbox) === null || _b === void 0 ? void 0 : _b.check) || {}, CHECKBOX_CATEGORIES, undefined, 'ui');
 const defaultCheckboxWrapperTheme = new ComponentTheme("span", "", {
     size: {
         height: new SizeTheme({
@@ -5213,7 +5213,7 @@ const defaultCheckboxWrapperTheme = new ComponentTheme("span", "", {
         variant: new SimpleConsumerTheme({ base: '' }, 'bg'),
         focusVisible: new SimpleConsumerTheme({ base: focusVisibleConsumerClass }, 'focusVisible')
     }
-}, ((_c = themeDefaults.checkbox) === null || _c === void 0 ? void 0 : _c.wrapper) || {}, CHECKBOX_CATEGORIES);
+}, ((_c = themeDefaults.checkbox) === null || _c === void 0 ? void 0 : _c.wrapper) || {}, CHECKBOX_CATEGORIES, undefined, 'ui');
 
 const defaultLabelTheme = new ComponentTheme("label", "vane-label has-[input]:cursor-pointer cursor-default", {
     size: {

package/dist/index.js

@@ -239,7 +239,7 @@ const ComponentCategories = {
  * Auto-generated prop descriptions from JSDoc comments.
  * DO NOT EDIT MANUALLY - Run 'npm run props:generate' to regenerate.
  *
- * Generated on: 2026-01-08T13:27:58.939Z
+ * Generated on: 2026-01-09T12:45:14.752Z
  */
 const PropDescriptions = {
     "appearance": {
@@ -4881,7 +4881,7 @@ const createTypographyComponentTheme = (tag, base = "text-balance", fontSizeThem
     }, defaults, categories, (props) => {
         // Determine tag based on href prop
         return props.href ? "a" : tag;
-    });
+    }, 'ui');
 };
 // Page title specific theme - uses responsive font size
 const pageTitleTheme = createTypographyComponentTheme("h1", "vane-page-title text-balance tracking-tight w-fit", new FontSizeTheme(), mergeDefaults(themeDefaults.pageTitle, { semibold: true }), new LineHeightTheme(), TYPOGRAPHY_CATEGORIES);
@@ -4902,7 +4902,7 @@ const linkTheme = new ComponentTheme("a", "vane-link hover:underline w-fit curso
     },
     typography: defaultTypographyThemes,
     layout: defaultLayoutsThemes,
-}, themeDefaults.link, TYPOGRAPHY_CATEGORIES);
+}, themeDefaults.link, TYPOGRAPHY_CATEGORIES, undefined, 'ui');
 // ListItem specific theme
 const listItemTheme = new ComponentTheme("li", "vane-list-item", {
     size: {
@@ -4914,7 +4914,7 @@ const listItemTheme = new ComponentTheme("li", "vane-list-item", {
     },
     typography: defaultTypographyThemes,
     layout: defaultLayoutsThemes,
-}, themeDefaults.listItem, TYPOGRAPHY_CATEGORIES);
+}, themeDefaults.listItem, TYPOGRAPHY_CATEGORIES, undefined, 'ui');
 // List specific theme
 const listTheme = new ComponentTheme("ul", "vane-list list-inside", {
     size: {
@@ -4934,7 +4934,7 @@ const listTheme = new ComponentTheme("ul", "vane-list list-inside", {
     // Check if decimal is set in props
     const hasDecimal = componentProps === null || componentProps === void 0 ? void 0 : componentProps.decimal;
     return hasDecimal ? "ol" : "ul";
-});
+}, 'ui');
 
 class BreakpointTheme extends BaseTheme {
     constructor() {
@@ -5158,10 +5158,10 @@ const gridSubThemes = {
     },
 };
 const defaultGrid2Theme = new ComponentTheme("div", "vane-grid vane-grid-2 grid-cols-1 md:grid-cols-2", gridSubThemes, themeDefaults.grid2, GRID_CATEGORIES, undefined, 'layout');
-const defaultGrid3Theme = new ComponentTheme("div", "vane-grid vane-grid-3 grid-cols-1 md:grid-cols-3", gridSubThemes, themeDefaults.grid3, GRID_CATEGORIES);
-const defaultGrid4Theme = new ComponentTheme("div", "vane-grid vane-grid-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-4", gridSubThemes, themeDefaults.grid4, GRID_CATEGORIES);
-const defaultGrid5Theme = new ComponentTheme("div", "vane-grid vane-grid-5 grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5", gridSubThemes, themeDefaults.grid5, GRID_CATEGORIES);
-const defaultGrid6Theme = new ComponentTheme("div", "vane-grid vane-grid-6 grid-cols-1 sm:grid-cols-2 md:grid-cols-4 lg:grid-cols-6", gridSubThemes, themeDefaults.grid6, GRID_CATEGORIES);
+const defaultGrid3Theme = new ComponentTheme("div", "vane-grid vane-grid-3 grid-cols-1 md:grid-cols-3", gridSubThemes, themeDefaults.grid3, GRID_CATEGORIES, undefined, 'layout');
+const defaultGrid4Theme = new ComponentTheme("div", "vane-grid vane-grid-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-4", gridSubThemes, themeDefaults.grid4, GRID_CATEGORIES, undefined, 'layout');
+const defaultGrid5Theme = new ComponentTheme("div", "vane-grid vane-grid-5 grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5", gridSubThemes, themeDefaults.grid5, GRID_CATEGORIES, undefined, 'layout');
+const defaultGrid6Theme = new ComponentTheme("div", "vane-grid vane-grid-6 grid-cols-1 sm:grid-cols-2 md:grid-cols-4 lg:grid-cols-6", gridSubThemes, themeDefaults.grid6, GRID_CATEGORIES, undefined, 'layout');
 
 var _a, _b, _c;
 const defaultCheckboxTheme = new ComponentTheme("input", "vane-checkbox peer col-start-1 row-start-1 cursor-pointer appearance-none ring-transparent size-(--size)", {
@@ -5196,7 +5196,7 @@ const defaultCheckTheme = new ComponentTheme("span", "invisible col-start-1 row-
         ...defaultLayoutsThemes,
         focusVisible: new FocusVisibleTheme()
     },
-}, ((_b = themeDefaults.checkbox) === null || _b === void 0 ? void 0 : _b.check) || {}, CHECKBOX_CATEGORIES);
+}, ((_b = themeDefaults.checkbox) === null || _b === void 0 ? void 0 : _b.check) || {}, CHECKBOX_CATEGORIES, undefined, 'ui');
 const defaultCheckboxWrapperTheme = new ComponentTheme("span", "", {
     size: {
         height: new SizeTheme({
@@ -5215,7 +5215,7 @@ const defaultCheckboxWrapperTheme = new ComponentTheme("span", "", {
         variant: new SimpleConsumerTheme({ base: '' }, 'bg'),
         focusVisible: new SimpleConsumerTheme({ base: focusVisibleConsumerClass }, 'focusVisible')
     }
-}, ((_c = themeDefaults.checkbox) === null || _c === void 0 ? void 0 : _c.wrapper) || {}, CHECKBOX_CATEGORIES);
+}, ((_c = themeDefaults.checkbox) === null || _c === void 0 ? void 0 : _c.wrapper) || {}, CHECKBOX_CATEGORIES, undefined, 'ui');
 
 const defaultLabelTheme = new ComponentTheme("label", "vane-label has-[input]:cursor-pointer cursor-default", {
     size: {

package/dist/ui.css

@@ -1152,9 +1152,6 @@
   .text-amber-600 {
     color: var(--color-amber-600);
   }
-  .text-blue-200 {
-    color: var(--color-blue-200);
-  }
   .text-blue-500 {
     color: var(--color-blue-500);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaneui/ui",
-  "version": "0.9.0-alpha.20260108132757.32cb331",
+  "version": "0.9.0-alpha.20260109124513.4547e77",
   "description": "A simple and lightweight UI component library for React, built with Tailwind CSS.",
   "author": "",
   "license": "ISC",