@wheelhouse/ui 0.2.13 → 0.2.16

package/dist/components/avatar/avatar.js

@@ -11,7 +11,7 @@ function AvatarImage({ className, ...props }) {
     return _jsx(AvatarPrimitive.Image, { "data-slot": "avatar-image", className: cn('aspect-square size-full rounded-full object-cover', className), ...props });
 }
 function AvatarFallback({ className, ...props }) {
-    return (_jsx(AvatarPrimitive.Fallback, { "data-slot": "avatar-fallback", className: cn('flex size-full items-center justify-center rounded-full bg-muted text-xs font-medium text-muted-foreground group-data-[size=sm]/avatar:text-xxs', className), ...props }));
+    return (_jsx(AvatarPrimitive.Fallback, { "data-slot": "avatar-fallback", className: cn('group-data-[size=sm]/avatar:text-xxs flex size-full items-center justify-center rounded-full bg-muted text-xs font-medium text-muted-foreground', className), ...props }));
 }
 function AvatarBadge({ className, ...props }) {
     return (_jsx("span", { "data-slot": "avatar-badge", className: cn('absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground bg-blend-color ring-2 ring-background select-none', 'group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden', 'group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2', 'group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2', className), ...props }));

package/dist/components/text/index.d.ts

@@ -1,3 +1,3 @@
 export { Text, textVariants, textLineClampKeys, textSizeKeys, textToneKeys, textWeightKeys } from './text';
-export type { TextLines, TextProps } from './text';
+export type { TextLines, TextProps, TextSize } from './text';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/text/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAC3G,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAC3G,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC"}

package/dist/components/text/text.d.ts

@@ -1,7 +1,6 @@
 import { useRender } from '@base-ui/react/use-render';
 import { type VariantProps } from 'class-variance-authority';
 declare const textSizeStyles: {
-    readonly xxs: "text-xxs";
     readonly xs: "text-xs";
     readonly sm: "text-sm";
     readonly default: "text-base";
@@ -21,18 +20,18 @@ declare const textWeightStyles: {
     readonly semibold: "font-semibold";
     readonly bold: "font-bold";
 };
-export declare const textSizeKeys: (keyof typeof textSizeStyles)[];
+export type TextSize = 'xxs' | keyof typeof textSizeStyles;
+export declare const textSizeKeys: readonly TextSize[];
 export declare const textToneKeys: (keyof typeof textToneStyles)[];
 export declare const textWeightKeys: (keyof typeof textWeightStyles)[];
 export declare const textLineClampKeys: readonly [1, 2, 3, 4, 5, 6];
 export type TextLines = (typeof textLineClampKeys)[number];
 declare const textVariants: (props?: ({
-    size?: "default" | "xs" | "sm" | "lg" | "xl" | "2xl" | "xxs" | "3xl" | "4xl" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | null | undefined;
     tone?: "default" | "muted" | null | undefined;
     weight?: "bold" | "normal" | "medium" | "semibold" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type TextVariantProps = VariantProps<typeof textVariants>;
-type TextSize = TextVariantProps['size'];
 type TextTone = TextVariantProps['tone'];
 type TextWeight = TextVariantProps['weight'];
 /** Props for `Text`. */
@@ -43,6 +42,6 @@ export interface TextProps extends useRender.ComponentProps<'span'> {
     truncate?: boolean;
     lines?: TextLines;
 }
-declare function Text({ className, size, tone, weight, truncate, lines, render, ...props }: TextProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function Text({ className, size, tone, weight, truncate, lines, render, style, ...props }: TextProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export { Text, textVariants };
 //# sourceMappingURL=text.d.ts.map

package/dist/components/text/text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/components/text/text.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;;;;;;;;CAUV,CAAC;AAEX,QAAA,MAAM,cAAc;;;CAGV,CAAC;AAEX,QAAA,MAAM,gBAAgB;;;;;CAKZ,CAAC;AAEX,eAAO,MAAM,YAAY,EAAkC,CAAC,MAAM,OAAO,cAAc,CAAC,EAAE,CAAC;AAC3F,eAAO,MAAM,YAAY,EAAkC,CAAC,MAAM,OAAO,cAAc,CAAC,EAAE,CAAC;AAC3F,eAAO,MAAM,cAAc,EAAoC,CAAC,MAAM,OAAO,gBAAgB,CAAC,EAAE,CAAC;AAEjG,eAAO,MAAM,iBAAiB,6BAA8B,CAAC;AAC7D,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE3D,QAAA,MAAM,YAAY;;;;8EAWhB,CAAC;AAEH,KAAK,gBAAgB,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AAC1D,KAAK,QAAQ,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;AACzC,KAAK,QAAQ,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;AACzC,KAAK,UAAU,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC;AAE7C,wBAAwB;AACxB,MAAM,WAAW,SAAU,SAAQ,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC;IAC/D,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,iBAAS,IAAI,CAAC,EAAE,SAAS,EAAE,IAAgB,EAAE,IAAgB,EAAE,MAAiB,EAAE,QAAgB,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,8FAcvI;AAED,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/components/text/text.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;;;;;;;CASV,CAAC;AAOX,QAAA,MAAM,cAAc;;;CAGV,CAAC;AAEX,QAAA,MAAM,gBAAgB;;;;;CAKZ,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,MAAM,OAAO,cAAc,CAAC;AAC3D,eAAO,MAAM,YAAY,EAAE,SAAS,QAAQ,EAAiF,CAAC;AAC9H,eAAO,MAAM,YAAY,EAAkC,CAAC,MAAM,OAAO,cAAc,CAAC,EAAE,CAAC;AAC3F,eAAO,MAAM,cAAc,EAAoC,CAAC,MAAM,OAAO,gBAAgB,CAAC,EAAE,CAAC;AAEjG,eAAO,MAAM,iBAAiB,6BAA8B,CAAC;AAC7D,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE3D,QAAA,MAAM,YAAY;;;;8EAWhB,CAAC;AAEH,KAAK,gBAAgB,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AAC1D,KAAK,QAAQ,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;AACzC,KAAK,UAAU,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC;AAE7C,wBAAwB;AACxB,MAAM,WAAW,SAAU,SAAQ,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC;IAC/D,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,iBAAS,IAAI,CAAC,EAAE,SAAS,EAAE,IAAgB,EAAE,IAAgB,EAAE,MAAiB,EAAE,QAAgB,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,8FAe9I;AAED,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/text/text.js

@@ -3,7 +3,6 @@ import { useRender } from '@base-ui/react/use-render';
 import { cva } from 'class-variance-authority';
 import { cn } from '../../lib/utils';
 const textSizeStyles = {
-    xxs: 'text-xxs',
     xs: 'text-xs',
     sm: 'text-sm',
     default: 'text-base',
@@ -13,6 +12,10 @@ const textSizeStyles = {
     '3xl': 'text-3xl',
     '4xl': 'text-4xl',
 };
+const textXxsStyle = {
+    fontSize: 'var(--font-size-xxs)',
+    lineHeight: 'var(--font-size-xxs--line-height)',
+};
 const textToneStyles = {
     default: 'text-foreground',
     muted: 'text-muted-foreground',
@@ -23,7 +26,7 @@ const textWeightStyles = {
     semibold: 'font-semibold',
     bold: 'font-bold',
 };
-export const textSizeKeys = Object.keys(textSizeStyles);
+export const textSizeKeys = ['xxs', ...Object.keys(textSizeStyles)];
 export const textToneKeys = Object.keys(textToneStyles);
 export const textWeightKeys = Object.keys(textWeightStyles);
 export const textLineClampKeys = [1, 2, 3, 4, 5, 6];
@@ -39,11 +42,12 @@ const textVariants = cva('text-start', {
         weight: 'normal',
     },
 });
-function Text({ className, size = 'default', tone = 'default', weight = 'normal', truncate = false, lines, render, ...props }) {
+function Text({ className, size = 'default', tone = 'default', weight = 'normal', truncate = false, lines, render, style, ...props }) {
     const layoutClass = lines !== undefined ? cn(`line-clamp-${lines}`, 'inline-block max-w-full min-w-0') : truncate ? 'inline-block min-w-0 max-w-full truncate' : undefined;
     const defaultProps = {
         'data-slot': 'text',
-        className: cn(layoutClass, textVariants({ size, tone, weight, className })),
+        className: cn(layoutClass, textVariants({ size: size === 'xxs' ? null : size, tone, weight, className })),
+        style: size === 'xxs' ? { ...textXxsStyle, ...style } : style,
     };
     return useRender({
         defaultTagName: 'span',