@dreamcommerce/aurora 3.0.0-246 → 3.0.0-248

package/build/esm/packages/aurora/src/src/components/tree/components/tree_node.js

@@ -0,0 +1,46 @@
+import React, { Children, useRef } from 'react';
+import { ArrowDownSFillIcon } from '@auroraAssets/icons/arrow_down_s_fill';
+import { CSSTransition } from 'react-transition-group';
+import '@auroraComponents/tree/context/tree_context';
+import '@auroraTypings/general';
+import { cn } from '@auroraUtilities/cn';
+import { useTree } from '@auroraComponents/tree/hooks/tree_hook';
+import { useTreeNode } from '@auroraComponents/tree/hooks/tree_node_hook';
+export const TreeNode = ({ children, id, className, labelClassName, ContentComponent, LabelComponent, disabled, isHighlighted, hasDisabledHover, ...rest }) => {
+    const treeApi = useTree();
+    const node = useTreeNode(id, rest);
+    const nodeChildrenRef = useRef(null);
+    const childrenCount = Children.count(children);
+    if (!node)
+        return null;
+    const toggleNode = () => {
+        treeApi.toggleNode(node.id);
+    };
+    const Label = LabelComponent ? (React.createElement("div", { className: cn('aurora-w-full aurora-px-2 aurora-rounded-4 hover:aurora-bg-hover', {
+            'hover:aurora-bg-transparent': hasDisabledHover,
+            'aurora-bg-hover': isHighlighted
+        }, labelClassName) }, LabelComponent?.({ node, isLeaf: !children }))) : (React.createElement("div", { tabIndex: !children ? 0 : -1, className: cn('aurora-w-full aurora-px-2 aurora-rounded-4 hover:aurora-bg-hover', {
+            'hover:aurora-bg-transparent': hasDisabledHover,
+            'aurora-bg-hover': isHighlighted
+        }, labelClassName) }, node.label ? node.label : node.id));
+    const Content = ContentComponent ? (ContentComponent?.({ node, toggleNode, isLeaf: !childrenCount })) : (React.createElement("div", { className: cn('aurora-flex aurora-items-center aurora-rounded-4 hover:aurora-bg-hover', {
+            'hover:aurora-bg-transparent': hasDisabledHover,
+            'aurora-bg-hover': isHighlighted
+        }, labelClassName) },
+        React.createElement("button", { className: "aurora-flex aurora-items-center aurora-p-1 aurora-cursor-pointer", onClick: toggleNode },
+            React.createElement("span", { className: "aurora-flex" },
+                React.createElement(ArrowDownSFillIcon, { className: cn('aurora-h-4 aurora-w-4 aurora-text-inverse-subtle-light -aurora-rotate-90 aurora-transition-transform aurora-duration-200 aurora-ease-out', {
+                        'aurora-rotate-0': node.expanded
+                    }) }))),
+        Label));
+    return (React.createElement("li", { className: cn('aurora-flex aurora-flex-col aurora-gap-2', className), role: "treeitem", "aria-expanded": node.expanded, "data-disabled": !!disabled },
+        childrenCount ? Content : Label,
+        childrenCount ? (React.createElement(CSSTransition, { unmountOnExit: true, in: node.expanded, timeout: 50, classNames: {
+                enter: 'tree__children-enter',
+                enterActive: 'aurora-opacity-100 aurora-scale-100',
+                exit: 'aurora-opacity-100 aurora-scale-100',
+                exitActive: 'tree__children-exit-active'
+            } },
+            React.createElement("ul", { className: "aurora-flex aurora-flex-col aurora-gap-2 aurora-pl-4 aurora-scale-100 aurora-origin-top aurora-will-change-auto aurora-duration-200 aurora-ease-out aurora-transition-all aurora-m-0 aurora-p-0 aurora-list-none", ref: nodeChildrenRef }, children))) : null));
+};
+//# sourceMappingURL=tree_node.js.map

package/build/esm/packages/aurora/src/src/components/tree/components/tree_node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree_node.js","sourceRoot":"","sources":["../../../../../../../../../src/components/tree/components/tree_node.tsx"],"names":[],"mappings":"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"}

package/build/esm/packages/aurora/src/src/components/tree/constants.js

