@nexus-cross/design-system 1.0.0

package/dist/chunks/chunk-INP2AH3B.js

@@ -0,0 +1,27 @@
+'use strict';
+
+var react = require('react');
+
+// src/hooks/useClickOutside.ts
+var useClickOutside = (ref, handler, option) => {
+  react.useEffect(() => {
+    const listener = (event) => {
+      const el = ref && "current" in ref ? ref.current : ref;
+      if (!el || el.contains(event.target)) {
+        return;
+      }
+      handler(event);
+    };
+    document.addEventListener("click", listener);
+    if (!option?.offTouchEvent) {
+      document.addEventListener("touchstart", listener);
+    }
+    return () => {
+      document.removeEventListener("click", listener);
+      document.removeEventListener("touchstart", listener);
+    };
+  }, [ref, handler, option]);
+};
+var useClickOutside_default = useClickOutside;
+
+exports.useClickOutside_default = useClickOutside_default;

package/dist/chunks/chunk-IOSIQLZL.js

@@ -0,0 +1,70 @@
+'use strict';
+
+var chunkCZC76ZD5_js = require('./chunk-CZC76ZD5.js');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var Spinner = React__namespace.forwardRef(
+  ({ className, size = 20, "aria-label": ariaLabel = "Loading", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      ref,
+      role: "status",
+      "aria-label": ariaLabel,
+      className: chunkCZC76ZD5_js.cn("nexus-spinner", className),
+      viewBox: "0 0 50 50",
+      fill: "none",
+      style: { width: size, height: size },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "circle",
+          {
+            cx: "25",
+            cy: "25",
+            r: "20",
+            stroke: "currentColor",
+            strokeWidth: "5",
+            opacity: "0.3"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "circle",
+          {
+            cx: "25",
+            cy: "25",
+            r: "20",
+            stroke: "currentColor",
+            strokeWidth: "5",
+            strokeLinecap: "round",
+            strokeDasharray: "90 150",
+            strokeDashoffset: "-35"
+          }
+        )
+      ]
+    }
+  )
+);
+Spinner.displayName = "Spinner";
+
+exports.Spinner = Spinner;

package/dist/chunks/chunk-J5ZKGPBY.js

@@ -0,0 +1,132 @@
+'use strict';
+
+var chunkCZC76ZD5_js = require('./chunk-CZC76ZD5.js');
+var React = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var checkBoxVariants = classVarianceAuthority.cva("nexus-checkbox", {
+  variants: {
+    size: {
+      sm: "nexus-checkbox--sm",
+      md: "nexus-checkbox--md"
+    },
+    shape: {
+      square: "",
+      round: ""
+    }
+  },
+  defaultVariants: { size: "md", shape: "square" }
+});
+var boxVariants = classVarianceAuthority.cva("nexus-checkbox__box", {
+  variants: {
+    size: {
+      sm: "nexus-checkbox__box--sm",
+      md: "nexus-checkbox__box--md"
+    },
+    shape: {
+      square: "nexus-checkbox__box--square",
+      round: "nexus-checkbox__box--round"
+    }
+  },
+  defaultVariants: { size: "md", shape: "square" }
+});
+var CheckIcon = ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.5 8.5L6.5 11.5L12.5 5" }) });
+var IndeterminateIcon = ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 8h8" }) });
+var CheckBox = React__namespace.forwardRef(
+  ({
+    className,
+    size,
+    shape,
+    checked,
+    indeterminate = false,
+    disabled,
+    readOnly,
+    label,
+    children,
+    onCheckedChange,
+    onChange,
+    ...props
+  }, ref) => {
+    const innerRef = React__namespace.useRef(null);
+    React__namespace.useImperativeHandle(ref, () => innerRef.current);
+    React__namespace.useEffect(() => {
+      if (innerRef.current) {
+        innerRef.current.indeterminate = indeterminate;
+      }
+    }, [indeterminate]);
+    const handleChange = React__namespace.useCallback(
+      (e) => {
+        onCheckedChange?.(e.target.checked);
+        onChange?.(e);
+      },
+      [onCheckedChange, onChange]
+    );
+    const isChecked = checked || indeterminate;
+    const content = label ?? children;
+    const iconClass = size === "sm" ? "nexus-checkbox__icon--sm" : "nexus-checkbox__icon--md";
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "label",
+      {
+        className: chunkCZC76ZD5_js.cn(
+          checkBoxVariants({ size, shape }),
+          disabled ? "nexus-checkbox--disabled" : "nexus-checkbox--pointer",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              ref: innerRef,
+              type: "checkbox",
+              className: "nexus-sr-only",
+              checked,
+              disabled,
+              readOnly,
+              "aria-checked": indeterminate ? "mixed" : checked,
+              onChange: handleChange,
+              ...props
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: chunkCZC76ZD5_js.cn(
+                boxVariants({ size, shape }),
+                isChecked ? "nexus-checkbox__box--checked" : "nexus-checkbox__box--unchecked"
+              ),
+              children: indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(IndeterminateIcon, { className: iconClass }) : checked ? /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { className: iconClass }) : null
+            }
+          ),
+          content && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nexus-checkbox__label", children: content })
+        ]
+      }
+    );
+  }
+);
+CheckBox.displayName = "CheckBox";
+
+exports.CheckBox = CheckBox;
+exports.boxVariants = boxVariants;
+exports.checkBoxVariants = checkBoxVariants;

