@once-ui-system/core 1.0.0

package/dist/components/NumberInput.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { Input } from ".";
+interface NumberInputProps extends Omit<React.ComponentProps<typeof Input>, "type" | "value" | "onChange"> {
+    value?: number;
+    onChange?: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    padStart?: number;
+}
+declare const NumberInput: React.ForwardRefExoticComponent<Omit<NumberInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export { NumberInput };
+//# sourceMappingURL=NumberInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/NumberInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,KAAK,EAAoB,MAAM,GAAG,CAAC;AAI5C,UAAU,gBACR,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,QAAA,MAAM,WAAW,wGAoGhB,CAAC;AAGF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/NumberInput.js

@@ -0,0 +1,63 @@
+"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.NumberInput = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const _1 = require(".");
+const NumberInput_module_scss_1 = __importDefault(require("./NumberInput.module.scss"));
+const classnames_1 = __importDefault(require("classnames"));
+const NumberInput = (0, react_1.forwardRef)((_a, ref) => {
+    var _b;
+    var { value, onChange, min, max, step = 1, padStart } = _a, props = __rest(_a, ["value", "onChange", "min", "max", "step", "padStart"]);
+    const [localValue, setLocalValue] = (0, react_1.useState)(padStart && value !== undefined
+        ? value.toString().padStart(padStart, "0")
+        : ((_b = value === null || value === void 0 ? void 0 : value.toString()) !== null && _b !== void 0 ? _b : ""));
+    const handleChange = (e) => {
+        const newValue = e.target.value;
+        setLocalValue(newValue);
+        const numValue = parseFloat(newValue);
+        if (!isNaN(numValue) && onChange) {
+            onChange(numValue);
+        }
+    };
+    const updateValue = (newValue) => {
+        const formattedValue = padStart
+            ? newValue.toString().padStart(padStart, "0")
+            : newValue.toString();
+        setLocalValue(formattedValue);
+        onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+    };
+    const increment = () => {
+        const currentValue = parseFloat(localValue) || 0;
+        const newValue = currentValue + step;
+        if (max === undefined || newValue <= max) {
+            updateValue(newValue);
+        }
+    };
+    const decrement = () => {
+        const currentValue = parseFloat(localValue) || 0;
+        const newValue = currentValue - step;
+        if (min === undefined || newValue >= min) {
+            updateValue(newValue);
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(_1.Input, Object.assign({}, props, { ref: ref, type: "number", value: localValue, onChange: handleChange, min: min, max: max, step: step, hasSuffix: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(_1.Flex, { position: "static", minWidth: 1.25 }), (0, jsx_runtime_1.jsxs)(_1.Flex, { position: "absolute", right: "0", top: "0", direction: "column", borderLeft: "neutral-medium", fillHeight: true, background: "neutral-alpha-weak", children: [(0, jsx_runtime_1.jsx)(_1.Flex, { fillHeight: true, position: "static", borderBottom: "neutral-medium", paddingX: "4", className: (0, classnames_1.default)(NumberInput_module_scss_1.default.stepper, "transition-micro-medium"), children: (0, jsx_runtime_1.jsx)(_1.IconButton, { icon: "chevronUp", variant: "ghost", size: "s", onClick: increment, "aria-label": "Increment value" }) }), (0, jsx_runtime_1.jsx)(_1.Flex, { fillHeight: true, position: "static", paddingX: "4", className: (0, classnames_1.default)(NumberInput_module_scss_1.default.stepper, "transition-micro-medium"), children: (0, jsx_runtime_1.jsx)(_1.IconButton, { icon: "chevronDown", variant: "ghost", size: "s", onClick: decrement, "aria-label": "Decrement value" }) })] })] }), className: NumberInput_module_scss_1.default.numberInput })));
+});
+exports.NumberInput = NumberInput;
+NumberInput.displayName = "NumberInput";
+//# sourceMappingURL=NumberInput.js.map

