@once-ui-system/core 1.0.0

package/dist/hooks/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./useHeadingLinks";
+export * from "./useDebounce";
+export * from "./useFetchOg";
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/once-ui/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC"}

package/dist/hooks/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useHeadingLinks"), exports);
+__exportStar(require("./useDebounce"), exports);
+__exportStar(require("./useFetchOg"), exports);
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/once-ui/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,gDAA8B;AAC9B,+CAA6B"}

package/dist/hooks/useDebounce.d.ts

@@ -0,0 +1,2 @@
+export declare function useDebounce(value: any, delay: number): any;
+//# sourceMappingURL=useDebounce.d.ts.map

package/dist/hooks/useDebounce.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounce.d.ts","sourceRoot":"","sources":["../../src/once-ui/hooks/useDebounce.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,OAcpD"}

package/dist/hooks/useDebounce.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDebounce = useDebounce;
+const react_1 = require("react");
+function useDebounce(value, delay) {
+    const [debouncedValue, setDebouncedValue] = (0, react_1.useState)(value);
+    (0, react_1.useEffect)(() => {
+        const handler = setTimeout(() => {
+            setDebouncedValue(value);
+        }, delay);
+        return () => {
+            clearTimeout(handler);
+        };
+    }, [value, delay]);
+    return debouncedValue;
+}
+//# sourceMappingURL=useDebounce.js.map

package/dist/hooks/useDebounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounce.js","sourceRoot":"","sources":["../../src/once-ui/hooks/useDebounce.ts"],"names":[],"mappings":";;AAEA,kCAcC;AAhBD,iCAA4C;AAE5C,SAAgB,WAAW,CAAC,KAAU,EAAE,KAAa;IACnD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC9B,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC,EAAE,KAAK,CAAC,CAAC;QAEV,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnB,OAAO,cAAc,CAAC;AACxB,CAAC"}

package/dist/hooks/useFetchOg.d.ts

@@ -0,0 +1,17 @@
+interface OgData {
+    title: string;
+    description: string;
+    image: string;
+    url: string;
+    faviconUrl?: string;
+}
+export declare function useOgData(url: string | null, customFetchUrl?: string): {
+    ogData: Partial<OgData> | null;
+    loading: boolean;
+};
+export declare function useOgImage(url: string | null, customFetchUrl?: string): {
+    ogImage: string | null;
+    loading: boolean;
+};
+export {};
+//# sourceMappingURL=useFetchOg.d.ts.map

package/dist/hooks/useFetchOg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFetchOg.d.ts","sourceRoot":"","sources":["../../src/once-ui/hooks/useFetchOg.ts"],"names":[],"mappings":"AAEA,UAAU,MAAM;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,cAAc,CAAC,EAAE,MAAM;;;EAoCpE;AAED,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,cAAc,CAAC,EAAE,MAAM;;;EAGrE"}

package/dist/hooks/useFetchOg.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOgData = useOgData;
+exports.useOgImage = useOgImage;
+const react_1 = require("react");
+function useOgData(url, customFetchUrl) {
+    const [ogData, setOgData] = (0, react_1.useState)(null);
+    const [loading, setLoading] = (0, react_1.useState)(!!url);
+    (0, react_1.useEffect)(() => {
+        const fetchOgData = async () => {
+            try {
+                const fetchUrl = customFetchUrl
+                    ? `${customFetchUrl}?url=${encodeURIComponent(url)}`
+                    : `/api/og/fetch?url=${encodeURIComponent(url)}`;
+                const response = await fetch(fetchUrl);
+                const data = await response.json();
+                if (data.error) {
+                    throw new Error(data.message || data.error);
+                }
+                setOgData(data);
+            }
+            catch (error) {
+                console.error("Error fetching og data:", error);
+                setOgData(null);
+            }
+            finally {
+                setLoading(false);
+            }
+        };
+        if (url) {
+            fetchOgData();
+        }
+        else {
+            setLoading(false);
+            setOgData(null);
+        }
+    }, [url]);
+    return { ogData, loading };
+}
+function useOgImage(url, customFetchUrl) {
+    const { ogData, loading } = useOgData(url, customFetchUrl);
+    return { ogImage: (ogData === null || ogData === void 0 ? void 0 : ogData.image) || null, loading };
+}
+//# sourceMappingURL=useFetchOg.js.map