package/dist/chunks/chunk-JNMCYWGY.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+exports.__require = __require;

package/dist/chunks/chunk-LI7SFBUQ.mjs

@@ -0,0 +1,89 @@
+import { cn } from './chunk-MCKOWMLS.mjs';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function calcTimeLeft(endTimestamp) {
+  const total = Math.max(0, endTimestamp - Date.now());
+  const isFinished = total <= 0;
+  return {
+    days: Math.floor(total / (1e3 * 60 * 60 * 24)),
+    hours: Math.floor(total / (1e3 * 60 * 60) % 24),
+    minutes: Math.floor(total / (1e3 * 60) % 60),
+    seconds: Math.floor(total / 1e3 % 60),
+    total,
+    isFinished
+  };
+}
+function useCountdown(endTimestamp, onEnd) {
+  const [timeLeft, setTimeLeft] = React.useState(() => calcTimeLeft(endTimestamp));
+  const onEndRef = React.useRef(onEnd);
+  onEndRef.current = onEnd;
+  React.useEffect(() => {
+    setTimeLeft(calcTimeLeft(endTimestamp));
+    const id = setInterval(() => {
+      const next = calcTimeLeft(endTimestamp);
+      setTimeLeft(next);
+      if (next.isFinished) {
+        clearInterval(id);
+        onEndRef.current?.();
+      }
+    }, 1e3);
+    const handleVisibility = () => {
+      if (!document.hidden) setTimeLeft(calcTimeLeft(endTimestamp));
+    };
+    document.addEventListener("visibilitychange", handleVisibility);
+    return () => {
+      clearInterval(id);
+      document.removeEventListener("visibilitychange", handleVisibility);
+    };
+  }, [endTimestamp]);
+  return timeLeft;
+}
+var pad = (n) => n.toString().padStart(2, "0");
+var Countdown = React.forwardRef(
+  ({
+    endTimestamp,
+    separator = ":",
+    showDays = true,
+    labels,
+    onEnd,
+    render,
+    className,
+    ...props
+  }, ref) => {
+    const timeLeft = useCountdown(endTimestamp, onEnd);
+    if (render) {
+      return /* @__PURE__ */ jsx("div", { ref, className, ...props, children: render(timeLeft) });
+    }
+    const units = [];
+    if (showDays && timeLeft.days > 0) {
+      units.push({ value: timeLeft.days.toString(), label: labels?.days });
+    }
+    units.push(
+      { value: pad(timeLeft.hours), label: labels?.hours },
+      { value: pad(timeLeft.minutes), label: labels?.minutes },
+      { value: pad(timeLeft.seconds), label: labels?.seconds }
+    );
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn("nexus-countdown", className),
+        role: "timer",
+        "aria-live": "polite",
+        "aria-atomic": "true",
+        ...props,
+        children: units.map((unit, i) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+          i > 0 && separator && /* @__PURE__ */ jsx("span", { className: "nexus-countdown__separator", children: separator }),
+          /* @__PURE__ */ jsxs("span", { children: [
+            unit.value,
+            unit.label && /* @__PURE__ */ jsx("span", { className: "nexus-countdown__label", children: unit.label })
+          ] })
+        ] }, i))
+      }
+    );
+  }
+);
+Countdown.displayName = "Countdown";
+
+export { Countdown, useCountdown };

