@class-kit/react 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,6 @@
+# @class-kit/react Changelog
+
+## 0.1.0
+
+- Initial React adapter package for Class Kit.
+- Includes root and on-demand component entries, Vite and Webpack integration helpers, component styles, and theme styles.

package/LICENSE

@@ -0,0 +1,3 @@
+UNLICENSED
+
+Copyright (c) Class Kit contributors. All rights reserved.

package/README.md

@@ -0,0 +1,83 @@
+# @class-kit/react
+
+React adapters for Class Kit.
+
+```bash
+pnpm add @class-kit/core @class-kit/react
+```
+
+For Vite projects, enable the on-demand plugin and keep imports short:
+
+```ts
+import react from "@vitejs/plugin-react";
+import { defineConfig } from "vite";
+import { classKitReact } from "@class-kit/react/vite";
+
+export default defineConfig({
+  plugins: [react(), classKitReact()],
+});
+```
+
+For Webpack projects, use the matching plugin:
+
+```js
+const { classKitReactWebpack } = require("@class-kit/react/webpack");
+
+module.exports = {
+  plugins: [classKitReactWebpack()],
+};
+```
+
+```tsx
+import { Button, ClassConfigProvider } from "@class-kit/react";
+```
+
+The Vite and Webpack plugins rewrite named imports to component subpaths and
+inject matching component CSS. Without the plugin, import
+`@class-kit/react/style.css` once for full styles, or use
+`@class-kit/react/components/*` plus
+`@class-kit/react/styles/components/*.css` manually.
+
+The default theme is `minimal`. Wrap your app with `ClassConfigProvider` to
+switch built-in themes and locale globally. Theme CSS files are split for lazy
+loading:
+
+```tsx
+import "@class-kit/react/styles/components.css";
+import "@class-kit/react/styles/themes/liquid-glass.css";
+
+export function App() {
+  return <ClassConfigProvider theme="liquid-glass">{/* routes */}</ClassConfigProvider>;
+}
+```
+
+```ts
+await import("@class-kit/react/styles/themes/sky.css");
+```
+
+## Optional Peer Dependencies
+
+QRCode and Barcode use optional peer dependencies:
+
+```bash
+pnpm add qrcode jsbarcode
+```
+
+Local Word and Excel preview also uses optional peer dependencies:
+
+```bash
+pnpm add mammoth xlsx
+```
+
+These libraries are optional so applications that do not use QRCode, Barcode,
+or local document previews do not need to ship them. If a feature is used
+without its optional dependency, Class Kit surfaces a runtime error that names
+the missing package and the supported CDN/global fallback.
+
+## Release Gate
+
+Before publishing, run the workspace release gate:
+
+```bash
+pnpm release:check
+```

package/dist/components/affix.cjs

@@ -0,0 +1,62 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var core = require('@class-kit/core');
+
+function Affix({ children, className = "cc-affix", offsetTop = 0, style, target, ...props }) {
+    const ref = React.useRef(null);
+    const [fixed, setFixed] = React.useState(false);
+    const [windowTarget, setWindowTarget] = React.useState(true);
+    const [fixedStyle, setFixedStyle] = React.useState({});
+    React.useEffect(() => {
+        const element = typeof target === "string"
+            ? (document.querySelector(target) ?? window)
+            : (target?.() ?? window);
+        const isWindowTarget = element === window;
+        setWindowTarget(isWindowTarget);
+        const controller = new core.AffixController(offsetTop);
+        const getRelativeTop = () => {
+            const root = ref.current;
+            if (!root)
+                return 0;
+            if (element === window)
+                return root.getBoundingClientRect().top;
+            return (root.getBoundingClientRect().top -
+                element.getBoundingClientRect().top);
+        };
+        const onScroll = () => {
+            const root = ref.current;
+            if (!root)
+                return;
+            const rect = root.getBoundingClientRect();
+            const nextFixed = controller.resolve(getRelativeTop()).fixed;
+            setFixed(nextFixed);
+            if (isWindowTarget) {
+                setFixedStyle({
+                    height: rect.height,
+                    left: rect.left,
+                    position: "fixed",
+                    top: offsetTop,
+                    width: rect.width,
+                    zIndex: 50,
+                });
+            }
+        };
+        onScroll();
+        element.addEventListener("scroll", onScroll, { passive: true });
+        window.addEventListener("resize", onScroll);
+        return () => {
+            element.removeEventListener("scroll", onScroll);
+            window.removeEventListener("resize", onScroll);
+        };
+    }, [offsetTop, target]);
+    return (jsxRuntime.jsx("div", { className: className, "data-fixed": fixed, "data-target": windowTarget ? "window" : "element", ref: ref, style: {
+            ...style,
+            ...(windowTarget && fixed ? { height: fixedStyle.height } : {}),
+            ...(!windowTarget ? { top: offsetTop } : {}),
+        }, ...props, children: jsxRuntime.jsx("div", { className: "cc-affix__inner", style: windowTarget && fixed ? fixedStyle : undefined, children: children }) }));
+}
+
+exports.Affix = Affix;
+//# sourceMappingURL=affix.cjs.map

