athameui 0.0.10 → 0.0.12

package/dist/components/Button/Button.d.ts

@@ -20,6 +20,7 @@ export type ButtonProps = {
     textPosition?: "left" | "center" | "right";
     type?: "button" | "submit" | "reset";
     variant?: ButtonVariant;
+    wrap?: boolean;
     onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;
     onClick?: MouseEventHandler<HTMLButtonElement>;
     onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../components/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,oBAAoB,EACpB,iBAAiB,EACjB,YAAY,EACb,MAAM,OAAO,CAAC;AAEf,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,aAAa,EACnB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACpC,SAAS,CAAC,EAAE;QACV,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC3C,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;KAC1C,CAAC;IACF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IAC7B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,EAAE,CAAC,EAAE,SAAS,GAAG;QAAE,MAAM,CAAC,EAAE,SAAS,CAAC;QAAC,IAAI,CAAC,EAAE,SAAS,CAAA;KAAE,CAAC;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC3C,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9D,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,SAAS,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IACpD,YAAY,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACpD,YAAY,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,MAAM,2GA8FlB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../components/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,oBAAoB,EACpB,iBAAiB,EACjB,YAAY,EACb,MAAM,OAAO,CAAC;AAEf,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,aAAa,EACnB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACpC,SAAS,CAAC,EAAE;QACV,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC3C,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;KAC1C,CAAC;IACF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IAC7B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,EAAE,CAAC,EAAE,SAAS,GAAG;QAAE,MAAM,CAAC,EAAE,SAAS,CAAC;QAAC,IAAI,CAAC,EAAE,SAAS,CAAA;KAAE,CAAC;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC3C,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9D,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,SAAS,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IACpD,YAAY,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACpD,YAAY,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,MAAM,2GAgGlB,CAAC"}

package/dist/components/Button/button.variants.d.ts

@@ -21,6 +21,7 @@ export declare const buttonVariants: {
         readonly ghost: "ath-button-ghost";
     };
     readonly dark: "ath-button-dark";
+    readonly wrap: "ath-button-wrap";
 };
 export type ButtonSize = keyof typeof buttonVariants.size;
 export type ButtonVariant = keyof typeof buttonVariants.variant;

