@studio-helga/once-ui-core 1.7.8

package/README.md

@@ -0,0 +1,54 @@
+<br/>
+
+<div align="center">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://docs.once-ui.com/trademarks/icon-dark.svg" width="64" height="64">
+    <source media="(prefers-color-scheme: light)" srcset="https://docs.once-ui.com/trademarks/icon-light.svg" width="64" height="64">
+    <img alt="Once UI Logo" src="https://docs.once-ui.com/trademarks/icon-dark.svg" width="64" height="64">
+  </picture><picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://docs.once-ui.com/trademarks/type-dark.svg" width="200" height="64">
+    <source media="(prefers-color-scheme: light)" srcset="https://docs.once-ui.com/trademarks/type-light.svg" width="200" height="64">
+    <img alt="Once UI Wordmark" src="https://docs.once-ui.com/trademarks/type-dark.svg" width="200" height="64">
+  </picture>
+
+  <br/>
+
+  The indie design system for Next.js apps
+
+  [![npm version](https://img.shields.io/npm/v/@studio-helga/once-ui-core.svg)](https://www.npmjs.com/package/@studio-helga/once-ui-core)
+  [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](./LICENSE.md)
+  [![npm downloads](https://img.shields.io/npm/dm/@studio-helga/once-ui-core.svg)](https://www.npmjs.com/package/@studio-helga/once-ui-core)
+  [![Discord](https://img.shields.io/discord/1083398120035074148?color=7289da&logo=discord&logoColor=white)](https://discord.com/invite/5EyAQ4eNdS)
+</div>
+
+
+
+<br/>
+
+## Documentation
+
+Learn how to set up and build with Once UI at [docs.once-ui.com](https://docs.once-ui.com/once-ui/quick-start).
+
+## Installation
+
+```bash
+npm install @studio-helga/once-ui-core
+```
+
+## Authors
+
+Built and maintained by [**Lorant One**](https://lorant.one).
+
+## Community
+
+Join the [Design Engineers Club](https://discord.com/invite/5EyAQ4eNdS) for help, support and discussion.
+
+Found a bug? Report it [here](https://github.com/once-ui-system/core/issues/new?labels=bug&template=bug_report.md). Got a feature request? Submit it [here](https://github.com/once-ui-system/core/issues/new?labels=feature%20request&template=feature_request.md).
+
+## Contributing
+
+Please read our [CONTRIBUTING.md](https://github.com/once-ui-system/core/blob/main/CONTRIBUTING.md) for details on our code of conduct, and the process for submitting pull requests to Once UI.
+
+## Sponsors
+
+Once UI is an indie project. [Sponsor us](https://github.com/sponsors/once-ui-system) and get featured on our site!

package/dist/README.md

@@ -0,0 +1,54 @@
+<br/>
+
+<div align="center">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://docs.once-ui.com/trademarks/icon-dark.svg" width="64" height="64">
+    <source media="(prefers-color-scheme: light)" srcset="https://docs.once-ui.com/trademarks/icon-light.svg" width="64" height="64">
+    <img alt="Once UI Logo" src="https://docs.once-ui.com/trademarks/icon-dark.svg" width="64" height="64">
+  </picture><picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://docs.once-ui.com/trademarks/type-dark.svg" width="200" height="64">
+    <source media="(prefers-color-scheme: light)" srcset="https://docs.once-ui.com/trademarks/type-light.svg" width="200" height="64">
+    <img alt="Once UI Wordmark" src="https://docs.once-ui.com/trademarks/type-dark.svg" width="200" height="64">
+  </picture>
+
+  <br/>
+
+  The indie design system for Next.js apps
+
+  [![npm version](https://img.shields.io/npm/v/@studio-helga/once-ui-core.svg)](https://www.npmjs.com/package/@studio-helga/once-ui-core)
+  [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](./LICENSE.md)
+  [![npm downloads](https://img.shields.io/npm/dm/@studio-helga/once-ui-core.svg)](https://www.npmjs.com/package/@studio-helga/once-ui-core)
+  [![Discord](https://img.shields.io/discord/1083398120035074148?color=7289da&logo=discord&logoColor=white)](https://discord.com/invite/5EyAQ4eNdS)
+</div>
+
+
+
+<br/>
+
+## Documentation
+
+Learn how to set up and build with Once UI at [docs.once-ui.com](https://docs.once-ui.com/once-ui/quick-start).
+
+## Installation
+
+```bash
+npm install @studio-helga/once-ui-core
+```
+
+## Authors
+
+Built and maintained by [**Lorant One**](https://lorant.one).
+
+## Community
+
+Join the [Design Engineers Club](https://discord.com/invite/5EyAQ4eNdS) for help, support and discussion.
+
+Found a bug? Report it [here](https://github.com/once-ui-system/core/issues/new?labels=bug&template=bug_report.md). Got a feature request? Submit it [here](https://github.com/once-ui-system/core/issues/new?labels=feature%20request&template=feature_request.md).
+
+## Contributing
+
+Please read our [CONTRIBUTING.md](https://github.com/once-ui-system/core/blob/main/CONTRIBUTING.md) for details on our code of conduct, and the process for submitting pull requests to Once UI.
+
+## Sponsors
+
+Once UI is an indie project. [Sponsor us](https://github.com/sponsors/once-ui-system) and get featured on our site!

package/dist/components/Accordion.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import { Flex, Column, Row } from ".";
+export interface AccordionHandle {
+    toggle: () => void;
+    open: () => void;
+    close: () => void;
+}
+interface AccordionProps extends Omit<React.ComponentProps<typeof Flex>, "title"> {
+    title: React.ReactNode;
+    children: React.ReactNode;
+    icon?: string;
+    iconRotation?: number;
+    size?: "s" | "m" | "l";
+    radius?: "xs" | "s" | "m" | "l" | "xl" | "full";
+    open?: boolean;
+    onToggle?: () => void;
+    className?: string;
+    style?: React.CSSProperties;
+    headerProps?: React.ComponentProps<typeof Row>;
+    contentProps?: React.ComponentProps<typeof Column>;
+    toggleOnHeaderClick?: boolean;
+}
+declare const Accordion: React.ForwardRefExoticComponent<Omit<AccordionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Accordion };
+//# sourceMappingURL=Accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../src/components/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAON,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,IAAI,EAAQ,MAAM,EAAQ,GAAG,EAAE,MAAM,GAAG,CAAC;AAIlD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,UAAU,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,OAAO,CAAC;IAC/E,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB,MAAM,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,MAAM,CAAC;IAChD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC;IAC/C,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;IACnD,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,QAAA,MAAM,SAAS,oGAiKd,CAAC;AAGF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/Accordion.js

@@ -0,0 +1,75 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, forwardRef, useImperativeHandle, useEffect, useCallback, useRef, } from "react";
+import { Icon, Column, Grid, Row } from ".";
+import styles from "./Accordion.module.scss";
+import classNames from "classnames";
+const Accordion = forwardRef(({ title, children, open = false, onToggle, iconRotation = 180, radius = "m", icon = "chevronDown", size = "m", className, style, headerProps, contentProps, toggleOnHeaderClick = true, ...rest }, ref) => {
+    const headerRef = useRef(null);
+    const [isOpen, setIsOpen] = useState(open);
+    useEffect(() => {
+        setIsOpen(open);
+    }, [open]);
+    const isAccordionOpen = onToggle ? open : isOpen;
+    const toggleAccordion = useCallback(() => {
+        if (onToggle) {
+            onToggle();
+        }
+        else {
+            setIsOpen((prev) => !prev);
+        }
+    }, [onToggle]);
+    useImperativeHandle(ref, () => {
+        const node = headerRef.current ?? document.createElement("div");
+        return Object.assign(node, {
+            toggle: toggleAccordion,
+            open: () => setIsOpen(true),
+            close: () => setIsOpen(false),
+        });
+    }, [toggleAccordion]);
+    const { className: headerClassName, style: headerStyle, onClick: headerOnClick, onKeyDown: headerOnKeyDown, ref: headerPropsRef, ...headerRest } = headerProps ?? {};
+    const { className: contentClassName, ...contentRest } = contentProps ?? {};
+    const setHeaderRef = useCallback((node) => {
+        headerRef.current = node;
+        if (typeof headerPropsRef === "function") {
+            headerPropsRef(node);
+        }
+        else if (headerPropsRef && "current" in headerPropsRef) {
+            headerPropsRef.current = node;
+        }
+        if (typeof ref === "function") {
+            ref(node);
+        }
+        else if (ref && "current" in ref) {
+            ref.current = node;
+        }
+    }, [headerPropsRef, ref]);
+    const handleHeaderClick = (e) => {
+        headerOnClick?.(e);
+        if (e.defaultPrevented || !toggleOnHeaderClick)
+            return;
+        toggleAccordion();
+    };
+    const handleHeaderKeyDown = (e) => {
+        headerOnKeyDown?.(e);
+        if (e.defaultPrevented || !toggleOnHeaderClick)
+            return;
+        if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            toggleAccordion();
+        }
+    };
+    const headerPaddingY = size === "s" ? "8" : size === "m" ? "12" : "16";
+    const headerPaddingX = size === "s" ? "12" : size === "m" ? "16" : "20";
+    const contentPaddingX = size === "s" ? "12" : size === "m" ? "16" : "20";
+    return (_jsxs(Column, { fillWidth: true, children: [_jsxs(Row, { ref: setHeaderRef, tabIndex: headerRest.tabIndex ?? 0, className: classNames(styles.accordion, className, headerClassName), style: { ...style, ...headerStyle }, cursor: "interactive", transition: "macro-medium", paddingY: headerPaddingY, paddingX: headerPaddingX, vertical: "center", horizontal: "between", onClick: handleHeaderClick, onKeyDown: handleHeaderKeyDown, "aria-expanded": isAccordionOpen, "aria-controls": "accordion-content", radius: radius, role: "button", ...headerRest, children: [_jsx(Row, { fillWidth: true, textVariant: "heading-strong-s", children: title }), _jsx(Icon, { name: icon, size: size === "s" ? "xs" : "s", onBackground: isAccordionOpen ? "neutral-strong" : "neutral-weak", style: {
+                            display: "flex",
+                            transform: isAccordionOpen ? `rotate(${iconRotation}deg)` : "rotate(0deg)",
+                            transition: "var(--transition-micro-medium)",
+                        } })] }), _jsx(Grid, { id: "accordion-content", fillWidth: true, transition: "macro-medium", style: {
+                    gridTemplateRows: isAccordionOpen ? "1fr" : "0fr",
+                }, "aria-hidden": !isAccordionOpen, children: _jsx(Row, { fillWidth: true, minHeight: 0, overflow: "hidden", children: _jsx(Column, { fillWidth: true, className: contentClassName, paddingX: contentPaddingX, paddingTop: "8", paddingBottom: "16", ...contentRest, ...rest, children: children }) }) })] }));
+});
+Accordion.displayName = "Accordion";
+export { Accordion };
+//# sourceMappingURL=Accordion.js.map

package/dist/components/Accordion.js.map

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

package/dist/components/Accordion.module.scss

@@ -0,0 +1,5 @@
+.accordion {
+    &:hover {
+        background: var(--neutral-alpha-weak);
+    }
+}

package/dist/components/AccordionGroup.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { Flex } from ".";
+export type AccordionItem = {
+    title: React.ReactNode;
+    content: React.ReactNode;
+};
+export interface AccordionGroupProps extends React.ComponentProps<typeof Flex> {
+    items: AccordionItem[];
+    size?: "s" | "m" | "l";
+    autoCollapse?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const AccordionGroup: React.FC<AccordionGroupProps>;
+export { AccordionGroup };
+//# sourceMappingURL=AccordionGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../src/components/AccordionGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgC,MAAM,OAAO,CAAC;AACrD,OAAO,EAA2B,IAAI,EAAE,MAAM,GAAG,CAAC;AAElD,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC5E,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuDjD,CAAC;AAGF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/AccordionGroup.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState, useCallback } from "react";
+import { Column, Accordion, Line } from ".";
+const AccordionGroup = ({ items, size = "m", style, className, autoCollapse = true, ...rest }) => {
+    const [openAccordion, setOpenAccordion] = useState(null);
+    const handleAccordionToggle = useCallback((index) => {
+        if (autoCollapse) {
+            // If clicking the same accordion, close it
+            if (openAccordion === index) {
+                setOpenAccordion(null);
+            }
+            else {
+                // Otherwise, open the clicked accordion and close others
+                setOpenAccordion(index);
+            }
+        }
+        // If autoCollapse is false, let each accordion handle its own state
+    }, [autoCollapse, openAccordion]);
+    if (!items || items.length === 0) {
+        return null;
+    }
+    return (_jsx(Column, { fillWidth: true, radius: "m", border: "neutral-alpha-medium", overflow: "hidden", style: style, className: className || "", ...rest, children: items.map((item, index) => (_jsxs(React.Fragment, { children: [_jsx(Accordion, { title: item.title, size: size, open: autoCollapse ? openAccordion === index : undefined, onToggle: () => handleAccordionToggle(index), children: item.content }), index < items.length - 1 && _jsx(Line, { background: "neutral-alpha-medium" })] }, index))) }));
+};
+AccordionGroup.displayName = "AccordionGroup";
+export { AccordionGroup };
+//# sourceMappingURL=AccordionGroup.js.map

package/dist/components/AccordionGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionGroup.js","sourceRoot":"","sources":["../../src/components/AccordionGroup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAQ,MAAM,GAAG,CAAC;AAelD,MAAM,cAAc,GAAkC,CAAC,EACrD,KAAK,EACL,IAAI,GAAG,GAAG,EACV,KAAK,EACL,SAAS,EACT,YAAY,GAAG,IAAI,EACnB,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAExE,MAAM,qBAAqB,GAAG,WAAW,CACvC,CAAC,KAAa,EAAE,EAAE;QAChB,IAAI,YAAY,EAAE,CAAC;YACjB,2CAA2C;YAC3C,IAAI,aAAa,KAAK,KAAK,EAAE,CAAC;gBAC5B,gBAAgB,CAAC,IAAI,CAAC,CAAC;YACzB,CAAC;iBAAM,CAAC;gBACN,yDAAyD;gBACzD,gBAAgB,CAAC,KAAK,CAAC,CAAC;YAC1B,CAAC;QACH,CAAC;QACD,oEAAoE;IACtE,CAAC,EACD,CAAC,YAAY,EAAE,aAAa,CAAC,CAC9B,CAAC;IAEF,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,MAAM,IACL,SAAS,QACT,MAAM,EAAC,GAAG,EACV,MAAM,EAAC,sBAAsB,EAC7B,QAAQ,EAAC,QAAQ,EACjB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,IAAI,EAAE,KACtB,IAAI,YAEP,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,MAAC,KAAK,CAAC,QAAQ,eACb,KAAC,SAAS,IACR,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,EACxD,QAAQ,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,KAAK,CAAC,YAE3C,IAAI,CAAC,OAAO,GACH,EACX,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,KAAC,IAAI,IAAC,UAAU,EAAC,sBAAsB,GAAG,KATpD,KAAK,CAUT,CAClB,CAAC,GACK,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Animation.d.ts

@@ -0,0 +1,34 @@
+import React, { ReactNode, CSSProperties } from "react";
+import { Placement } from "@floating-ui/react-dom";
+import { Flex } from ".";
+import { SpacingToken } from "@/types";
+type TriggerType = "hover" | "click" | "manual";
+type EasingCurve = "linear" | "ease" | "ease-in" | "ease-out" | "ease-in-out" | "spring" | "bounce";
+export interface AnimationProps extends React.ComponentProps<typeof Flex> {
+    trigger?: ReactNode;
+    children: ReactNode;
+    fade?: number;
+    scale?: number;
+    blur?: number;
+    slideUp?: number;
+    slideDown?: number;
+    slideLeft?: number;
+    slideRight?: number;
+    zoomIn?: number;
+    zoomOut?: number;
+    triggerType?: TriggerType;
+    active?: boolean;
+    delay?: number;
+    duration?: number;
+    easing?: EasingCurve;
+    transformOrigin?: string;
+    childrenPosition?: CSSProperties["position"];
+    reverse?: boolean;
+    touch?: "disable" | "enable" | "display";
+    portal?: boolean;
+    placement?: Placement;
+    offsetDistance?: SpacingToken;
+}
+declare const Animation: React.ForwardRefExoticComponent<Omit<AnimationProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Animation };
+//# sourceMappingURL=Animation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Animation.d.ts","sourceRoot":"","sources":["../../src/components/Animation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAIZ,SAAS,EAIT,aAAa,EACd,MAAM,OAAO,CAAC;AAEf,OAAO,EAKL,SAAS,EACV,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,KAAK,WAAW,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEhD,KAAK,WAAW,GACZ,QAAQ,GACR,MAAM,GACN,SAAS,GACT,UAAU,GACV,aAAa,GACb,QAAQ,GACR,QAAQ,CAAC;AAEb,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACvE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IAEzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,cAAc,CAAC,EAAE,YAAY,CAAC;CAC/B;AAYD,QAAA,MAAM,SAAS,oGAsVd,CAAC;AAGF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/Animation.js

@@ -0,0 +1,230 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect, forwardRef, useImperativeHandle, useCallback, } from "react";
+import { createPortal } from "react-dom";
+import { useFloating, shift, flip, autoUpdate, } from "@floating-ui/react-dom";
+import { Flex } from ".";
+const easingCurves = {
+    linear: "linear",
+    ease: "ease",
+    "ease-in": "ease-in",
+    "ease-out": "ease-out",
+    "ease-in-out": "ease-in-out",
+    spring: "cubic-bezier(0.68, -0.55, 0.265, 1.55)",
+    bounce: "cubic-bezier(0.68, -0.55, 0.265, 1.55)",
+};
+const Animation = forwardRef(({ trigger, children, fade, scale, blur, slideUp, slideDown, slideLeft, slideRight, zoomIn, zoomOut, triggerType = "manual", active: controlledActive, delay = 0, duration = 300, easing = "ease-out", transformOrigin = "center", childrenPosition = "absolute", reverse = false, touch = "enable", portal = false, placement = "top", offsetDistance = "8", ...flex }, ref) => {
+    const [internalActive, setInternalActive] = useState(false);
+    const [isClicked, setIsClicked] = useState(false);
+    const [mounted, setMounted] = useState(false);
+    const [isBrowser, setIsBrowser] = useState(false);
+    const [isPositioned, setIsPositioned] = useState(false);
+    const [isTouchDevice, setIsTouchDevice] = useState(false);
+    const wrapperRef = useRef(null);
+    const floatingRef = useRef(null);
+    const timeoutRef = useRef(null);
+    useImperativeHandle(ref, () => wrapperRef.current);
+    useEffect(() => {
+        setMounted(true);
+        setIsTouchDevice("ontouchstart" in window || navigator.maxTouchPoints > 0);
+        if (portal) {
+            setIsBrowser(true);
+        }
+    }, [portal]);
+    const isControlled = controlledActive !== undefined;
+    const rawActive = isControlled ? controlledActive : internalActive;
+    // Determine if animation should be active based on touch mode
+    const isActive = (() => {
+        // If on touch device, handle based on touch prop
+        if (isTouchDevice && triggerType === "hover") {
+            if (touch === 'disable')
+                return false;
+            if (touch === 'display')
+                return true;
+            // touch === 'enable', fall through to normal logic
+        }
+        // For non-touch or when mounted, use the raw active state
+        if (!mounted && !isTouchDevice)
+            return false;
+        return rawActive;
+    })();
+    // Floating UI for portal positioning
+    const { x, y, strategy, placement: finalPlacement, refs: floatingRefs } = useFloating({
+        placement,
+        open: isActive,
+        middleware: [
+            flip(),
+            shift(),
+        ],
+        whileElementsMounted: portal ? autoUpdate : undefined,
+    });
+    useEffect(() => {
+        if (portal && wrapperRef.current) {
+            floatingRefs.setReference(wrapperRef.current);
+        }
+    }, [portal, floatingRefs, mounted]);
+    useEffect(() => {
+        if (portal && isActive && mounted) {
+            setIsPositioned(false);
+            const timeoutId = setTimeout(() => {
+                if (floatingRef.current) {
+                    floatingRefs.setFloating(floatingRef.current);
+                    // Mark as positioned after setting the floating element
+                    requestAnimationFrame(() => {
+                        requestAnimationFrame(() => {
+                            setIsPositioned(true);
+                        });
+                    });
+                }
+            }, 0);
+            return () => clearTimeout(timeoutId);
+        }
+        else {
+            setIsPositioned(false);
+        }
+    }, [portal, isActive, mounted, floatingRefs]);
+    const handleMouseEnter = useCallback(() => {
+        if (triggerType === "hover") {
+            if (delay > 0) {
+                timeoutRef.current = setTimeout(() => {
+                    setInternalActive(true);
+                }, delay);
+            }
+            else {
+                setInternalActive(true);
+            }
+        }
+    }, [triggerType, delay]);
+    const handleMouseLeave = useCallback(() => {
+        if (triggerType === "hover") {
+            if (timeoutRef.current) {
+                clearTimeout(timeoutRef.current);
+                timeoutRef.current = null;
+            }
+            setInternalActive(false);
+        }
+    }, [triggerType]);
+    const handleFocus = useCallback(() => {
+        if (triggerType === "hover") {
+            handleMouseEnter();
+        }
+    }, [triggerType, handleMouseEnter]);
+    const handleBlur = useCallback(() => {
+        if (triggerType === "hover") {
+            handleMouseLeave();
+        }
+    }, [triggerType, handleMouseLeave]);
+    const handleClick = useCallback(() => {
+        if (triggerType === "click") {
+            setIsClicked(!isClicked);
+            setInternalActive(!isClicked);
+        }
+    }, [triggerType, isClicked, setInternalActive]);
+    useEffect(() => {
+        return () => {
+            if (timeoutRef.current) {
+                clearTimeout(timeoutRef.current);
+            }
+        };
+    }, []);
+    const getAnimationStyle = () => {
+        // For portals, always use center origin for consistent animations
+        const calculatedTransformOrigin = portal ? 'center center' : transformOrigin;
+        // For portals, don't transition position (top/left) - only animate opacity, transform, filter
+        const transitionProps = portal
+            ? `opacity ${duration}ms ${easingCurves[easing]}, transform ${duration}ms ${easingCurves[easing]}, filter ${duration}ms ${easingCurves[easing]}`
+            : `all ${duration}ms ${easingCurves[easing]}`;
+        const baseStyle = {
+            transition: transitionProps,
+            transformOrigin: calculatedTransformOrigin,
+        };
+        // For portals, animation should trigger based on isPositioned, not isActive
+        // For touch="display", wait until mounted to determine state
+        const effectiveActive = portal ? isPositioned : (touch === 'display' && !mounted ? false : isActive);
+        const shouldAnimate = reverse ? !effectiveActive : effectiveActive;
+        // Combine styles from multiple animations
+        let combinedStyle = { ...baseStyle };
+        const transforms = [];
+        if (fade !== undefined) {
+            combinedStyle.opacity = shouldAnimate ? 1 : fade;
+        }
+        if (scale !== undefined) {
+            transforms.push(shouldAnimate ? "scale(1)" : `scale(${scale})`);
+            if (combinedStyle.opacity === undefined) {
+                combinedStyle.opacity = shouldAnimate ? 1 : 0;
+            }
+        }
+        if (blur !== undefined) {
+            combinedStyle.filter = shouldAnimate ? "blur(0px)" : `blur(${blur}px)`;
+            if (combinedStyle.opacity === undefined) {
+                combinedStyle.opacity = shouldAnimate ? 1 : 0;
+            }
+        }
+        if (slideUp !== undefined) {
+            transforms.push(shouldAnimate ? "translateY(0)" : `translateY(${slideUp}rem)`);
+            if (combinedStyle.opacity === undefined) {
+                combinedStyle.opacity = shouldAnimate ? 1 : 0;
+            }
+        }
+        if (slideDown !== undefined) {
+            transforms.push(shouldAnimate ? "translateY(0)" : `translateY(-${slideDown}rem)`);
+            if (combinedStyle.opacity === undefined) {
+                combinedStyle.opacity = shouldAnimate ? 1 : 0;
+            }
+        }
+        if (slideLeft !== undefined) {
+            transforms.push(shouldAnimate ? "translateX(0)" : `translateX(${slideLeft}rem)`);
+            if (combinedStyle.opacity === undefined) {
+                combinedStyle.opacity = shouldAnimate ? 1 : 0;
+            }
+        }
+        if (slideRight !== undefined) {
+            transforms.push(shouldAnimate ? "translateX(0)" : `translateX(-${slideRight}rem)`);
+            if (combinedStyle.opacity === undefined) {
+                combinedStyle.opacity = shouldAnimate ? 1 : 0;
+            }
+        }
+        if (zoomIn !== undefined) {
+            transforms.push(shouldAnimate ? `scale(${zoomIn})` : "scale(1)");
+            if (combinedStyle.opacity === undefined) {
+                combinedStyle.opacity = shouldAnimate ? 1 : 0;
+            }
+        }
+        if (zoomOut !== undefined) {
+            transforms.push(shouldAnimate ? `scale(${zoomOut})` : "scale(1)");
+            if (combinedStyle.opacity === undefined) {
+                combinedStyle.opacity = shouldAnimate ? 1 : 0;
+            }
+        }
+        // Combine all transforms into a single transform property
+        if (transforms.length > 0) {
+            combinedStyle.transform = transforms.join(" ");
+        }
+        return combinedStyle;
+    };
+    const animationStyle = getAnimationStyle();
+    // If trigger is provided, wrap it with event handlers
+    if (trigger) {
+        // Portal mode: render content in portal
+        if (portal) {
+            return (_jsxs(_Fragment, { children: [_jsx(Flex, { ref: wrapperRef, onMouseEnter: triggerType === "hover" ? handleMouseEnter : undefined, onMouseLeave: triggerType === "hover" ? handleMouseLeave : undefined, onFocus: triggerType === "hover" ? handleFocus : undefined, onBlur: triggerType === "hover" ? handleBlur : undefined, onClick: triggerType === "click" ? handleClick : undefined, children: trigger }), isActive && isBrowser && createPortal(_jsx(Flex, { ref: floatingRef, zIndex: 10, paddingTop: finalPlacement.includes("bottom") ? offsetDistance : undefined, paddingBottom: finalPlacement.includes("top") ? offsetDistance : undefined, paddingLeft: finalPlacement.includes("right") ? offsetDistance : undefined, paddingRight: finalPlacement.includes("left") ? offsetDistance : undefined, style: {
+                            position: strategy,
+                            top: y ?? 0,
+                            left: x ?? 0,
+                            ...animationStyle,
+                            visibility: isPositioned ? 'visible' : 'hidden',
+                            pointerEvents: isActive ? "auto" : "none",
+                        }, onMouseEnter: triggerType === "hover" ? handleMouseEnter : undefined, onMouseLeave: triggerType === "hover" ? handleMouseLeave : undefined, "aria-hidden": !isActive, ...flex, children: children }), document.body)] }));
+        }
+        // Normal mode: absolute positioning
+        return (_jsxs(Flex, { ref: wrapperRef, onMouseLeave: triggerType === "hover" ? handleMouseLeave : undefined, ...flex, children: [_jsx(Flex, { onMouseEnter: triggerType === "hover" ? handleMouseEnter : undefined, onFocus: triggerType === "hover" ? handleFocus : undefined, onBlur: triggerType === "hover" ? handleBlur : undefined, onClick: triggerType === "click" ? handleClick : undefined, children: trigger }), _jsx(Flex, { position: childrenPosition, style: {
+                        ...animationStyle,
+                        pointerEvents: isActive ? "auto" : "none",
+                    }, onMouseEnter: triggerType === "hover" && isActive ? handleMouseEnter : undefined, "aria-hidden": !isActive, inert: !isActive ? true : undefined, children: children })] }));
+    }
+    // If no trigger, apply animation directly to children
+    return (_jsx(Flex, { ref: wrapperRef, onMouseEnter: triggerType === "hover" ? handleMouseEnter : undefined, onMouseLeave: triggerType === "hover" ? handleMouseLeave : undefined, onFocus: triggerType === "hover" ? handleFocus : undefined, onBlur: triggerType === "hover" ? handleBlur : undefined, onClick: triggerType === "click" ? handleClick : undefined, style: animationStyle, ...flex, children: children }));
+});
+Animation.displayName = "Animation";
+export { Animation };
+//# sourceMappingURL=Animation.js.map

package/dist/components/Animation.js.map

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

package/dist/components/Arrow.d.ts

@@ -0,0 +1,11 @@
+import { Flex } from ".";
+interface ArrowProps extends React.ComponentProps<typeof Flex> {
+    trigger: string;
+    scale?: number;
+    color?: "onBackground" | "onSolid";
+    style?: React.CSSProperties;
+    className?: string;
+}
+declare const Arrow: React.FC<ArrowProps>;
+export { Arrow };
+//# sourceMappingURL=Arrow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Arrow.d.ts","sourceRoot":"","sources":["../../src/components/Arrow.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,UAAU,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC5D,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;IACnC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAyD/B,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/Arrow.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import classNames from "classnames";
+import styles from "./Arrow.module.scss";
+import { Flex } from ".";
+const Arrow = ({ trigger, scale = 0.8, color = "onBackground", style, className, ...flex }) => {
+    const ref = useRef(null);
+    useEffect(() => {
+        const triggerElement = document.querySelector(trigger);
+        if (triggerElement && ref.current) {
+            const handleMouseOver = () => {
+                ref.current?.classList.add(styles.active);
+            };
+            const handleMouseOut = () => {
+                ref.current?.classList.remove(styles.active);
+            };
+            triggerElement.addEventListener("mouseenter", handleMouseOver);
+            triggerElement.addEventListener("mouseleave", handleMouseOut);
+            return () => {
+                triggerElement.removeEventListener("mouseenter", handleMouseOver);
+                triggerElement.removeEventListener("mouseleave", handleMouseOut);
+            };
+        }
+    }, [trigger]);
+    return (_jsxs(Flex, { ref: ref, center: true, className: classNames(styles.arrowContainer, className), style: {
+            transform: `scale(${scale})`,
+            ...style,
+        }, ...flex, children: [_jsx(Flex, { radius: "full", position: "absolute", className: classNames(styles.arrowHead, styles[color]), height: 0.0875 }), _jsx(Flex, { radius: "full", position: "absolute", className: classNames(styles.arrowHead, styles[color]), height: 0.0875 })] }));
+};
+Arrow.displayName = "Arrow";
+export { Arrow };
+//# sourceMappingURL=Arrow.js.map