package/dist/components/NumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../src/once-ui/components/NumberInput.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,iCAAoD;AACpD,wBAA4C;AAC5C,wFAA+C;AAC/C,4DAAoC;AAYpC,MAAM,WAAW,GAAG,IAAA,kBAAU,EAC5B,CAAC,EAA2D,EAAE,GAAG,EAAE,EAAE;;QAApE,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,GAAG,CAAC,EAAE,QAAQ,OAAY,EAAP,KAAK,cAAzD,uDAA2D,CAAF;IACxD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAC1C,QAAQ,IAAI,KAAK,KAAK,SAAS;QAC7B,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,CAAC;QAC1C,CAAC,CAAC,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,EAAE,mCAAI,EAAE,CAAC,CAC9B,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC9D,MAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAChC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAExB,MAAM,QAAQ,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;QACtC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,QAAQ,EAAE,CAAC;YACjC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,QAAgB,EAAE,EAAE;QACvC,MAAM,cAAc,GAAG,QAAQ;YAC7B,CAAC,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,CAAC;YAC7C,CAAC,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC;QACxB,aAAa,CAAC,cAAc,CAAC,CAAC;QAC9B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,QAAQ,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,MAAM,YAAY,GAAG,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACjD,MAAM,QAAQ,GAAG,YAAY,GAAG,IAAI,CAAC;QACrC,IAAI,GAAG,KAAK,SAAS,IAAI,QAAQ,IAAI,GAAG,EAAE,CAAC;YACzC,WAAW,CAAC,QAAQ,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,MAAM,YAAY,GAAG,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACjD,MAAM,QAAQ,GAAG,YAAY,GAAG,IAAI,CAAC;QACrC,IAAI,GAAG,KAAK,SAAS,IAAI,QAAQ,IAAI,GAAG,EAAE,CAAC;YACzC,WAAW,CAAC,QAAQ,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,QAAK,oBACA,KAAK,IACT,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,YAAY,EACtB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EACP,6DACE,uBAAC,OAAI,IAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAE,IAAI,GAAS,EAC/C,wBAAC,OAAI,IACH,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAC,GAAG,EACT,GAAG,EAAC,GAAG,EACP,SAAS,EAAC,QAAQ,EAClB,UAAU,EAAC,gBAAgB,EAC3B,UAAU,QACV,UAAU,EAAC,oBAAoB,aAE/B,uBAAC,OAAI,IACH,UAAU,QACV,QAAQ,EAAC,QAAQ,EACjB,YAAY,EAAC,gBAAgB,EAC7B,QAAQ,EAAC,GAAG,EACZ,SAAS,EAAE,IAAA,oBAAU,EAAC,iCAAM,CAAC,OAAO,EAAE,yBAAyB,CAAC,YAEhE,uBAAC,aAAU,IACT,IAAI,EAAC,WAAW,EAChB,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,GAAG,EACR,OAAO,EAAE,SAAS,gBACP,iBAAiB,GAC5B,GACG,EACP,uBAAC,OAAI,IACH,UAAU,QACV,QAAQ,EAAC,QAAQ,EACjB,QAAQ,EAAC,GAAG,EACZ,SAAS,EAAE,IAAA,oBAAU,EAAC,iCAAM,CAAC,OAAO,EAAE,yBAAyB,CAAC,YAEhE,uBAAC,aAAU,IACT,IAAI,EAAC,aAAa,EAClB,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,GAAG,EACR,OAAO,EAAE,SAAS,gBACP,iBAAiB,GAC5B,GACG,IACF,IACN,EAEL,SAAS,EAAE,iCAAM,CAAC,WAAW,IAC7B,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAGO,kCAAW;AADpB,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/dist/components/NumberInput.module.scss

@@ -0,0 +1,18 @@
+.numberInput {
+  input[type="number"]::-webkit-inner-spin-button,
+  input[type="number"]::-webkit-outer-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+
+  input[type="number"] {
+    -moz-appearance: textfield;
+  }
+}
+
+.stepper {
+  pointer-events: visibleFill;
+  &:hover {
+    background-color: var(--neutral-alpha-medium);
+  }
+}

