athameui 0.0.7 → 0.0.9-c

package/dist/components/Avatar/Avatar.d.ts

@@ -6,7 +6,7 @@ type AvatarProps = {
         avatar?: string;
         initials?: string;
     };
-    size?: number;
+    size?: "small" | "medium" | "large" | "profile";
     sx?: {
         avatar?: CSSObject;
         initials?: CSSObject;

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../components/Avatar/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG3C,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE;QACV,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;KAEnB,CAAC;IACF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE;QACH,MAAM,CAAC,EAAE,SAAS,CAAC;QACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;KAEtB,CAAC;CACH,CAAC;AAGF,eAAO,MAAM,MAAM,GAAI,uCAKpB,WAAW,qDAwBb,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG3C,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE;QACV,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;KAEnB,CAAC;IACF,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAChD,EAAE,CAAC,EAAE;QACH,MAAM,CAAC,EAAE,SAAS,CAAC;QACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;KAEtB,CAAC;CACH,CAAC;AAGF,eAAO,MAAM,MAAM,GAAI,uCAKpB,WAAW,qDAmBb,CAAC"}

package/dist/components/Block/Block.d.ts

@@ -0,0 +1,13 @@
+import { CSSObject } from "@emotion/react";
+type BlockProps = {
+    children: React.ReactNode;
+    className?: {
+        block?: string | false | null | undefined;
+    };
+    sx?: {
+        block: CSSObject;
+    };
+};
+export declare const Block: ({ children, className, sx }: BlockProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Block.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Block.d.ts","sourceRoot":"","sources":["../../../components/Block/Block.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG3C,KAAK,UAAU,GAAG;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE;QACV,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;KAC3C,CAAC;IACF,EAAE,CAAC,EAAE;QACH,KAAK,EAAE,SAAS,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,6BAA6B,UAAU,qDAQ5D,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from "./Block";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/Block/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/components/DropDown/Dropdown.d.ts

@@ -0,0 +1,14 @@
+import { CSSObject } from "@emotion/react";
+export type DropdownProps = {
+    children: React.ReactNode;
+    className?: {
+        dropdown?: string | false | null | undefined;
+    };
+    isOpen: boolean;
+    sx?: {
+        dropdown?: CSSObject;
+    };
+    onClose: () => void;
+};
+export declare const Dropdown: ({ children, className, isOpen, sx, onClose, }: DropdownProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Dropdown.d.ts.map

package/dist/components/DropDown/Dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../components/DropDown/Dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG3C,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE;QACV,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;KAC9C,CAAC;IACF,MAAM,EAAE,OAAO,CAAC;IAChB,EAAE,CAAC,EAAE;QACH,QAAQ,CAAC,EAAE,SAAS,CAAC;KACtB,CAAC;IAEF,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,+CAOtB,aAAa,qDAmCf,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from "./Dropdown";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/DropDown/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/components/{FormElements/FormInput.d.ts → FormField/FormField.d.ts}

@@ -1,6 +1,7 @@
 import React, { ReactNode } from "react";
 import { CSSObject } from "@emotion/react";
-export type FormInputProps = {
+import "../FormTextInput";
+export type FormFieldProps = {
     autoComplete?: string;
     autoFocus?: boolean;
     autoResize?: boolean;
@@ -16,11 +17,12 @@ export type FormInputProps = {
     disabled?: boolean;
     error?: string;
     helperText?: string | ReactNode;
+    id?: string;
     label?: string | ReactNode;
     labelPosition?: "left" | "right" | "above" | "below";
     name?: string;
     placeholder?: string;
-    readonly?: boolean;
+    readOnly?: boolean;
     required?: boolean;
     role?: string;
     size?: "large" | "medium" | "small";
@@ -38,5 +40,5 @@ export type FormInputProps = {
     onChange: (e: React.ChangeEvent<HTMLInputElement> | React.ChangeEvent<HTMLTextAreaElement>) => void;
     onKeyDown?: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;
 };
-export declare const FormInput: React.FC<FormInputProps>;
-//# sourceMappingURL=FormInput.d.ts.map
+export declare const FormField: React.FC<FormFieldProps>;
+//# sourceMappingURL=FormField.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,2 @@
+export * from "./FormField";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/FormField/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/components/{FormElements/FormInputLabel.d.ts → FormLabel/FormLabel.d.ts}

@@ -1,6 +1,6 @@
 import { ReactNode } from "react";
 import { CSSObject } from "@emotion/react";
-type LabelProps = React.LabelHTMLAttributes<HTMLLabelElement> & {
+type FormLabelProps = React.LabelHTMLAttributes<HTMLLabelElement> & {
     label: string | ReactNode;
     required?: boolean;
     className?: {
@@ -14,6 +14,6 @@ type LabelProps = React.LabelHTMLAttributes<HTMLLabelElement> & {
         required?: CSSObject;
     };
 };
-export declare const FormInputLabel: ({ label, required, className, labelPosition, dark, sx, ...rest }: LabelProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const FormLabel: ({ label, required, className, labelPosition, dark, sx, ...other }: FormLabelProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=FormInputLabel.d.ts.map
+//# sourceMappingURL=FormLabel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormLabel.d.ts","sourceRoot":"","sources":["../../../components/FormLabel/FormLabel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG3C,KAAK,cAAc,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IAClE,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE;QACV,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,aAAa,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;IACrD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,EAAE,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,SAAS,CAAC;QAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;KAAE,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,mEAQvB,cAAc,qDA4BhB,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from "./FormLabel";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/FormLabel/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/components/FormTextInput/FormTextInput.d.ts

@@ -0,0 +1,27 @@
+import { CSSObject } from "@emotion/react";
+type FormTextInputProps = {
+    autoComplete?: string;
+    autoFocus?: boolean;
+    className?: {
+        input?: string | false | null | undefined;
+    };
+    dark?: boolean;
+    disabled?: boolean;
+    error?: string;
+    id?: string;
+    name?: string;
+    placeholder?: string;
+    readOnly?: boolean;
+    size?: "large" | "medium" | "small";
+    sx?: {
+        input?: CSSObject;
+    };
+    tabIndex?: number;
+    type?: "text" | "email" | "password" | "tel" | "url" | "search" | "number" | "date";
+    value?: string | number;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
+};
+export declare const FormTextInput: ({ autoComplete, autoFocus, className, dark, error, disabled, id, name, placeholder, readOnly, size, sx, tabIndex, type, value, onChange, onKeyDown, ...other }: FormTextInputProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FormTextInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormTextInput.d.ts","sourceRoot":"","sources":["../../../components/FormTextInput/FormTextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG3C,KAAK,kBAAkB,GAAG;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE;QACV,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;KAC3C,CAAC;IACF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,EAAE,CAAC,EAAE;QACH,KAAK,CAAC,EAAE,SAAS,CAAC;KACnB,CAAC;IACF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EACD,MAAM,GACN,OAAO,GACP,UAAU,GACV,KAAK,GACL,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC3D,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAC;CAC1D,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,gKAoB3B,kBAAkB,qDAoCpB,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from "./FormTextInput";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/FormTextInput/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/components/Layout/Main.d.ts

@@ -1,10 +1,14 @@
 import type { CSSObject } from "@emotion/react";
 type MainProps = {
     children?: React.ReactNode;
-    className?: string | {
+    className?: {
         main?: string | false | null | undefined;
-    } | false | undefined | null;
-    sx?: CSSObject;
+        mainContent?: string | false | null | undefined;
+    };
+    sx?: {
+        main?: CSSObject;
+        mainContent?: CSSObject;
+    };
 };
 export declare const Main: ({ children, className, sx }: MainProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Layout/Main.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Main.d.ts","sourceRoot":"","sources":["../../../components/Layout/Main.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAGhD,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EACN,MAAM,GACN;QACE,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;KAC1C,GACD,KAAK,GACL,SAAS,GACT,IAAI,CAAC;IACT,EAAE,CAAC,EAAE,SAAS,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,6BAA6B,SAAS,qDAa1D,CAAC"}
+{"version":3,"file":"Main.d.ts","sourceRoot":"","sources":["../../../components/Layout/Main.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAGhD,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE;QACV,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QACzC,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;KACjD,CAAC;IAEF,EAAE,CAAC,EAAE;QACH,IAAI,CAAC,EAAE,SAAS,CAAC;QACjB,WAAW,CAAC,EAAE,SAAS,CAAC;KACzB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,6BAA6B,SAAS,qDAoB1D,CAAC"}

package/dist/components/Search/Search.d.ts

@@ -13,6 +13,7 @@ type SearchProps = {
         searchButton?: string | CSSObject;
     };
     dark?: boolean;
+    id?: string;
     inputSize?: "large" | "medium" | "small";
     label?: string;
     labelPosition?: "left" | "right" | "above" | "below";
@@ -35,6 +36,6 @@ type SearchProps = {
     onSearch?: (searchTerm: string | number | undefined) => void;
     setSearchTerm: (e: React.ChangeEvent<HTMLInputElement>) => void;
 };
-export declare const Search: ({ autoFocus, buttonSize, buttonText, buttonVariant, className, dark, inputSize, label, labelPosition, resultsAriaLive, resultsLabel, searchLabel, searchRole, searchTerm, showResultsCount, showSearchButton, sx, totalResultsCount, onSearch, setSearchTerm, ...rest }: SearchProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Search: ({ autoFocus, buttonSize, buttonText, buttonVariant, className, dark, id, inputSize, label, labelPosition, resultsAriaLive, resultsLabel, searchLabel, searchRole, searchTerm, showResultsCount, showSearchButton, sx, totalResultsCount, onSearch, setSearchTerm, ...other }: SearchProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Search.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../components/Search/Search.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,CAAC;IAC3E,SAAS,CAAC,EAAE;QACV,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QACnC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QACjC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QAChC,oBAAoB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QAC1C,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;KACnC,CAAC;IACF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IACrD,eAAe,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,KAAK,CAAC;IACjD,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,EAAE,CAAC,EAAE;QACH,aAAa,CAAC,EAAE,SAAS,CAAC;QAC1B,WAAW,CAAC,EAAE,SAAS,CAAC;QACxB,UAAU,CAAC,EAAE,SAAS,CAAC;QACvB,oBAAoB,CAAC,EAAE,SAAS,CAAC;QACjC,YAAY,CAAC,EAAE,SAAS,CAAC;KAC1B,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC7D,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACjE,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,yQAwBpB,WAAW,qDAmGb,CAAC"}
+{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../components/Search/Search.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,CAAC;IAC3E,SAAS,CAAC,EAAE;QACV,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QACnC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QACjC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QAChC,oBAAoB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QAC1C,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;KACnC,CAAC;IACF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IACrD,eAAe,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,KAAK,CAAC;IACjD,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,EAAE,CAAC,EAAE;QACH,aAAa,CAAC,EAAE,SAAS,CAAC;QAC1B,WAAW,CAAC,EAAE,SAAS,CAAC;QACxB,UAAU,CAAC,EAAE,SAAS,CAAC;QACvB,oBAAoB,CAAC,EAAE,SAAS,CAAC;QACjC,YAAY,CAAC,EAAE,SAAS,CAAC;KAC1B,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC7D,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACjE,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,8QAyBpB,WAAW,qDAoGb,CAAC"}

package/dist/components/SlideOut/SlideOut.d.ts

@@ -0,0 +1,21 @@
+import { CSSObject } from "@emotion/react";
+export type SlideOutProps = {
+    children: React.ReactNode;
+    className?: {
+        slideOut?: string | false | null | undefined;
+        overlay?: string | false | null | undefined;
+        panel?: string | false | null | undefined;
+        closeButton?: string | false | null | undefined;
+    };
+    from?: "left" | "right";
+    isOpen?: boolean;
+    sx?: {
+        slideOut?: CSSObject;
+        overlay?: CSSObject;
+        panel?: CSSObject;
+        closeButton?: CSSObject;
+    };
+    onClose: () => void;
+};
+export declare const SlideOut: ({ children, className, from, isOpen, sx, onClose, }: SlideOutProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SlideOut.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SlideOut.d.ts","sourceRoot":"","sources":["../../../components/SlideOut/SlideOut.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAM3C,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE;QACV,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC7C,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC5C,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC1C,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;KACjD,CAAC;IACF,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,EAAE,CAAC,EAAE;QACH,QAAQ,CAAC,EAAE,SAAS,CAAC;QACrB,OAAO,CAAC,EAAE,SAAS,CAAC;QACpB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,WAAW,CAAC,EAAE,SAAS,CAAC;KACzB,CAAC;IAEF,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,qDAQtB,aAAa,qDAoCf,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from "./SlideOut";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/SlideOut/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/components/index.d.ts

@@ -1,12 +1,17 @@
 export * from "./Accordion";
 export * from "./Avatar";
+export * from "./Block";
 export * from "./Button";
 export * from "./ButtonGroup";
+export * from "./DropDown";
 export * from "./ContainerScalingText";
-export * from "./FormElements";
+export * from "./FormField";
+export * from "./FormLabel";
+export * from "./FormTextInput";
 export * from "./Header";
 export * from "./Layout";
 export * from "./List";
 export * from "./Modal";
 export * from "./Search";
+export * from "./SlideOut";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC"}

package/dist/styles/breakpoints.d.ts

@@ -0,0 +1,13 @@
+export declare const breakpoints: {
+    readonly xs: 320;
+    readonly sm: 480;
+    readonly md: 620;
+    readonly lg: 768;
+    readonly xl: 896;
+    readonly "2xl": 1024;
+    readonly "3xl": 1280;
+    readonly "4xl": 1536;
+};
+export type Breakpoints = typeof breakpoints;
+export type Breakpoint = keyof typeof breakpoints;
+//# sourceMappingURL=breakpoints.d.ts.map

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

@@ -0,0 +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"}

package/dist/styles/breakpoints.ts

@@ -0,0 +1,13 @@
+export const breakpoints = {
+  xs: 320,
+  sm: 480,
+  md: 620,
+  lg: 768,
+  xl: 896,
+  "2xl": 1024,
+  "3xl": 1280,
+  "4xl": 1536,
+} as const;
+
+export type Breakpoints = typeof breakpoints;
+export type Breakpoint = keyof typeof breakpoints;

package/dist/styles/components/accordion.css

@@ -4,48 +4,48 @@
   .ath-accordion {
     display: flex;
     flex-direction: column;
-    font-size: var(--font-size-md);
     margin: 0;
     width: 100%;
     border-radius: 3px;
     overflow: hidden;
-  }
 
-  .ath-accordion-item {
-    width: 100%;
-    border-bottom: 1px solid var(--color-primary-200);
-    list-style-type: none;
-  }
+    .ath-accordion-item-heading {
+      white-space: normal;
+      width: 100%;
+      padding: 10px;
+      background-color: transparent;
+      border: none;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      cursor: pointer;
+      color: var(--color-tertiary-50);
+      text-align: left;
+      transition:
+        background-color 0.2s ease,
+        color 0.2s ease;
+      border-radius: 0;
 
-  .ath-accordion-item-heading {
-    width: 100%;
-    padding: 12px 20px;
-    background-color: transparent;
-    border: none;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    cursor: pointer;
-    color: var(--color-tertiary-50);
-    text-align: left;
-    transition:
-      background-color 0.2s ease,
-      color 0.2s ease;
-    border-radius: 0;
+      &:active {
+        scale: 1;
+      }
 
-    &:active {
-      scale: 1;
-    }
+      &:hover {
+        background-color: var(--color-primary-50);
+        color: var(--color-primary-600);
+      }
 
-    &:hover {
-      background-color: var(--color-primary-50);
-      color: var(--color-primary-600);
+      &:focus {
+        color: var(--color-primary-600);
+        background-color: var(--color-primary-50);
+      }
     }
+  }
 
-    &:focus {
-      color: var(--color-primary-600);
-      background-color: var(--color-primary-50);
-    }
+  .ath-accordion-item {
+    width: 100%;
+    border-bottom: 1px solid var(--color-primary-200);
+    list-style-type: none;
   }
 
   .ath-accordion-item-heading-disabled {
@@ -71,7 +71,7 @@
     flex: 1;
     margin-right: 12px;
     font-weight: 600;
-    font-size: 18px;
+    font-size: var(--font-size-md);
   }
 
   .ath-accordion-item-icon {
@@ -91,8 +91,11 @@
   }
 
   .ath-accordion-content-wrapper {
-    padding: 14px 20px 14px 40px;
+    padding: 14px 20px 14px 20px;
+    /* padding: 14px 20px 14px 40px; */
     background-color: rgb(from var(--color-primary-50) r g b / 0.01);
-    font-size: var(--font-size-lg);
+    /* font-size: var(--font-size-lg); */
+    font-size: var(--font-size-md);
+    line-height: 1.5;
   }
 }

package/dist/styles/components/avatar.css

@@ -2,18 +2,39 @@
 
 @layer components {
   .ath-avatar {
-    border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     background-color: var(--color-secondary-700);
-  }
-
-  .ath-avatar-initials {
+    border-radius: 50%;
     color: var(--color-tertiary-100);
     font-weight: 500;
   }
 
+  .ath-avatar-small {
+    width: 32px;
+    height: 32px;
+    font-size: 16px;
+  }
+
+  .ath-avatar-medium {
+    width: 42px;
+    height: 42px;
+    font-size: 24px;
+  }
+
+  .ath-avatar-large {
+    width: 64px;
+    height: 64px;
+    font-size: 32px;
+  }
+
+  .ath-avatar-profile {
+    width: 135px;
+    height: 135px;
+    font-size: 60px;
+  }
+
   .ath-avatar-image {
     width: 100%;
     height: 100%;

package/dist/styles/components/block.css

@@ -0,0 +1,8 @@
+@layer components {
+  .ath-block {
+    /* width: 100%; */
+    display: flex;
+    flex-direction: column;
+    margin-bottom: 15px;
+  }
+}

package/dist/styles/components/button.css

@@ -12,7 +12,7 @@
     transition:
       box-shadow 0.2s ease-in-out,
       scale 0.1s ease-in-out,
-      text-shadow 0s ease-in-out,
+      text-shadow 0.1s ease-in-out,
       transform 0.1s ease-in-out,
       filter 0.2s ease-in-out;
 
@@ -116,7 +116,7 @@
   .ath-button-full {
     font-size: var(--font-size-lg);
     line-height: var(--font-size-xl);
-    width: 100%;
+    /* width: 100%; */
     justify-content: center;
     padding: 10px 40px;
 

package/dist/styles/components/dropdown.css

@@ -0,0 +1,18 @@
+@import "../tokens.css";
+
+@layer components {
+  .ath-dropdown {
+    display: none;
+    position: absolute;
+    z-index: 10;
+    background-color: var(--color-tertiary-100);
+    border-radius: var(--radius-sm);
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+    padding: 8px;
+    min-width: 160px;
+  }
+
+  .ath-dropdown-open {
+    display: block;
+  }
+}

package/dist/styles/components/footer.css

@@ -4,7 +4,6 @@
   .ath-footer {
     background-color: var(--color-secondary-700);
     overflow-x: hidden;
-    width: 100%;
     padding: 16px 32px;
     display: flex;
     flex-wrap: wrap;

package/dist/styles/components/{form-elements.css → form-input.css}

@@ -1,49 +1,6 @@
 @import "../tokens.css";
 
 @layer component {
-  /* ----- Form Input Label Styles ----- */
-  .ath-form-input-label {
-    font-size: var(--font-size-md);
-    font-weight: 500;
-    display: flex;
-    gap: 0.25rem;
-    color: var(--color-primary-900);
-  }
-
-  .ath-form-input-label-dark {
-    color: var(--color-tertiary-50);
-  }
-
-  .ath-form-input-label-left {
-    flex-direction: row;
-    margin-right: 0.5rem;
-    align-self: flex-start;
-  }
-
-  .ath-form-input-label-right {
-    flex-direction: row-reverse;
-    margin-left: 0.5rem;
-    align-self: flex-end;
-  }
-
-  .ath-form-input-label-above {
-    /* flex-direction: column; */
-    margin-bottom: 0.25rem;
-  }
-
-  .ath-form-input-label-below {
-    flex-direction: column-reverse;
-    margin-top: 0.25rem;
-  }
-
-  .ath-form-input-label-required {
-    color: var(--color-error-500);
-    font-size: var(--font-size-md);
-  }
-
-  /* ----- Form Input Styles ----- */
-
-  /* Container styles */
   .ath-form-input-container {
     display: flex;
     flex-direction: column;
@@ -59,7 +16,7 @@
   }
 
   /* Base input styles */
-  .ath-form-input {
+  .ath-form-text-input {
     margin-top: 3px;
     border-radius: var(--radius-md);
     border: none;
@@ -68,26 +25,26 @@
     transition: all 0.2s ease;
     min-width: 0;
   }
-  .ath-form-input:focus {
+  .ath-form-text-input:focus {
     outline: 2px solid var(--color-primary-vibrant-500);
     outline-offset: 2px;
     border-color: var(--color-primary-vibrant-500);
   }
-  .ath-form-input::placeholder {
+  .ath-form-text-input::placeholder {
     color: var(--color-primary-300);
   }
 
   /* Size variants */
-  .ath-form-input-large {
+  .ath-form-text-input-large {
     padding: 0.75rem;
     font-size: var(--font-size-lg);
   }
-  .ath-form-input-medium {
+  .ath-form-text-input-medium {
     font-size: var(--font-size-md);
     line-height: var(--font-size-lg);
     padding: 8px 15px;
   }
-  .ath-form-input-small {
+  .ath-form-text-input-small {
     padding: 0.3rem;
     font-size: var(--font-size-xs);
   }
@@ -119,11 +76,11 @@
   }
 
   /* State variants */
-  .ath-form-input-error,
+  .ath-form-text-input-error,
   .ath-form-textarea-error {
     border-color: var(--color-error-vibrant-500);
   }
-  .ath-form-input-error:focus,
+  .ath-form-text-input-error:focus,
   .ath-form-textarea-error:focus {
     outline: 2px solid var(--color-error-vibrant-500);
     border-color: var(--color-error-vibrant-500);