package/dist/components/Button/button.variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.variants.d.ts","sourceRoot":"","sources":["../../../components/Button/button.variants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;CAuBjB,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,cAAc,CAAC,IAAI,CAAC;AAC1D,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,cAAc,CAAC,OAAO,CAAC;AAChE,MAAM,MAAM,UAAU,GAAG,OAAO,cAAc,CAAC,IAAI,CAAC;AACpD,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,cAAc,CAAC,YAAY,CAAC"}
+{"version":3,"file":"button.variants.d.ts","sourceRoot":"","sources":["../../../components/Button/button.variants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;CAwBjB,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,cAAc,CAAC,IAAI,CAAC;AAC1D,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,cAAc,CAAC,OAAO,CAAC;AAChE,MAAM,MAAM,UAAU,GAAG,OAAO,cAAc,CAAC,IAAI,CAAC;AACpD,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,cAAc,CAAC,YAAY,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../components/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA8B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAM3C,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE;QACV,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;KAC9C,CAAC;IACF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,EAAE,CAAC,EAAE;QACH,QAAQ,CAAC,EAAE,SAAS,CAAC;KACtB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,4CAKtB,aAAa,qDA4Df,CAAC"}
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../components/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA8B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAM3C,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE;QACV,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;KAC9C,CAAC;IACF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,EAAE,CAAC,EAAE;QACH,QAAQ,CAAC,EAAE,SAAS,CAAC;KACtB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,4CAKtB,aAAa,qDAgEf,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../components/FormField/FormField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAA2B,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAI3C,OAAO,kBAAkB,CAAC;AAE1B,MAAM,MAAM,cAAc,GAAG;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE;QACV,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC9C,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC1C,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC1C,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC/C,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC1C,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;KAC9C,CAAC;IACF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,EAAE,CAAC,EAAE;QACH,SAAS,CAAC,EAAE,SAAS,CAAC;QACtB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,UAAU,CAAC,EAAE,SAAS,CAAC;QACvB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;KACtB,CAAC;IACF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EACD,MAAM,GACN,OAAO,GACP,UAAU,GACV,KAAK,GACL,KAAK,GACL,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB,QAAQ,EAAE,CACR,CAAC,EACG,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,GACnC,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KACvC,IAAI,CAAC;IACV,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CACpC,gBAAgB,GAAG,mBAAmB,CACvC,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgL9C,CAAC"}
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../components/FormField/FormField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAA2B,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAI3C,OAAO,kBAAkB,CAAC;AAE1B,MAAM,MAAM,cAAc,GAAG;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE;QACV,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC9C,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC1C,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC1C,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC/C,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC1C,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;KAC9C,CAAC;IACF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,EAAE,CAAC,EAAE;QACH,SAAS,CAAC,EAAE,SAAS,CAAC;QACtB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,UAAU,CAAC,EAAE,SAAS,CAAC;QACvB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;KACtB,CAAC;IACF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EACD,MAAM,GACN,OAAO,GACP,UAAU,GACV,KAAK,GACL,KAAK,GACL,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB,QAAQ,EAAE,CACR,CAAC,EACG,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,GACnC,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KACvC,IAAI,CAAC;IACV,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CACpC,gBAAgB,GAAG,mBAAmB,CACvC,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAiL9C,CAAC"}

package/dist/styles/breakpoints.d.ts

@@ -10,4 +10,20 @@ export declare const breakpoints: {
 };
 export type Breakpoints = typeof breakpoints;
 export type Breakpoint = keyof typeof breakpoints;
+export declare const minXs: string;
+export declare const minSm: string;
+export declare const minMd: string;
+export declare const minLg: string;
+export declare const minXl: string;
+export declare const min2xl: string;
+export declare const min3xl: string;
+export declare const min4xl: string;
+export declare const maxXs: string;
+export declare const maxSm: string;
+export declare const maxMd: string;
+export declare const maxLg: string;
+export declare const maxXl: string;
+export declare const max2xl: string;
+export declare const max3xl: string;
+export declare const max4xl: string;
 //# sourceMappingURL=breakpoints.d.ts.map

package/dist/styles/breakpoints.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../styles/breakpoints.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;CASd,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAC;AAC7C,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,WAAW,CAAC"}
+{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../styles/breakpoints.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;CASd,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAC;AAC7C,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,WAAW,CAAC;AAKlD,eAAO,MAAM,KAAK,QAA2B,CAAC;AAC9C,eAAO,MAAM,KAAK,QAA2B,CAAC;AAC9C,eAAO,MAAM,KAAK,QAA2B,CAAC;AAC9C,eAAO,MAAM,KAAK,QAA2B,CAAC;AAC9C,eAAO,MAAM,KAAK,QAA2B,CAAC;AAC9C,eAAO,MAAM,MAAM,QAA+B,CAAC;AACnD,eAAO,MAAM,MAAM,QAA+B,CAAC;AACnD,eAAO,MAAM,MAAM,QAA+B,CAAC;AAEnD,eAAO,MAAM,KAAK,QAA2B,CAAC;AAC9C,eAAO,MAAM,KAAK,QAA2B,CAAC;AAC9C,eAAO,MAAM,KAAK,QAA2B,CAAC;AAC9C,eAAO,MAAM,KAAK,QAA2B,CAAC;AAC9C,eAAO,MAAM,KAAK,QAA2B,CAAC;AAC9C,eAAO,MAAM,MAAM,QAA+B,CAAC;AACnD,eAAO,MAAM,MAAM,QAA+B,CAAC;AACnD,eAAO,MAAM,MAAM,QAA+B,CAAC"}

package/dist/styles/breakpoints.ts

@@ -11,3 +11,24 @@ export const breakpoints = {
 
 export type Breakpoints = typeof breakpoints;
 export type Breakpoint = keyof typeof breakpoints;
+
+const minWidth = (width: number) => `@media (min-width: ${width}px)`;
+const maxWidth = (width: number) => `@media (max-width: ${width - 1}px)`;
+
+export const minXs = minWidth(breakpoints.xs);
+export const minSm = minWidth(breakpoints.sm);
+export const minMd = minWidth(breakpoints.md);
+export const minLg = minWidth(breakpoints.lg);
+export const minXl = minWidth(breakpoints.xl);
+export const min2xl = minWidth(breakpoints["2xl"]);
+export const min3xl = minWidth(breakpoints["3xl"]);
+export const min4xl = minWidth(breakpoints["4xl"]);
+
+export const maxXs = maxWidth(breakpoints.xs);
+export const maxSm = maxWidth(breakpoints.sm);
+export const maxMd = maxWidth(breakpoints.md);
+export const maxLg = maxWidth(breakpoints.lg);
+export const maxXl = maxWidth(breakpoints.xl);
+export const max2xl = maxWidth(breakpoints["2xl"]);
+export const max3xl = maxWidth(breakpoints["3xl"]);
+export const max4xl = maxWidth(breakpoints["4xl"]);

package/dist/styles/components/button.css

@@ -7,7 +7,6 @@
     cursor: pointer;
     display: flex;
     align-items: center;
-    white-space: nowrap;
 
     transition:
       box-shadow 0.2s ease-in-out,
@@ -68,6 +67,10 @@
     }
   }
 
+  .ath-button-wrap {
+    white-space: nowrap;
+  }
+
   .ath-button-small {
     font-size: var(--font-size-md);
     line-height: var(--font-size-md);

package/dist/styles/components/carousel.css

@@ -30,14 +30,21 @@
     transition: opacity 0.2s ease-in-out;
   }
   .ath-carousel-left-arrow {
-    left: 5px;
+    left: 10px;
   }
   .ath-carousel-right-arrow {
-    right: 5px;
+    right: 10px;
   }
   .ath-carousel-hover {
     .ath-carousel-arrow {
       opacity: 0.75;
     }
   }
+  .ath-carousel-empty {
+    display: flex;
+    align-items: center;
+    min-height: 4rem;
+    padding: 1rem;
+    color: var(--color-tertiary-300);
+  }
 }