package/dist/chunks/chunk-LMMON5AU.mjs

@@ -0,0 +1,81 @@
+import { cn } from './chunk-MCKOWMLS.mjs';
+import { useRef, useState, useMemo, useCallback, useEffect, createElement } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var DefaultSpinner = () => /* @__PURE__ */ jsx("div", { className: "nexus-infinite-spinner", children: /* @__PURE__ */ jsx("div", { className: "nexus-infinite-spinner-icon" }) });
+var InfiniteScroll = ({
+  className = "",
+  tag = "div",
+  list,
+  scrollTarget = null,
+  rootMargin = 100,
+  loading,
+  loadingElement = /* @__PURE__ */ jsx(DefaultSpinner, {}),
+  children,
+  handleLoadMore,
+  ...props
+}) => {
+  const target = useRef(null);
+  const listRef = useRef(list);
+  const totalCountRef = useRef("totalCount" in props ? props.totalCount : void 0);
+  const hasMoreRef = useRef("hasMore" in props ? props.hasMore : void 0);
+  const loadingRef = useRef(loading);
+  const prevCount = useRef(-1);
+  const [count, setCount] = useState(0);
+  const io = useMemo(() => {
+    if (typeof window === "undefined") return null;
+    return new IntersectionObserver(
+      (entries, observer) => {
+        if (!target.current) return;
+        if (entries[0].intersectionRatio > 0.2) {
+          if (!loadingRef.current) {
+            setCount((v) => v + 1);
+            observer.disconnect();
+          }
+        }
+      },
+      {
+        root: !scrollTarget ? null : "current" in scrollTarget ? scrollTarget.current : scrollTarget,
+        rootMargin: `${rootMargin}px 0px`,
+        threshold: [0.1, 0.2, 0.5, 0.8, 0.9, 1]
+      }
+    );
+  }, [rootMargin, scrollTarget]);
+  const hasNext = useCallback(() => {
+    if (!listRef.current || loadingRef.current) return false;
+    if (typeof totalCountRef.current !== "undefined") {
+      return totalCountRef.current > listRef.current.length;
+    }
+    return !!hasMoreRef.current;
+  }, []);
+  useEffect(() => {
+    if (count > 0 && prevCount.current < count && (listRef.current ?? []).length && hasNext()) {
+      prevCount.current = count;
+      handleLoadMore();
+    }
+  }, [count, hasNext, handleLoadMore]);
+  useEffect(() => {
+    const observeEl = target.current;
+    if (observeEl && io) io.observe(observeEl);
+    return () => {
+      if (observeEl && io) io.unobserve(observeEl);
+    };
+  }, [list, io]);
+  useEffect(() => {
+    if ("totalCount" in props) {
+      totalCountRef.current = props.totalCount;
+    } else {
+      hasMoreRef.current = props.hasMore;
+    }
+    listRef.current = [...list || []];
+  }, [list, props]);
+  useEffect(() => {
+    loadingRef.current = loading;
+  }, [loading]);
+  return /* @__PURE__ */ jsxs("div", { className: cn("nexus-infinite-scroll", className), children: [
+    createElement(tag, null, children),
+    /* @__PURE__ */ jsx("div", { ref: target, className: "nexus-infinite-sentinel", role: "status", "aria-live": "polite", children: loading && (list ?? []).length > 0 && loadingElement })
+  ] });
+};
+
+export { InfiniteScroll };

