@new-black/lyra 0.0.4 → 0.0.6

package/README.md

@@ -0,0 +1,75 @@
+# Lyra - Design System
+
+**Note: This package is currently under development and should not be used in a production environment.**
+
+Lyra is a comprehensive design system aimed at providing consistent and reusable components, styles, and guidelines for building user interfaces. It is designed to streamline the UI development process and ensure a cohesive visual and interactive experience across all projects.
+
+## Features
+
+- Pre-defined UI components such as buttons, accordions, modals, etc.
+- Consistent typography, colors, and spacing guidelines, we use Tailwind for that.
+- Accessibility considerations implemented by default (react-aria).
+- Theming capabilities to match various branding requirements.
+
+## Installation
+
+```bash
+npm install @new-black/lyra
+```
+
+```bash
+npm i @new-black/lyra
+```
+
+or
+
+```bash
+yarn add @new-black/lyra
+```
+
+```ts
+// tailwind.config.ts
+import { lyraPreset } from "@new-black/lyra";
+
+export default {
+  presets: [lyraPreset],
+  ...
+} satisfies Config;
+
+```
+
+```tsx
+// Some root component
+import { Provider } from "@new-black/lyra";
+
+export const Root = () => {
+  return (
+    <Provider locale="en">
+      <App />
+    </Provider>
+  );
+};
+```
+
+## Usage
+
+Once installed, you can import Lyra components and styles into your project:
+
+```javascript
+import { Button, Accordion } from "@new-black/lyra";
+```
+
+Check out the documentation (not yet available) for a detailed guide on using and customizing Lyra.
+
+## Roadmap
+
+Our future plans for Lyra include:
+
+- Adding more components and design elements.
+- Enhancing documentation with usage examples and guidelines.
+
+Please note that this roadmap is subject to change as the project evolves.
+
+```
+
+```

package/dist/components/accordion/accordion.d.ts

