@techsio/ui-kit 0.54.0 → 0.54.2

package/dist/src/templates/search-suggestions.d.ts

@@ -19,5 +19,5 @@ export type SearchSuggestionsProps<T = unknown> = Omit<ComboboxProps<T>, "items"
     resultSlot?: ComboboxProps<T>["renderItem"];
     allResultsLink?: ReactNode;
 };
-export declare function SearchSuggestions<T = unknown>({ resultSlot, allResultsLink, filterBehavior, inputBehavior, portalled, ...props }: SearchSuggestionsProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function SearchSuggestions<T = unknown>({ resultSlot, allResultsLink, filterBehavior, inputBehavior, portalled, ...props }: SearchSuggestionsProps<T>): import("react").JSX.Element;
 //# sourceMappingURL=search-suggestions.d.ts.map

package/dist/src/templates/search-suggestions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search-suggestions.d.ts","sourceRoot":"","sources":["../../../src/templates/search-suggestions.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACtB,KAAK,aAAa,EACnB,MAAM,uBAAuB,CAAA;AAE9B,MAAM,MAAM,oBAAoB,CAAC,CAAC,GAAG,OAAO,IAAI,YAAY,CAAC,CAAC,CAAC,GAAG;IAChE,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,qBAAqB,CAAC,CAAC,GAAG,OAAO,IAAI,IAAI,CACnD,iBAAiB,CAAC,CAAC,CAAC,EACpB,OAAO,CACR,GAAG;IACF,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAA;CACjC,CAAA;AAED,MAAM,MAAM,sBAAsB,CAAC,CAAC,GAAG,OAAO,IAAI,IAAI,CACpD,aAAa,CAAC,CAAC,CAAC,EACd,OAAO,GACP,QAAQ,GACR,YAAY,GACZ,QAAQ,GACR,MAAM,GACN,UAAU,GACV,OAAO,GACP,cAAc,GACd,UAAU,GACV,MAAM,GACN,mBAAmB,GACnB,kBAAkB,CACrB,GAAG;IACF,MAAM,EAAE,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAA;IAClC,UAAU,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAA;IAC3C,cAAc,CAAC,EAAE,SAAS,CAAA;CAC3B,CAAA;AAED,wBAAgB,iBAAiB,CAAC,CAAC,GAAG,OAAO,EAAE,EAC7C,UAAU,EACV,cAAc,EACd,cAA2B,EAC3B,aAAsB,EACtB,SAAiB,EACjB,GAAG,KAAK,EACT,EAAE,sBAAsB,CAAC,CAAC,CAAC,2CAY3B"}
+{"version":3,"file":"search-suggestions.d.ts","sourceRoot":"","sources":["../../../src/templates/search-suggestions.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACtB,KAAK,aAAa,EACnB,MAAM,uBAAuB,CAAA;AAE9B,MAAM,MAAM,oBAAoB,CAAC,CAAC,GAAG,OAAO,IAAI,YAAY,CAAC,CAAC,CAAC,GAAG;IAChE,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,qBAAqB,CAAC,CAAC,GAAG,OAAO,IAAI,IAAI,CACnD,iBAAiB,CAAC,CAAC,CAAC,EACpB,OAAO,CACR,GAAG;IACF,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAA;CACjC,CAAA;AAED,MAAM,MAAM,sBAAsB,CAAC,CAAC,GAAG,OAAO,IAAI,IAAI,CACpD,aAAa,CAAC,CAAC,CAAC,EACd,OAAO,GACP,QAAQ,GACR,YAAY,GACZ,QAAQ,GACR,MAAM,GACN,UAAU,GACV,OAAO,GACP,cAAc,GACd,UAAU,GACV,MAAM,GACN,mBAAmB,GACnB,kBAAkB,CACrB,GAAG;IACF,MAAM,EAAE,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAA;IAClC,UAAU,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAA;IAC3C,cAAc,CAAC,EAAE,SAAS,CAAA;CAC3B,CAAA;AAED,wBAAgB,iBAAiB,CAAC,CAAC,GAAG,OAAO,EAAE,EAC7C,UAAU,EACV,cAAc,EACd,cAA2B,EAC3B,aAAsB,EACtB,SAAiB,EACjB,GAAG,KAAK,EACT,EAAE,sBAAsB,CAAC,CAAC,CAAC,+BAY3B"}

package/dist/src/templates/select.d.ts

@@ -2,7 +2,7 @@
  * Select — @techsio/ui-kit template.
  *
  * @component Select
- * @componentVersion v1.1.0
+ * @componentVersion v1.1.2
  * @skill select-usage
  * @changelog libs/ui/stories/changelog/changelog.stories.tsx
  *
@@ -28,6 +28,6 @@ export type SelectTemplateProps = Omit<SelectProps, "children"> & {
     renderItem?: (item: SelectItem) => ReactNode;
     ref?: Ref<HTMLDivElement>;
 };
-export declare function SelectTemplate({ items, label, labelProps, placeholder, valueText, valueTextProps, showIndicator, renderItem, ref, ...selectProps }: SelectTemplateProps): import("react/jsx-runtime").JSX.Element;
+export declare function SelectTemplate({ items, label, labelProps, placeholder, valueText, valueTextProps, showIndicator, renderItem, ref, ...selectProps }: SelectTemplateProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=select.d.ts.map

package/dist/src/templates/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/templates/select.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AACrE,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,UAAU,EAChB,MAAM,qBAAqB,CAAA;AAE5B,KAAK,wBAAwB,GAAG,IAAI,CAClC,wBAAwB,CAAC,OAAO,CAAC,EACjC,UAAU,CACX,GAAG;IACF,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAC5B,CAAA;AAED,KAAK,4BAA4B,GAAG,IAAI,CACtC,wBAAwB,CAAC,MAAM,CAAC,EAChC,UAAU,CACX,GAAG;IACF,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAA;CAC3B,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG;IAChE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,UAAU,CAAC,EAAE,wBAAwB,CAAA;IACrC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,SAAS,CAAC,CAAA;IAC5D,cAAc,CAAC,EAAE,4BAA4B,CAAA;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,SAAS,CAAA;IAC5C,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B,CAAA;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,UAAU,EACV,WAAW,EACX,SAAS,EACT,cAAc,EACd,aAAoB,EACpB,UAAU,EACV,GAAG,EACH,GAAG,WAAW,EACf,EAAE,mBAAmB,2CA8BrB"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/templates/select.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AACrE,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,UAAU,EAChB,MAAM,qBAAqB,CAAA;AAE5B,KAAK,wBAAwB,GAAG,IAAI,CAClC,wBAAwB,CAAC,OAAO,CAAC,EACjC,UAAU,CACX,GAAG;IACF,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAC5B,CAAA;AAED,KAAK,4BAA4B,GAAG,IAAI,CACtC,wBAAwB,CAAC,MAAM,CAAC,EAChC,UAAU,CACX,GAAG;IACF,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAA;CAC3B,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG;IAChE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,UAAU,CAAC,EAAE,wBAAwB,CAAA;IACrC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,SAAS,CAAC,CAAA;IAC5D,cAAc,CAAC,EAAE,4BAA4B,CAAA;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,SAAS,CAAA;IAC5C,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B,CAAA;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,UAAU,EACV,WAAW,EACX,SAAS,EACT,cAAc,EACd,aAAoB,EACpB,UAAU,EACV,GAAG,EACH,GAAG,WAAW,EACf,EAAE,mBAAmB,+BA8BrB"}

package/dist/src/templates/tabs.d.ts

@@ -2,7 +2,7 @@
  * Tabs — @techsio/ui-kit template.
  *
  * @component Tabs
- * @componentVersion v1.0.0
+ * @componentVersion v1.0.1
  * @skill tabs-usage
  * @changelog libs/ui/stories/changelog/changelog.stories.tsx
  *
@@ -23,5 +23,5 @@ export interface TabsTemplateProps extends Omit<TabsProps, "children" | "ref"> {
     showIndicator?: boolean;
     ref?: Ref<HTMLDivElement>;
 }
-export declare function TabsTemplate({ items, showIndicator, variant, size, fitted, justify, orientation, defaultValue, value, onValueChange, ref, className, ...tabsProps }: TabsTemplateProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabsTemplate({ items, showIndicator, variant, size, fitted, justify, orientation, defaultValue, value, onValueChange, ref, className, ...tabsProps }: TabsTemplateProps): React.JSX.Element;
 //# sourceMappingURL=tabs.d.ts.map

package/dist/src/templates/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/templates/tabs.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AACnC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAExD,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,KAAK,CAAC;IAC5E,KAAK,EAAE,OAAO,EAAE,CAAA;IAChB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,aAAqB,EACrB,OAAmB,EACnB,IAAW,EACX,MAAc,EACd,OAAiB,EACjB,WAA0B,EAC1B,YAAY,EACZ,KAAK,EACL,aAAa,EACb,GAAG,EACH,SAAS,EACT,GAAG,SAAS,EACb,EAAE,iBAAiB,2CAmCnB"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/templates/tabs.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AACnC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAExD,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,KAAK,CAAC;IAC5E,KAAK,EAAE,OAAO,EAAE,CAAA;IAChB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,aAAqB,EACrB,OAAmB,EACnB,IAAW,EACX,MAAc,EACd,OAAiB,EACjB,WAA0B,EAC1B,YAAY,EACZ,KAAK,EACL,aAAa,EACb,GAAG,EACH,SAAS,EACT,GAAG,SAAS,EACb,EAAE,iBAAiB,qBAmCnB"}

package/dist/src/theme/theme-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-config.d.ts","sourceRoot":"","sources":["../../../src/theme/theme-config.ts"],"names":[],"mappings":"AAaA,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAExC,yEAAyE;AACzE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAA;AAE9C,MAAM,MAAM,WAAW,GAAG;IACxB,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAA;IACb,sEAAsE;IACtE,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;CAK6B,CAAA;AAEhD,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,MAAM,CAAA;AAE1C,eAAO,MAAM,aAAa,EAAE,QAAiB,CAAA;AAC7C,eAAO,MAAM,YAAY,EAAE,WAAsB,CAAA;AAEjD,8DAA8D;AAC9D,eAAO,MAAM,iBAAiB,aAAa,CAAA;AAC3C,eAAO,MAAM,gBAAgB,YAAY,CAAA;AAEzC,wBAAgB,SAAS,IAAI,QAAQ,EAAE,CAEtC;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,QAAQ,GAAG,WAAW,CAEnD;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,IAAI,QAAQ,CAE3D;AAED,kFAAkF;AAClF,wBAAgB,SAAS,CAAC,GAAG,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,CAE3D;AAED,kFAAkF;AAClF,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,QAAQ,GAAG,OAAO,CAExD;AAED,mFAAmF;AACnF,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,QAAQ,GAAG,WAAW,EAAE,CAElE"}
+{"version":3,"file":"theme-config.d.ts","sourceRoot":"","sources":["../../../src/theme/theme-config.ts"],"names":[],"mappings":"AAaA,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAExC,yEAAyE;AACzE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAA;AAE9C,MAAM,MAAM,WAAW,GAAG;IACxB,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAA;IACb,sEAAsE;IACtE,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,MAAM;;iBACT,KAAK,EAAE,SAAS;iBAAE,KAAK;;;iBACxB,KAAK,EAAE,WAAW;iBAAE,KAAK;iBAAqB,IAAI,EAAE,KAAK;;;iBACpD,KAAK,EAAE,UAAU;iBAAE,KAAK;iBAAa,IAAI,EAAE,UAAU;;;iBACxD,KAAK,EAAE,OAAO;iBAAE,KAAK;iBAAa,IAAI,EAAE,OAAO;;CACV,CAAA;AAEhD,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,MAAM,CAAA;AAE1C,eAAO,MAAM,aAAa,EAAE,QAAiB,CAAA;AAC7C,eAAO,MAAM,YAAY,EAAE,WAAsB,CAAA;AAEjD,8DAA8D;AAC9D,eAAO,MAAM,iBAAiB,aAAa,CAAA;AAC3C,eAAO,MAAM,gBAAgB,YAAY,CAAA;AAEzC,wBAAgB,SAAS,IAAI,QAAQ,EAAE,CAEtC;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,QAAQ,GAAG,WAAW,CAEnD;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,IAAI,QAAQ,CAE3D;AAED,kFAAkF;AAClF,wBAAgB,SAAS,CAAC,GAAG,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,CAE3D;AAED,kFAAkF;AAClF,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,QAAQ,GAAG,OAAO,CAExD;AAED,mFAAmF;AACnF,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,QAAQ,GAAG,WAAW,EAAE,CAElE"}

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

@@ -4,7 +4,7 @@ type AppThemeProviderProps = PropsWithChildren<{
     defaultBrand?: BrandKey;
     defaultMode?: ModeSetting;
 }>;
-export declare function AppThemeProvider({ defaultBrand, defaultMode, children, }: AppThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function AppThemeProvider({ defaultBrand, defaultMode, children, }: AppThemeProviderProps): import("react").JSX.Element;
 export type UseAppThemeResult = {
     /** Active brand key. */
     brand: BrandKey;
@@ -32,6 +32,6 @@ export declare function useAppTheme(): UseAppThemeResult;
  */
 export declare function BrandThemeScript({ defaultBrand, }: {
     defaultBrand?: BrandKey;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=theme-provider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../../src/theme/theme-provider.tsx"],"names":[],"mappings":"AAaA,OAAO,EAEL,KAAK,iBAAiB,EAIvB,MAAM,OAAO,CAAA;AACd,OAAO,EAGL,KAAK,QAAQ,EAIb,KAAK,SAAS,EAKd,KAAK,WAAW,EACjB,MAAM,gBAAgB,CAAA;AAmFvB,KAAK,qBAAqB,GAAG,iBAAiB,CAAC;IAC7C,YAAY,CAAC,EAAE,QAAQ,CAAA;IACvB,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B,CAAC,CAAA;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,YAA4B,EAC5B,WAA0B,EAC1B,QAAQ,GACT,EAAE,qBAAqB,2CAavB;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,wBAAwB;IACxB,KAAK,EAAE,QAAQ,CAAA;IACf,oDAAoD;IACpD,MAAM,EAAE,QAAQ,EAAE,CAAA;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAA;IACnC,8CAA8C;IAC9C,IAAI,EAAE,WAAW,CAAA;IACjB,sDAAsD;IACtD,YAAY,EAAE,SAAS,CAAA;IACvB,OAAO,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAA;IACpC,qFAAqF;IACrF,cAAc,EAAE,WAAW,EAAE,CAAA;IAC7B,mFAAmF;IACnF,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,wBAAgB,WAAW,IAAI,iBAAiB,CA4B/C;AAED;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,YAA4B,GAC7B,EAAE;IACD,YAAY,CAAC,EAAE,QAAQ,CAAA;CACxB,2CAoBA"}
+{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../../src/theme/theme-provider.tsx"],"names":[],"mappings":"AAaA,OAAO,EAEL,KAAK,iBAAiB,EAIvB,MAAM,OAAO,CAAA;AACd,OAAO,EAGL,KAAK,QAAQ,EAIb,KAAK,SAAS,EAKd,KAAK,WAAW,EACjB,MAAM,gBAAgB,CAAA;AAmFvB,KAAK,qBAAqB,GAAG,iBAAiB,CAAC;IAC7C,YAAY,CAAC,EAAE,QAAQ,CAAA;IACvB,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B,CAAC,CAAA;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,YAA4B,EAC5B,WAA0B,EAC1B,QAAQ,GACT,EAAE,qBAAqB,+BAavB;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,wBAAwB;IACxB,KAAK,EAAE,QAAQ,CAAA;IACf,oDAAoD;IACpD,MAAM,EAAE,QAAQ,EAAE,CAAA;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAA;IACnC,8CAA8C;IAC9C,IAAI,EAAE,WAAW,CAAA;IACjB,sDAAsD;IACtD,YAAY,EAAE,SAAS,CAAA;IACvB,OAAO,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAA;IACpC,qFAAqF;IACrF,cAAc,EAAE,WAAW,EAAE,CAAA;IAC7B,mFAAmF;IACnF,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,wBAAgB,WAAW,IAAI,iBAAiB,CA4B/C;AAED;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,YAA4B,GAC7B,EAAE;IACD,YAAY,CAAC,EAAE,QAAQ,CAAA;CACxB,+BAoBA"}

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

@@ -1,4 +1,4 @@
 export declare function ThemeToggle({ className }: {
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 //# sourceMappingURL=theme-toggle.d.ts.map

package/dist/src/theme/theme-toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-toggle.d.ts","sourceRoot":"","sources":["../../../src/theme/theme-toggle.tsx"],"names":[],"mappings":"AA6BA,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CA6ChE"}
+{"version":3,"file":"theme-toggle.d.ts","sourceRoot":"","sources":["../../../src/theme/theme-toggle.tsx"],"names":[],"mappings":"AA6BA,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BA6ChE"}

package/dist/templates/numeric-input.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { NumericInput } from "../atoms/numeric-input.js";
-function NumericInputTemplate({ showControls = true, showScrubber = false, controlsPosition = "right", incrementIcon = "token-icon-numeric-input-increment", decrementIcon = "token-icon-numeric-input-decrement", className, ref, ...numericInputProps }) {
+function NumericInputTemplate({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, showControls = true, showScrubber = false, controlsPosition = "right", incrementIcon = "token-icon-numeric-input-increment", decrementIcon = "token-icon-numeric-input-decrement", className, ref, ...numericInputProps }) {
     if ("right" === controlsPosition) return /*#__PURE__*/ jsx(NumericInput, {
         ...numericInputProps,
         className: className,
@@ -8,7 +8,10 @@ function NumericInputTemplate({ showControls = true, showScrubber = false, contr
         children: /*#__PURE__*/ jsxs(NumericInput.Control, {
             children: [
                 showScrubber && /*#__PURE__*/ jsx(NumericInput.Scrubber, {}),
-                /*#__PURE__*/ jsx(NumericInput.Input, {}),
+                /*#__PURE__*/ jsx(NumericInput.Input, {
+                    "aria-label": ariaLabel,
+                    "aria-labelledby": ariaLabelledBy
+                }),
                 showControls && /*#__PURE__*/ jsxs(NumericInput.TriggerContainer, {
                     children: [
                         /*#__PURE__*/ jsx(NumericInput.IncrementTrigger, {
@@ -36,7 +39,10 @@ function NumericInputTemplate({ showControls = true, showScrubber = false, contr
                     className: "flex-1",
                     children: [
                         showScrubber && /*#__PURE__*/ jsx(NumericInput.Scrubber, {}),
-                        /*#__PURE__*/ jsx(NumericInput.Input, {})
+                        /*#__PURE__*/ jsx(NumericInput.Input, {
+                            "aria-label": ariaLabel,
+                            "aria-labelledby": ariaLabelledBy
+                        })
                     ]
                 }),
                 showControls && /*#__PURE__*/ jsx(NumericInput.IncrementTrigger, {

package/dist/theme/theme-toggle.js

@@ -20,7 +20,7 @@ const MODE_LABELS = {
 };
 function ThemeToggle({ className }) {
     const { brand, brands, setBrand, mode, setMode, availableModes, mounted } = useAppTheme();
-    const showModes = availableModes.length > 1;
+    const showModes = mounted && availableModes.length > 1;
     const { root, group, modeGroup, label, row } = themeToggle();
     return /*#__PURE__*/ jsxs("div", {
         className: root({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@techsio/ui-kit",
-  "version": "0.54.0",
+  "version": "0.54.2",
   "license": "MIT",
   "type": "module",
   "repository": {
@@ -75,112 +75,116 @@
     "figma:connect:parse": "figma connect parse --config figma.config.json",
     "figma:connect:publish": "figma connect publish --config figma.config.json",
     "test": "vitest run --config vitest.config.ts",
-    "test-storybook": "test-storybook",
+    "test-storybook": "test-storybook --index-json",
     "storybook:a11y": "bash scripts/storybook-a11y.sh",
+    "test:visual-assets": "node --test test/visual-assets.test.mjs",
     "test:components": "node scripts/run-component-tests.mjs",
     "test:components:update": "node scripts/run-component-tests.mjs --update-snapshots",
     "test:sidebar:ssr": "bun test ./test/sidebar.ssr.bun.tsx",
     "lint:tailwind": "eslint \"**/*.{js,jsx,ts,tsx}\" --config eslint.config.js",
     "lint:tailwind:fix": "eslint \"**/*.{js,jsx,ts,tsx}\" --config eslint.config.js --fix",
     "prepare": "node -e \"if (!process.env.RSLIB_CHECK_OUTPUT) require('node:child_process').execSync('pnpm build', { stdio: 'inherit' })\"",
-    "check:unused-tokens": "bun scripts/check-unused-tokens.js",
-    "validate:tokens": "bun scripts/validate-token-usage.js && bun scripts/validate-token-definitions.js",
-    "validate:token-usage": "bun scripts/validate-token-usage.js",
-    "validate:token-definitions": "bun scripts/validate-token-definitions.js",
+    "check:unused-tokens": "node scripts/check-unused-tokens.js",
+    "validate:tokens": "node scripts/validate-token-usage.js && node scripts/validate-token-definitions.js",
+    "validate:token-usage": "node scripts/validate-token-usage.js",
+    "validate:token-definitions": "node scripts/validate-token-definitions.js",
     "semantic-release": "semantic-release",
     "typecheck": "tsc --noEmit -p tsconfig.json && tsc --noEmit -p tsconfig.tests.json"
   },
   "dependencies": {
-    "@dnd-kit/core": "^6.3.1",
-    "@dnd-kit/modifiers": "^9.0.0",
-    "@dnd-kit/sortable": "^10.0.0",
-    "@dnd-kit/utilities": "^3.2.2",
+    "@dnd-kit/abstract": "^0.5.0",
+    "@dnd-kit/collision": "^0.5.0",
+    "@dnd-kit/dom": "^0.5.0",
+    "@dnd-kit/helpers": "^0.5.0",
+    "@dnd-kit/react": "^0.5.0",
     "@iconify-json/mdi": "^1.2.3",
     "@iconify-json/mdi-light": "^1.2.2",
     "@iconify-json/svg-spinners": "^1.2.4",
-    "@iconify/tailwind4": "^1.1.0",
-    "@internationalized/date": "^3.12.2",
-    "@tanstack/charts": "^0.6.5",
-    "@tanstack/charts-scales": "^0.6.5",
-    "@tanstack/react-charts": "^0.6.5",
-    "@tanstack/react-table": "^9.1.2",
-    "@tanstack/react-virtual": "^3.14.8",
-    "@zag-js/accordion": "1.43.3",
-    "@zag-js/carousel": "1.43.3",
-    "@zag-js/cascade-select": "1.43.3",
-    "@zag-js/checkbox": "1.43.3",
-    "@zag-js/collapsible": "1.43.3",
-    "@zag-js/combobox": "1.43.3",
-    "@zag-js/date-input": "1.43.3",
-    "@zag-js/date-picker": "1.43.3",
-    "@zag-js/dialog": "1.43.3",
-    "@zag-js/drawer": "1.43.3",
-    "@zag-js/file-upload": "1.43.3",
-    "@zag-js/hotkeys": "1.43.3",
-    "@zag-js/i18n-utils": "1.43.3",
-    "@zag-js/menu": "1.43.3",
-    "@zag-js/number-input": "1.43.3",
-    "@zag-js/pagination": "1.43.3",
-    "@zag-js/popover": "1.43.3",
-    "@zag-js/presence": "1.43.3",
-    "@zag-js/radio-group": "1.43.3",
-    "@zag-js/rating-group": "1.43.3",
-    "@zag-js/react": "1.43.3",
-    "@zag-js/select": "1.43.3",
-    "@zag-js/slider": "1.43.3",
-    "@zag-js/steps": "1.43.3",
-    "@zag-js/switch": "1.43.3",
-    "@zag-js/tabs": "1.43.3",
-    "@zag-js/toast": "1.43.3",
-    "@zag-js/tooltip": "1.43.3",
-    "@zag-js/tour": "1.43.3",
-    "@zag-js/tree-view": "1.43.3",
-    "better-themes": "^1.1.0",
+    "@iconify/tailwind4": "^1.2.3",
+    "@internationalized/date": "^3.12.4",
+    "@tanstack/charts": "^1.1.0",
+    "@tanstack/react-table": "^9.2.8",
+    "@tanstack/react-virtual": "^3.14.14",
+    "@zag-js/accordion": "^1.45.0",
+    "@zag-js/carousel": "^1.45.0",
+    "@zag-js/cascade-select": "^1.45.0",
+    "@zag-js/checkbox": "^1.45.0",
+    "@zag-js/collapsible": "^1.45.0",
+    "@zag-js/combobox": "^1.45.0",
+    "@zag-js/date-input": "^1.45.0",
+    "@zag-js/date-picker": "^1.45.0",
+    "@zag-js/dialog": "^1.45.0",
+    "@zag-js/drawer": "^1.45.0",
+    "@zag-js/file-upload": "^1.45.0",
+    "@zag-js/hotkeys": "^1.45.0",
+    "@zag-js/i18n-utils": "^1.45.0",
+    "@zag-js/menu": "^1.45.0",
+    "@zag-js/number-input": "^1.45.0",
+    "@zag-js/pagination": "^1.45.0",
+    "@zag-js/popover": "^1.45.0",
+    "@zag-js/presence": "^1.45.0",
+    "@zag-js/radio-group": "^1.45.0",
+    "@zag-js/rating-group": "^1.45.0",
+    "@zag-js/react": "^1.45.0",
+    "@zag-js/select": "^1.45.0",
+    "@zag-js/slider": "^1.45.0",
+    "@zag-js/steps": "^1.45.0",
+    "@zag-js/switch": "^1.45.0",
+    "@zag-js/tabs": "^1.45.0",
+    "@zag-js/toast": "^1.45.0",
+    "@zag-js/tooltip": "^1.45.0",
+    "@zag-js/tour": "^1.45.0",
+    "@zag-js/tree-view": "^1.45.0",
+    "better-themes": "^1.1.1",
     "d3-scale": "^4.0.2",
     "d3-shape": "^3.2.0",
-    "libphonenumber-js": "^1.13.2",
-    "tailwind-merge": "^3.4.0",
-    "tailwind-variants": "^3.1.1",
-    "tailwindcss-animate": "^1.0.7"
+    "libphonenumber-js": "^1.13.15",
+    "tailwind-merge": "^3.7.0",
+    "tailwind-variants": "^3.3.1",
+    "tw-animate-css": "^1.4.0"
   },
   "devDependencies": {
-    "@eslint/js": "^9.39.1",
-    "@figma/code-connect": "^2.0.0",
-    "@iconify/json": "^2.2.409",
-    "@rsbuild/core": "2.2.2",
-    "@rsbuild/plugin-react": "^2.1.0",
-    "@rslib/core": "^1.0.0",
-    "@semantic-release/changelog": "^6.0.3",
+    "@figma/code-connect": "^2.0.1",
+    "@iconify-json/cif": "^1.2.7",
+    "@iconify-json/twemoji": "^1.2.5",
+    "@rsbuild/core": "2.2.12",
+    "@rsbuild/plugin-react": "^2.1.1",
+    "@rslib/core": "^1.0.3",
     "@semantic-release/commit-analyzer": "^13.0.1",
-    "@semantic-release/git": "^10.0.1",
-    "@semantic-release/github": "^12.0.2",
-    "@semantic-release/npm": "^13.1.2",
-    "@semantic-release/release-notes-generator": "^14.1.0",
-    "@storybook/addon-a11y": "^10.6.0",
-    "@storybook/addon-themes": "^10.6.0",
-    "@storybook/react": "^10.6.0",
-    "@storybook/test-runner": "^0.24.4",
-    "@tailwindcss/postcss": "^4.1.17",
+    "@semantic-release/github": "^12.0.10",
+    "@semantic-release/npm": "^13.2.0",
+    "@semantic-release/release-notes-generator": "^14.1.1",
+    "@storybook/addon-docs": "^10.6.1",
+    "@storybook/react": "^10.6.1",
+    "@storybook/test-runner": "^0.26.0",
+    "@tailwindcss/postcss": "^4.3.3",
     "@techsio/storybook-a11y-reporter": "0.1.3",
     "@techsio/storybook-better-a11y": "0.1.3",
     "@types/d3-scale": "^4.0.9",
-    "@types/d3-shape": "^3.1.8",
-    "@typescript-eslint/parser": "^8.47.0",
-    "cross-env": "^7.0.3",
-    "eslint": "^9.39.1",
-    "eslint-plugin-tailwindcss": "beta",
-    "glob": "^11.0.2",
-    "postcss": "^8.5.6",
-    "rsbuild-plugin-arethetypeswrong": "0.3.1",
+    "@types/d3-shape": "^3.2.0",
+    "@types/node": "26.6.5",
+    "@types/pngjs": "6.0.5",
+    "@types/react": "19.3.0",
+    "@types/react-dom": "19.3.0",
+    "@typescript-eslint/parser": "^8.71.0",
+    "@typescript/native": "npm:typescript@^7.0.2",
+    "cross-env": "^10.1.0",
+    "eslint": "^10.12.0",
+    "eslint-plugin-tailwindcss": "4.4.0",
+    "pngjs": "7.0.0",
+    "postcss": "^8.5.28",
+    "react": "19.3.0",
+    "react-dom": "19.3.0",
+    "rsbuild-plugin-arethetypeswrong": "0.4.0",
     "rsbuild-plugin-publint": "^1.0.0",
-    "semantic-release": "^25.0.2",
-    "storybook": "^10.6.0",
-    "storybook-addon-rslib": "^3.4.2",
-    "storybook-react-rsbuild": "^3.4.2",
-    "tailwindcss": "^4.1.17",
-    "typescript": "^5.9.3",
-    "vite": "catalog:vite5-testing",
-    "vitest": "catalog:vite5-testing"
+    "semantic-release": "^25.0.9",
+    "storybook": "^10.6.1",
+    "storybook-addon-rslib": "^3.6.1",
+    "storybook-react-rsbuild": "^3.6.1",
+    "tailwindcss": "^4.3.3",
+    "typescript": "npm:@typescript/typescript6@^6.0.2",
+    "vite": "^8.3.4",
+    "vitest": "^5.0.3"
   },
   "peerDependencies": {
     "@types/react": ">=19.2.0",

package/src/tokens/_base.css

@@ -5,9 +5,9 @@
   --radius-lg: 12px;
   --radius-full: 9999px;
 
-  --color-shadow-1: light-dark(rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 1));
-  --color-shadow-2: light-dark(rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 1));
-  --color-shadow-3: light-dark(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 1));
+  --color-shadow-1: light-dark(oklch(0% 0 none / 0.16), oklch(0% 0 none));
+  --color-shadow-2: light-dark(oklch(0% 0 none / 0.06), oklch(0% 0 none));
+  --color-shadow-3: light-dark(oklch(0% 0 none / 0.1), oklch(0% 0 none));
 
   --offset-shadow-1: 0px 1px 3px 0px;
   --offset-shadow-2: 0px 5px 6px 0px;
@@ -17,9 +17,16 @@
     var(--offset-shadow-1) var(--color-shadow-1), var(--offset-shadow-2)
     var(--color-shadow-2), var(--offset-shadow-3) var(--color-shadow-3);
 
+  /* Motion — strong ease-out for UI feedback, ease-in-out for on-screen
+   * movement. Never ease-in: it delays the response the user is waiting for. */
+  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
+  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
+  --default-transition-timing-function: var(--ease-out);
+
   /* Shadows */
-  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
-  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
-  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
-  --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.15), 0 10px 10px rgba(0, 0, 0, 0.04);
+  --shadow-sm: 0 1px 2px oklch(0% 0 none / 0.05);
+  --shadow-md: 0 4px 6px oklch(0% 0 none / 0.1);
+  --shadow-lg: 0 10px 15px oklch(0% 0 none / 0.1);
+  --shadow-xl:
+    0 20px 25px oklch(0% 0 none / 0.15), 0 10px 10px oklch(0% 0 none / 0.04);
 }

package/src/tokens/_reset.css

@@ -0,0 +1,66 @@
+/*
+ * Element defaults and interaction variants shared by every component.
+ * Based on the good-css.com reset, adopted rule by rule.
+ */
+
+/*
+ * Tailwind's built-in hover: only checks (hover: hover). Hybrid and touch
+ * devices still report it, so a tapped control keeps its hover colour until
+ * the next tap elsewhere. Requiring a fine pointer limits hover to mice and
+ * trackpads.
+ */
+@custom-variant hover {
+  @media (hover: hover) and (pointer: fine) {
+    &:hover {
+      @slot;
+    }
+  }
+}
+
+@layer base {
+  :root {
+    /* Lets height/width transition to and from `auto` (accordions, disclosures). */
+    interpolate-size: allow-keywords;
+    /* Reserve the scrollbar track so locking scroll for a dialog does not shift
+     * the page. Zag's scroll lock detects this and skips its padding fallback. */
+    scrollbar-gutter: stable;
+    /* Avoid single-word last lines in body copy. */
+    text-wrap: pretty;
+    -webkit-text-size-adjust: none;
+    text-size-adjust: none;
+    /* Components draw their own :active state. */
+    -webkit-tap-highlight-color: transparent;
+  }
+
+  :where(h1, h2, h3, h4, h5, h6) {
+    text-wrap: balance;
+  }
+
+  /* Removes the double-tap-to-zoom delay on controls. */
+  :where(
+      a,
+      button,
+      label,
+      select,
+      summary,
+      [role="button"],
+      [role="option"],
+      [role="tab"],
+      input:is([type="checkbox"], [type="radio"])
+    ) {
+    touch-action: manipulation;
+  }
+}
+
+/*
+ * iOS Safari zooms the page into any focused field whose text is under 16px.
+ * The fluid --text-sm step drops below that on phones, so small fields floor
+ * at 16px. Unlayered so it wins over the Figma @theme values.
+ */
+:root {
+  --text-input-sm: max(16px, var(--text-sm));
+  --text-textarea-sm: max(16px, var(--text-sm));
+  --text-numeric-input-sm: max(16px, var(--text-sm));
+  --text-combobox-sm: max(16px, var(--text-sm));
+  --text-phone-input-sm: max(16px, var(--text-sm));
+}

package/src/tokens/_semantic.css

@@ -5,86 +5,76 @@
  * - --alpha(var(--color) / 50%): Adjusts transparency of a color. Tailwind's v4 utility
  *   that compiles to color-mix() for better browser support.
  */
+
+/*
+ * Theme-direction switch: 1 on light surfaces, -1 on dark ones. Every
+ * lightness offset below is written once and flips with it, so a dark
+ * surface lightens on hover where a light one darkens.
+ */
 :root {
-  --state-hover: -0.08;
-  --state-active: -0.12;
+  --theme-sign: 1;
   --state-disabled-chroma: 0.01;
   --state-light-variant: 0.1; /* Always make colors lighter for -light variant */
   --state-light-chroma: 0.6; /* Reduce saturation for softer, pastel colors */
-  --state-secondary-text: 0.15;
   --state-border: 15%;
-  --state-placeholder: 0.25;
   --max-lightness: 0.97;
   --opacity-disabled: 60%;
   --opacity-placeholder: 60%;
   --opacity-text-secondary: 70%;
   --opacity-disabled-placeholder: 30%;
   --fill-increment: 5%;
-  --surface-increment: 0.05;
-  --state-fg-lightness: 0.42; /* Accent color lightness for text - WCAG AAA on light bg */
+}
+
+/*
+ * Custom properties resolve where they are declared, so the derived offsets
+ * are re-declared on every element that can change --theme-sign.
+ */
+:where(:root, .light, .always-light, .dark, .always-dark, .reverse) {
+  --state-hover: calc(-0.08 * var(--theme-sign));
+  --state-active: calc(-0.12 * var(--theme-sign));
+  --state-secondary-text: calc(0.15 * var(--theme-sign));
+  --state-placeholder: calc(0.25 * var(--theme-sign));
+  --surface-increment: calc(0.05 * var(--theme-sign));
+  /* Accent text lightness: 0.42 on light (WCAG AAA), 0.85 on dark. */
+  --state-fg-lightness: calc(0.635 - 0.215 * var(--theme-sign));
+}
+
+/* Explicit Light class(es) — re-asserts light inside a nested .dark/.always-dark subtree */
+:is(.light, .always-light) {
+  --theme-sign: 1;
 }
 
 /* Explicit Dark class(es) */
 :is(.dark, .always-dark) {
-  --state-hover: 0.08;
-  --state-active: 0.12;
-  --state-secondary-text: -0.15;
-  --state-placeholder: -0.25;
-  --surface-increment: -0.05;
-  --state-fg-lightness: 0.85;
+  --theme-sign: -1;
 }
 
 /* System Dark preference (when no explicit class forces light) */
 @media (prefers-color-scheme: dark) {
   :root:not(.light):not(.always-light) {
-    --state-hover: 0.08;
-    --state-active: 0.12;
-    --state-secondary-text: -0.15;
-    --state-placeholder: -0.25;
-    --surface-increment: -0.05;
-    --state-fg-lightness: 0.85;
+    --theme-sign: -1;
   }
 }
 
-/* Reverse if parents has .always-light/dark and we want to make reverse style to parent */
+/* Reverse flips whatever its parent theme is. */
 :is(.light, .always-light) .reverse {
-  --state-hover: 0.08;
-  --state-active: 0.12;
-  --state-secondary-text: -0.15;
-  --state-placeholder: -0.25;
-  --surface-increment: -0.05;
-  --state-fg-lightness: 0.85;
+  --theme-sign: -1;
 }
 
 :is(.dark, .always-dark) .reverse {
-  --state-hover: -0.08;
-  --state-active: -0.12;
-  --state-secondary-text: 0.15;
-  --state-placeholder: 0.25;
-  --surface-increment: 0.05;
-  --state-fg-lightness: 0.42;
+  --theme-sign: 1;
 }
 
 /* Reverse on System Light/Dark preference (when no explicit theme class is present) */
 @media (prefers-color-scheme: light) {
   .reverse:not(.dark):not(.always-dark):not(.light):not(.always-light) {
-    --state-hover: 0.08;
-    --state-active: 0.12;
-    --state-secondary-text: -0.15;
-    --state-placeholder: -0.25;
-    --surface-increment: -0.05;
-    --state-fg-lightness: 0.85;
+    --theme-sign: -1;
   }
 }
 
 @media (prefers-color-scheme: dark) {
   .reverse:not(.dark):not(.always-dark):not(.light):not(.always-light) {
-    --state-hover: -0.08;
-    --state-active: -0.12;
-    --state-secondary-text: 0.15;
-    --state-placeholder: 0.25;
-    --surface-increment: 0.05;
-    --state-fg-lightness: 0.42;
+    --theme-sign: 1;
   }
 }
 

package/src/tokens/_tokens-base.css

@@ -26,6 +26,9 @@
  * (e.g. neo) emit tokens here; base is the default @theme above. */
 @import "./figma/brand-overrides.css";
 
+/* Element defaults, the hover variant and the mobile input-size floor. */
+@import "./_reset.css";
+
 /* Base styles */
 :root {
   color-scheme: light dark;

package/src/tokens/_typography.css

@@ -1,4 +1,9 @@
 @theme static {
+  /* Preserve the design system's font choice across Tailwind updates. */
+  --font-sans:
+    ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
+    "Segoe UI Symbol", "Noto Color Emoji";
+
   /* Primitive Typography Tokens - Utopia fluid typography */
   --text-xs: clamp(
     0.7813rem,