package/dist/components/OTPInput.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+interface OTPInputProps extends React.HTMLAttributes<HTMLDivElement> {
+    length?: number;
+    onComplete?: (code: string) => void;
+    error?: boolean;
+    errorMessage?: React.ReactNode;
+    disabled?: boolean;
+    autoFocus?: boolean;
+}
+declare const OTPInput: React.ForwardRefExoticComponent<OTPInputProps & React.RefAttributes<HTMLDivElement>>;
+export { OTPInput };
+export type { OTPInputProps };
+//# sourceMappingURL=OTPInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OTPInput.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/OTPInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAIvE,UAAU,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAClE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,QAAQ,sFA8Gb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/OTPInput.js

@@ -0,0 +1,92 @@
+"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.OTPInput = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const _1 = require(".");
+const OTPInput_module_scss_1 = __importDefault(require("./OTPInput.module.scss"));
+const OTPInput = (0, react_1.forwardRef)((_a, ref) => {
+    var { length = 4, onComplete, error = false, errorMessage, disabled = false, autoFocus = false, className } = _a, props = __rest(_a, ["length", "onComplete", "error", "errorMessage", "disabled", "autoFocus", "className"]);
+    const [values, setValues] = (0, react_1.useState)(Array(length).fill(""));
+    const inputsRef = (0, react_1.useRef)([]);
+    (0, react_1.useEffect)(() => {
+        if (autoFocus && inputsRef.current[0]) {
+            inputsRef.current[0].focus();
+        }
+    }, [autoFocus]);
+    const handleChange = (index, value) => {
+        var _a;
+        if (disabled)
+            return;
+        if (value === "" || /^[0-9]$/.test(value)) {
+            const newValues = [...values];
+            newValues[index] = value;
+            setValues(newValues);
+            if (value && index < length - 1) {
+                (_a = inputsRef.current[index + 1]) === null || _a === void 0 ? void 0 : _a.focus();
+            }
+            if (newValues.every((val) => val !== "") && onComplete) {
+                onComplete(newValues.join(""));
+            }
+        }
+    };
+    const handleKeyDown = (index, event) => {
+        var _a, _b, _c;
+        if (disabled)
+            return;
+        if (event.key === "Backspace") {
+            event.preventDefault();
+            if (values[index]) {
+                const newValues = [...values];
+                newValues[index] = "";
+                setValues(newValues);
+            }
+            else if (index > 0) {
+                (_a = inputsRef.current[index - 1]) === null || _a === void 0 ? void 0 : _a.focus();
+                const newValues = [...values];
+                newValues[index - 1] = "";
+                setValues(newValues);
+            }
+        }
+        else if (event.key === "ArrowLeft" && index > 0) {
+            event.preventDefault();
+            (_b = inputsRef.current[index - 1]) === null || _b === void 0 ? void 0 : _b.focus();
+        }
+        else if (event.key === "ArrowRight" && index < length - 1) {
+            event.preventDefault();
+            (_c = inputsRef.current[index + 1]) === null || _c === void 0 ? void 0 : _c.focus();
+        }
+    };
+    const handleContainerClick = () => {
+        var _a;
+        if (disabled)
+            return;
+        if (values.every((val) => val !== ""))
+            return;
+        const firstEmptyIndex = values.findIndex((val) => val === "");
+        if (firstEmptyIndex >= 0) {
+            (_a = inputsRef.current[firstEmptyIndex]) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)(_1.Column, { gap: "8", ref: ref, children: [(0, jsx_runtime_1.jsx)(_1.Flex, { gap: "8", center: true, onClick: handleContainerClick, children: Array.from({ length }, (_, index) => ((0, jsx_runtime_1.jsx)(_1.Input, Object.assign({ ref: (el) => {
+                        inputsRef.current[index] = el;
+                    }, id: `otp-${index}`, type: "text", placeholder: " ", inputMode: "numeric", maxLength: 1, error: error, value: values[index], onChange: (e) => handleChange(index, e.target.value), onKeyDown: (e) => handleKeyDown(index, e), "aria-label": `OTP digit ${index + 1} of ${length}`, className: OTPInput_module_scss_1.default.inputs }, props), index))) }), error && errorMessage && ((0, jsx_runtime_1.jsx)(_1.Flex, { paddingX: "8", children: (0, jsx_runtime_1.jsx)(_1.Text, { variant: "body-default-s", onBackground: "danger-weak", children: errorMessage }) }))] }));
+});
+exports.OTPInput = OTPInput;
+OTPInput.displayName = "OTPInput";
+//# sourceMappingURL=OTPInput.js.map

