@sruim/nexus-design 0.0.1

package/dist/theme.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from 'unocss/preset-mini';
+export declare const theme: Theme;

package/dist/theme.js

@@ -0,0 +1,96 @@
+import { text, border, surface, status, core, mist, steel, obsidian } from './tokens/nexus.js';
+
+const theme = {
+  colors: {
+    background: "rgba(0, 0, 0, 1)",
+    foreground: "rgba(255, 255, 255, 1)",
+    obsidian,
+    steel,
+    mist,
+    core,
+    status,
+    surface,
+    border,
+    text,
+    black: {
+      DEFAULT: "rgba(0, 0, 0, 1)",
+      0: "rgba(0, 0, 0, 0)",
+      5: "rgba(0, 0, 0, 0.05)",
+      10: "rgba(0, 0, 0, 0.1)",
+      20: "rgba(0, 0, 0, 0.2)",
+      30: "rgba(0, 0, 0, 0.3)",
+      40: "rgba(0, 0, 0, 0.4)",
+      60: "rgba(0, 0, 0, 0.6)",
+      80: "rgba(0, 0, 0, 0.8)"
+    },
+    white: {
+      DEFAULT: "rgba(255, 255, 255, 1)",
+      5: "rgba(255, 255, 255, 0.05)",
+      10: "rgba(255, 255, 255, 0.1)",
+      20: "rgba(255, 255, 255, 0.2)",
+      30: "rgba(255, 255, 255, 0.3)",
+      40: "rgba(255, 255, 255, 0.4)",
+      60: "rgba(255, 255, 255, 0.6)",
+      80: "rgba(255, 255, 255, 0.8)"
+    },
+    gray: {
+      1: "rgba(12, 13, 16, 1)",
+      2: "rgba(16, 17, 20, 1)",
+      3: "rgba(27, 29, 32, 1)",
+      50: "rgba(250, 250, 250, 1)",
+      100: "rgba(242, 242, 242, 1)",
+      200: "rgba(229, 229, 229, 1)",
+      300: "rgba(204, 204, 204, 1)",
+      400: "rgba(153, 153, 153, 1)",
+      500: "rgba(102, 102, 102, 1)",
+      600: "rgba(68, 68, 68, 1)",
+      700: "rgba(58, 58, 58, 1)",
+      800: "rgba(51, 51, 51, 1)",
+      900: "rgba(32, 32, 32, 1)",
+      950: "rgba(28, 28, 28, 1)"
+    },
+    purple: {
+      1: "rgba(80, 59, 227, 1)",
+      2: "rgba(167, 155, 236, 1)",
+      10: "rgba(80, 59, 227, 0.1)",
+      20: "rgba(80, 59, 227, 0.2)",
+      60: "rgba(80, 59, 227, 0.6)"
+    },
+    red: {
+      DEFAULT: "rgba(255, 62, 62, 1)",
+      15: "rgba(255, 62, 62, 0.15)"
+    },
+    blue: {
+      1: "rgba(89, 111, 255, 1)",
+      2: "rgba(28, 161, 241, 1)"
+    },
+    green: {
+      1: "rgba(63, 221, 120, 1)",
+      2: "rgba(18, 27, 25, 1)",
+      3: "rgba(23, 46, 35, 1)"
+    },
+    pink: {
+      1: "rgba(219, 181, 226, 1)",
+      2: "rgba(251, 35, 194, 1)"
+    }
+  },
+  breakpoints: {
+    fhd: "1900px"
+  },
+  animation: {
+    keyframes: {
+      "scroll-loop": "{0% { transform: translateX(100%); } 100% { transform: translateX(-100%); }}"
+    },
+    durations: {
+      "scroll-loop": "10s"
+    },
+    counts: {
+      "scroll-loop": "infinite"
+    },
+    timingFns: {
+      "scroll-loop": "linear"
+    }
+  }
+};
+
+export { theme };

package/dist/tokens/materials.d.ts

@@ -0,0 +1,4 @@
+declare const Void = "bg-obsidian-100";
+declare const FrostGlass = "backdrop-blur-12 bg-slate-900/70 border border-white/10";
+declare const DeepGlass = "backdrop-blur-12 bg-slate-950/90";
+export { DeepGlass, FrostGlass, Void };

package/dist/tokens/materials.js

@@ -0,0 +1,4 @@
+const FrostGlass = "backdrop-blur-12 bg-slate-900/70 border border-white/10";
+const DeepGlass = "backdrop-blur-12 bg-slate-950/90";
+
+export { DeepGlass, FrostGlass };

package/dist/tokens/nexus.d.ts