package/dist/hooks/useFetchOg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFetchOg.js","sourceRoot":"","sources":["../../src/once-ui/hooks/useFetchOg.ts"],"names":[],"mappings":";;AAUA,8BAoCC;AAED,gCAGC;AAnDD,iCAA4C;AAU5C,SAAgB,SAAS,CAAC,GAAkB,EAAE,cAAuB;IACnE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAyB,IAAI,CAAC,CAAC;IACnE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAE9C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE;YAC7B,IAAI,CAAC;gBACH,MAAM,QAAQ,GAAG,cAAc;oBAC7B,CAAC,CAAC,GAAG,cAAc,QAAQ,kBAAkB,CAAC,GAAI,CAAC,EAAE;oBACrD,CAAC,CAAC,qBAAqB,kBAAkB,CAAC,GAAI,CAAC,EAAE,CAAC;gBAEpD,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,QAAQ,CAAC,CAAC;gBACvC,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;gBAEnC,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;oBACf,MAAM,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC9C,CAAC;gBAED,SAAS,CAAC,IAAI,CAAC,CAAC;YAClB,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO,CAAC,KAAK,CAAC,yBAAyB,EAAE,KAAK,CAAC,CAAC;gBAChD,SAAS,CAAC,IAAI,CAAC,CAAC;YAClB,CAAC;oBAAS,CAAC;gBACT,UAAU,CAAC,KAAK,CAAC,CAAC;YACpB,CAAC;QACH,CAAC,CAAC;QAEF,IAAI,GAAG,EAAE,CAAC;YACR,WAAW,EAAE,CAAC;QAChB,CAAC;aAAM,CAAC;YACN,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;AAC7B,CAAC;AAED,SAAgB,UAAU,CAAC,GAAkB,EAAE,cAAuB;IACpE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC;IAC3D,OAAO,EAAE,OAAO,EAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,KAAI,IAAI,EAAE,OAAO,EAAE,CAAC;AACrD,CAAC"}

package/dist/hooks/useHeadingLinks.d.ts

@@ -0,0 +1,6 @@
+export declare const useHeadingLinks: () => {
+    id: string;
+    text: string;
+    level: number;
+}[];
+//# sourceMappingURL=useHeadingLinks.d.ts.map

package/dist/hooks/useHeadingLinks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHeadingLinks.d.ts","sourceRoot":"","sources":["../../src/once-ui/hooks/useHeadingLinks.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;QACqB,MAAM;UAAQ,MAAM;WAAS,MAAM;GAcnF,CAAC"}

package/dist/hooks/useHeadingLinks.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHeadingLinks = void 0;
+const react_1 = require("react");
+const useHeadingLinks = () => {
+    const [headings, setHeadings] = (0, react_1.useState)([]);
+    (0, react_1.useEffect)(() => {
+        const elements = Array.from(document.querySelectorAll("h2, h3, h4, h5, h6"))
+            .filter((elem) => !elem.hasAttribute("data-exclude-nav"))
+            .map((elem, index) => ({
+            id: elem.id || `heading-${index}`,
+            text: elem.textContent || "",
+            level: Number(elem.tagName.substring(1)),
+        }));
+        setHeadings(elements);
+    }, []);
+    return headings;
+};
+exports.useHeadingLinks = useHeadingLinks;
+//# sourceMappingURL=useHeadingLinks.js.map

package/dist/hooks/useHeadingLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHeadingLinks.js","sourceRoot":"","sources":["../../src/once-ui/hooks/useHeadingLinks.ts"],"names":[],"mappings":";;;AAAA,iCAA4C;AAErC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAgD,EAAE,CAAC,CAAC;IAE5F,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;aACzE,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC;aACxD,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;YACrB,EAAE,EAAE,IAAI,CAAC,EAAE,IAAI,WAAW,KAAK,EAAE;YACjC,IAAI,EAAE,IAAI,CAAC,WAAW,IAAI,EAAE;YAC5B,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;SACzC,CAAC,CAAC,CAAC;QACN,WAAW,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAfW,QAAA,eAAe,mBAe1B"}

package/dist/icons.d.ts

@@ -0,0 +1,5 @@
+import { IconType } from "react-icons";
+export declare const iconLibrary: Record<string, IconType>;
+export type IconLibrary = typeof iconLibrary;
+export type IconName = keyof IconLibrary;
+//# sourceMappingURL=icons.d.ts.map