package/dist/styles/components/form-input.css

@@ -14,6 +14,11 @@
     gap: 0.75rem;
     align-items: center;
   }
+  .ath-form-input-container-readonly {
+    width: 100%;
+    margin-top: 1rem;
+    line-height: 1.25;
+  }
 
   /* Base input styles */
   .ath-form-text-input {
@@ -24,12 +29,6 @@
     outline-offset: -1px;
     transition: all 0.2s ease;
     min-width: 0;
-    &:read-only {
-      background-color: transparent;
-      outline: none;
-      color: var(--color-tertiary-600);
-    padding-left: 0;
-    }
   }
   .ath-form-text-input:focus {
     outline: 2px solid var(--color-primary-vibrant-500);
@@ -102,13 +101,34 @@
     cursor: not-allowed;
   }
 
+  .ath-form-text-input:read-only,
+  .ath-form-text-input-readonly,
+  .ath-form-textarea:read-only,
+  .ath-form-textarea-readonly,
   .ath-form-input-readonly,
-  .ath-form-textarea-readonly {
+  .ath-form-input-shared-readonly {
+    margin-top: 0.2rem;
+    padding: 0;
+    color: var(--color-tertiary-600);
     background-color: transparent;
     outline: none;
     border: none;
+    box-shadow: none;
     cursor: default;
   }
+  .ath-form-text-input:read-only:focus,
+  .ath-form-text-input-readonly:focus,
+  .ath-form-textarea:read-only:focus,
+  .ath-form-textarea-readonly:focus {
+    outline: none;
+    border: none;
+  }
+  .ath-form-textarea:read-only,
+  .ath-form-textarea-readonly {
+    min-height: 0;
+    resize: none;
+    overflow: hidden;
+  }
 
   /* Error message */
   .ath-form-input-error-message {

package/dist/styles/tokens.css

@@ -165,7 +165,6 @@
 }
 
 @layer base {
-
   *,
   ::before,
   ::after {
@@ -175,7 +174,6 @@
     background-color: var(--color-primary-500);
     color: var(--color-text-light);
     font-family: var(--font-family-sans);
-    font-size: var(--font-size-md);
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     margin: 0;
@@ -184,7 +182,6 @@
   h1 {
     color: var(--color-text-light);
     font-size: var(--font-size-2xl);
-    /* font-size: var(--font-size-3xl); */
     font-weight: 300;
     margin: 0 0 1rem;
     line-height: normal;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "athameui",
   "private": false,
-  "version": "0.0.10",
+  "version": "0.0.12",
   "type": "module",
   "main": "./dist/athameui.cjs",
   "module": "./dist/athameui.mjs",

package/styles/breakpoints.ts

@@ -11,3 +11,24 @@ export const breakpoints = {
 
 export type Breakpoints = typeof breakpoints;
 export type Breakpoint = keyof typeof breakpoints;
+
+const minWidth = (width: number) => `@media (min-width: ${width}px)`;
+const maxWidth = (width: number) => `@media (max-width: ${width - 1}px)`;
+
+export const minXs = minWidth(breakpoints.xs);
+export const minSm = minWidth(breakpoints.sm);
+export const minMd = minWidth(breakpoints.md);
+export const minLg = minWidth(breakpoints.lg);
+export const minXl = minWidth(breakpoints.xl);
+export const min2xl = minWidth(breakpoints["2xl"]);
+export const min3xl = minWidth(breakpoints["3xl"]);
+export const min4xl = minWidth(breakpoints["4xl"]);
+
+export const maxXs = maxWidth(breakpoints.xs);
+export const maxSm = maxWidth(breakpoints.sm);
+export const maxMd = maxWidth(breakpoints.md);
+export const maxLg = maxWidth(breakpoints.lg);
+export const maxXl = maxWidth(breakpoints.xl);
+export const max2xl = maxWidth(breakpoints["2xl"]);
+export const max3xl = maxWidth(breakpoints["3xl"]);
+export const max4xl = maxWidth(breakpoints["4xl"]);

package/styles/components/button.css

@@ -7,7 +7,6 @@
     cursor: pointer;
     display: flex;
     align-items: center;
-    white-space: nowrap;
 
     transition:
       box-shadow 0.2s ease-in-out,
@@ -68,6 +67,10 @@
     }
   }
 
+  .ath-button-wrap {
+    white-space: nowrap;
+  }
+
   .ath-button-small {
     font-size: var(--font-size-md);
     line-height: var(--font-size-md);

package/styles/components/carousel.css

@@ -30,14 +30,21 @@
     transition: opacity 0.2s ease-in-out;
   }
   .ath-carousel-left-arrow {
-    left: 5px;
+    left: 10px;
   }
   .ath-carousel-right-arrow {
-    right: 5px;
+    right: 10px;
   }
   .ath-carousel-hover {
     .ath-carousel-arrow {
       opacity: 0.75;
     }
   }
+  .ath-carousel-empty {
+    display: flex;
+    align-items: center;
+    min-height: 4rem;
+    padding: 1rem;
+    color: var(--color-tertiary-300);
+  }
 }

package/styles/components/form-input.css

@@ -14,6 +14,11 @@
     gap: 0.75rem;
     align-items: center;
   }
+  .ath-form-input-container-readonly {
+    width: 100%;
+    margin-top: 1rem;
+    line-height: 1.25;
+  }
 
   /* Base input styles */
   .ath-form-text-input {
@@ -24,12 +29,6 @@
     outline-offset: -1px;
     transition: all 0.2s ease;
     min-width: 0;
-    &:read-only {
-      background-color: transparent;
-      outline: none;
-      color: var(--color-tertiary-600);
-    padding-left: 0;
-    }
   }
   .ath-form-text-input:focus {
     outline: 2px solid var(--color-primary-vibrant-500);
@@ -102,13 +101,34 @@
     cursor: not-allowed;
   }
 
+  .ath-form-text-input:read-only,
+  .ath-form-text-input-readonly,
+  .ath-form-textarea:read-only,
+  .ath-form-textarea-readonly,
   .ath-form-input-readonly,
-  .ath-form-textarea-readonly {
+  .ath-form-input-shared-readonly {
+    margin-top: 0.2rem;
+    padding: 0;
+    color: var(--color-tertiary-600);
     background-color: transparent;
     outline: none;
     border: none;
+    box-shadow: none;
     cursor: default;
   }
+  .ath-form-text-input:read-only:focus,
+  .ath-form-text-input-readonly:focus,
+  .ath-form-textarea:read-only:focus,
+  .ath-form-textarea-readonly:focus {
+    outline: none;
+    border: none;
+  }
+  .ath-form-textarea:read-only,
+  .ath-form-textarea-readonly {
+    min-height: 0;
+    resize: none;
+    overflow: hidden;
+  }
 
   /* Error message */
   .ath-form-input-error-message {

package/styles/tokens.css

@@ -165,7 +165,6 @@
 }
 
 @layer base {
-
   *,
   ::before,
   ::after {
@@ -175,7 +174,6 @@
     background-color: var(--color-primary-500);
     color: var(--color-text-light);
     font-family: var(--font-family-sans);
-    font-size: var(--font-size-md);
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     margin: 0;
@@ -184,7 +182,6 @@
   h1 {
     color: var(--color-text-light);
     font-size: var(--font-size-2xl);
-    /* font-size: var(--font-size-3xl); */
     font-weight: 300;
     margin: 0 0 1rem;
     line-height: normal;