package/dist/components/affix.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"affix.cjs","sources":["../../src/index.tsx"],"names":["useEffect","AffixController","_jsx"],"mappings":"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"}

package/dist/components/affix.d.ts

@@ -0,0 +1,3 @@
+export { Affix } from "../index";
+export type { AffixProps } from "../index";
+//# sourceMappingURL=affix.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"affix.d.ts","sourceRoot":"","sources":["../../src/components/affix.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/affix.js

@@ -0,0 +1,60 @@
+import { jsx } from 'react/jsx-runtime';
+import React, { useEffect } from 'react';
+import { AffixController } from '@class-kit/core';
+
+function Affix({ children, className = "cc-affix", offsetTop = 0, style, target, ...props }) {
+    const ref = React.useRef(null);
+    const [fixed, setFixed] = React.useState(false);
+    const [windowTarget, setWindowTarget] = React.useState(true);
+    const [fixedStyle, setFixedStyle] = React.useState({});
+    useEffect(() => {
+        const element = typeof target === "string"
+            ? (document.querySelector(target) ?? window)
+            : (target?.() ?? window);
+        const isWindowTarget = element === window;
+        setWindowTarget(isWindowTarget);
+        const controller = new AffixController(offsetTop);
+        const getRelativeTop = () => {
+            const root = ref.current;
+            if (!root)
+                return 0;
+            if (element === window)
+                return root.getBoundingClientRect().top;
+            return (root.getBoundingClientRect().top -
+                element.getBoundingClientRect().top);
+        };
+        const onScroll = () => {
+            const root = ref.current;
+            if (!root)
+                return;
+            const rect = root.getBoundingClientRect();
+            const nextFixed = controller.resolve(getRelativeTop()).fixed;
+            setFixed(nextFixed);
+            if (isWindowTarget) {
+                setFixedStyle({
+                    height: rect.height,
+                    left: rect.left,
+                    position: "fixed",
+                    top: offsetTop,
+                    width: rect.width,
+                    zIndex: 50,
+                });
+            }
+        };
+        onScroll();
+        element.addEventListener("scroll", onScroll, { passive: true });
+        window.addEventListener("resize", onScroll);
+        return () => {
+            element.removeEventListener("scroll", onScroll);
+            window.removeEventListener("resize", onScroll);
+        };
+    }, [offsetTop, target]);
+    return (jsx("div", { className: className, "data-fixed": fixed, "data-target": windowTarget ? "window" : "element", ref: ref, style: {
+            ...style,
+            ...(windowTarget && fixed ? { height: fixedStyle.height } : {}),
+            ...(!windowTarget ? { top: offsetTop } : {}),
+        }, ...props, children: jsx("div", { className: "cc-affix__inner", style: windowTarget && fixed ? fixedStyle : undefined, children: children }) }));
+}
+
+export { Affix };
+//# sourceMappingURL=affix.js.map