@@ -0,0 +1,51 @@
+declare const obsidian: {
+    readonly 100: "#020617";
+    readonly 200: "#0F172A";
+    readonly 300: "#1E293B";
+};
+declare const steel: {
+    readonly 100: "#CBD5E1";
+    readonly 200: "#E2E8F0";
+    readonly 300: "#F1F5F9";
+};
+declare const mist: {
+    readonly 100: "#E2E8F0";
+    readonly 200: "#F1F5F9";
+    readonly 300: "#FFFFFF";
+};
+declare const core: {
+    readonly blue: "#3B82F6";
+};
+declare const status: {
+    readonly error: "#F43F5E";
+    readonly success: "#10B981";
+    readonly warning: "#F59E0B";
+};
+declare const surface: {
+    readonly primary: "#020617";
+    readonly secondary: "#CBD5E1";
+    readonly dim: "#E2E8F0";
+    readonly hover: "#F1F5F9";
+};
+declare const border: {
+    readonly subtle: "#E2E8F0";
+    readonly dim: "#F1F5F9";
+    readonly focus: "#3B82F6";
+};
+declare const text: {
+    readonly primary: "#FFFFFF";
+    readonly secondary: "#CBD5E1";
+    readonly disabled: "#64748B";
+    readonly accent: "#3B82F6";
+};
+declare const easing: {
+    readonly smooth: "cubic-bezier(0.4, 0, 0.2, 1)";
+    readonly spring: "cubic-bezier(0.34, 1.56, 0.64, 1)";
+};
+declare const duration: {
+    readonly fast: "150ms";
+    readonly base: "200ms";
+    readonly slow: "300ms";
+    readonly slower: "500ms";
+};
+export { border, core, duration, easing, mist, obsidian, status, steel, surface, text };

package/dist/tokens/nexus.js

@@ -0,0 +1,42 @@
+const obsidian = {
+  100: "#020617",
+  200: "#0F172A",
+  300: "#1E293B"
+};
+const steel = {
+  100: "#CBD5E1",
+  200: "#E2E8F0",
+  300: "#F1F5F9"
+};
+const mist = {
+  100: "#E2E8F0",
+  200: "#F1F5F9",
+  300: "#FFFFFF"
+};
+const core = {
+  blue: "#3B82F6"
+};
+const status = {
+  error: "#F43F5E",
+  success: "#10B981",
+  warning: "#F59E0B"
+};
+const surface = {
+  primary: obsidian[100],
+  secondary: steel[100],
+  dim: steel[200],
+  hover: steel[300]
+};
+const border = {
+  subtle: mist[100],
+  dim: steel[300],
+  focus: core.blue
+};
+const text = {
+  primary: "#FFFFFF",
+  secondary: "#CBD5E1",
+  disabled: "#64748B",
+  accent: core.blue
+};
+
+export { border, core, mist, obsidian, status, steel, surface, text };

package/dist/ui/avatar/index.d.ts

@@ -0,0 +1,11 @@
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import * as React from 'react';
+interface IAvatar extends React.ForwardRefExoticComponent<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLDivElement>> {
+    Image: typeof AvatarImage;
+    Fallback: typeof AvatarFallback;
+    Root: typeof Avatar;
+}
+declare const Avatar: IAvatar;
+declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
+declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export { Avatar };

package/dist/ui/avatar/index.js

@@ -0,0 +1,55 @@
+import { jsx } from 'react/jsx-runtime';
+import { cn } from '../../utils/config.js';
+import '@radix-ui/react-portal';
+import '../button.js';
+import '../carousel/index.js';
+import '../checkbox/index.js';
+import '../collapsible/index.js';
+import '../dialog/confirm.js';
+import '../dialog/dialog.js';
+import '../drawer.js';
+import '../form.js';
+import '../input-otp.js';
+import '../label.js';
+import * as React from 'react';
+import '../popover/index.js';
+import '../progress.js';
+import '../select/index.js';
+import '../slider/index.js';
+import '../sonner.js';
+import '../switch.js';
+import '../table/index.js';
+import '../tabs/index.js';
+import '../toggle/toggle.js';
+import '../toggle/toggle-group.js';
+import '../tooltip/index.js';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+
+const Avatar = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "relative flex items-center justify-center overflow-hidden rounded-full",
+      className
+    ),
+    ...props
+  }
+));
+Avatar.displayName = AvatarPrimitive.Root.displayName;
+const AvatarImage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Image,
+  {
+    ref,
+    className: cn("aspect-square size-full", className),
+    ...props
+  }
+));
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+const AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AvatarPrimitive.Fallback, { ref, className: cn(className), ...props }));
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+Avatar.Root = Avatar;
+Avatar.Image = AvatarImage;
+Avatar.Fallback = AvatarFallback;
+
+export { Avatar };