@@ -0,0 +1,2 @@
+export const TREE_ROLE_ATTRIBUTE = 'tree';
+//# sourceMappingURL=constants.js.map

package/build/esm/packages/aurora/src/src/components/tree/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../../../src/components/tree/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC"}

package/build/esm/packages/aurora/src/src/components/tree/context/tree_context.js

@@ -0,0 +1,12 @@
+import { createContext } from 'react';
+export const TreeContext = createContext({
+    addNode: () => { },
+    updateNode: () => { },
+    removeNode: () => { },
+    toggleNode: () => { },
+    closeNode: () => { },
+    getNode: () => undefined,
+    hasNode: () => false
+});
+export const TreeContextProvider = TreeContext.Provider;
+//# sourceMappingURL=tree_context.js.map

package/build/esm/packages/aurora/src/src/components/tree/context/tree_context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree_context.js","sourceRoot":"","sources":["../../../../../../../../../src/components/tree/context/tree_context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAmBtC,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAe;IACnD,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;IACjB,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;IACpB,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;IACpB,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;IACpB,SAAS,EAAE,GAAG,EAAE,GAAE,CAAC;IACnB,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS;IACxB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK;CACvB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC,QAAQ,CAAC"}

package/build/esm/packages/aurora/src/src/components/tree/context/tree_provider.js

@@ -0,0 +1,32 @@
+import { TreeContextProvider } from '@auroraComponents/tree/context/tree_context';
+import React from 'react';
+import '@auroraTypings/general';
+import { useState } from 'react';
+export const TreeProvider = ({ children }) => {
+    const [nodes, setNodes] = useState([]);
+    const value = {
+        addNode(node) {
+            setNodes((nodes) => [...nodes, node]);
+        },
+        updateNode(nodeId, node) {
+            setNodes((nodes) => nodes.map((n) => (n.id === nodeId ? { ...n, ...node } : n)));
+        },
+        getNode(nodeId) {
+            return nodes.find((node) => node.id === nodeId);
+        },
+        removeNode(nodeId) {
+            setNodes((nodes) => nodes.filter((node) => node.id !== nodeId));
+        },
+        toggleNode(nodeId) {
+            setNodes((nodes) => nodes.map((node) => (node.id === nodeId ? { ...node, expanded: !node.expanded } : node)));
+        },
+        closeNode(nodeId) {
+            setNodes((nodes) => nodes.map((node) => (node.id === nodeId ? { ...node, expanded: false } : node)));
+        },
+        hasNode(nodeId) {
+            return !!nodes.find((node) => node.id === nodeId);
+        }
+    };
+    return React.createElement(TreeContextProvider, { value: value }, children);
+};
+//# sourceMappingURL=tree_provider.js.map

package/build/esm/packages/aurora/src/src/components/tree/context/tree_provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree_provider.js","sourceRoot":"","sources":["../../../../../../../../../src/components/tree/context/tree_provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAE3G,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAmC,wBAAwB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAsB,EAAE,EAAE;IAC7D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAc,EAAE,CAAC,CAAC;IAEpD,MAAM,KAAK,GAAiB;QACxB,OAAO,CAAC,IAAe;YACnB,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,GAAG,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;QAC1C,CAAC;QACD,UAAU,CAAC,MAAc,EAAE,IAAwB;YAC/C,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACrF,CAAC;QACD,OAAO,CAAC,MAAc;YAClB,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC;QACpD,CAAC;QACD,UAAU,CAAC,MAAc;YACrB,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC,CAAC;QACpE,CAAC;QACD,UAAU,CAAC,MAAc;YACrB,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,QAAQ,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAClH,CAAC;QACD,SAAS,CAAC,MAAc;YACpB,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACzG,CAAC;QACD,OAAO,CAAC,MAAc;YAClB,OAAO,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC;QACtD,CAAC;KACJ,CAAC;IAEF,OAAO,oBAAC,mBAAmB,IAAC,KAAK,EAAE,KAAK,IAAG,QAAQ,CAAuB,CAAC;AAC/E,CAAC,CAAC"}