package/dist/components/affix.js.map

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

package/dist/components/backtop.cjs

@@ -0,0 +1,98 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var core = require('@class-kit/core');
+
+const classIconPaths = {
+    chevronDown: ["M6 9l6 6 6-6"],
+    chevronLeft: ["M15 18l-6-6 6-6"],
+    chevronRight: ["M9 18l6-6-6-6"],
+    chevronUp: ["M18 15l-6-6-6 6"],
+    check: ["M20 6 9 17l-5-5"],
+    settings: [
+        "M12 15.5A3.5 3.5 0 1 0 12 8a3.5 3.5 0 0 0 0 7.5Z",
+        "M19.4 15a1.8 1.8 0 0 0 .36 1.98l.04.04a2.18 2.18 0 0 1-3.08 3.08l-.04-.04a1.8 1.8 0 0 0-1.98-.36 1.8 1.8 0 0 0-1 1.62V21a2.2 2.2 0 0 1-4.4 0v-.06a1.8 1.8 0 0 0-1-1.62 1.8 1.8 0 0 0-1.98.36l-.04.04A2.18 2.18 0 0 1 3.2 16.64l.04-.04A1.8 1.8 0 0 0 3.6 14.6a1.8 1.8 0 0 0-1.62-1H2a2.2 2.2 0 0 1 0-4.4h.06a1.8 1.8 0 0 0 1.62-1 1.8 1.8 0 0 0-.36-1.98l-.04-.04A2.18 2.18 0 0 1 6.36 3.1l.04.04a1.8 1.8 0 0 0 1.98.36h.08A1.8 1.8 0 0 0 9.4 1.88V1.8a2.2 2.2 0 0 1 4.4 0v.06a1.8 1.8 0 0 0 1 1.62 1.8 1.8 0 0 0 1.98-.36l.04-.04A2.18 2.18 0 0 1 19.9 6.16l-.04.04a1.8 1.8 0 0 0-.36 1.98v.08a1.8 1.8 0 0 0 1.62.94h.08a2.2 2.2 0 0 1 0 4.4h-.06A1.8 1.8 0 0 0 19.4 15Z",
+    ],
+    star: [
+        "M12 2l3.09 6.26 6.91 1-5 4.87 1.18 6.87L12 17.77 5.82 21 7 14.13l-5-4.87 6.91-1L12 2Z",
+    ],
+    x: ["M18 6 6 18", "M6 6l12 12"],
+};
+function ClassIcon({ className = "cc-icon", name, }) {
+    return (jsxRuntime.jsx("svg", { "aria-hidden": "true", className: className, fill: name === "star" ? "currentColor" : "none", focusable: "false", viewBox: "0 0 24 24", children: classIconPaths[name].map((d) => (jsxRuntime.jsx("path", { d: d, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: name === "star" ? 0 : 2 }, d))) }));
+}
+function getBacktopTarget(target) {
+    if (typeof target === "string")
+        return document.querySelector(target) ?? window;
+    if (typeof target === "function")
+        return target() ?? null;
+    return window;
+}
+function readBacktopScrollTop(element) {
+    return element instanceof Window ? element.scrollY : element.scrollTop;
+}
+function writeBacktopScrollTop(element, top) {
+    if (element instanceof Window) {
+        element.scrollTo({ top });
+        return;
+    }
+    element.scrollTop = top;
+}
+function scrollBacktopToTop(element, duration) {
+    const safeDuration = Math.max(0, Number.isFinite(duration ?? 0) ? (duration ?? 0) : 0);
+    if (safeDuration <= 0) {
+        element.scrollTo({ top: 0, behavior: "smooth" });
+        return;
+    }
+    const start = readBacktopScrollTop(element);
+    const startedAt = performance.now();
+    const easeOut = (value) => 1 - Math.pow(1 - value, 3);
+    const step = (now) => {
+        const progress = Math.min(1, (now - startedAt) / safeDuration);
+        writeBacktopScrollTop(element, start * (1 - easeOut(progress)));
+        if (progress < 1)
+            requestAnimationFrame(step);
+    };
+    requestAnimationFrame(step);
+}
+function Backtop({ className = "cc-backtop", duration, target, visibilityHeight = 240, children = jsxRuntime.jsx(ClassIcon, { name: "chevronUp" }), onClick, ...props }) {
+    const [visible, setVisible] = React.useState(false);
+    const visibleRef = React.useRef(false);
+    React.useEffect(() => {
+        let frame = 0;
+        let element = null;
+        const controller = new core.BacktopController(visibilityHeight);
+        const onScroll = () => {
+            if (!element)
+                return;
+            const nextVisible = controller.resolve(readBacktopScrollTop(element), visibleRef.current).visible;
+            visibleRef.current = nextVisible;
+            setVisible(nextVisible);
+        };
+        const bind = () => {
+            element = getBacktopTarget(target);
+            if (!element) {
+                frame = requestAnimationFrame(bind);
+                return;
+            }
+            onScroll();
+            element.addEventListener("scroll", onScroll, { passive: true });
+        };
+        bind();
+        return () => {
+            if (frame)
+                cancelAnimationFrame(frame);
+            element?.removeEventListener("scroll", onScroll);
+        };
+    }, [target, visibilityHeight]);
+    return visible ? (jsxRuntime.jsx("button", { className: className, type: "button", onClick: (event) => {
+            const element = getBacktopTarget(target);
+            onClick?.(event);
+            if (element)
+                scrollBacktopToTop(element, duration);
+        }, ...props, children: children })) : null;
+}
+
+exports.Backtop = Backtop;
+//# sourceMappingURL=backtop.cjs.map