package/dist/components/OTPInput.js.map

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

package/dist/components/OTPInput.module.scss

@@ -0,0 +1,26 @@
+.inputs {
+  font-size: var(--font-size-heading-xl);
+  transition: border-color 0.2s, box-shadow 0.2s;
+  min-width: var(--static-space-48);
+  max-width: var(--static-space-48);
+
+  input {
+    text-align: center;
+  }
+
+  &:focus-within {
+    animation: focusAnimation 0.3s forwards;
+  }
+}
+  
+@keyframes focusAnimation {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.05);
+  }
+  100% {
+    transform: scale(1);
+  }
+}

package/dist/components/OgCard.d.ts

@@ -0,0 +1,33 @@
+import { Card } from ".";
+export interface OgServiceConfig {
+    proxyImageUrl?: (url: string) => string;
+    proxyFaviconUrl?: (url: string) => string;
+    fetchOgUrl?: string;
+}
+export interface OgData {
+    title: string;
+    description: string;
+    faviconUrl: string;
+    image: string;
+    url: string;
+}
+export interface OgDisplayOptions {
+    favicon?: boolean;
+    domain?: boolean;
+    title?: boolean;
+    description?: boolean;
+    image?: boolean;
+}
+interface OgCardProps extends React.ComponentProps<typeof Card> {
+    url?: string;
+    ogData?: Partial<OgData> | null;
+    direction?: "column" | "row" | "column-reverse" | "row-reverse";
+    display?: OgDisplayOptions;
+    serviceConfig?: OgServiceConfig;
+}
+declare const OgCard: {
+    ({ url, ogData: providedOgData, direction, display, serviceConfig, ...card }: OgCardProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+export { OgCard };
+//# sourceMappingURL=OgCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OgCard.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/OgCard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA4B,IAAI,EAAE,MAAM,GAAG,CAAC;AAKnD,MAAM,WAAW,eAAe;IAC9B,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC7D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,gBAAgB,GAAG,aAAa,CAAC;IAChE,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,aAAa,CAAC,EAAE,eAAe,CAAC;CACjC;AAkDD,QAAA,MAAM,MAAM;kFAOT,WAAW;;CAoFb,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/OgCard.js

@@ -0,0 +1,78 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OgCard = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const _1 = require(".");
+const useFetchOg_1 = require("../hooks/useFetchOg");
+const react_1 = require("react");
+const getProxiedImageUrl = (imageUrl, proxyFn) => {
+    if (!imageUrl)
+        return "";
+    if (imageUrl.startsWith("/")) {
+        return imageUrl;
+    }
+    // Use the provided proxy function or return the URL directly
+    return proxyFn ? proxyFn(imageUrl) : imageUrl;
+};
+const formatDisplayUrl = (url) => {
+    if (!url)
+        return "";
+    try {
+        const urlObj = new URL(url);
+        let domain = urlObj.hostname;
+        domain = domain.replace(/^www\./, "");
+        return domain;
+    }
+    catch (error) {
+        let formattedUrl = url.replace(/^https?:\/\//, "");
+        formattedUrl = formattedUrl.replace(/^www\./, "");
+        formattedUrl = formattedUrl.split("/")[0];
+        return formattedUrl;
+    }
+};
+const getFaviconUrl = (url, proxyFn) => {
+    if (!url)
+        return "";
+    try {
+        const urlObj = new URL(url);
+        const domain = urlObj.hostname;
+        const faviconSourceUrl = `https://www.google.com/s2/favicons?domain=${domain}&sz=64`;
+        // Use the provided proxy function or return the favicon URL directly
+        return proxyFn ? proxyFn(faviconSourceUrl) : faviconSourceUrl;
+    }
+    catch (error) {
+        return "";
+    }
+};
+const OgCard = (_a) => {
+    var { url, ogData: providedOgData, direction = "column", display, serviceConfig = {} } = _a, card = __rest(_a, ["url", "ogData", "direction", "display", "serviceConfig"]);
+    // Merge with defaults
+    const displayOptions = Object.assign({ favicon: true, domain: true, title: true, description: true, image: true }, display);
+    const { ogData: fetchedOgData, loading } = (0, useFetchOg_1.useOgData)(url || null, serviceConfig.fetchOgUrl);
+    const data = providedOgData || fetchedOgData;
+    const proxiedImageUrl = (0, react_1.useMemo)(() => {
+        return getProxiedImageUrl(data === null || data === void 0 ? void 0 : data.image, serviceConfig.proxyImageUrl);
+    }, [data === null || data === void 0 ? void 0 : data.image, serviceConfig.proxyImageUrl]);
+    const faviconUrl = (0, react_1.useMemo)(() => {
+        return (data === null || data === void 0 ? void 0 : data.faviconUrl) || getFaviconUrl(data === null || data === void 0 ? void 0 : data.url, serviceConfig.proxyFaviconUrl);
+    }, [data === null || data === void 0 ? void 0 : data.faviconUrl, data === null || data === void 0 ? void 0 : data.url, serviceConfig.proxyFaviconUrl]);
+    if (!data || (!data.image && !data.title)) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsxs)(_1.Card, Object.assign({ href: data.url, direction: direction, fillWidth: true, vertical: direction === "row" || direction === "row-reverse" ? "center" : undefined, gap: "4", radius: "l", background: "surface", border: "neutral-alpha-medium" }, card, { children: [displayOptions.image && (proxiedImageUrl || loading) && ((0, jsx_runtime_1.jsx)(_1.Media, { minWidth: direction === "row" || direction === "row-reverse" ? 16 : undefined, maxWidth: direction === "row" || direction === "row-reverse" ? 24 : undefined, loading: loading, radius: "l", sizes: "320px", aspectRatio: "16/9", border: "neutral-alpha-weak", src: proxiedImageUrl })), (0, jsx_runtime_1.jsxs)(_1.Column, { fillWidth: true, paddingX: "12", paddingY: "12", gap: "8", children: [(displayOptions.favicon || displayOptions.domain) && ((0, jsx_runtime_1.jsxs)(_1.Row, { fillWidth: true, gap: "8", vertical: "center", children: [displayOptions.favicon && (faviconUrl || loading) && ((0, jsx_runtime_1.jsx)(_1.Media, { aspectRatio: "1/1", src: faviconUrl, loading: loading, minWidth: "16", maxWidth: "16", radius: "xs", border: "neutral-alpha-weak", unoptimized: true })), displayOptions.domain && data.url && ((0, jsx_runtime_1.jsx)(_1.Text, { variant: "label-default-s", onBackground: "neutral-weak", children: formatDisplayUrl(data.url) }))] })), (0, jsx_runtime_1.jsxs)(_1.Column, { fillWidth: true, gap: "2", children: [displayOptions.title && data.title && ((0, jsx_runtime_1.jsx)(_1.Text, { variant: "label-default-s", children: data.title })), displayOptions.description && data.description && ((0, jsx_runtime_1.jsx)(_1.Text, { variant: "label-default-s", onBackground: "neutral-weak", children: data.description }))] })] })] })));
+};
+exports.OgCard = OgCard;
+OgCard.displayName = "OgCard";
+//# sourceMappingURL=OgCard.js.map

package/dist/components/OgCard.js.map

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

package/dist/components/Option.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+export interface OptionProps {
+    label?: React.ReactNode;
+    href?: string;
+    value: string;
+    hasPrefix?: React.ReactNode;
+    hasSuffix?: React.ReactNode;
+    description?: React.ReactNode;
+    danger?: boolean;
+    selected?: boolean;
+    highlighted?: boolean;
+    tabIndex?: number;
+    children?: React.ReactNode;
+    onClick?: (value: string) => void;
+    onLinkClick?: () => void;
+}
+declare const Option: React.ForwardRefExoticComponent<OptionProps & React.RefAttributes<HTMLDivElement>>;
+export { Option };
+//# sourceMappingURL=Option.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/Option.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,QAAA,MAAM,MAAM,oFAqFX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/Option.js

@@ -0,0 +1,43 @@
+"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.Option = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const _1 = require(".");
+const Option_module_scss_1 = __importDefault(require("./Option.module.scss"));
+const react_1 = require("react");
+const Option = (0, react_1.forwardRef)((_a, ref) => {
+    var { label, value, href, hasPrefix, hasSuffix, description, danger, selected, highlighted, tabIndex, onClick, onLinkClick, children } = _a, props = __rest(_a, ["label", "value", "href", "hasPrefix", "hasSuffix", "description", "danger", "selected", "highlighted", "tabIndex", "onClick", "onLinkClick", "children"]);
+    if (href && onClick) {
+        console.warn("Option should not have both `href` and `onClick` props.");
+    }
+    return ((0, jsx_runtime_1.jsx)(_1.ElementType, { tabIndex: tabIndex, ref: ref, href: href, className: "reset-button-styles fill-width", onLinkClick: onLinkClick, onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                onClick === null || onClick === void 0 ? void 0 : onClick(value);
+            }
+        }, children: (0, jsx_runtime_1.jsxs)(_1.Flex, Object.assign({}, props, { fillWidth: true, vertical: "center", paddingX: "12", paddingY: "8", gap: "12", radius: "m", role: "option", "aria-selected": selected, tabIndex: -1, borderWidth: 1, borderStyle: "solid", cursor: "interactive", transition: "micro-medium", onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(value), className: (0, classnames_1.default)(Option_module_scss_1.default.option, {
+                [Option_module_scss_1.default.danger]: danger,
+                [Option_module_scss_1.default.selected]: selected,
+                [Option_module_scss_1.default.highlighted]: highlighted,
+            }), "data-value": value, children: [hasPrefix && (0, jsx_runtime_1.jsx)(_1.Flex, { className: Option_module_scss_1.default.prefix, children: hasPrefix }), children, (0, jsx_runtime_1.jsxs)(_1.Flex, { horizontal: "start", style: {
+                        whiteSpace: "nowrap",
+                    }, fillWidth: true, direction: "column", children: [(0, jsx_runtime_1.jsx)(_1.Text, { onBackground: "neutral-strong", variant: "label-default-s", children: label }), description && ((0, jsx_runtime_1.jsx)(_1.Text, { variant: "body-default-xs", onBackground: "neutral-weak", children: description }))] }), hasSuffix && (0, jsx_runtime_1.jsx)(_1.Flex, { className: Option_module_scss_1.default.suffix, children: hasSuffix })] })) }));
+});
+exports.Option = Option;
+Option.displayName = "Option";
+//# sourceMappingURL=Option.js.map