package/dist/ui/badge/index.d.ts

@@ -0,0 +1,2 @@
+import type * as React from 'react';
+export declare const Badge: React.FC<React.HTMLAttributes<HTMLDivElement>>;

package/dist/ui/badge/index.js

@@ -0,0 +1,45 @@
+import { jsx } from 'react/jsx-runtime';
+import { cn } from '../../utils/config.js';
+import '@radix-ui/react-portal';
+import '../avatar/index.js';
+import '../button.js';
+import '../carousel/index.js';
+import '../checkbox/index.js';
+import '../collapsible/index.js';
+import '../dialog/confirm.js';
+import '../dialog/dialog.js';
+import '../drawer.js';
+import '../form.js';
+import '../input-otp.js';
+import '../label.js';
+import 'react';
+import '../popover/index.js';
+import '../progress.js';
+import '../select/index.js';
+import '../slider/index.js';
+import '../sonner.js';
+import '../switch.js';
+import '../table/index.js';
+import '../tabs/index.js';
+import '../toggle/toggle.js';
+import '../toggle/toggle-group.js';
+import '../tooltip/index.js';
+
+const Badge = ({
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "absolute right-0 top-0 box-border min-w-3 min-h-2.5 rounded-full bg-status-error px-1.25 py-0.25 text-2.5",
+      children && "translate-x-1/2",
+      className
+    ),
+    ...props,
+    children
+  }
+);
+
+export { Badge };

package/dist/ui/button.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    asChild?: boolean;
+    variant?: 'hollow' | 'solid' | 'plain';
+    size?: 'small' | 'middle' | 'large';
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button };

package/dist/ui/button.js