package/build/esm/packages/aurora/src/src/components/tree/css_classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css_classes.js","sourceRoot":"","sources":["../../../../../../../../src/components/tree/css_classes.ts"],"names":[],"mappings":"AAAA,MAAM,YAAY,GAAG,MAAM,CAAC;AAE5B,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC5B,IAAI,EAAE,YAAY;IAClB,QAAQ,EAAE,GAAG,YAAY,QAAQ;CAC3B,CAAC;AAEX,MAAM,oBAAoB,GAAG,WAAW,CAAC;AAEzC,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACjC,QAAQ,EAAE,oBAAoB;IAC9B,kBAAkB,EAAE,GAAG,oBAAoB,eAAe;IAC1D,0BAA0B,EAAE,GAAG,oBAAoB,wBAAwB;IAC3E,sBAAsB,EAAE,GAAG,oBAAoB,oBAAoB;IACnE,oBAAoB,EAAE,GAAG,oBAAoB,iBAAiB;IAC9D,aAAa,EAAE,GAAG,oBAAoB,SAAS;IAC/C,gBAAgB,EAAE,GAAG,oBAAoB,YAAY;IACrD,qBAAqB,EAAE,GAAG,oBAAoB,kBAAkB;IAChE,2BAA2B,EAAE,GAAG,oBAAoB,yBAAyB;IAC7E,oBAAoB,EAAE,GAAG,oBAAoB,iBAAiB;IAC9D,0BAA0B,EAAE,GAAG,oBAAoB,wBAAwB;IAC3E,wBAAwB,EAAE,GAAG,oBAAoB,sBAAsB;IACvE,gBAAgB,EAAE,GAAG,oBAAoB,WAAW;IACpD,gBAAgB,EAAE,GAAG,oBAAoB,WAAW;IACpD,eAAe,EAAE,GAAG,oBAAoB,UAAU;IAClD,uBAAuB,EAAE,GAAG,oBAAoB,mBAAmB;CAC7D,CAAC"}

package/build/esm/packages/aurora/src/src/components/tree/hooks/tree_hook.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { TreeContext } from '@auroraComponents/tree/context/tree_context';
+export const useTree = () => {
+    const context = React.useContext(TreeContext);
+    if (!context) {
+        throw new Error('useTree must be used within a TreeContextProvider');
+    }
+    return context;
+};
+//# sourceMappingURL=tree_hook.js.map

package/build/esm/packages/aurora/src/src/components/tree/hooks/tree_hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree_hook.js","sourceRoot":"","sources":["../../../../../../../../../src/components/tree/hooks/tree_hook.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAE1E,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IACxB,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAE9C,IAAI,CAAC,OAAO,EAAE;QACV,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAC;KACxE;IAED,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC"}

package/build/esm/packages/aurora/src/src/components/tree/hooks/tree_node_hook.js

@@ -0,0 +1,19 @@
+import { useTree } from '@auroraComponents/tree/hooks/tree_hook';
+import { useEffect } from 'react';
+import '@auroraComponents/tree/context/tree_context';
+export const useTreeNode = (nodeId, props) => {
+    const treeApi = useTree();
+    useEffect(() => {
+        if (!treeApi.hasNode(nodeId))
+            treeApi.addNode({ id: nodeId, ...props });
+    });
+    useEffect(() => {
+        if (treeApi.hasNode(nodeId) && props)
+            treeApi.updateNode(nodeId, props);
+    }, [props?.expanded]);
+    useEffect(() => {
+        return () => treeApi.removeNode(nodeId);
+    }, []);
+    return treeApi.getNode(nodeId);
+};
+//# sourceMappingURL=tree_node_hook.js.map

package/build/esm/packages/aurora/src/src/components/tree/hooks/tree_node_hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree_node_hook.js","sourceRoot":"","sources":["../../../../../../../../../src/components/tree/hooks/tree_node_hook.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAA0B,6CAA6C,CAAC;AAExE,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,MAAc,EAAE,KAA0B,EAAE,EAAE;IACtE,MAAM,OAAO,GAAG,OAAO,EAAE,CAAC;IAE1B,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC;YAAE,OAAO,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC;IAC5E,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,KAAK;YAAE,OAAO,CAAC,UAAU,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAC5E,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtB,SAAS,CAAC,GAAG,EAAE;QACX,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;IAC5C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;AACnC,CAAC,CAAC"}