package/dist/chunks/chunk-LOQXCHKL.js

@@ -0,0 +1,74 @@
+'use strict';
+
+var chunkCZC76ZD5_js = require('./chunk-CZC76ZD5.js');
+var PopoverPrimitive = require('@radix-ui/react-popover');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
+
+var popoverContentClasses = "nexus-popover-content";
+var Popover = ({
+  children,
+  trigger,
+  align = "center",
+  side = "bottom",
+  sideOffset = 4,
+  alignOffset,
+  open,
+  onOpenChange,
+  className = "",
+  arrowClassName,
+  onClickTrigger
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(PopoverPrimitive__namespace.Root, { open, onOpenChange, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Trigger, { asChild: true, onClick: onClickTrigger, children: trigger }),
+    /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+      PopoverPrimitive__namespace.Content,
+      {
+        align,
+        alignOffset,
+        side,
+        sideOffset,
+        className: chunkCZC76ZD5_js.cn(popoverContentClasses, className),
+        children: [
+          children,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            PopoverPrimitive__namespace.Arrow,
+            {
+              className: chunkCZC76ZD5_js.cn("nexus-popover-arrow", arrowClassName)
+            }
+          )
+        ]
+      }
+    ) })
+  ] });
+};
+var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
+var PopoverContent = PopoverPrimitive__namespace.Content;
+var PopoverArrow = PopoverPrimitive__namespace.Arrow;
+var PopoverClose = PopoverPrimitive__namespace.Close;
+
+exports.Popover = Popover;
+exports.PopoverArrow = PopoverArrow;
+exports.PopoverClose = PopoverClose;
+exports.PopoverContent = PopoverContent;
+exports.PopoverTrigger = PopoverTrigger;
+exports.popoverContentClasses = popoverContentClasses;

package/dist/chunks/chunk-MA2VCCIY.js

@@ -0,0 +1,71 @@
+'use strict';
+
+var chunkCZC76ZD5_js = require('./chunk-CZC76ZD5.js');
+var React = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var avatarVariants = classVarianceAuthority.cva("nexus-avatar", {
+  variants: {
+    size: {
+      xs: "nexus-avatar--xs",
+      sm: "nexus-avatar--sm",
+      md: "nexus-avatar--md",
+      lg: "nexus-avatar--lg",
+      xl: "nexus-avatar--xl"
+    },
+    shape: {
+      circle: "nexus-avatar--circle",
+      square: "nexus-avatar--square"
+    }
+  },
+  defaultVariants: { size: "md", shape: "circle" }
+});
+var DefaultIcon = ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z" }) });
+var Avatar = React__namespace.forwardRef(
+  ({ className, size, shape, src, alt, fallback, children, onImageError, ...props }, ref) => {
+    const [imgError, setImgError] = React__namespace.useState(false);
+    React__namespace.useEffect(() => {
+      setImgError(false);
+    }, [src]);
+    const handleError = React__namespace.useCallback(() => {
+      setImgError(true);
+      onImageError?.();
+    }, [onImageError]);
+    const showFallback = !src || imgError;
+    const iconSize = size === "xs" ? "nexus-avatar__icon--xs" : size === "sm" ? "nexus-avatar__icon--sm" : size === "lg" ? "nexus-avatar__icon--lg" : size === "xl" ? "nexus-avatar__icon--xl" : "nexus-avatar__icon--md";
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, role: "img", "aria-label": alt ?? void 0, className: chunkCZC76ZD5_js.cn(avatarVariants({ size, shape }), className), ...props, children: children ? children : showFallback ? fallback ?? /* @__PURE__ */ jsxRuntime.jsx(DefaultIcon, { className: iconSize }) : /* @__PURE__ */ jsxRuntime.jsx(
+      "img",
+      {
+        src,
+        alt: alt ?? "",
+        className: "nexus-avatar__img",
+        onError: handleError
+      }
+    ) });
+  }
+);
+Avatar.displayName = "Avatar";
+
+exports.Avatar = Avatar;
+exports.avatarVariants = avatarVariants;