package/dist/components/backtop.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"backtop.cjs","sources":["../../src/index.tsx"],"names":["_jsx","useEffect","BacktopController"],"mappings":"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"}

package/dist/components/backtop.d.ts

@@ -0,0 +1,3 @@
+export { Backtop } from "../index";
+export type { BacktopProps } from "../index";
+//# sourceMappingURL=backtop.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"backtop.d.ts","sourceRoot":"","sources":["../../src/components/backtop.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/backtop.js

@@ -0,0 +1,96 @@
+import { jsx } from 'react/jsx-runtime';
+import React, { useEffect } from 'react';
+import { BacktopController } from '@class-kit/core';
+
+const classIconPaths = {
+    chevronDown: ["M6 9l6 6 6-6"],
+    chevronLeft: ["M15 18l-6-6 6-6"],
+    chevronRight: ["M9 18l6-6-6-6"],
+    chevronUp: ["M18 15l-6-6-6 6"],
+    check: ["M20 6 9 17l-5-5"],
+    settings: [
+        "M12 15.5A3.5 3.5 0 1 0 12 8a3.5 3.5 0 0 0 0 7.5Z",
+        "M19.4 15a1.8 1.8 0 0 0 .36 1.98l.04.04a2.18 2.18 0 0 1-3.08 3.08l-.04-.04a1.8 1.8 0 0 0-1.98-.36 1.8 1.8 0 0 0-1 1.62V21a2.2 2.2 0 0 1-4.4 0v-.06a1.8 1.8 0 0 0-1-1.62 1.8 1.8 0 0 0-1.98.36l-.04.04A2.18 2.18 0 0 1 3.2 16.64l.04-.04A1.8 1.8 0 0 0 3.6 14.6a1.8 1.8 0 0 0-1.62-1H2a2.2 2.2 0 0 1 0-4.4h.06a1.8 1.8 0 0 0 1.62-1 1.8 1.8 0 0 0-.36-1.98l-.04-.04A2.18 2.18 0 0 1 6.36 3.1l.04.04a1.8 1.8 0 0 0 1.98.36h.08A1.8 1.8 0 0 0 9.4 1.88V1.8a2.2 2.2 0 0 1 4.4 0v.06a1.8 1.8 0 0 0 1 1.62 1.8 1.8 0 0 0 1.98-.36l.04-.04A2.18 2.18 0 0 1 19.9 6.16l-.04.04a1.8 1.8 0 0 0-.36 1.98v.08a1.8 1.8 0 0 0 1.62.94h.08a2.2 2.2 0 0 1 0 4.4h-.06A1.8 1.8 0 0 0 19.4 15Z",
+    ],
+    star: [
+        "M12 2l3.09 6.26 6.91 1-5 4.87 1.18 6.87L12 17.77 5.82 21 7 14.13l-5-4.87 6.91-1L12 2Z",
+    ],
+    x: ["M18 6 6 18", "M6 6l12 12"],
+};
+function ClassIcon({ className = "cc-icon", name, }) {
+    return (jsx("svg", { "aria-hidden": "true", className: className, fill: name === "star" ? "currentColor" : "none", focusable: "false", viewBox: "0 0 24 24", children: classIconPaths[name].map((d) => (jsx("path", { d: d, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: name === "star" ? 0 : 2 }, d))) }));
+}
+function getBacktopTarget(target) {
+    if (typeof target === "string")
+        return document.querySelector(target) ?? window;
+    if (typeof target === "function")
+        return target() ?? null;
+    return window;
+}
+function readBacktopScrollTop(element) {
+    return element instanceof Window ? element.scrollY : element.scrollTop;
+}
+function writeBacktopScrollTop(element, top) {
+    if (element instanceof Window) {
+        element.scrollTo({ top });
+        return;
+    }
+    element.scrollTop = top;
+}
+function scrollBacktopToTop(element, duration) {
+    const safeDuration = Math.max(0, Number.isFinite(duration ?? 0) ? (duration ?? 0) : 0);
+    if (safeDuration <= 0) {
+        element.scrollTo({ top: 0, behavior: "smooth" });
+        return;
+    }
+    const start = readBacktopScrollTop(element);
+    const startedAt = performance.now();
+    const easeOut = (value) => 1 - Math.pow(1 - value, 3);
+    const step = (now) => {
+        const progress = Math.min(1, (now - startedAt) / safeDuration);
+        writeBacktopScrollTop(element, start * (1 - easeOut(progress)));
+        if (progress < 1)
+            requestAnimationFrame(step);
+    };
+    requestAnimationFrame(step);
+}
+function Backtop({ className = "cc-backtop", duration, target, visibilityHeight = 240, children = jsx(ClassIcon, { name: "chevronUp" }), onClick, ...props }) {
+    const [visible, setVisible] = React.useState(false);
+    const visibleRef = React.useRef(false);
+    useEffect(() => {
+        let frame = 0;
+        let element = null;
+        const controller = new BacktopController(visibilityHeight);
+        const onScroll = () => {
+            if (!element)
+                return;
+            const nextVisible = controller.resolve(readBacktopScrollTop(element), visibleRef.current).visible;
+            visibleRef.current = nextVisible;
+            setVisible(nextVisible);
+        };
+        const bind = () => {
+            element = getBacktopTarget(target);
+            if (!element) {
+                frame = requestAnimationFrame(bind);
+                return;
+            }
+            onScroll();
+            element.addEventListener("scroll", onScroll, { passive: true });
+        };
+        bind();
+        return () => {
+            if (frame)
+                cancelAnimationFrame(frame);
+            element?.removeEventListener("scroll", onScroll);
+        };
+    }, [target, visibilityHeight]);
+    return visible ? (jsx("button", { className: className, type: "button", onClick: (event) => {
+            const element = getBacktopTarget(target);
+            onClick?.(event);
+            if (element)
+                scrollBacktopToTop(element, duration);
+        }, ...props, children: children })) : null;
+}
+
+export { Backtop };
+//# sourceMappingURL=backtop.js.map