package/build/esm/packages/aurora/src/src/components/tree/tree.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import '@auroraTypings/general';
+import { TREE_ROLE_ATTRIBUTE } from './constants';
+import { TreeProvider } from '@auroraComponents/tree/context/tree_provider';
+import { cn } from '@auroraUtilities/cn';
+export const Tree = React.forwardRef(({ children, cssClassNames, cssStyles, onMouseEnter, onMouseLeave }, ref) => {
+    return (React.createElement(TreeProvider, null,
+        React.createElement("ul", { role: TREE_ROLE_ATTRIBUTE, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, ref: ref, style: cssStyles, className: cn('aurora-flex aurora-flex-col aurora-gap-2 aurora-m-0 aurora-p-0 aurora-list-none', cssClassNames) }, children)));
+});
+Tree.displayName = 'Tree';
+export default Tree;
+//# sourceMappingURL=tree.js.map

package/build/esm/packages/aurora/src/src/components/tree/tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.js","sourceRoot":"","sources":["../../../../../../../../src/components/tree/tree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAmC,wBAAwB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,8CAA8C,CAAC;AAC5E,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AASzC,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAChC,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAkC,EAAE,GAAgC,EAAE,EAAE;IACrI,OAAO,CACH,oBAAC,YAAY;QACT,4BACI,IAAI,EAAE,mBAAmB,EACzB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,SAAS,EAChB,SAAS,EAAE,EAAE,CAAC,iFAAiF,EAAE,aAAa,CAAC,IAE9G,QAAQ,CACR,CACM,CAClB,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,eAAe,IAAI,CAAC"}

package/build/esm/packages/aurora/src/src/components/typography/typography.d.ts