package/dist/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../src/once-ui/icons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAkCvC,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CA8BhD,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAC;AAC7C,MAAM,MAAM,QAAQ,GAAG,MAAM,WAAW,CAAC"}

package/dist/icons.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.iconLibrary = void 0;
+const hi2_1 = require("react-icons/hi2");
+exports.iconLibrary = {
+    chevronUp: hi2_1.HiChevronUp,
+    chevronDown: hi2_1.HiChevronDown,
+    chevronRight: hi2_1.HiChevronRight,
+    chevronLeft: hi2_1.HiChevronLeft,
+    refresh: hi2_1.HiOutlineArrowPath,
+    light: hi2_1.HiOutlineSun,
+    dark: hi2_1.HiOutlineMoon,
+    help: hi2_1.HiOutlineQuestionMarkCircle,
+    info: hi2_1.HiOutlineInformationCircle,
+    warning: hi2_1.HiOutlineExclamationTriangle,
+    danger: hi2_1.HiOutlineExclamationCircle,
+    checkbox: hi2_1.HiOutlineCheckBadge,
+    check: hi2_1.HiOutlineCheckCircle,
+    copy: hi2_1.HiOutlineDocumentDuplicate,
+    eyeDropper: hi2_1.HiOutlineEyeDropper,
+    clipboard: hi2_1.HiOutlineClipboard,
+    person: hi2_1.HiOutlineUser,
+    close: hi2_1.HiOutlineXMark,
+    openLink: hi2_1.HiOutlineLink,
+    arrowUpRight: hi2_1.HiArrowUpRight,
+    minus: hi2_1.HiOutlineMinus,
+    plus: hi2_1.HiOutlinePlus,
+    calendar: hi2_1.HiOutlineCalendar,
+    eye: hi2_1.HiOutlineEye,
+    eyeOff: hi2_1.HiOutlineEyeSlash,
+    search: hi2_1.HiOutlineMagnifyingGlass,
+    security: hi2_1.HiOutlineShieldCheck,
+    sparkle: hi2_1.HiOutlineSparkles,
+    computer: hi2_1.HiOutlineComputerDesktop,
+};
+//# sourceMappingURL=icons.js.map

package/dist/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../src/once-ui/icons.ts"],"names":[],"mappings":";;;AAEA,yCA8ByB;AAEZ,QAAA,WAAW,GAA6B;IACnD,SAAS,EAAE,iBAAW;IACtB,WAAW,EAAE,mBAAa;IAC1B,YAAY,EAAE,oBAAc;IAC5B,WAAW,EAAE,mBAAa;IAC1B,OAAO,EAAE,wBAAkB;IAC3B,KAAK,EAAE,kBAAY;IACnB,IAAI,EAAE,mBAAa;IACnB,IAAI,EAAE,iCAA2B;IACjC,IAAI,EAAE,gCAA0B;IAChC,OAAO,EAAE,kCAA4B;IACrC,MAAM,EAAE,gCAA0B;IAClC,QAAQ,EAAE,yBAAmB;IAC7B,KAAK,EAAE,0BAAoB;IAC3B,IAAI,EAAE,gCAA0B;IAChC,UAAU,EAAE,yBAAmB;IAC/B,SAAS,EAAE,wBAAkB;IAC7B,MAAM,EAAE,mBAAa;IACrB,KAAK,EAAE,oBAAc;IACrB,QAAQ,EAAE,mBAAa;IACvB,YAAY,EAAE,oBAAc;IAC5B,KAAK,EAAE,oBAAc;IACrB,IAAI,EAAE,mBAAa;IACnB,QAAQ,EAAE,uBAAiB;IAC3B,GAAG,EAAE,kBAAY;IACjB,MAAM,EAAE,uBAAiB;IACzB,MAAM,EAAE,8BAAwB;IAChC,QAAQ,EAAE,0BAAoB;IAC9B,OAAO,EAAE,uBAAiB;IAC1B,QAAQ,EAAE,8BAAwB;CACnC,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+export * from "./components";
+export * from "./contexts";
+export * from "./modules";
+export * from "./icons";
+export * from "./types";
+export * from "./interfaces";
+export * from "./styles";
+export * from "./utils";
+export * from "./hooks";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/once-ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -0,0 +1,26 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./components"), exports);
+__exportStar(require("./contexts"), exports);
+__exportStar(require("./modules"), exports);
+__exportStar(require("./icons"), exports);
+__exportStar(require("./types"), exports);
+__exportStar(require("./interfaces"), exports);
+__exportStar(require("./styles"), exports);
+__exportStar(require("./utils"), exports);
+__exportStar(require("./hooks"), exports);
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/once-ui/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B;AAC7B,6CAA2B;AAC3B,4CAA0B;AAC1B,0CAAwB;AACxB,0CAAwB;AACxB,+CAA6B;AAC7B,2CAAyB;AACzB,0CAAwB;AACxB,0CAAwB"}