package/dist/components/backtop.js.map

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

package/dist/components/badge.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var core = require('@class-kit/core');
+
+function Badge({ children, className = "cc-badge", dot, max, tone, value, ...props }) {
+    const state = React.useMemo(() => new core.BadgeController({ dot, max, tone, value }).getState(), [dot, max, tone, value]);
+    return (jsxRuntime.jsxs("span", { className: className, "data-dot": state.dot, "data-tone": state.tone, ...props, children: [children, jsxRuntime.jsx("sup", { children: state.displayValue })] }));
+}
+
+exports.Badge = Badge;
+//# sourceMappingURL=badge.cjs.map

package/dist/components/badge.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.cjs","sources":["../../src/index.tsx"],"names":["useMemo","BadgeController","_jsxs","_jsx"],"mappings":";;;;;;AAg1HM,SAAU,KAAK,CAAC,EACpB,QAAQ,EACR,SAAS,GAAG,UAAU,EACtB,GAAG,EACH,GAAG,EACH,IAAI,EACJ,KAAK,EACL,GAAG,KAAK,EACG,EAAA;AACX,IAAA,MAAM,KAAK,GAAGA,aAAO,CACnB,MAAM,IAAIC,oBAAe,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,QAAQ,EAAE,EAC/D,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC,CACxB;IACD,QACEC,eAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,SAAS,cACV,KAAK,CAAC,GAAG,EAAA,WAAA,EACR,KAAK,CAAC,IAAI,EAAA,GACjB,KAAK,EAAA,QAAA,EAAA,CAER,QAAQ,EACTC,cAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EAAM,KAAK,CAAC,YAAY,EAAA,CAAO,CAAA,EAAA,CAC1B;AAEX;;;;"}

