@once-ui-system/core 1.0.0

package/.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024-2025 Once UI
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,66 @@
+# Once UI
+
+A design system for indie builders who move fast and break limits without neglecting quality. Once UI combines the simplicity of low-code with the power of code: write 70% less compared to shadcn + tailwind.
+
+## Installation
+
+```bash
+npm install @once-ui-system/core
+# or
+yarn add @once-ui-system/core
+# or
+pnpm add @once-ui-system/core
+```
+
+## Features
+
+Start building your Next.js app in minutes.
+
+* **Customization**: Manage design config in a single file.
+* **Components**: Access advanced components with simple APIs.
+* **Data-viz**: Add responsive charts with a few lines of code.
+* **SEO**: Use our SEO components to simplify meta and schema setup.
+
+## Documentation
+
+Learn how to build with Once UI at [docs.once-ui.com](https://docs.once-ui.com/once-ui/quick-start).
+
+## Quick start
+
+[Magic Portfolio](https://once-ui.com/products/magic-portfolio): Our free portfolio starter used and loved by thousands of creatives. Simple, customizable, responsive.
+
+[Magic Store](https://once-ui.com/products/magic-store) (PRO): Our premium ecommerce storefront that lets you launch your merch store in minutes. Payment, production and shipping managed by Fourthwall.
+
+[Magic Docs](https://once-ui.com/products/magic-docs) (PRO): Our premium documentation generator. Just add your MDX files and let Magic Docs handle the rest.
+
+[Magic Bio](https://once-ui.com/products/magic-bio) (PRO): Our premium link-in-bio template that automatically fetches open-graph data. Just add your links and deploy.
+
+[Once UI Blocks](https://once-ui.com/blocks) (PRO): Copy-paste pre-designed blocks and deploy fully-functional sites with lightning speed.
+
+[Once UI for Figma](https://once-ui.com/figma) (PRO): Design and prototype entire products from scratch in hours.
+
+
+
+## Creators
+
+Connect with us!
+
+**Lorant One**: [Site](https://lorant.one) / [Threads](https://www.threads.net/@lorant.one) / [LinkedIn](https://www.linkedin.com/in/lorant-one/)
+
+**Zsofia Komaromi**: [Site](https://zsofia.pro) / [Threads](https://www.threads.net/@zsofia_kom) / [LinkedIn](https://www.linkedin.com/in/zsofiakomaromi/)
+
+## Become a Oncer
+
+![Design Engineers Club](https://docs.once-ui.com/images/docs/vibe-coding-dark.jpg)
+
+Join the [Design Engineers Club](https://discord.com/invite/5EyAQ4eNdS) on Discord to connect with us and share your projects.
+
+Found a bug? Report it [here](https://github.com/once-ui-system/once-ui/issues/new?labels=bug&template=bug_report.md). Got a feature request? Submit it [here](https://github.com/once-ui-system/once-ui/issues/new?labels=feature%20request&template=feature_request.md).
+
+## Sponsors
+
+Once UI is an indie project. [Sponsor us](https://github.com/sponsors/once-ui-system) and get featured on our site!
+
+## License
+
+Distributed under the MIT License. See `LICENSE.txt` for more information.

package/USAGE.md

@@ -0,0 +1,55 @@
+# Usage Examples for @once-ui-system/core
+
+## Using Components
+
+```jsx
+import { Button, Card, Heading } from '@once-ui-system/core';
+
+export default function MyComponent() {
+  return (
+    <Card>
+      <Heading>Hello World</Heading>
+      <Button variant="primary">Click Me</Button>
+    </Card>
+  );
+}
+```
+
+## Using Hooks
+
+```jsx
+import { Input, useDebounce } from '@once-ui-system/core';
+
+export default function SearchComponent() {
+  const [searchTerm, setSearchTerm] = useState('');
+  const debouncedSearchTerm = useDebounce(searchTerm, 500);
+  
+  // Use debouncedSearchTerm for API calls
+  
+  return (
+    <Input 
+      type="text" 
+      value={searchTerm}
+      onChange={(e) => setSearchTerm(e.target.value)}
+      placeholder="Search..."
+    />
+  );
+}
+```
+
+## Using Utilities
+
+```jsx
+import { Button, dev } from '@once-ui-system/core';
+
+export default function MyComponent() {
+  const handleClick = () => {
+    dev.log('Button clicked');
+    // Your logic here
+  };
+  
+  return (
+    <Button onClick={handleClick}>Click Me</Button>
+  );
+}
+```

package/dist/README.md

@@ -0,0 +1,66 @@
+# Once UI
+
+A design system for indie builders who move fast and break limits without neglecting quality. Once UI combines the simplicity of low-code with the power of code: write 70% less compared to shadcn + tailwind.
+
+## Installation
+
+```bash
+npm install @once-ui-system/core
+# or
+yarn add @once-ui-system/core
+# or
+pnpm add @once-ui-system/core
+```
+
+## Features
+
+Start building your Next.js app in minutes.
+
+* **Customization**: Manage design config in a single file.
+* **Components**: Access advanced components with simple APIs.
+* **Data-viz**: Add responsive charts with a few lines of code.
+* **SEO**: Use our SEO components to simplify meta and schema setup.
+
+## Documentation
+
+Learn how to build with Once UI at [docs.once-ui.com](https://docs.once-ui.com/once-ui/quick-start).
+
+## Quick start
+
+[Magic Portfolio](https://once-ui.com/products/magic-portfolio): Our free portfolio starter used and loved by thousands of creatives. Simple, customizable, responsive.
+
+[Magic Store](https://once-ui.com/products/magic-store) (PRO): Our premium ecommerce storefront that lets you launch your merch store in minutes. Payment, production and shipping managed by Fourthwall.
+
+[Magic Docs](https://once-ui.com/products/magic-docs) (PRO): Our premium documentation generator. Just add your MDX files and let Magic Docs handle the rest.
+
+[Magic Bio](https://once-ui.com/products/magic-bio) (PRO): Our premium link-in-bio template that automatically fetches open-graph data. Just add your links and deploy.
+
+[Once UI Blocks](https://once-ui.com/blocks) (PRO): Copy-paste pre-designed blocks and deploy fully-functional sites with lightning speed.
+
+[Once UI for Figma](https://once-ui.com/figma) (PRO): Design and prototype entire products from scratch in hours.
+
+
+
+## Creators
+
+Connect with us!
+
+**Lorant One**: [Site](https://lorant.one) / [Threads](https://www.threads.net/@lorant.one) / [LinkedIn](https://www.linkedin.com/in/lorant-one/)
+
+**Zsofia Komaromi**: [Site](https://zsofia.pro) / [Threads](https://www.threads.net/@zsofia_kom) / [LinkedIn](https://www.linkedin.com/in/zsofiakomaromi/)
+
+## Become a Oncer
+
+![Design Engineers Club](https://docs.once-ui.com/images/docs/vibe-coding-dark.jpg)
+
+Join the [Design Engineers Club](https://discord.com/invite/5EyAQ4eNdS) on Discord to connect with us and share your projects.
+
+Found a bug? Report it [here](https://github.com/once-ui-system/once-ui/issues/new?labels=bug&template=bug_report.md). Got a feature request? Submit it [here](https://github.com/once-ui-system/once-ui/issues/new?labels=feature%20request&template=feature_request.md).
+
+## Sponsors
+
+Once UI is an indie project. [Sponsor us](https://github.com/sponsors/once-ui-system) and get featured on our site!
+
+## License
+
+Distributed under the MIT License. See `LICENSE.txt` for more information.

package/dist/components/Accordion.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import { Flex } from ".";
+export interface AccordionHandle extends HTMLDivElement {
+    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;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const Accordion: React.ForwardRefExoticComponent<Omit<AccordionProps, "ref"> & React.RefAttributes<AccordionHandle>>;
+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/once-ui/components/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4E,MAAM,OAAO,CAAC;AACjG,OAAO,EAAE,IAAI,EAA4B,MAAM,GAAG,CAAC;AAInD,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD,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,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,SAAS,qGAqGd,CAAC;AAGF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/Accordion.js

@@ -0,0 +1,57 @@
+"use strict";
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Accordion = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const _1 = require(".");
+const Accordion_module_scss_1 = __importDefault(require("./Accordion.module.scss"));
+const classnames_1 = __importDefault(require("classnames"));
+const Accordion = (0, react_1.forwardRef)((_a, ref) => {
+    var { title, children, open = false, iconRotation = 180, radius, icon = "chevronDown", size = "m", className, style } = _a, rest = __rest(_a, ["title", "children", "open", "iconRotation", "radius", "icon", "size", "className", "style"]);
+    const [isOpen, setIsOpen] = (0, react_1.useState)(open);
+    (0, react_1.useEffect)(() => {
+        setIsOpen(open);
+    }, [open]);
+    const toggleAccordion = (0, react_1.useCallback)(() => {
+        setIsOpen((prev) => !prev);
+    }, []);
+    (0, react_1.useImperativeHandle)(ref, () => {
+        const methods = {
+            toggle: toggleAccordion,
+            open: () => setIsOpen(true),
+            close: () => setIsOpen(false),
+        };
+        return Object.assign(document.createElement("div"), methods);
+    }, [toggleAccordion]);
+    return ((0, jsx_runtime_1.jsxs)(_1.Column, { fillWidth: true, children: [(0, jsx_runtime_1.jsxs)(_1.Flex, { tabIndex: 0, className: (0, classnames_1.default)(Accordion_module_scss_1.default.accordion, className), style: style, cursor: "pointer", transition: "macro-medium", paddingY: size === "s" ? "8" : size === "m" ? "12" : "16", paddingX: size === "s" ? "12" : size === "m" ? "16" : "20", vertical: "center", horizontal: "space-between", onClick: toggleAccordion, onKeyDown: (e) => {
+                    if (e.key === "Enter" || e.key === " ") {
+                        e.preventDefault();
+                        toggleAccordion();
+                    }
+                }, "aria-expanded": isOpen, "aria-controls": "accordion-content", radius: radius, role: "button", children: [(0, jsx_runtime_1.jsx)(_1.Text, { variant: "heading-strong-s", children: title }), (0, jsx_runtime_1.jsx)(_1.Icon, { name: icon, size: size === "s" ? "xs" : "s", onBackground: isOpen ? "neutral-strong" : "neutral-weak", style: {
+                            display: "flex",
+                            transform: isOpen ? `rotate(${iconRotation}deg)` : "rotate(0deg)",
+                            transition: "var(--transition-micro-medium)",
+                        } })] }), (0, jsx_runtime_1.jsx)(_1.Grid, { id: "accordion-content", fillWidth: true, style: {
+                    gridTemplateRows: isOpen ? "1fr" : "0fr",
+                    transition: "grid-template-rows var(--transition-duration-macro-medium) var(--transition-eased)",
+                }, "aria-hidden": !isOpen, children: (0, jsx_runtime_1.jsx)(_1.Flex, { fillWidth: true, minHeight: 0, overflow: "hidden", children: (0, jsx_runtime_1.jsx)(_1.Column, Object.assign({ fillWidth: true, paddingX: size === "s" ? "12" : size === "m" ? "16" : "20", paddingTop: "8", paddingBottom: "16" }, rest, { children: children })) }) })] }));
+});
+exports.Accordion = Accordion;
+Accordion.displayName = "Accordion";
+//# sourceMappingURL=Accordion.js.map

package/dist/components/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../src/once-ui/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,15 @@
+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";
+    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/once-ui/components/AccordionGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,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,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA+BjD,CAAC;AAGF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/AccordionGroup.js

@@ -0,0 +1,30 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccordionGroup = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const _1 = require(".");
+const AccordionGroup = (_a) => {
+    var { items, size = "m", style, className } = _a, rest = __rest(_a, ["items", "size", "style", "className"]);
+    if (!items || items.length === 0) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(_1.Column, Object.assign({ fillWidth: true, radius: "m", border: "neutral-alpha-medium", overflow: "hidden", style: style, className: className || "" }, rest, { children: items.map((item, index) => ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(_1.Accordion, { title: item.title, size: size, children: item.content }), index < items.length - 1 && (0, jsx_runtime_1.jsx)(_1.Line, { background: "neutral-alpha-medium" })] }, index))) })));
+};
+exports.AccordionGroup = AccordionGroup;
+AccordionGroup.displayName = "AccordionGroup";
+//# sourceMappingURL=AccordionGroup.js.map

package/dist/components/AccordionGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionGroup.js","sourceRoot":"","sources":["../../src/once-ui/components/AccordionGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,wBAAkD;AAclD,MAAM,cAAc,GAAkC,CAAC,EAMtD,EAAE,EAAE;QANkD,EACrD,KAAK,EACL,IAAI,GAAG,GAAG,EACV,KAAK,EACL,SAAS,OAEV,EADI,IAAI,cAL8C,uCAMtD,CADQ;IAEP,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,uBAAC,SAAM,kBACL,SAAS,QACT,MAAM,EAAC,GAAG,EACV,MAAM,EAAC,sBAAsB,EAC7B,QAAQ,EAAC,QAAQ,EACjB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,IAAI,EAAE,IACtB,IAAI,cAEP,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,wBAAC,eAAK,CAAC,QAAQ,eACb,uBAAC,YAAS,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,YACrC,IAAI,CAAC,OAAO,GACH,EACX,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,uBAAC,OAAI,IAAC,UAAU,EAAC,sBAAsB,GAAG,KAJpD,KAAK,CAKT,CAClB,CAAC,IACK,CACV,CAAC;AACJ,CAAC,CAAC;AAGO,wCAAc;AADvB,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

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/once-ui/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,50 @@
+"use strict";
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Arrow = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+const Arrow_module_scss_1 = __importDefault(require("./Arrow.module.scss"));
+const _1 = require(".");
+const Arrow = (_a) => {
+    var { trigger, scale = 0.8, color = "onBackground", style, className } = _a, flex = __rest(_a, ["trigger", "scale", "color", "style", "className"]);
+    const ref = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        const triggerElement = document.querySelector(trigger);
+        if (triggerElement && ref.current) {
+            const handleMouseOver = () => {
+                var _a;
+                (_a = ref.current) === null || _a === void 0 ? void 0 : _a.classList.add(Arrow_module_scss_1.default.active);
+            };
+            const handleMouseOut = () => {
+                var _a;
+                (_a = ref.current) === null || _a === void 0 ? void 0 : _a.classList.remove(Arrow_module_scss_1.default.active);
+            };
+            triggerElement.addEventListener("mouseenter", handleMouseOver);
+            triggerElement.addEventListener("mouseleave", handleMouseOut);
+            return () => {
+                triggerElement.removeEventListener("mouseenter", handleMouseOver);
+                triggerElement.removeEventListener("mouseleave", handleMouseOut);
+            };
+        }
+    }, [trigger]);
+    return ((0, jsx_runtime_1.jsxs)(_1.Flex, Object.assign({ ref: ref, center: true, className: (0, classnames_1.default)(Arrow_module_scss_1.default.arrowContainer, className), style: Object.assign({ transform: `scale(${scale})` }, style) }, flex, { children: [(0, jsx_runtime_1.jsx)(_1.Flex, { radius: "full", position: "absolute", className: (0, classnames_1.default)(Arrow_module_scss_1.default.arrowHead, Arrow_module_scss_1.default[color]), height: 0.0875 }), (0, jsx_runtime_1.jsx)(_1.Flex, { radius: "full", position: "absolute", className: (0, classnames_1.default)(Arrow_module_scss_1.default.arrowHead, Arrow_module_scss_1.default[color]), height: 0.0875 })] })));
+};
+exports.Arrow = Arrow;
+Arrow.displayName = "Arrow";
+//# sourceMappingURL=Arrow.js.map

package/dist/components/Arrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Arrow.js","sourceRoot":"","sources":["../../src/once-ui/components/Arrow.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,iCAA0C;AAC1C,4DAAoC;AACpC,4EAAyC;AACzC,wBAAyB;AAUzB,MAAM,KAAK,GAAyB,CAAC,EAOpC,EAAE,EAAE;QAPgC,EACnC,OAAO,EACP,KAAK,GAAG,GAAG,EACX,KAAK,GAAG,cAAc,EACtB,KAAK,EACL,SAAS,OAEV,EADI,IAAI,cAN4B,mDAOpC,CADQ;IAEP,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEzC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAEvD,IAAI,cAAc,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YAClC,MAAM,eAAe,GAAG,GAAG,EAAE;;gBAC3B,MAAA,GAAG,CAAC,OAAO,0CAAE,SAAS,CAAC,GAAG,CAAC,2BAAM,CAAC,MAAM,CAAC,CAAC;YAC5C,CAAC,CAAC;YAEF,MAAM,cAAc,GAAG,GAAG,EAAE;;gBAC1B,MAAA,GAAG,CAAC,OAAO,0CAAE,SAAS,CAAC,MAAM,CAAC,2BAAM,CAAC,MAAM,CAAC,CAAC;YAC/C,CAAC,CAAC;YAEF,cAAc,CAAC,gBAAgB,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC;YAC/D,cAAc,CAAC,gBAAgB,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;YAE9D,OAAO,GAAG,EAAE;gBACV,cAAc,CAAC,mBAAmB,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC;gBAClE,cAAc,CAAC,mBAAmB,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;YACnE,CAAC,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,wBAAC,OAAI,kBACH,GAAG,EAAE,GAAG,EACR,MAAM,QACN,SAAS,EAAE,IAAA,oBAAU,EAAC,2BAAM,CAAC,cAAc,EAAE,SAAS,CAAC,EACvD,KAAK,kBACH,SAAS,EAAE,SAAS,KAAK,GAAG,IACzB,KAAK,KAEN,IAAI,eAER,uBAAC,OAAI,IACH,MAAM,EAAC,MAAM,EACb,QAAQ,EAAC,UAAU,EACnB,SAAS,EAAE,IAAA,oBAAU,EAAC,2BAAM,CAAC,SAAS,EAAE,2BAAM,CAAC,KAAK,CAAC,CAAC,EACtD,MAAM,EAAE,MAAM,GACd,EACF,uBAAC,OAAI,IACH,MAAM,EAAC,MAAM,EACb,QAAQ,EAAC,UAAU,EACnB,SAAS,EAAE,IAAA,oBAAU,EAAC,2BAAM,CAAC,SAAS,EAAE,2BAAM,CAAC,KAAK,CAAC,CAAC,EACtD,MAAM,EAAE,MAAM,GACd,KACG,CACR,CAAC;AACJ,CAAC,CAAC;AAGO,sBAAK;AADd,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

package/dist/components/Arrow.module.scss

@@ -0,0 +1,39 @@
+.arrowContainer {
+    transition: var(--transition-micro-medium);
+    height: var(--static-space-16);
+    width: var(--static-space-0);
+    visibility: hidden;
+}
+
+.arrowHead {
+    transition: var(--transition-micro-medium);
+    width: var(--static-space-0);
+    right: 0;
+    transform-origin: right center;
+    transform: rotate(0);
+}
+
+.active {
+    width: var(--static-space-16);
+    visibility: visible;
+
+    .arrowHead {
+        width: var(--static-space-8);
+    }
+
+    .arrowHead:nth-child(1) {
+        transform: rotate(45deg);
+    }
+
+    .arrowHead:nth-child(2) {
+        transform: rotate(-45deg);
+    }
+}
+
+.onSolid {
+    background: var(--brand-on-solid-strong);
+}
+
+.onBackground {
+    background: var(--brand-on-background-strong);
+}

package/dist/components/AutoScroll.d.ts

@@ -0,0 +1,12 @@
+import { Row } from "@/once-ui/components";
+import React from "react";
+interface AutoScrollProps extends React.ComponentProps<typeof Row> {
+    children: React.ReactNode;
+    speed?: "slow" | "medium" | "fast";
+    pause?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const AutoScroll: React.ForwardRefExoticComponent<Omit<AutoScrollProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { AutoScroll };
+//# sourceMappingURL=AutoScroll.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AutoScroll.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/AutoScroll.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAE3C,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,UAAU,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC;IAChE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,UAAU,qGAkBf,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/AutoScroll.js

@@ -0,0 +1,29 @@
+"use strict";
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutoScroll = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("@/once-ui/components");
+const AutoScroll_module_scss_1 = __importDefault(require("./AutoScroll.module.scss"));
+const react_1 = require("react");
+const AutoScroll = (0, react_1.forwardRef)((_a, ref) => {
+    var { children, speed = "medium", pause = false, className, style } = _a, flex = __rest(_a, ["children", "speed", "pause", "className", "style"]);
+    return ((0, jsx_runtime_1.jsx)(components_1.Row, Object.assign({ overflow: "hidden", fillWidth: true, ref: ref, className: className, style: style }, flex, { children: (0, jsx_runtime_1.jsxs)(components_1.Row, { fillWidth: true, className: `${AutoScroll_module_scss_1.default.marqueeWrapper} ${AutoScroll_module_scss_1.default[speed]} ${pause ? AutoScroll_module_scss_1.default.paused : ""}`, children: [(0, jsx_runtime_1.jsx)(components_1.Row, { fillWidth: true, horizontal: "space-around", className: AutoScroll_module_scss_1.default.marqueeContent, children: children }), (0, jsx_runtime_1.jsx)(components_1.Row, { fillWidth: true, horizontal: "space-around", className: AutoScroll_module_scss_1.default.marqueeContent, children: children })] }) })));
+});
+exports.AutoScroll = AutoScroll;
+AutoScroll.displayName = "AutoScroll";
+//# sourceMappingURL=AutoScroll.js.map

package/dist/components/AutoScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoScroll.js","sourceRoot":"","sources":["../../src/once-ui/components/AutoScroll.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,qDAA2C;AAC3C,sFAA8C;AAC9C,iCAA0C;AAU1C,MAAM,UAAU,GAAG,IAAA,kBAAU,EAC3B,CAAC,EAAwE,EAAE,GAAG,EAAE,EAAE;QAAjF,EAAE,QAAQ,EAAE,KAAK,GAAG,QAAQ,EAAE,KAAK,GAAG,KAAK,EAAE,SAAS,EAAE,KAAK,OAAW,EAAN,IAAI,cAAtE,oDAAwE,CAAF;IACrE,OAAO,CACL,uBAAC,gBAAG,kBAAC,QAAQ,EAAC,QAAQ,EAAC,SAAS,QAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,IAAM,IAAI,cACrF,wBAAC,gBAAG,IACF,SAAS,QACT,SAAS,EAAE,GAAG,gCAAM,CAAC,cAAc,IAAI,gCAAM,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,gCAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,aAEpF,uBAAC,gBAAG,IAAC,SAAS,QAAC,UAAU,EAAC,cAAc,EAAC,SAAS,EAAE,gCAAM,CAAC,cAAc,YACtE,QAAQ,GACL,EACN,uBAAC,gBAAG,IAAC,SAAS,QAAC,UAAU,EAAC,cAAc,EAAC,SAAS,EAAE,gCAAM,CAAC,cAAc,YACtE,QAAQ,GACL,IACF,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAGO,gCAAU;AADnB,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/components/AutoScroll.module.scss

@@ -0,0 +1,38 @@
+.marqueeWrapper {
+  animation: marquee 20s linear infinite;
+  will-change: transform;
+}
+
+.marqueeContent {
+  display: flex;
+  white-space: nowrap;
+  flex-shrink: 0;
+  width: 100%;
+  
+  &:nth-child(2) {
+    position: absolute;
+    left: 100%; 
+  }
+}
+
+/* Speed variations */
+.slow {
+  animation-duration: 40s;
+}
+
+.medium {
+  animation-duration: 20s;
+}
+
+.fast {
+  animation-duration: 10s;
+}
+
+.paused {
+  animation-play-state: paused;
+}
+
+@keyframes marquee {
+  0% { transform: translateX(0); }
+  100% { transform: translateX(-100%); }
+}

package/dist/components/Avatar.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { Flex } from ".";
+interface AvatarProps extends React.ComponentProps<typeof Flex> {
+    size?: "xs" | "s" | "m" | "l" | "xl" | number;
+    value?: string;
+    src?: string;
+    loading?: boolean;
+    empty?: boolean;
+    statusIndicator?: {
+        color: "green" | "yellow" | "red" | "gray";
+    };
+    style?: React.CSSProperties;
+    className?: string;
+}
+declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Avatar };
+export type { AvatarProps };
+//# sourceMappingURL=Avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/Avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAyC,IAAI,EAAS,MAAM,GAAG,CAAC;AAGvE,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC7D,IAAI,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,MAAM,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,eAAe,CAAC,EAAE;QAChB,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;KAC5C,CAAC;IACF,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkBD,QAAA,MAAM,MAAM,iGA0GX,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}