@@ -0,0 +1,270 @@
+/// <reference types="trusted-types" />
+import React, { PropsWithChildren } from 'react';
+import { TTypographyProps } from "./typography_types";
+export declare const Typography: ({ variant, as, style, color, weight, size, lineHeight, transform, children, className, ...rest }: PropsWithChildren<TTypographyProps>) => React.DetailedReactHTMLElement<{
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | (string & {}) | undefined;
+    autoFocus?: boolean | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: React.AriaRole | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "off" | "on" | undefined;
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "true" | "false" | "time" | "page" | "step" | "location" | "date" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "true" | "false" | "dialog" | "menu" | "grid" | "listbox" | "tree" | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: React.ClipboardEventHandler<HTMLElement> | undefined;
+    onCopyCapture?: React.ClipboardEventHandler<HTMLElement> | undefined;
+    onCut?: React.ClipboardEventHandler<HTMLElement> | undefined;
+    onCutCapture?: React.ClipboardEventHandler<HTMLElement> | undefined;
+    onPaste?: React.ClipboardEventHandler<HTMLElement> | undefined;
+    onPasteCapture?: React.ClipboardEventHandler<HTMLElement> | undefined;
+    onCompositionEnd?: React.CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionEndCapture?: React.CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionStart?: React.CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionStartCapture?: React.CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionUpdate?: React.CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLElement> | undefined;
+    onFocus?: React.FocusEventHandler<HTMLElement> | undefined;
+    onFocusCapture?: React.FocusEventHandler<HTMLElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLElement> | undefined;
+    onBlurCapture?: React.FocusEventHandler<HTMLElement> | undefined;
+    onChange?: React.FormEventHandler<HTMLElement> | undefined;
+    onChangeCapture?: React.FormEventHandler<HTMLElement> | undefined;
+    onBeforeInput?: React.FormEventHandler<HTMLElement> | undefined;
+    onBeforeInputCapture?: React.FormEventHandler<HTMLElement> | undefined;
+    onInput?: React.FormEventHandler<HTMLElement> | undefined;
+    onInputCapture?: React.FormEventHandler<HTMLElement> | undefined;
+    onReset?: React.FormEventHandler<HTMLElement> | undefined;
+    onResetCapture?: React.FormEventHandler<HTMLElement> | undefined;
+    onSubmit?: React.FormEventHandler<HTMLElement> | undefined;
+    onSubmitCapture?: React.FormEventHandler<HTMLElement> | undefined;
+    onInvalid?: React.FormEventHandler<HTMLElement> | undefined;
+    onInvalidCapture?: React.FormEventHandler<HTMLElement> | undefined;
+    onLoad?: React.ReactEventHandler<HTMLElement> | undefined;
+    onLoadCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onError?: React.ReactEventHandler<HTMLElement> | undefined;
+    onErrorCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyDownCapture?: React.KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyPress?: React.KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyPressCapture?: React.KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyUp?: React.KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyUpCapture?: React.KeyboardEventHandler<HTMLElement> | undefined;
+    onAbort?: React.ReactEventHandler<HTMLElement> | undefined;
+    onAbortCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onCanPlay?: React.ReactEventHandler<HTMLElement> | undefined;
+    onCanPlayCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onCanPlayThrough?: React.ReactEventHandler<HTMLElement> | undefined;
+    onCanPlayThroughCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onDurationChange?: React.ReactEventHandler<HTMLElement> | undefined;
+    onDurationChangeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onEmptied?: React.ReactEventHandler<HTMLElement> | undefined;
+    onEmptiedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onEncrypted?: React.ReactEventHandler<HTMLElement> | undefined;
+    onEncryptedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onEnded?: React.ReactEventHandler<HTMLElement> | undefined;
+    onEndedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onLoadedData?: React.ReactEventHandler<HTMLElement> | undefined;
+    onLoadedDataCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onLoadedMetadata?: React.ReactEventHandler<HTMLElement> | undefined;
+    onLoadedMetadataCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onLoadStart?: React.ReactEventHandler<HTMLElement> | undefined;
+    onLoadStartCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onPause?: React.ReactEventHandler<HTMLElement> | undefined;
+    onPauseCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onPlay?: React.ReactEventHandler<HTMLElement> | undefined;
+    onPlayCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onPlaying?: React.ReactEventHandler<HTMLElement> | undefined;
+    onPlayingCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onProgress?: React.ReactEventHandler<HTMLElement> | undefined;
+    onProgressCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onRateChange?: React.ReactEventHandler<HTMLElement> | undefined;
+    onRateChangeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onResize?: React.ReactEventHandler<HTMLElement> | undefined;
+    onResizeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onSeeked?: React.ReactEventHandler<HTMLElement> | undefined;
+    onSeekedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onSeeking?: React.ReactEventHandler<HTMLElement> | undefined;
+    onSeekingCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onStalled?: React.ReactEventHandler<HTMLElement> | undefined;
+    onStalledCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onSuspend?: React.ReactEventHandler<HTMLElement> | undefined;
+    onSuspendCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onTimeUpdate?: React.ReactEventHandler<HTMLElement> | undefined;
+    onTimeUpdateCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onVolumeChange?: React.ReactEventHandler<HTMLElement> | undefined;
+    onVolumeChangeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onWaiting?: React.ReactEventHandler<HTMLElement> | undefined;
+    onWaitingCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onAuxClick?: React.MouseEventHandler<HTMLElement> | undefined;
+    onAuxClickCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+    onClick?: React.MouseEventHandler<HTMLElement> | undefined;
+    onClickCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+    onContextMenu?: React.MouseEventHandler<HTMLElement> | undefined;
+    onContextMenuCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+    onDoubleClick?: React.MouseEventHandler<HTMLElement> | undefined;
+    onDoubleClickCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+    onDrag?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragCapture?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragEnd?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragEndCapture?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragEnter?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragEnterCapture?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragExit?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragExitCapture?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragLeave?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragLeaveCapture?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragOver?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragOverCapture?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragStart?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragStartCapture?: React.DragEventHandler<HTMLElement> | undefined;
+    onDrop?: React.DragEventHandler<HTMLElement> | undefined;
+    onDropCapture?: React.DragEventHandler<HTMLElement> | undefined;
+    onMouseDown?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseDownCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseEnter?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseMove?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseMoveCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseOut?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseOutCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseOver?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseOverCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseUp?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseUpCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+    onSelect?: React.ReactEventHandler<HTMLElement> | undefined;
+    onSelectCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onTouchCancel?: React.TouchEventHandler<HTMLElement> | undefined;
+    onTouchCancelCapture?: React.TouchEventHandler<HTMLElement> | undefined;
+    onTouchEnd?: React.TouchEventHandler<HTMLElement> | undefined;
+    onTouchEndCapture?: React.TouchEventHandler<HTMLElement> | undefined;
+    onTouchMove?: React.TouchEventHandler<HTMLElement> | undefined;
+    onTouchMoveCapture?: React.TouchEventHandler<HTMLElement> | undefined;
+    onTouchStart?: React.TouchEventHandler<HTMLElement> | undefined;
+    onTouchStartCapture?: React.TouchEventHandler<HTMLElement> | undefined;
+    onPointerDown?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerDownCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerMove?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerMoveCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerUp?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerUpCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerCancel?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerCancelCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerEnter?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerLeave?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerOver?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerOverCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerOut?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerOutCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onGotPointerCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onLostPointerCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onScroll?: React.UIEventHandler<HTMLElement> | undefined;
+    onScrollCapture?: React.UIEventHandler<HTMLElement> | undefined;
+    onWheel?: React.WheelEventHandler<HTMLElement> | undefined;
+    onWheelCapture?: React.WheelEventHandler<HTMLElement> | undefined;
+    onAnimationStart?: React.AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationStartCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationEnd?: React.AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationEndCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationIteration?: React.AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationIterationCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
+    onTransitionEnd?: React.TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionEndCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
+    defaultVariants?: "variant" | "weight" | null | undefined;
+    className: string;
+    style: React.CSSProperties | undefined;
+}, HTMLElement>;