package/dist/components/Option.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Option.js","sourceRoot":"","sources":["../../src/once-ui/components/Option.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,4DAAoC;AACpC,wBAA4C;AAC5C,8EAA0C;AAC1C,iCAAyD;AAkBzD,MAAM,MAAM,GAAG,IAAA,kBAAU,EACvB,CACE,EAeC,EACD,GAAG,EACH,EAAE;QAjBF,EACE,KAAK,EACL,KAAK,EACL,IAAI,EACJ,SAAS,EACT,SAAS,EACT,WAAW,EACX,MAAM,EACN,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,OAAO,EACP,WAAW,EACX,QAAQ,OAET,EADI,KAAK,cAdV,0JAeC,CADS;IAIV,IAAI,IAAI,IAAI,OAAO,EAAE,CAAC;QACpB,OAAO,CAAC,IAAI,CAAC,yDAAyD,CAAC,CAAC;IAC1E,CAAC;IAED,OAAO,CACL,uBAAC,cAAW,IACV,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,gCAAgC,EAC1C,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,CAAC,CAA6B,EAAE,EAAE;YAC3C,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;gBACvC,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAC;YACnB,CAAC;QACH,CAAC,YAED,wBAAC,OAAI,oBACC,KAAK,IACT,SAAS,QACT,QAAQ,EAAC,QAAQ,EACjB,QAAQ,EAAC,IAAI,EACb,QAAQ,EAAC,GAAG,EACZ,GAAG,EAAC,IAAI,EACR,MAAM,EAAC,GAAG,EACV,IAAI,EAAC,QAAQ,mBACE,QAAQ,EACvB,QAAQ,EAAE,CAAC,CAAC,EACZ,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,OAAO,EACnB,MAAM,EAAC,aAAa,EACpB,UAAU,EAAC,cAAc,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,EAC/B,SAAS,EAAE,IAAA,oBAAU,EAAC,4BAAM,CAAC,MAAM,EAAE;gBACnC,CAAC,4BAAM,CAAC,MAAM,CAAC,EAAE,MAAM;gBACvB,CAAC,4BAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;gBAC3B,CAAC,4BAAM,CAAC,WAAW,CAAC,EAAE,WAAW;aAClC,CAAC,gBACU,KAAK,aAEhB,SAAS,IAAI,uBAAC,OAAI,IAAC,SAAS,EAAE,4BAAM,CAAC,MAAM,YAAG,SAAS,GAAQ,EAC/D,QAAQ,EACT,wBAAC,OAAI,IACH,UAAU,EAAC,OAAO,EAClB,KAAK,EAAE;wBACL,UAAU,EAAE,QAAQ;qBACrB,EACD,SAAS,QACT,SAAS,EAAC,QAAQ,aAElB,uBAAC,OAAI,IAAC,YAAY,EAAC,gBAAgB,EAAC,OAAO,EAAC,iBAAiB,YAC1D,KAAK,GACD,EACN,WAAW,IAAI,CACd,uBAAC,OAAI,IAAC,OAAO,EAAC,iBAAiB,EAAC,YAAY,EAAC,cAAc,YACxD,WAAW,GACP,CACR,IACI,EACN,SAAS,IAAI,uBAAC,OAAI,IAAC,SAAS,EAAE,4BAAM,CAAC,MAAM,YAAG,SAAS,GAAQ,KAC3D,GACK,CACf,CAAC;AACJ,CAAC,CACF,CAAC;AAGO,wBAAM;AADf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}