package/dist/components/badge.d.ts

@@ -0,0 +1,3 @@
+export { Badge } from "../index";
+export type { BadgeProps } from "../index";
+//# sourceMappingURL=badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/components/badge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/badge.js

@@ -0,0 +1,11 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { BadgeController } from '@class-kit/core';
+
+function Badge({ children, className = "cc-badge", dot, max, tone, value, ...props }) {
+    const state = useMemo(() => new BadgeController({ dot, max, tone, value }).getState(), [dot, max, tone, value]);
+    return (jsxs("span", { className: className, "data-dot": state.dot, "data-tone": state.tone, ...props, children: [children, jsx("sup", { children: state.displayValue })] }));
+}
+
+export { Badge };
+//# sourceMappingURL=badge.js.map

package/dist/components/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sources":["../../src/index.tsx"],"names":["_jsxs","_jsx"],"mappings":";;;;AAg1HM,SAAU,KAAK,CAAC,EACpB,QAAQ,EACR,SAAS,GAAG,UAAU,EACtB,GAAG,EACH,GAAG,EACH,IAAI,EACJ,KAAK,EACL,GAAG,KAAK,EACG,EAAA;AACX,IAAA,MAAM,KAAK,GAAG,OAAO,CACnB,MAAM,IAAI,eAAe,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,QAAQ,EAAE,EAC/D,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC,CACxB;IACD,QACEA,IAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,SAAS,cACV,KAAK,CAAC,GAAG,EAAA,WAAA,EACR,KAAK,CAAC,IAAI,EAAA,GACjB,KAAK,EAAA,QAAA,EAAA,CAER,QAAQ,EACTC,GAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EAAM,KAAK,CAAC,YAAY,EAAA,CAAO,CAAA,EAAA,CAC1B;AAEX;;;;"}

package/dist/components/barcode.cjs