package/dist/interfaces.d.ts

@@ -0,0 +1,117 @@
+import { CSSProperties, ElementType, HTMLAttributes, ReactNode } from "react";
+import { ColorScheme, ColorWeight, flex, gridColumns, opacity, RadiusNest, RadiusSize, ShadowSize, SpacingToken, TextSize, TextType, TextVariant, TextWeight } from "./types";
+export interface GridProps extends HTMLAttributes<HTMLDivElement> {
+    columns?: gridColumns;
+    rows?: gridColumns;
+    tabletColumns?: gridColumns;
+    mobileColumns?: gridColumns;
+    tabletRows?: gridColumns;
+    mobileRows?: gridColumns;
+}
+export interface FlexProps extends HTMLAttributes<HTMLDivElement> {
+    direction?: "row" | "column" | "row-reverse" | "column-reverse";
+    tabletDirection?: "row" | "column" | "row-reverse" | "column-reverse";
+    mobileDirection?: "row" | "column" | "row-reverse" | "column-reverse";
+    horizontal?: "start" | "center" | "end" | "space-between" | "space-around" | "space-evenly" | "stretch";
+    vertical?: "start" | "center" | "end" | "space-between" | "space-around" | "space-evenly" | "stretch";
+    center?: boolean;
+    wrap?: boolean;
+    flex?: flex;
+}
+export interface TextProps<T extends ElementType = "span"> extends HTMLAttributes<T> {
+    as?: T;
+    variant?: TextVariant;
+    wrap?: CSSProperties["textWrap"];
+    size?: TextSize;
+    weight?: TextWeight;
+    truncate?: boolean;
+}
+export interface SizeProps extends HTMLAttributes<HTMLDivElement> {
+    width?: number | SpacingToken;
+    height?: number | SpacingToken;
+    maxWidth?: number | SpacingToken;
+    minWidth?: number | SpacingToken;
+    minHeight?: number | SpacingToken;
+    maxHeight?: number | SpacingToken;
+    fit?: boolean;
+    fitWidth?: boolean;
+    fitHeight?: boolean;
+    fill?: boolean;
+    fillWidth?: boolean;
+    fillHeight?: boolean;
+    aspectRatio?: CSSProperties["aspectRatio"];
+}
+export interface SpacingProps extends HTMLAttributes<HTMLDivElement> {
+    padding?: SpacingToken;
+    paddingLeft?: SpacingToken;
+    paddingRight?: SpacingToken;
+    paddingTop?: SpacingToken;
+    paddingBottom?: SpacingToken;
+    paddingX?: SpacingToken;
+    paddingY?: SpacingToken;
+    margin?: SpacingToken;
+    marginLeft?: SpacingToken;
+    marginRight?: SpacingToken;
+    marginTop?: SpacingToken;
+    marginBottom?: SpacingToken;
+    marginX?: SpacingToken;
+    marginY?: SpacingToken;
+    gap?: SpacingToken | "-1";
+    top?: SpacingToken;
+    right?: SpacingToken;
+    bottom?: SpacingToken;
+    left?: SpacingToken;
+}
+export interface StyleProps extends HTMLAttributes<HTMLDivElement> {
+    textVariant?: TextVariant;
+    textSize?: TextSize;
+    textType?: TextType;
+    textWeight?: TextWeight;
+    background?: `${ColorScheme}-${ColorWeight}` | `${ColorScheme}-alpha-${ColorWeight}` | "surface" | "overlay" | "page" | "transparent";
+    solid?: `${ColorScheme}-${ColorWeight}`;
+    borderTop?: `${ColorScheme}-${ColorWeight}` | `${ColorScheme}-alpha-${ColorWeight}` | "surface" | "transparent";
+    borderRight?: `${ColorScheme}-${ColorWeight}` | `${ColorScheme}-alpha-${ColorWeight}` | "surface" | "transparent";
+    borderBottom?: `${ColorScheme}-${ColorWeight}` | `${ColorScheme}-alpha-${ColorWeight}` | "surface" | "transparent";
+    borderLeft?: `${ColorScheme}-${ColorWeight}` | `${ColorScheme}-alpha-${ColorWeight}` | "surface" | "transparent";
+    border?: `${ColorScheme}-${ColorWeight}` | `${ColorScheme}-alpha-${ColorWeight}` | "surface" | "transparent";
+    borderStyle?: "solid" | "dashed";
+    borderWidth?: 1 | 2;
+    topRadius?: RadiusSize;
+    rightRadius?: RadiusSize;
+    bottomRadius?: RadiusSize;
+    leftRadius?: RadiusSize;
+    topLeftRadius?: RadiusSize;
+    topRightRadius?: RadiusSize;
+    bottomLeftRadius?: RadiusSize;
+    bottomRightRadius?: RadiusSize;
+    radius?: RadiusSize | `${RadiusSize}-${RadiusNest}`;
+    shadow?: ShadowSize;
+    cursor?: CSSProperties["cursor"] | "interactive";
+}
+export interface ConditionalProps extends HTMLAttributes<HTMLDivElement> {
+    hide?: "s" | "m" | "l";
+    show?: "s" | "m" | "l";
+}
+export interface DisplayProps extends HTMLAttributes<HTMLDivElement> {
+    as?: ElementType;
+    inline?: boolean;
+    pointerEvents?: "none" | "all" | "auto";
+    position?: CSSProperties["position"];
+    overflow?: CSSProperties["overflow"];
+    overflowX?: CSSProperties["overflowX"];
+    overflowY?: CSSProperties["overflowY"];
+    transition?: "micro-short" | "micro-medium" | "micro-long" | "macro-short" | "macro-medium" | "macro-long";
+    opacity?: opacity;
+    zIndex?: -1 | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+    dark?: boolean;
+    light?: boolean;
+}
+export interface CommonProps extends HTMLAttributes<HTMLDivElement> {
+    onBackground?: `${ColorScheme}-${ColorWeight}`;
+    onSolid?: `${ColorScheme}-${ColorWeight}`;
+    align?: CSSProperties["textAlign"];
+    className?: string;
+    children?: ReactNode;
+    style?: React.CSSProperties;
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/dist/interfaces.d.ts.map

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

package/dist/interfaces.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=interfaces.js.map

package/dist/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../src/once-ui/interfaces.ts"],"names":[],"mappings":""}

package/dist/modules/code/CodeBlock.d.ts

@@ -0,0 +1,39 @@
+import React, { ReactNode } from "react";
+import "./CodeHighlight.css";
+import "./LineNumber.css";
+import { Flex } from "@/once-ui/components";
+import "prismjs/plugins/line-highlight/prism-line-highlight";
+import "prismjs/plugins/line-numbers/prism-line-numbers";
+import "prismjs/components/prism-jsx";
+import "prismjs/components/prism-css";
+import "prismjs/components/prism-typescript";
+import "prismjs/components/prism-tsx";
+import { SpacingToken } from "@/once-ui/types";
+type CodeInstance = {
+    code: string | {
+        content: string;
+        error: string | null;
+    };
+    language: string;
+    label: string;
+};
+interface CodeBlockProps extends React.ComponentProps<typeof Flex> {
+    highlight?: string;
+    codeHeight?: number;
+    fillHeight?: boolean;
+    previewPadding?: SpacingToken;
+    codes?: CodeInstance[];
+    preview?: ReactNode;
+    copyButton?: boolean;
+    styleButton?: boolean;
+    reloadButton?: boolean;
+    fullscreenButton?: boolean;
+    compact?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    onInstanceChange?: (index: number) => void;
+    lineNumbers?: boolean;
+}
+declare const CodeBlock: React.FC<CodeBlockProps>;
+export { CodeBlock };
+//# sourceMappingURL=CodeBlock.d.ts.map

package/dist/modules/code/CodeBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../../src/once-ui/modules/code/CodeBlock.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAA+B,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,qBAAqB,CAAC;AAC7B,OAAO,kBAAkB,CAAC;AAG1B,OAAO,EAAE,IAAI,EAAmD,MAAM,sBAAsB,CAAC;AAG7F,OAAO,qDAAqD,CAAC;AAC7D,OAAO,iDAAiD,CAAC;AACzD,OAAO,8BAA8B,CAAC;AACtC,OAAO,8BAA8B,CAAC;AACtC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,8BAA8B,CAAC;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,MAAM,GAAG;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAC;IACzD,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,UAAU,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA0PvC,CAAC;AAGF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/modules/code/CodeBlock.js

@@ -0,0 +1,148 @@
+"use strict";
+"use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+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.CodeBlock = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+require("./CodeHighlight.css");
+require("./LineNumber.css");
+const CodeBlock_module_scss_1 = __importDefault(require("./CodeBlock.module.scss"));
+const components_1 = require("@/once-ui/components");
+const prismjs_1 = __importDefault(require("prismjs"));
+require("prismjs/plugins/line-highlight/prism-line-highlight");
+require("prismjs/plugins/line-numbers/prism-line-numbers");
+require("prismjs/components/prism-jsx");
+require("prismjs/components/prism-css");
+require("prismjs/components/prism-typescript");
+require("prismjs/components/prism-tsx");
+const classnames_1 = __importDefault(require("classnames"));
+const CodeBlock = (_a) => {
+    var { highlight, codeHeight, fillHeight, previewPadding = "l", codes = [], preview, copyButton = true, styleButton = false, reloadButton = false, fullscreenButton = false, lineNumbers = false, compact = false, className, style, onInstanceChange } = _a, rest = __rest(_a, ["highlight", "codeHeight", "fillHeight", "previewPadding", "codes", "preview", "copyButton", "styleButton", "reloadButton", "fullscreenButton", "lineNumbers", "compact", "className", "style", "onInstanceChange"]);
+    const codeRef = (0, react_1.useRef)(null);
+    const preRef = (0, react_1.useRef)(null);
+    const [selectedInstance, setSelectedInstance] = (0, react_1.useState)(0);
+    const [isFullscreen, setIsFullscreen] = (0, react_1.useState)(false);
+    const { code, language, label } = codes[selectedInstance] || {
+        code: "",
+        language: "",
+        label: "Select code",
+    };
+    (0, react_1.useEffect)(() => {
+        if (codeRef.current && codes.length > 0) {
+            prismjs_1.default.highlightAll();
+        }
+    }, [code, codes.length]);
+    (0, react_1.useEffect)(() => {
+        if (isFullscreen) {
+            document.body.style.overflow = "hidden";
+            const handleEscKey = (event) => {
+                if (event.key === "Escape") {
+                    setIsFullscreen(false);
+                }
+            };
+            document.addEventListener("keydown", handleEscKey);
+            return () => {
+                document.body.style.overflow = "";
+                document.removeEventListener("keydown", handleEscKey);
+            };
+        }
+        else {
+            document.body.style.overflow = "";
+        }
+        return () => {
+            document.body.style.overflow = "";
+        };
+    }, [isFullscreen]);
+    const [copyIcon, setCopyIcon] = (0, react_1.useState)("clipboard");
+    const handleCopy = () => {
+        if (codes.length > 0 && code) {
+            navigator.clipboard
+                .writeText(typeof code === "string" ? code : code.content)
+                .then(() => {
+                setCopyIcon("check");
+                setTimeout(() => {
+                    setCopyIcon("clipboard");
+                }, 5000);
+            })
+                .catch((err) => {
+                console.error("Failed to copy code: ", err);
+            });
+        }
+    };
+    const [refreshKey, setRefreshKey] = (0, react_1.useState)(0);
+    const handleRefresh = () => {
+        setRefreshKey((prev) => prev + 1);
+    };
+    const handleContent = (selectedLabel) => {
+        const index = codes.findIndex((instance) => instance.label === selectedLabel);
+        if (index !== -1) {
+            setSelectedInstance(index);
+        }
+    };
+    const toggleFullscreen = () => {
+        setIsFullscreen((prev) => !prev);
+    };
+    return ((0, jsx_runtime_1.jsxs)(components_1.Flex, Object.assign({ position: isFullscreen ? "fixed" : "relative", zIndex: 0, background: "surface", radius: "l", overflow: "hidden", border: "neutral-medium", direction: "column", vertical: "center", fillWidth: true, minHeight: 3, className: (0, classnames_1.default)(className, {
+            [CodeBlock_module_scss_1.default.fullscreen]: isFullscreen,
+        }), style: style }, rest, { children: [(codes.length > 1 || (copyButton && !compact)) && ((0, jsx_runtime_1.jsxs)(components_1.Flex, { borderBottom: "neutral-medium", zIndex: 2, position: "static", fillWidth: true, horizontal: "space-between", gap: "16", children: [codes.length > 1 ? ((0, jsx_runtime_1.jsx)(components_1.Scroller, { paddingX: "4", children: codes.map((instance, index) => ((0, jsx_runtime_1.jsx)(components_1.Row, { paddingY: "4", paddingRight: "2", children: (0, jsx_runtime_1.jsx)(components_1.Button, { className: "mr-2", weight: "default", size: "s", variant: selectedInstance === index ? "secondary" : "tertiary", label: instance.label, onClick: () => {
+                                    setSelectedInstance(index);
+                                    onInstanceChange === null || onInstanceChange === void 0 ? void 0 : onInstanceChange(index);
+                                    handleContent(instance.label);
+                                } }) }, index))) })) : ((0, jsx_runtime_1.jsx)(components_1.Row, { paddingY: "12", paddingX: "16", textVariant: "label-default-s", onBackground: "neutral-strong", children: codes[0].label })), !compact && ((0, jsx_runtime_1.jsxs)(components_1.Flex, { padding: "4", gap: "2", position: "static", children: [reloadButton && ((0, jsx_runtime_1.jsx)(components_1.IconButton, { size: "m", tooltip: "Reload", tooltipPosition: "left", variant: "tertiary", onClick: handleRefresh, icon: "refresh" })), fullscreenButton && ((0, jsx_runtime_1.jsx)(components_1.IconButton, { size: "m", tooltip: isFullscreen ? "Exit fullscreen" : "Fullscreen", tooltipPosition: "left", variant: "tertiary", icon: isFullscreen ? "minimize" : "maximize", onClick: toggleFullscreen })), styleButton && ((0, jsx_runtime_1.jsx)(components_1.StyleOverlay, { children: (0, jsx_runtime_1.jsx)(components_1.IconButton, { variant: "tertiary", icon: "sparkle" }) })), copyButton && ((0, jsx_runtime_1.jsx)(components_1.IconButton, { size: "m", tooltip: "Copy", tooltipPosition: "left", variant: "tertiary", onClick: handleCopy, icon: copyIcon }))] }))] })), preview && ((0, jsx_runtime_1.jsx)(components_1.Flex, { style: {
+                    isolation: "isolate",
+                }, padding: previewPadding, fillHeight: true, horizontal: "center", overflowY: "auto", children: Array.isArray(preview)
+                    ? preview.map((item, index) => (0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: item }, index))
+                    : preview }, refreshKey)), codes.length > 0 && code && ((0, jsx_runtime_1.jsxs)(components_1.Flex, { borderTop: !compact && preview ? "neutral-medium" : undefined, fillWidth: true, fillHeight: fillHeight, children: [(0, jsx_runtime_1.jsx)(components_1.Flex, { overflowX: "auto", fillWidth: true, children: (0, jsx_runtime_1.jsx)("pre", { style: { maxHeight: `${codeHeight}rem` }, "data-line": highlight, ref: preRef, className: (0, classnames_1.default)(lineNumbers ? CodeBlock_module_scss_1.default.lineNumberPadding : CodeBlock_module_scss_1.default.padding, CodeBlock_module_scss_1.default.pre, `language-${language}`, {
+                                "line-numbers": lineNumbers,
+                            }), tabIndex: -1, children: (0, jsx_runtime_1.jsx)("code", { ref: codeRef, className: (0, classnames_1.default)(CodeBlock_module_scss_1.default.code, `language-${language}`), children: typeof code === "string" ? code : code.content }) }) }), compact && copyButton && ((0, jsx_runtime_1.jsx)(components_1.Flex, { position: "absolute", right: "8", top: "8", className: CodeBlock_module_scss_1.default.compactCopy, zIndex: 1, children: (0, jsx_runtime_1.jsx)(components_1.IconButton, { tooltip: "Copy", tooltipPosition: "left", "aria-label": "Copy code", onClick: handleCopy, icon: copyIcon, size: "m", variant: "tertiary" }) }))] }))] })));
+};
+exports.CodeBlock = CodeBlock;
+CodeBlock.displayName = "CodeBlock";
+//# sourceMappingURL=CodeBlock.js.map

package/dist/modules/code/CodeBlock.js.map

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