@@ -0,0 +1,61 @@
+import { jsx } from 'react/jsx-runtime';
+import { Slot } from '@radix-ui/react-slot';
+import * as React from 'react';
+import { cn } from '../utils/config.js';
+import '@radix-ui/react-portal';
+import './avatar/index.js';
+import './carousel/index.js';
+import './checkbox/index.js';
+import './collapsible/index.js';
+import './dialog/confirm.js';
+import './dialog/dialog.js';
+import './drawer.js';
+import './form.js';
+import './input-otp.js';
+import './label.js';
+import './popover/index.js';
+import './progress.js';
+import './select/index.js';
+import './slider/index.js';
+import './sonner.js';
+import './switch.js';
+import './table/index.js';
+import './tabs/index.js';
+import './toggle/toggle.js';
+import './toggle/toggle-group.js';
+import './tooltip/index.js';
+
+const BaseStyle = "flex items-center justify-center rounded-25 box-border cursor-pointer transition-all duration-fast ease-smooth truncate font-bold active:scale-98";
+const SolidStyle = "bg-core-blue/20 hover:bg-core-blue/30 border border-core-blue/50 text-white shadow-none hover:shadow-[0_0_15px_rgba(59,130,246,0.4)] transition-all duration-fast ease-smooth";
+const HollowStyle = "bg-transparent border border-white/20 text-slate-200 hover:bg-white/10 hover:text-white transition-colors duration-fast ease-smooth";
+const PlainStyle = "bg-transparent text-slate-200 hover:text-white hover:underline transition-colors duration-fast ease-smooth";
+const DisabledStyle = "opacity-50 cursor-not-allowed pointer-events-none";
+const VariantStyle = {
+  solid: SolidStyle,
+  hollow: HollowStyle,
+  plain: PlainStyle
+};
+const SizeMap = {
+  small: "h-6 text-2.5",
+  middle: "h-8 text-3",
+  large: "w-56 h-10 text-3.5"
+};
+const Button = React.forwardRef(
+  ({ className, variant = "solid", size = "large", ...props }, ref) => {
+    const Comp = props.asChild ? Slot : "button";
+    const style = props.disabled ? DisabledStyle : VariantStyle[variant];
+    const sizeClass = SizeMap[size];
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        className: cn(BaseStyle, style, sizeClass, className),
+        ref,
+        type: "button",
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+export { Button };

package/dist/ui/carousel/index.d.ts

@@ -0,0 +1,43 @@
+import { default as Autoplay } from 'embla-carousel-autoplay';
+import { default as useEmblaCarousel } from 'embla-carousel-react';
+import * as React from 'react';
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+type CarouselProps = {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: 'horizontal' | 'vertical';
+};
+type CarouselContext = {
+    carouselRef: ReturnType<typeof useEmblaCarousel>[0];
+    api: ReturnType<typeof useEmblaCarousel>[1];
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    selectedIndex: number;
+    canScrollPrev: boolean;
+    canScrollNext: boolean;
+} & CarouselProps;
+declare const CarouselContext: React.Context<CarouselContext | null>;
+declare function useCarousel(): CarouselContext;
+interface TCarousel extends React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CarouselProps & React.RefAttributes<CarouselContext>> {
+    Content: typeof CarouselContent;
+    Item: typeof CarouselItem;
+    Previous: typeof CarouselPrevious;
+    Next: typeof CarouselNext;
+    Dot: typeof CarouselDot;
+    Plugin: typeof CarouselPlugins;
+}
+declare const Carousel: TCarousel;
+declare const CarouselContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CarouselItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+interface CarouselActionProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, 'disabled' | 'onClick'> {
+    children?: React.ReactNode;
+}
+declare const CarouselPrevious: React.ForwardRefExoticComponent<CarouselActionProps & React.RefAttributes<HTMLButtonElement>>;
+declare const CarouselNext: React.ForwardRefExoticComponent<CarouselActionProps & React.RefAttributes<HTMLButtonElement>>;
+declare const CarouselDot: React.ForwardRefExoticComponent<CarouselActionProps & React.RefAttributes<HTMLButtonElement>>;
+declare const CarouselPlugins: {
+    Autoplay: typeof Autoplay;
+};
+export { Carousel, useCarousel };

package/dist/ui/carousel/index.js

@@ -0,0 +1,186 @@
+import { jsx } from 'react/jsx-runtime';
+import { cn } from '../../utils/config.js';
+import '@radix-ui/react-portal';
+import '../avatar/index.js';
+import '../button.js';
+import '../checkbox/index.js';
+import '../collapsible/index.js';
+import '../dialog/confirm.js';
+import '../dialog/dialog.js';
+import '../drawer.js';
+import '../form.js';
+import '../input-otp.js';
+import '../label.js';
+import * as React from 'react';
+import '../popover/index.js';
+import '../progress.js';
+import '../select/index.js';
+import '../slider/index.js';
+import '../sonner.js';
+import '../switch.js';
+import '../table/index.js';
+import '../tabs/index.js';
+import '../toggle/toggle.js';
+import '../toggle/toggle-group.js';
+import '../tooltip/index.js';
+import Autoplay from 'embla-carousel-autoplay';
+import useEmblaCarousel from 'embla-carousel-react';
+
+const CarouselContext = React.createContext(null);
+function useCarousel() {
+  const context = React.useContext(CarouselContext);
+  if (!context) {
+    throw new Error("useCarousel must be used within a <Carousel />");
+  }
+  return context;
+}
+const Carousel = React.forwardRef(
+  ({ orientation = "horizontal", opts, plugins, className, children, ...props }, ref) => {
+    const [carouselRef, api] = useEmblaCarousel(
+      { ...opts, axis: orientation === "horizontal" ? "x" : "y" },
+      plugins
+    );
+    const [canScrollPrev, setCanScrollPrev] = React.useState(false);
+    const [canScrollNext, setCanScrollNext] = React.useState(false);
+    const [selectedIndex, setSelectedIndex] = React.useState(0);
+    const scrollPrev = React.useCallback(() => {
+      api?.scrollPrev();
+    }, [api]);
+    const scrollNext = React.useCallback(() => {
+      api?.scrollNext();
+    }, [api]);
+    React.useEffect(() => {
+      if (!api) {
+        return;
+      }
+      const onSelect = (api2) => {
+        if (!api2) {
+          return;
+        }
+        setSelectedIndex(api2.selectedScrollSnap());
+        setCanScrollPrev(api2.canScrollPrev());
+        setCanScrollNext(api2.canScrollNext());
+      };
+      onSelect(api);
+      api.on("reInit", onSelect);
+      api.on("select", onSelect);
+      return () => {
+        api?.off("select", onSelect);
+      };
+    }, [api]);
+    React.useImperativeHandle(ref, () => ({
+      carouselRef,
+      api,
+      opts,
+      orientation,
+      scrollPrev,
+      scrollNext,
+      selectedIndex,
+      canScrollPrev,
+      canScrollNext
+    }));
+    return /* @__PURE__ */ jsx(
+      CarouselContext.Provider,
+      {
+        value: {
+          carouselRef,
+          api,
+          opts,
+          orientation,
+          scrollPrev,
+          scrollNext,
+          selectedIndex,
+          canScrollPrev,
+          canScrollNext
+        },
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref: carouselRef,
+            className: cn("relative overflow-hidden", className),
+            role: "region",
+            "aria-roledescription": "carousel",
+            ...props,
+            children
+          }
+        )
+      }
+    );
+  }
+);
+Carousel.displayName = "Carousel";
+const CarouselContent = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { orientation } = useCarousel();
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn("flex", orientation === "vertical" && "flex-col", className),
+        ...props
+      }
+    );
+  }
+);
+CarouselContent.displayName = "CarouselContent";
+const CarouselItem = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "group",
+        "aria-roledescription": "slide",
+        className: cn("min-w-0 shrink-0 grow-0 basis-full", className),
+        ...props
+      }
+    );
+  }
+);
+CarouselItem.displayName = "CarouselItem";
+const CarouselPrevious = React.forwardRef(
+  ({ children, ...props }, ref) => {
+    const { scrollPrev, canScrollPrev } = useCarousel();
+    return /* @__PURE__ */ jsx("button", { ref, ...props, disabled: !canScrollPrev, onClick: scrollPrev, children });
+  }
+);
+CarouselPrevious.displayName = "CarouselPrevious";
+const CarouselNext = React.forwardRef(
+  ({ children, ...props }, ref) => {
+    const { scrollNext, canScrollNext } = useCarousel();
+    return /* @__PURE__ */ jsx("button", { ref, ...props, disabled: !canScrollNext, onClick: scrollNext, children });
+  }
+);
+CarouselNext.displayName = "CarouselNext";
+const CarouselDot = React.forwardRef(
+  ({ children, ...props }, ref) => {
+    const { api, selectedIndex } = useCarousel();
+    return api?.slideNodes().map((_, index) => {
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          ref,
+          ...props,
+          "data-state": index === selectedIndex ? "active" : "inactive",
+          onClick: () => {
+            api.scrollTo(index);
+          },
+          children
+        },
+        index
+      );
+    });
+  }
+);
+CarouselDot.displayName = "CarouselDot";
+const CarouselPlugins = {
+  Autoplay
+};
+Carousel.Content = CarouselContent;
+Carousel.Item = CarouselItem;
+Carousel.Previous = CarouselPrevious;
+Carousel.Next = CarouselNext;
+Carousel.Dot = CarouselDot;
+Carousel.Plugin = CarouselPlugins;
+
+export { Carousel, useCarousel };