package/build/esm/packages/aurora/src/src/components/typography/typography.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import '@auroraComponents/typography/typography_types';
+import { cn } from '@auroraUtilities/cn';
+import { typographyVariants } from '@auroraComponents/typography/typography_variants';
+export const Typography = ({ variant, as = 'div', style, color, weight, size, lineHeight, transform, children, className, ...rest }) => {
+    return React.createElement(as, {
+        className: cn(typographyVariants({ variant, transform, weight, size, lineHeight }), {
+            [`aurora-text-${color}`]: !!color,
+            ['aurora-text']: !color
+        }, className),
+        style: style,
+        ...rest
+    }, children);
+};
+//# sourceMappingURL=typography.js.map

package/build/esm/packages/aurora/src/src/components/typography/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../../../../../../src/components/typography/typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAiC,+CAA+C,CAAC;AACjF,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,kDAAkD,CAAC;AAEtF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACvB,OAAO,EACP,EAAE,GAAG,KAAK,EACV,KAAK,EACL,KAAK,EACL,MAAM,EACN,IAAI,EACJ,UAAU,EACV,SAAS,EACT,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EAC2B,EAAE,EAAE;IACtC,OAAO,KAAK,CAAC,aAAa,CACtB,EAAE,EACF;QACI,SAAS,EAAE,EAAE,CACT,kBAAkB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EACpE;YACI,CAAC,eAAe,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK;YACjC,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK;SAC1B,EACD,SAAS,CACZ;QACD,KAAK,EAAE,KAAK;QACZ,GAAG,IAAI;KACV,EACD,QAAQ,CACX,CAAC;AACN,CAAC,CAAC"}

package/build/esm/packages/aurora/src/src/components/typography/typography_constants.js

@@ -0,0 +1,24 @@
+export const TYPOGRAPHY_COMPONENT_TYPES = {
+    h1: 'h1',
+    h2: 'h2',
+    h3: 'h3',
+    h4: 'h4',
+    h5: 'h5',
+    h6: 'h6',
+    p: 'p',
+    span: 'span',
+    div: 'div'
+};
+export const TYPOGRAPHY_TRANSFORM_TYPES = {
+    uppercase: 'uppercase',
+    lowercase: 'lowercase',
+    capitalize: 'capitalize'
+};
+export const TYPOGRAPHY_WEIGHT_TYPES = {
+    normal: 'normal',
+    medium: 'medium',
+    semibold: 'semibold',
+    bold: 'bold',
+    extrabold: 'extrabold'
+};
+//# sourceMappingURL=typography_constants.js.map

package/build/esm/packages/aurora/src/src/components/typography/typography_constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography_constants.js","sourceRoot":"","sources":["../../../../../../../../src/components/typography/typography_constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACtC,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,CAAC,EAAE,GAAG;IACN,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,KAAK;CACJ,CAAC;AAEX,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACtC,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE,YAAY;CAClB,CAAC;AAEX,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACnC,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,WAAW;CAChB,CAAC"}