package/dist/components/Option.module.scss

@@ -0,0 +1,32 @@
+.option {
+    border-color: var(--static-transparent);
+  
+    &:hover, &:focus {
+        background: var(--neutral-alpha-weak);
+        border-color: var(--neutral-alpha-medium);
+    }
+    
+    &.selected {
+        background: var(--neutral-alpha-medium);
+        border-color: var(--neutral-alpha-medium);
+    }
+  
+    &.highlighted {
+        background: var(--static-transparent);
+        border-color: var(--neutral-alpha-medium);
+    }
+  
+    &.danger {
+        color: var(--danger-on-background-medium);
+  
+        &:hover, &:focus {
+            background: var(--danger-solid-strong);
+            color: var(--danger-on-solid-strong);
+            border-color: var(--danger-border-strong);
+        }
+    }
+  }
+  
+  .focused {
+    background: var(--neutral-background-strong);
+  }

package/dist/components/Particle.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import { SpacingToken } from "../types";
+import { DisplayProps } from "../interfaces";
+import { Flex } from ".";
+interface ParticleProps extends React.ComponentProps<typeof Flex> {
+    display?: boolean;
+    density?: number;
+    color?: string;
+    size?: SpacingToken;
+    speed?: number;
+    interactive?: boolean;
+    interactionRadius?: number;
+    opacity?: DisplayProps["opacity"];
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+export declare const Particle: React.ForwardRefExoticComponent<Omit<ParticleProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=Particle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Particle.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/Particle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,UAAU,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,QAAQ,mGAwKpB,CAAC"}