package/dist/chunks/chunk-MCKOWMLS.mjs

@@ -0,0 +1,8 @@
+import { clsx } from 'clsx';
+
+// src/utils/cn.ts
+function cn(...inputs) {
+  return clsx(inputs);
+}
+
+export { cn };

package/dist/chunks/chunk-MRRKW5QN.mjs

@@ -0,0 +1,108 @@
+import { cn } from './chunk-MCKOWMLS.mjs';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var checkBoxVariants = cva("nexus-checkbox", {
+  variants: {
+    size: {
+      sm: "nexus-checkbox--sm",
+      md: "nexus-checkbox--md"
+    },
+    shape: {
+      square: "",
+      round: ""
+    }
+  },
+  defaultVariants: { size: "md", shape: "square" }
+});
+var boxVariants = cva("nexus-checkbox__box", {
+  variants: {
+    size: {
+      sm: "nexus-checkbox__box--sm",
+      md: "nexus-checkbox__box--md"
+    },
+    shape: {
+      square: "nexus-checkbox__box--square",
+      round: "nexus-checkbox__box--round"
+    }
+  },
+  defaultVariants: { size: "md", shape: "square" }
+});
+var CheckIcon = ({ className }) => /* @__PURE__ */ jsx("svg", { className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M3.5 8.5L6.5 11.5L12.5 5" }) });
+var IndeterminateIcon = ({ className }) => /* @__PURE__ */ jsx("svg", { className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", children: /* @__PURE__ */ jsx("path", { d: "M4 8h8" }) });
+var CheckBox = React.forwardRef(
+  ({
+    className,
+    size,
+    shape,
+    checked,
+    indeterminate = false,
+    disabled,
+    readOnly,
+    label,
+    children,
+    onCheckedChange,
+    onChange,
+    ...props
+  }, ref) => {
+    const innerRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => innerRef.current);
+    React.useEffect(() => {
+      if (innerRef.current) {
+        innerRef.current.indeterminate = indeterminate;
+      }
+    }, [indeterminate]);
+    const handleChange = React.useCallback(
+      (e) => {
+        onCheckedChange?.(e.target.checked);
+        onChange?.(e);
+      },
+      [onCheckedChange, onChange]
+    );
+    const isChecked = checked || indeterminate;
+    const content = label ?? children;
+    const iconClass = size === "sm" ? "nexus-checkbox__icon--sm" : "nexus-checkbox__icon--md";
+    return /* @__PURE__ */ jsxs(
+      "label",
+      {
+        className: cn(
+          checkBoxVariants({ size, shape }),
+          disabled ? "nexus-checkbox--disabled" : "nexus-checkbox--pointer",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: innerRef,
+              type: "checkbox",
+              className: "nexus-sr-only",
+              checked,
+              disabled,
+              readOnly,
+              "aria-checked": indeterminate ? "mixed" : checked,
+              onChange: handleChange,
+              ...props
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: cn(
+                boxVariants({ size, shape }),
+                isChecked ? "nexus-checkbox__box--checked" : "nexus-checkbox__box--unchecked"
+              ),
+              children: indeterminate ? /* @__PURE__ */ jsx(IndeterminateIcon, { className: iconClass }) : checked ? /* @__PURE__ */ jsx(CheckIcon, { className: iconClass }) : null
+            }
+          ),
+          content && /* @__PURE__ */ jsx("span", { className: "nexus-checkbox__label", children: content })
+        ]
+      }
+    );
+  }
+);
+CheckBox.displayName = "CheckBox";
+
+export { CheckBox, boxVariants, checkBoxVariants };