package/dist/ui/checkbox/index.d.ts

@@ -0,0 +1,4 @@
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as React from 'react';
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Checkbox };

package/dist/ui/checkbox/index.js

@@ -0,0 +1,34 @@
+import { jsx } from 'react/jsx-runtime';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as React from 'react';
+import { Icon } from '../../components/icon/index.js';
+import { cn } from '../../utils/config.js';
+import '@radix-ui/react-portal';
+import '../avatar/index.js';
+import '../button.js';
+import '../carousel/index.js';
+import '../collapsible/index.js';
+import '../dialog/confirm.js';
+import '../dialog/dialog.js';
+import '../drawer.js';
+import '../form.js';
+import '../input-otp.js';
+import '../label.js';
+import '../popover/index.js';
+import '../progress.js';
+import '../select/index.js';
+import '../slider/index.js';
+import '../sonner.js';
+import '../switch.js';
+import '../table/index.js';
+import '../tabs/index.js';
+import '../toggle/toggle.js';
+import '../toggle/toggle-group.js';
+import '../tooltip/index.js';
+
+const BaseStyle = "size-5 shrink-0 box-border rounded border border-white/10 transition-colors duration-fast ease-smooth";
+const CheckedStyle = "data-[state=checked]:bg-core-blue data-[state=checked]:border-core-blue data-[state=checked]:shadow-[0_0_8px_rgba(59,130,246,0.4)]";
+const Checkbox = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(CheckboxPrimitive.Root, { ref, className: cn(BaseStyle, CheckedStyle, className), ...props, children: /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, { className: "size-full flex items-center justify-center text-current", children: /* @__PURE__ */ jsx(Icon, { icon: "i-nexus:check-monotone", className: "size-full text-white" }) }) }));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+
+export { Checkbox };

package/dist/ui/collapsible/index.d.ts

@@ -0,0 +1,9 @@
+import { CollapsibleProps } from '@radix-ui/react-collapsible';
+import { default as React } from 'react';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+interface TCollapsible extends React.ForwardRefExoticComponent<CollapsibleProps & React.RefAttributes<HTMLDivElement>> {
+    Trigger: typeof CollapsiblePrimitive.Trigger;
+    Content: typeof CollapsiblePrimitive.Content;
+}
+declare const Collapsible: TCollapsible;
+export { Collapsible };