package/build/esm/packages/aurora/src/src/components/typography/typography_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/typography/typography_types.ts"],"names":[],"mappings":"AAAA,OAA2C,mDAAmD,CAAC;AAC/F,OAAoB,aAAa,CAAC;AAClC,OAAoC,8CAA8C,CAAC;AAEnF,OAAmC,kDAAkD,CAAC;AACtF,OAAuB,OAAO,CAAC"}

package/build/esm/packages/aurora/src/src/components/typography/typography_variants.js

@@ -0,0 +1,59 @@
+import { cva } from 'class-variance-authority';
+import { TYPOGRAPHY_COMPONENT_TYPES, TYPOGRAPHY_TRANSFORM_TYPES, TYPOGRAPHY_WEIGHT_TYPES } from '@auroraComponents/typography/typography_constants';
+import { CSS_FONT_SIZE_TOKENS } from '@auroraConstants/css_tokens/css_font_size_tokens';
+import { CSS_LINE_HEIGHT_TOKENS } from '@auroraConstants/css_tokens/css_line_height_tokens';
+export const typographyVariants = cva('', {
+    variants: {
+        variant: {
+            [TYPOGRAPHY_COMPONENT_TYPES.h1]: 'aurora-text-6xl aurora-font-bold aurora-tracking-4xs',
+            [TYPOGRAPHY_COMPONENT_TYPES.h2]: 'aurora-text-5xl aurora-font-bold aurora-tracking-3xs',
+            [TYPOGRAPHY_COMPONENT_TYPES.h3]: 'aurora-text-4xl aurora-font-bold aurora-tracking-2xs',
+            [TYPOGRAPHY_COMPONENT_TYPES.h4]: 'aurora-text-3xl aurora-font-bold aurora-tracking-xs',
+            [TYPOGRAPHY_COMPONENT_TYPES.h5]: 'aurora-text-2xl aurora-font-bold aurora-tracking-s',
+            [TYPOGRAPHY_COMPONENT_TYPES.h6]: 'aurora-text-xl aurora-font-bold',
+            [TYPOGRAPHY_COMPONENT_TYPES.p]: 'aurora-text-xs',
+            caption: 'aurora-font-extrabold aurora-tracking-md aurora-uppercase'
+        },
+        transform: {
+            [TYPOGRAPHY_TRANSFORM_TYPES.uppercase]: 'aurora-uppercase',
+            [TYPOGRAPHY_TRANSFORM_TYPES.lowercase]: 'aurora-lowercase',
+            [TYPOGRAPHY_TRANSFORM_TYPES.capitalize]: 'aurora-capitalize'
+        },
+        weight: {
+            [TYPOGRAPHY_WEIGHT_TYPES.normal]: 'aurora-font-normal',
+            [TYPOGRAPHY_WEIGHT_TYPES.medium]: 'aurora-font-medium',
+            [TYPOGRAPHY_WEIGHT_TYPES.semibold]: 'aurora-font-semibold',
+            [TYPOGRAPHY_WEIGHT_TYPES.bold]: 'aurora-font-bold',
+            [TYPOGRAPHY_WEIGHT_TYPES.extrabold]: 'aurora-font-extrabold'
+        },
+        size: {
+            [CSS_FONT_SIZE_TOKENS.xs]: 'aurora-text-xs',
+            [CSS_FONT_SIZE_TOKENS.s]: 'aurora-text-s',
+            [CSS_FONT_SIZE_TOKENS.md]: 'aurora-text',
+            [CSS_FONT_SIZE_TOKENS.lg]: 'aurora-text-lg',
+            [CSS_FONT_SIZE_TOKENS.xl]: 'aurora-text-xl',
+            [CSS_FONT_SIZE_TOKENS['2xl']]: 'aurora-text-2xl',
+            [CSS_FONT_SIZE_TOKENS['3xl']]: 'aurora-text-3xl',
+            [CSS_FONT_SIZE_TOKENS['4xl']]: 'aurora-text-4xl',
+            [CSS_FONT_SIZE_TOKENS['5xl']]: 'aurora-text-5xl',
+            [CSS_FONT_SIZE_TOKENS['6xl']]: 'aurora-text-6xl'
+        },
+        lineHeight: {
+            [CSS_LINE_HEIGHT_TOKENS.xs]: 'aurora-leading-xs',
+            [CSS_LINE_HEIGHT_TOKENS.s]: 'aurora-leading-s',
+            [CSS_LINE_HEIGHT_TOKENS.md]: 'aurora-leading',
+            [CSS_LINE_HEIGHT_TOKENS.lg]: 'aurora-leading-lg',
+            [CSS_LINE_HEIGHT_TOKENS.xl]: 'aurora-leading-xl',
+            [CSS_LINE_HEIGHT_TOKENS['2xl']]: 'aurora-leading-2xl',
+            [CSS_LINE_HEIGHT_TOKENS['3xl']]: 'aurora-leading-3xl',
+            [CSS_LINE_HEIGHT_TOKENS['4xl']]: 'aurora-leading-4xl',
+            [CSS_LINE_HEIGHT_TOKENS['5xl']]: 'aurora-leading-5xl',
+            [CSS_LINE_HEIGHT_TOKENS['6xl']]: 'aurora-leading-6xl'
+        },
+        defaultVariants: {
+            variant: TYPOGRAPHY_COMPONENT_TYPES.p,
+            weight: TYPOGRAPHY_WEIGHT_TYPES.normal
+        }
+    }
+});
+//# sourceMappingURL=typography_variants.js.map