@@ -0,0 +1,61 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+
+function optionalDependencyError(packageName, featureName, fallbackName, cause) {
+    const detail = cause instanceof Error ? ` Original error: ${cause.message}` : "";
+    return new Error(`${featureName} requires optional dependency "${packageName}". Install it or provide ${fallbackName} from a CDN/global fallback.${detail}`);
+}
+function Barcode({ value, format = "CODE128", width = 2, height = 88, lineColor = "#1f1a2e", background = "transparent", displayValue = true, errorText = "Barcode unavailable", fontSize = 14, margin = 8, className = "cc-code cc-barcode", renderError, ...props }) {
+    const [svg, setSvg] = React.useState("");
+    const [error, setError] = React.useState(null);
+    React.useEffect(() => {
+        if (typeof document === "undefined")
+            return;
+        let cancelled = false;
+        setError(null);
+        import('jsbarcode')
+            .then(({ default: JsBarcode }) => {
+            if (cancelled)
+                return;
+            const svgElement = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+            JsBarcode(svgElement, value || " ", {
+                background,
+                displayValue,
+                fontSize,
+                format,
+                height,
+                lineColor,
+                margin,
+                width,
+            });
+            if (!cancelled) {
+                setSvg(new XMLSerializer().serializeToString(svgElement));
+            }
+        })
+            .catch((nextError) => {
+            if (cancelled)
+                return;
+            setSvg("");
+            setError(optionalDependencyError("jsbarcode", "Barcode rendering", "window.JsBarcode", nextError));
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [
+        background,
+        displayValue,
+        fontSize,
+        format,
+        height,
+        lineColor,
+        margin,
+        value,
+        width,
+    ]);
+    return (jsxRuntime.jsx("span", { "aria-label": error ? String(errorText) : value, className: className, role: "img", ...props, children: error ? (jsxRuntime.jsx("span", { className: "cc-code__error", children: renderError?.(error) ?? errorText })) : (jsxRuntime.jsx("span", { dangerouslySetInnerHTML: { __html: svg } })) }));
+}
+
+exports.Barcode = Barcode;
+//# sourceMappingURL=barcode.cjs.map

package/dist/components/barcode.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"barcode.cjs","sources":["../../src/index.tsx"],"names":["useEffect","_jsx"],"mappings":"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"}

package/dist/components/barcode.d.ts

@@ -0,0 +1,3 @@
+export { Barcode } from "../index";
+export type { BarcodeProps } from "../index";
+//# sourceMappingURL=barcode.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"barcode.d.ts","sourceRoot":"","sources":["../../src/components/barcode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/barcode.js

@@ -0,0 +1,59 @@
+import { jsx } from 'react/jsx-runtime';
+import React, { useEffect } from 'react';
+
+function optionalDependencyError(packageName, featureName, fallbackName, cause) {
+    const detail = cause instanceof Error ? ` Original error: ${cause.message}` : "";
+    return new Error(`${featureName} requires optional dependency "${packageName}". Install it or provide ${fallbackName} from a CDN/global fallback.${detail}`);
+}
+function Barcode({ value, format = "CODE128", width = 2, height = 88, lineColor = "#1f1a2e", background = "transparent", displayValue = true, errorText = "Barcode unavailable", fontSize = 14, margin = 8, className = "cc-code cc-barcode", renderError, ...props }) {
+    const [svg, setSvg] = React.useState("");
+    const [error, setError] = React.useState(null);
+    useEffect(() => {
+        if (typeof document === "undefined")
+            return;
+        let cancelled = false;
+        setError(null);
+        import('jsbarcode')
+            .then(({ default: JsBarcode }) => {
+            if (cancelled)
+                return;
+            const svgElement = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+            JsBarcode(svgElement, value || " ", {
+                background,
+                displayValue,
+                fontSize,
+                format,
+                height,
+                lineColor,
+                margin,
+                width,
+            });
+            if (!cancelled) {
+                setSvg(new XMLSerializer().serializeToString(svgElement));
+            }
+        })
+            .catch((nextError) => {
+            if (cancelled)
+                return;
+            setSvg("");
+            setError(optionalDependencyError("jsbarcode", "Barcode rendering", "window.JsBarcode", nextError));
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [
+        background,
+        displayValue,
+        fontSize,
+        format,
+        height,
+        lineColor,
+        margin,
+        value,
+        width,
+    ]);
+    return (jsx("span", { "aria-label": error ? String(errorText) : value, className: className, role: "img", ...props, children: error ? (jsx("span", { className: "cc-code__error", children: renderError?.(error) ?? errorText })) : (jsx("span", { dangerouslySetInnerHTML: { __html: svg } })) }));
+}
+
+export { Barcode };
+//# sourceMappingURL=barcode.js.map