@@ -0,0 +1,29 @@
+import { ForwardedRef } from "react";
+import { DOMRef, Selection } from "@react-types/shared";
+import { AriaAccordionProps } from "@react-types/accordion";
+type ItemState = {
+    isDisabled?: boolean;
+    isOpen?: boolean;
+    isHovered?: boolean;
+    isFocused?: boolean;
+    isFocusVisible?: boolean;
+};
+export type AccordionProps<T extends object> = AriaAccordionProps<T> & {
+    className?: string;
+    itemClassName?: (state: ItemState) => string;
+    disableAccordionContentPadding?: boolean;
+};
+declare function AccordionRoot<T extends object>({ className, disableAccordionContentPadding, itemClassName, ...props }: AccordionProps<T>, ref: ForwardedRef<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export declare const Accordion: {
+    Root: <T extends object>(props: AriaAccordionProps<T> & {
+        className?: string | undefined;
+        itemClassName?: ((state: ItemState) => string) | undefined;
+        disableAccordionContentPadding?: boolean | undefined;
+    } & {
+        ref?: DOMRef<HTMLDivElement> | undefined;
+    }) => ReturnType<typeof AccordionRoot>;
+    Item: <T_1>(props: import("react-stately").ItemProps<T_1>) => JSX.Element;
+};
+export type AccordionSelection = Selection;
+export {};
+//# sourceMappingURL=accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAsB,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,MAAM,EAAuB,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAQ7E,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAmB5D,KAAK,SAAS,GAAG;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,MAAM,IAAI,kBAAkB,CAAC,CAAC,CAAC,GAAG;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC;IAC7C,8BAA8B,CAAC,EAAE,OAAO,CAAC;CAC1C,CAAC;AAEF,iBAAS,aAAa,CAAC,CAAC,SAAS,MAAM,EACrC,EACE,SAAS,EACT,8BAA8B,EAC9B,aAAa,EACb,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,CAAC,CAAC,EACpB,GAAG,EAAE,YAAY,CAAC,cAAc,CAAC,2CA0BlC;AA6FD,eAAO,MAAM,SAAS;;;iCAlII,SAAS,KAAK,MAAM;;;;UA8HzC,WAAW,oBAAoB,CAAC;;CAOpC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,SAAS,CAAC"}

package/dist/components/accordion/accordion.styles.d.ts

@@ -0,0 +1,11 @@
+export declare const accordionItemStyles: (props?: ({
+    isFocusVisible?: boolean | null | undefined;
+} & import("../../utils/class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const accordionItemButtonStyles: (props?: ({
+    isOpen?: boolean | null | undefined;
+    isDisabled?: boolean | null | undefined;
+} & import("../../utils/class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const accordionItemContentStyles: (props?: ({
+    disableAccordionContentPadding?: boolean | null | undefined;
+} & import("../../utils/class-variance-authority/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=accordion.styles.d.ts.map

package/dist/components/accordion/accordion.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/accordion.styles.ts"],"names":[],"mappings":"AACA,OAAO,sBAAsB,CAAC;AAE9B,eAAO,MAAM,mBAAmB;;0FAS9B,CAAC;AACH,eAAO,MAAM,yBAAyB;;;0FA8BrC,CAAC;AAEF,eAAO,MAAM,0BAA0B;;0FAoBtC,CAAC"}

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

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

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

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

package/dist/components/badge/badge.d.ts

@@ -0,0 +1,8 @@
+import { badgeStyles } from "./badge.styles";
+import { VariantProps } from "../../utils/class-variance-authority";
+export type BadgeProps = VariantProps<typeof badgeStyles> & {
+    children: string;
+    className?: string;
+};
+export declare const Badge: ({ children, className, color, variant }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAEpE,MAAM,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,GAAG;IAC1D,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,KAAK,4CAA6C,UAAU,4CASxE,CAAC"}

package/dist/components/badge/badge.styles.d.ts

@@ -0,0 +1,5 @@
+export declare const badgeStyles: (props?: ({
+    color?: "primary" | "danger" | "success" | "warning" | "monochrome" | null | undefined;
+    variant?: "outline" | "solid" | "dot" | null | undefined;
+} & import("../../utils/class-variance-authority/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=badge.styles.d.ts.map

package/dist/components/badge/badge.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/badge/badge.styles.ts"],"names":[],"mappings":"AACA,OAAO,kBAAkB,CAAC;AAE1B,eAAO,MAAM,WAAW;;;0FAsEvB,CAAC"}

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

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

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

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

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

@@ -0,0 +1,65 @@
+import type { ReactNode } from "react";
+import { ButtonProps as AriaButtonProps } from "react-aria-components";
+import { buttonStyles } from "./button.styles";
+import { VariantProps } from "../../utils/class-variance-authority";
+import { TooltipProps } from "../tooltip";
+import { TooltipTriggerProps } from "react-aria";
+/**
+ * Props that are common to all types of buttons.
+ */
+export type BaseButtonProps = {
+    /** Whether the button is in a loading state. */
+    isLoading?: boolean;
+    /** An icon to display at the start of the button label. */
+    startIcon?: JSX.Element;
+    /** An icon to display at the end of the button label. */
+    endIcon?: JSX.Element;
+    /** Additional class name(s) to apply to the button. */
+    className?: string;
+    /** Whether to render the button without any styles. */
+    naked?: boolean;
+    /** A tooltip to display when the button is hovered or focused. */
+    tooltip?: ReactNode;
+    /** The placement of the tooltip relative to the button. */
+    tooltipPlacement?: TooltipProps["placement"];
+    /** The type of event that triggers the tooltip. */
+    tooltipTrigger?: TooltipTriggerProps["trigger"];
+};
+export type ButtonProps = AriaButtonProps & VariantProps<typeof buttonStyles> & BaseButtonProps;
+/**
+ * Props for the inner content of a button.
+ */
+export type ButtonInnerProps = {
+    /** Whether the button is in a loading state. */
+    isLoading?: boolean;
+    /** An icon to display at the start of the button label. */
+    startIcon?: JSX.Element;
+    /** An icon to display at the end of the button label. */
+    endIcon?: JSX.Element;
+    /** The size of the button. */
+    size?: VariantProps<typeof buttonStyles>["size"];
+    /** The content to display inside the button. */
+    children: ReactNode;
+};
+export declare const ButtonInner: ({ children, startIcon, endIcon, isLoading, size, }: ButtonInnerProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * A customizable button component that can  display button content,  a start- or endicon, a loading spinner, and a tooltip.
+ *
+ * @example
+ * <Button onPress={() => console.log("clicked")}>
+ *   Button text
+ * </Button>
+ */
+export declare const Button: import("react").ForwardRefExoticComponent<AriaButtonProps & VariantProps<(props?: ({
+    color?: "primary" | "danger" | "success" | "warning" | "monochrome" | null | undefined;
+    variant?: "outline" | "solid" | "ghost" | null | undefined;
+    size?: "medium" | "small" | "large" | null | undefined;
+    isFocusVisible?: boolean | null | undefined;
+    isFocused?: boolean | null | undefined;
+    isHovered?: boolean | null | undefined;
+    isPressed?: boolean | null | undefined;
+    isDisabled?: boolean | null | undefined;
+    isLoading?: boolean | null | undefined;
+    fullWidth?: boolean | null | undefined;
+} & import("../../utils/class-variance-authority/types").ClassProp) | undefined) => string> & BaseButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,EAEL,WAAW,IAAI,eAAe,EAC/B,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAiC,MAAM,iBAAiB,CAAC;AAE9E,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAW,YAAY,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEjD;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,yDAAyD;IACzD,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kEAAkE;IAClE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,2DAA2D;IAC3D,gBAAgB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IAC7C,mDAAmD;IACnD,cAAc,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC;CACjD,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,eAAe,GACvC,YAAY,CAAC,OAAO,YAAY,CAAC,GACjC,eAAe,CAAC;AAElB;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,yDAAyD;IACzD,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;IACjD,gDAAgD;IAChD,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,WAAW,uDAMrB,gBAAgB,4CAalB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;iKA6GlB,CAAC"}

package/dist/components/button/button.styles.d.ts

@@ -0,0 +1,24 @@
+export declare const nakedButtonStyles: (props?: ({
+    isFocusVisible?: boolean | null | undefined;
+    isDisabled?: boolean | null | undefined;
+    isLoading?: boolean | null | undefined;
+} & import("../../utils/class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Styles that can be applied to any button.
+ */
+export declare const buttonStyles: (props?: ({
+    color?: "primary" | "danger" | "success" | "warning" | "monochrome" | null | undefined;
+    variant?: "outline" | "solid" | "ghost" | null | undefined;
+    size?: "medium" | "small" | "large" | null | undefined;
+    isFocusVisible?: boolean | null | undefined;
+    isFocused?: boolean | null | undefined;
+    isHovered?: boolean | null | undefined;
+    isPressed?: boolean | null | undefined;
+    isDisabled?: boolean | null | undefined;
+    isLoading?: boolean | null | undefined;
+    fullWidth?: boolean | null | undefined;
+} & import("../../utils/class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const iconStyles: (props?: ({
+    size?: "medium" | "small" | "large" | null | undefined;
+} & import("../../utils/class-variance-authority/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=button.styles.d.ts.map

package/dist/components/button/button.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/button/button.styles.ts"],"names":[],"mappings":"AACA,OAAO,mBAAmB,CAAC;AAE3B,eAAO,MAAM,iBAAiB;;;;0FAuB5B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;0FAsLxB,CAAC;AAEF,eAAO,MAAM,UAAU;;0FAcrB,CAAC"}

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

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

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

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

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

@@ -0,0 +1,5 @@
+export * from "./text-field";
+export * from "./password-text-field";
+export * from "./input-icon";
+export * from "./shared.styles";
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/inputs/input-icon.d.ts

@@ -0,0 +1,8 @@
+import { SVGProps } from "react";
+export type InputIconProps = {
+    icon: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+    iconProps?: SVGProps<SVGSVGElement>;
+    variant?: "start" | "end";
+};
+export declare const InputIcon: ({ icon, iconProps, variant, }: InputIconProps) => JSX.Element;
+//# sourceMappingURL=input-icon.d.ts.map

package/dist/components/inputs/input-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-icon.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/input-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,SAAS,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,SAAS,kCAInB,cAAc,gBAMhB,CAAC"}

package/dist/components/inputs/password-text-field/index.d.ts

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

package/dist/components/inputs/password-text-field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/inputs/password-text-field/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/dist/components/inputs/password-text-field/password-text-field.d.ts

@@ -0,0 +1,10 @@
+import { ComponentProps } from "react";
+import { TextField } from "../text-field";
+export type PasswordTextFieldProps = Omit<ComponentProps<typeof TextField>, "endSlot"> & {
+    translations?: {
+        showPassword?: string;
+        hidePassword?: string;
+    };
+};
+export declare const PasswordTextField: ({ translations, ...props }: PasswordTextFieldProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=password-text-field.d.ts.map

package/dist/components/inputs/password-text-field/password-text-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-text-field.d.ts","sourceRoot":"","sources":["../../../../../src/components/inputs/password-text-field/password-text-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI1C,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,cAAc,CAAC,OAAO,SAAS,CAAC,EAChC,SAAS,CACV,GAAG;IACF,YAAY,CAAC,EAAE;QACb,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;CACH,CAAC;AAOF,eAAO,MAAM,iBAAiB,+BAG3B,sBAAsB,4CA8BxB,CAAC"}

package/dist/components/inputs/shared.styles.d.ts

@@ -0,0 +1,19 @@
+export declare const sharedInputFieldWrapperStyles: (props?: ({
+    fullWidth?: boolean | null | undefined;
+} & import("../../utils/class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const sharedInputFieldStyles: (props?: ({
+    fullWidth?: boolean | null | undefined;
+    isDisabled?: boolean | null | undefined;
+    size?: "medium" | "small" | "large" | null | undefined;
+    validationState?: "valid" | "invalid" | null | undefined;
+    isHovered?: boolean | null | undefined;
+    isFocused?: boolean | null | undefined;
+} & import("../../utils/class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const sharedInputlabelStyles: (props?: import("../../utils/class-variance-authority/types").ClassProp | undefined) => string;
+export declare const sharedInputHintStyles: (props?: ({
+    size?: "medium" | "small" | "large" | null | undefined;
+} & import("../../utils/class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const sharedInputStyles: (props?: ({
+    size?: "medium" | "small" | "large" | null | undefined;
+} & import("../../utils/class-variance-authority/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=shared.styles.d.ts.map

package/dist/components/inputs/shared.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/shared.styles.ts"],"names":[],"mappings":"AACA,OAAO,mBAAmB,CAAC;AAE3B,eAAO,MAAM,6BAA6B;;0FAOxC,CAAC;AAEH,eAAO,MAAM,sBAAsB;;;;;;;0FA2FlC,CAAC;AAEF,eAAO,MAAM,sBAAsB,gGAOjC,CAAC;AAEH,eAAO,MAAM,qBAAqB;;0FAWjC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;0FAgC7B,CAAC"}

package/dist/components/inputs/text-field/index.d.ts

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

package/dist/components/inputs/text-field/index.d.ts.map

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

package/dist/components/inputs/text-field/text-field.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { TextFieldProps as AriaTextFieldProps } from "react-aria-components";
+import { VariantProps } from "../../../utils/class-variance-authority";
+export declare const TextField: import("react").ForwardRefExoticComponent<AriaTextFieldProps & VariantProps<(props?: ({
+    fullWidth?: boolean | null | undefined;
+} & import("../../../utils/class-variance-authority/types").ClassProp) | undefined) => string> & VariantProps<(props?: ({
+    fullWidth?: boolean | null | undefined;
+    isDisabled?: boolean | null | undefined;
+    size?: "medium" | "small" | "large" | null | undefined;
+    validationState?: "valid" | "invalid" | null | undefined;
+    isHovered?: boolean | null | undefined;
+    isFocused?: boolean | null | undefined;
+} & import("../../../utils/class-variance-authority/types").ClassProp) | undefined) => string> & {
+    label?: string | undefined;
+    description?: string | undefined;
+    errorMessage?: string | undefined;
+    startSlot?: JSX.Element | undefined;
+    endSlot?: JSX.Element | undefined;
+    placeholder?: string | undefined;
+    hint?: string | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=text-field.d.ts.map

package/dist/components/inputs/text-field/text-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../../../src/components/inputs/text-field/text-field.tsx"],"names":[],"mappings":";AACA,OAAO,EAEL,cAAc,IAAI,kBAAkB,EAGrC,MAAM,uBAAuB,CAAC;AAU/B,OAAO,EAAE,YAAY,EAAM,MAAM,yCAAyC,CAAC;AAC3E,OAAO,oBAAoB,CAAC;AAc5B,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;kDAyGrB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC"}

package/dist/components/popover/popover.d.ts

@@ -0,0 +1,5 @@
+import { DialogTrigger, PopoverProps as AriaPopoverProps } from "react-aria-components";
+export type PopoverProps = Omit<AriaPopoverProps, "arrowBoundaryOffset" | "arrowSize" | "isNonModal"> & {};
+export declare const Popover: ({ className, children, ...props }: PopoverProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PopoverTrigger: typeof DialogTrigger;
+//# sourceMappingURL=popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,aAAa,EACb,YAAY,IAAI,gBAAgB,EAEjC,MAAM,uBAAuB,CAAC;AAG/B,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,gBAAgB,EAChB,qBAAqB,GAAG,WAAW,GAAG,YAAY,CACnD,GAAG,EAGH,CAAC;AAEF,eAAO,MAAM,OAAO,sCAKjB,YAAY,4CAsBd,CAAC;AAEF,eAAO,MAAM,cAAc,sBAAgB,CAAC"}

package/dist/components/popover/popover.styles.d.ts

@@ -0,0 +1,6 @@
+export declare const popoverStyles: (props?: ({
+    isEntering?: boolean | null | undefined;
+    isExiting?: boolean | null | undefined;
+} & import("../../utils/class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const popoverDialogStyles: (props?: import("../../utils/class-variance-authority/types").ClassProp | undefined) => string;
+//# sourceMappingURL=popover.styles.d.ts.map

package/dist/components/popover/popover.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/popover.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;;0FAyBxB,CAAC;AAEH,eAAO,MAAM,mBAAmB,gGAW9B,CAAC"}

package/dist/components/progress-bar/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./progress-bar";
+export * from "./progress-bar.styles";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/progress-bar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/progress-bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC"}

package/dist/components/progress-bar/progress-bar.d.ts

@@ -0,0 +1,17 @@
+import { ProgressBarProps as AriaProgressBarProps } from "react-aria-components";
+import { barStyles } from "./progress-bar.styles";
+import { VariantProps } from "../../utils/class-variance-authority";
+import { textStyles } from "../text";
+type ProgressBarProps = AriaProgressBarProps & VariantProps<typeof barStyles> & {
+    label?: string;
+    showValueText?: boolean;
+    labelVariant?: VariantProps<typeof textStyles>["variant"];
+    labelColor?: VariantProps<typeof textStyles>["color"];
+    labelClassName?: string;
+    valueTextClassName?: string;
+    valueTextVariant?: VariantProps<typeof textStyles>["variant"];
+    valueTextColor?: VariantProps<typeof textStyles>["color"];
+};
+export declare const ProgressBar: ({ label, showValueText, valueTextClassName, valueTextVariant, valueTextColor, labelVariant, labelColor, labelClassName, height, color, ...props }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=progress-bar.d.ts.map

package/dist/components/progress-bar/progress-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/progress-bar/progress-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,gBAAgB,IAAI,oBAAoB,EAEzC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAmB,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGnE,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAQ,UAAU,EAAE,MAAM,SAAS,CAAC;AAG3C,KAAK,gBAAgB,GAAG,oBAAoB,GAC1C,YAAY,CAAC,OAAO,SAAS,CAAC,GAAG;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC,SAAS,CAAC,CAAC;IAC1D,UAAU,CAAC,EAAE,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;IACtD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,CAAC,EAAE,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC,SAAS,CAAC,CAAC;IAC9D,cAAc,CAAC,EAAE,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;CAC3D,CAAC;AAEJ,eAAO,MAAM,WAAW,sJAYrB,gBAAgB,4CAoGlB,CAAC"}

package/dist/components/progress-bar/progress-bar.styles.d.ts

@@ -0,0 +1,9 @@
+export declare const barStyles: (props?: ({
+    height?: "medium" | "small" | "large" | null | undefined;
+    color?: "primary" | "danger" | "success" | "warning" | "monochrome" | null | undefined;
+} & import("../../utils/class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const barActiveStyles: (props?: ({
+    height?: "medium" | "small" | "large" | null | undefined;
+    color?: "primary" | "danger" | "success" | "warning" | "monochrome" | null | undefined;
+} & import("../../utils/class-variance-authority/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=progress-bar.styles.d.ts.map

package/dist/components/progress-bar/progress-bar.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/progress-bar/progress-bar.styles.ts"],"names":[],"mappings":"AACA,OAAO,yBAAyB,CAAC;AAEjC,eAAO,MAAM,SAAS;;;0FA8BrB,CAAC;AAEF,eAAO,MAAM,eAAe;;;0FA2B3B,CAAC"}

package/dist/components/spinner/spinner.styles.d.ts

@@ -1,5 +1,5 @@
 export declare const spinnerStyles: (props?: ({
     size?: "medium" | "small" | "large" | null | undefined;
-    color?: "current" | "danger" | "accent" | null | undefined;
+    color?: "current" | "primary" | "danger" | "success" | "warning" | "monochromatic" | null | undefined;
 } & import("../../utils/class-variance-authority/types").ClassProp) | undefined) => string;
 //# sourceMappingURL=spinner.styles.d.ts.map

package/dist/components/spinner/spinner.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/spinner/spinner.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;;0FAoBzB,CAAC"}
+{"version":3,"file":"spinner.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/spinner/spinner.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;;0FAuBzB,CAAC"}

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

@@ -2,11 +2,12 @@ import { HTMLAttributes } from "react";
 import { textStyles } from "./text.styles";
 import { VariantProps } from "../../utils/class-variance-authority";
 export type TextProps = VariantProps<typeof textStyles> & HTMLAttributes<HTMLElement> & {
-    elementType?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "small" | "p";
+    elementType?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "small" | "p" | "li" | "label" | "div" | "a" | "button" | "strong" | "em";
 };
 export declare const Text: import("react").ForwardRefExoticComponent<VariantProps<(props?: ({
-    variant?: "small" | "body" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "paragraph" | "extraSmall" | null | undefined;
+    color?: "primary" | "white" | "disabled" | "secondary" | "accent-primary" | "accent-success" | "accent-warning" | "accent-danger" | null | undefined;
+    variant?: "heading-1" | "heading-2" | "heading-3" | "heading-4" | "heading-5" | "heading-6" | "body-large" | "body-medium" | "body-small" | "badge" | null | undefined;
 } & import("../../utils/class-variance-authority/types").ClassProp) | undefined) => string> & HTMLAttributes<HTMLElement> & {
-    elementType?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | undefined;
+    elementType?: "small" | "a" | "button" | "div" | "em" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "li" | "p" | "span" | "strong" | undefined;
 } & import("react").RefAttributes<HTMLElement>>;
 //# 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":"AAAA,OAAO,EAAE,cAAc,EAAsB,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAEpE,MAAM,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,GACrD,cAAc,CAAC,WAAW,CAAC,GAAG;IAC5B,WAAW,CAAC,EACR,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,OAAO,GACP,GAAG,CAAC;CACT,CAAC;AAEJ,eAAO,MAAM,IAAI;;;;+CAiBf,CAAC"}
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../src/components/text/text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAsB,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAEpE,MAAM,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,GACrD,cAAc,CAAC,WAAW,CAAC,GAAG;IAC5B,WAAW,CAAC,EACR,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,OAAO,GACP,GAAG,GACH,IAAI,GACJ,OAAO,GACP,KAAK,GACL,GAAG,GACH,QAAQ,GACR,QAAQ,GACR,IAAI,CAAC;CACV,CAAC;AAEJ,eAAO,MAAM,IAAI;;;;;+CAiBf,CAAC"}

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

@@ -1,4 +1,5 @@
 export declare const textStyles: (props?: ({
-    variant?: "small" | "body" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "paragraph" | "extraSmall" | null | undefined;
+    color?: "primary" | "white" | "disabled" | "secondary" | "accent-primary" | "accent-success" | "accent-warning" | "accent-danger" | null | undefined;
+    variant?: "heading-1" | "heading-2" | "heading-3" | "heading-4" | "heading-5" | "heading-6" | "body-large" | "body-medium" | "body-small" | "badge" | null | undefined;
 } & import("../../utils/class-variance-authority/types").ClassProp) | undefined) => string;
 //# sourceMappingURL=text.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"text.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/text/text.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;0FAkBrB,CAAC"}
+{"version":3,"file":"text.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/text/text.styles.ts"],"names":[],"mappings":"AACA,OAAO,iBAAiB,CAAC;AAEzB,eAAO,MAAM,UAAU;;;0FA0FrB,CAAC"}

package/dist/components/tooltip/beak.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+export declare const Beak: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=beak.d.ts.map

package/dist/components/tooltip/beak.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"beak.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/beak.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,eAAO,MAAM,IAAI,UAAW,SAAS,aAAa,CAAC,4CAUlD,CAAC"}

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

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

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

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

package/dist/components/tooltip/tooltip.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from "react";
+import { TooltipProps as AriaTooltipProps, TooltipTriggerComponentProps as AriaTooltipTriggerComponentProps } from "react-aria-components";
+import { Placement } from "react-aria";
+export type TooltipProps = AriaTooltipProps;
+type TooltipTriggerProps = AriaTooltipTriggerComponentProps & {
+    tooltip: ReactNode;
+    placement?: Placement;
+};
+/**
+ * Tooltip component that wraps the AriaTooltip and AriaTooltipTrigger components
+ * from react-aria-components. It displays a tooltip when the user hovers over
+ * the child element.
+ *
+ * @param children - The child element that the tooltip will be displayed for.
+ * @param tooltip - The content of the tooltip.
+ * @param placement - The placement of the tooltip relative to the child element.
+ * @param props - Additional props to pass to the AriaTooltipTrigger component.
+ * @returns The Tooltip component.
+ */
+export declare const Tooltip: ({ children, tooltip, placement, ...props }: TooltipTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAEL,YAAY,IAAI,gBAAgB,EAGhC,4BAA4B,IAAI,gCAAgC,EACjE,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAGvC,MAAM,MAAM,YAAY,GAAG,gBAAgB,CAAC;AA0B5C,KAAK,mBAAmB,GAAG,gCAAgC,GAAG;IAC5D,OAAO,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,OAAO,+CAKjB,mBAAmB,4CAOrB,CAAC"}

package/dist/components/tooltip/tooltip.styles.d.ts

@@ -0,0 +1,5 @@
+export declare const tooltipStyles: string;
+export declare const tooltipBeakStyles: (props?: ({
+    placement?: "center" | "top" | "right" | "bottom" | "left" | null | undefined;
+} & import("../../utils/class-variance-authority/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=tooltip.styles.d.ts.map

package/dist/components/tooltip/tooltip.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltip.styles.ts"],"names":[],"mappings":"AACA,OAAO,oBAAoB,CAAC;AAE5B,eAAO,MAAM,aAAa,QAYxB,CAAC;AAEH,eAAO,MAAM,iBAAiB;;0FAa7B,CAAC"}

package/dist/icons/arrow-left-to-line.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+export declare const ArrowLeftToLine: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=arrow-left-to-line.d.ts.map

package/dist/icons/arrow-left-to-line.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-left-to-line.d.ts","sourceRoot":"","sources":["../../../src/icons/arrow-left-to-line.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,eAAO,MAAM,eAAe,UAAW,SAAS,aAAa,CAAC,4CAa7D,CAAC"}