package/build/esm/packages/aurora/src/src/components/typography/typography_variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography_variants.js","sourceRoot":"","sources":["../../../../../../../../src/components/typography/typography_variants.ts"],"names":[],"mappings":"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"}

package/build/esm/packages/aurora/src/src/components/values_syncer/values_syncer.js

@@ -0,0 +1,43 @@
+import { LockLineIcon } from '@auroraAssets/icons/lock_icon';
+import { LockUnlockLineIcon } from '@auroraAssets/icons/lock_unlock_icon';
+import { Stack } from '@auroraComponents/stack/stack';
+import { CSS_COLOR_TOKENS_VALUES } from '@auroraConstants/css_tokens/css_color_tokens_values';
+import React, { useEffect, useState } from 'react';
+import './values_syncer_types';
+import { cn } from '@auroraUtilities/cn';
+export const ValuesSyncer = ({ firstControl, secondControl, initialFirstValue, initialSecondValue, isLocked = false, onLock, onChange }) => {
+    const [locked, setLocked] = useState(isLocked);
+    const [firstControlValue, setFirstControlValue] = useState(initialFirstValue);
+    const [secondControlValue, setSecondControlValue] = useState(initialSecondValue);
+    useEffect(() => {
+        onLock?.(locked);
+        if (locked) {
+            setSecondControlValue(firstControlValue);
+        }
+    }, [locked]);
+    useEffect(() => {
+        setFirstControlValue(initialFirstValue);
+        setSecondControlValue(initialSecondValue);
+    }, [initialFirstValue, initialSecondValue]);
+    useEffect(() => {
+        onChange?.({ first: firstControlValue, second: secondControlValue, isLocked: locked });
+    }, [firstControlValue, secondControlValue, locked]);
+    const handleFirstControlChange = (value) => {
+        setFirstControlValue(value);
+        if (locked) {
+            setSecondControlValue(value);
+        }
+    };
+    const handleSecondControlChange = (value) => {
+        setSecondControlValue(value);
+        if (locked) {
+            setFirstControlValue(value);
+        }
+    };
+    const toggleLock = () => setLocked((prev) => !prev);
+    return (React.createElement(Stack, { spacing: "3", align: "end", className: "aurora-items-end" },
+        firstControl(firstControlValue, handleFirstControlChange),
+        React.createElement("button", { type: "button", className: cn(locked ? 'aurora-bg-active aurora-rounded-4' : 'aurora-bg-subtle', 'aurora-h-6 aurora-w-6 aurora-p-1 aurora-mb-2 aurora-rounded-4 focus'), onClick: toggleLock }, locked ? (React.createElement(LockLineIcon, { className: "aurora-h-4 aurora-w-4", color: CSS_COLOR_TOKENS_VALUES.neutral900 })) : (React.createElement(LockUnlockLineIcon, { className: "aurora-h-4 aurora-w-4", color: CSS_COLOR_TOKENS_VALUES.neutral600 }))),
+        secondControl(secondControlValue, handleSecondControlChange)));
+};
+//# sourceMappingURL=values_syncer.js.map