@sruim/nexus-design 0.0.1

package/dist/ui/label.js

@@ -0,0 +1,32 @@
+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 * 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 LabelPrimitive from '@radix-ui/react-label';
+
+const BaseStyle = "text-3.5 text-text-secondary peer-disabled:cursor-not-allowed peer-disabled:opacity-50";
+const Label = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(LabelPrimitive.Root, { ref, className: cn(BaseStyle, className), ...props }));
+Label.displayName = LabelPrimitive.Root.displayName;
+
+export { Label };

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

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+interface MasonryProps<T extends {
+    id: string | number;
+}> {
+    data: T[];
+    render: (item: T, index: number) => React.ReactNode;
+    columnWidth?: number;
+    gap?: number;
+}
+export declare const Masonry: <T extends {
+    id: string | number;
+}>({ data, render, columnWidth, gap, }: MasonryProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/masonry/index.js

@@ -0,0 +1,45 @@
+import { jsx } from 'react/jsx-runtime';
+import { useRef, useState, useEffect } from 'react';
+
+const Masonry = ({
+  data,
+  render,
+  columnWidth = 250,
+  gap = 12
+}) => {
+  const containerRef = useRef(null);
+  const [columns, setColumns] = useState(1);
+  const [columnData, setColumnData] = useState([]);
+  useEffect(() => {
+    const calculateColumns = () => {
+      if (!containerRef.current) return;
+      const containerWidth = containerRef.current.offsetWidth;
+      const calculatedColumns = Math.max(
+        1,
+        Math.floor((containerWidth + gap) / (columnWidth + gap))
+      );
+      if (calculatedColumns !== columns) {
+        setColumns(calculatedColumns);
+      }
+    };
+    calculateColumns();
+    window.addEventListener("resize", calculateColumns);
+    return () => window.removeEventListener("resize", calculateColumns);
+  }, [columnWidth, gap, columns]);
+  useEffect(() => {
+    if (columns === 0) return;
+    const newColumnData = Array.from({ length: columns }, () => []);
+    let index = 0;
+    data.forEach((item) => {
+      newColumnData[index].push(item);
+      index += 1;
+      if (index === newColumnData.length) {
+        index = 0;
+      }
+    });
+    setColumnData(newColumnData);
+  }, [data, columns]);
+  return /* @__PURE__ */ jsx("div", { ref: containerRef, className: "w-full", children: /* @__PURE__ */ jsx("div", { className: "w-full flex", style: { gap: `${gap}px` }, children: columnData.map((column, columnIndex) => /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col", style: { gap: `${gap}px` }, children: column.map((item, itemIndex) => /* @__PURE__ */ jsx("div", { children: render(item, data.indexOf(item)) }, itemIndex)) }, columnIndex)) }) });
+};
+
+export { Masonry };

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

@@ -0,0 +1,15 @@
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as React from 'react';
+declare const Title: React.ForwardRefExoticComponent<React.HtmlHTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const Content: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface TPopover extends React.FC<PopoverPrimitive.PopoverProps> {
+    Trigger: typeof PopoverPrimitive.Trigger;
+    Content: typeof Content;
+    Portal: typeof PopoverPrimitive.Portal;
+    Anchor: typeof PopoverPrimitive.Anchor;
+    Arrow: typeof PopoverPrimitive.Arrow;
+    Close: typeof PopoverPrimitive.Close;
+    Title: typeof Title;
+}
+declare const Popover: TPopover;
+export { Popover };

package/dist/ui/popover/index.js

@@ -0,0 +1,78 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '@radix-ui/react-portal';
+import '../avatar/index.js';
+import { cn } from '../../utils/config.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 * as React from 'react';
+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 { Icon } from '../../components/icon/index.js';
+import '../../components/img-uploader/index.js';
+import '../../components/img-viewer/index.js';
+import '../../components/loading/index.js';
+import '../../components/model-uploader/index.js';
+import { FrostGlass } from '../../tokens/materials.js';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+
+const AnimationBaseStyle = "duration-base ease-smooth data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0";
+const AnimationInStyle = "data-[side=bottom]:slide-in-t-2 data-[side=left]:slide-in-r-2 data-[side=right]:slide-in-l-2 data-[side=top]:slide-in-b-2";
+const AnimationOutStyle = "data-[side=bottom]:slide-out-t-2 data-[side=left]:slide-out-r-2 data-[side=right]:slide-out-l-2 data-[side=top]:slide-out-b-2";
+const Title = React.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn("relative mb-2 flex items-center justify-between", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "leading-5", children }),
+        /* @__PURE__ */ jsx(PopoverPrimitive.Close, { children: /* @__PURE__ */ jsx(Icon, { icon: "i-nexus:close-monotone", className: "size-4 cursor-pointer text-text-secondary" }) })
+      ]
+    }
+  )
+);
+Title.displayName = "PopoverTitle";
+const BaseStyle = cn("z-50 rounded-4 shadow-md outline-none", FrostGlass);
+const Content = React.forwardRef(({ className, children, sideOffset = 12, ...props }, ref) => /* @__PURE__ */ jsx(
+  PopoverPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(BaseStyle, AnimationBaseStyle, AnimationInStyle, AnimationOutStyle, className),
+    onOpenAutoFocus: (event) => {
+      event.preventDefault();
+    },
+    ...props,
+    children
+  }
+));
+Content.displayName = PopoverPrimitive.Content.displayName;
+const Popover = ({ children, ...props }) => {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Root, { ...props, children });
+};
+Popover.Trigger = PopoverPrimitive.Trigger;
+Popover.Content = Content;
+Popover.Portal = PopoverPrimitive.Portal;
+Popover.Anchor = PopoverPrimitive.Anchor;
+Popover.Arrow = PopoverPrimitive.Arrow;
+Popover.Close = PopoverPrimitive.Close;
+Popover.Title = Title;
+
+export { Popover };

package/dist/ui/progress.d.ts

@@ -0,0 +1,6 @@
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import * as React from 'react';
+declare const Progress: React.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    indicator?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+export { Progress };

package/dist/ui/progress.js

@@ -0,0 +1,48 @@
+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 * as React from 'react';
+import './popover/index.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 ProgressPrimitive from '@radix-ui/react-progress';
+
+const Progress = React.forwardRef(({ className, value, indicator, ...props }, ref) => /* @__PURE__ */ jsx(
+  ProgressPrimitive.Root,
+  {
+    ref,
+    className: cn("relative w-full mb-2 overflow-hidden rounded-full bg-white/8 h-1", className),
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      ProgressPrimitive.Indicator,
+      {
+        className: cn(
+          "size-full flex-1 bg-core-blue transition-all duration-base ease-smooth",
+          indicator
+        ),
+        style: { transform: `translateX(-${100 - (value || 0)}%)` }
+      }
+    )
+  }
+));
+Progress.displayName = ProgressPrimitive.Root.displayName;
+
+export { Progress };

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

@@ -0,0 +1,21 @@
+import * as SelectPrimitive from '@radix-ui/react-select';
+import * as React from 'react';
+interface TSelect extends React.FC<SelectPrimitive.SelectProps> {
+    Trigger: typeof SelectPrimitive.Trigger;
+    Value: typeof SelectPrimitive.Value;
+    Separator: typeof SelectPrimitive.Separator;
+    Label: typeof SelectPrimitive.Label;
+    Group: typeof SelectPrimitive.Group;
+    Portal: typeof SelectPrimitive.Portal;
+    Arrow: typeof SelectPrimitive.Arrow;
+    ScrollUpButton: typeof ScrollUpButton;
+    ScrollDownButton: typeof ScrollDownButton;
+    Content: typeof Content;
+    Item: typeof Item;
+}
+declare const ScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Content: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Item: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Select: TSelect;
+export { Select };

package/dist/ui/select/index.js

@@ -0,0 +1,127 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '@radix-ui/react-portal';
+import '../avatar/index.js';
+import { cn } from '../../utils/config.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 * as React from 'react';
+import '../popover/index.js';
+import '../progress.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 { Icon } from '../../components/icon/index.js';
+import '../../components/img-uploader/index.js';
+import '../../components/img-viewer/index.js';
+import '../../components/loading/index.js';
+import '../../components/model-uploader/index.js';
+import { FrostGlass } from '../../tokens/materials.js';
+import * as SelectPrimitive from '@radix-ui/react-select';
+
+const Trigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  SelectPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "group w-full flex items-center justify-center gap-1 border border-white/8 rounded-3 py-3 transition-colors duration-fast ease-smooth [&>span]:line-clamp-1 focus:outline-none cursor-pointer",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(
+        Icon,
+        {
+          icon: "i-nexus:arrow-monotone",
+          className: "transition duration-base ease-smooth group-data-[state=open]:rotate-180"
+        }
+      ) })
+    ]
+  }
+));
+Trigger.displayName = SelectPrimitive.Trigger.displayName;
+const ScrollUpButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.ScrollUpButton,
+  {
+    className: cn("flex cursor-default items-center justify-center py-1", className),
+    ref,
+    ...props,
+    children: /* @__PURE__ */ jsx(Icon, { icon: "i-nexus:arrow-monotone", className: "rotate-180" })
+  }
+));
+ScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+const ScrollDownButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.ScrollDownButton,
+  {
+    className: cn("flex cursor-default items-center justify-center py-1", className),
+    ref,
+    ...props,
+    children: /* @__PURE__ */ jsx(Icon, { icon: "i-nexus:arrow-monotone" })
+  }
+));
+ScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+const AnimationInBaseStyle = "duration-base ease-smooth data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95";
+const AnimationOutBaseStyle = "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95";
+const AnimationSlideStyle = "data-[side=bottom]:slide-in-t-2 data-[side=left]:slide-in-r-2 data-[side=right]:slide-in-l-2 data-[side=top]:slide-in-b-2";
+const Content = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+  SelectPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "relative z-50 mt-3 max-h-[--radix-select-content-available-height] origin-[--radix-select-content-transform-origin] overflow-x-hidden overflow-y-auto rounded-3",
+      FrostGlass,
+      AnimationInBaseStyle,
+      AnimationOutBaseStyle,
+      AnimationSlideStyle,
+      className
+    ),
+    position,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(ScrollUpButton, {}),
+      /* @__PURE__ */ jsx(SelectPrimitive.Viewport, { children }),
+      /* @__PURE__ */ jsx(ScrollDownButton, {})
+    ]
+  }
+) }));
+Content.displayName = SelectPrimitive.Content.displayName;
+const Item = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative w-full flex cursor-pointer select-none items-center justify-center py-3 text-3.5 outline-none transition-colors duration-fast ease-smooth data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[state=checked]:bg-core-blue/20! hover:bg-surface-hover",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
+  }
+));
+Item.displayName = SelectPrimitive.Item.displayName;
+const Select = SelectPrimitive.Root;
+Select.Separator = SelectPrimitive.Separator;
+Select.Label = SelectPrimitive.Label;
+Select.Group = SelectPrimitive.Group;
+Select.Value = SelectPrimitive.Value;
+Select.Arrow = SelectPrimitive.Arrow;
+Select.Portal = SelectPrimitive.Portal;
+Select.Trigger = Trigger;
+Select.ScrollUpButton = ScrollUpButton;
+Select.ScrollDownButton = ScrollDownButton;
+Select.Content = Content;
+Select.Item = Item;
+
+export { Select };

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

@@ -0,0 +1,9 @@
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import * as React from 'react';
+interface Props {
+    showValue?: boolean;
+    showAuto?: boolean;
+    inputClassName?: string;
+}
+declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & Props & React.RefAttributes<HTMLSpanElement>>;
+export { Slider };

package/dist/ui/slider/index.js

@@ -0,0 +1,87 @@
+import { jsxs, 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 * as React from 'react';
+import '../popover/index.js';
+import '../progress.js';
+import '../select/index.js';
+import { SnapInput } from '../snap-input.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 SliderPrimitive from '@radix-ui/react-slider';
+
+const Slider = React.forwardRef(
+  ({
+    className,
+    value,
+    showValue,
+    showAuto,
+    disabled,
+    inputClassName,
+    min = 0,
+    max = 100,
+    onValueChange,
+    ...props
+  }, ref) => {
+    const displayValue = showAuto ? value?.[0] ? value[0] : "Auto" : value?.[0];
+    return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", disabled && "opacity-50"), children: [
+      /* @__PURE__ */ jsxs(
+        SliderPrimitive.Root,
+        {
+          ref,
+          value,
+          onValueChange,
+          disabled,
+          className: cn(
+            "relative flex touch-none select-none items-center",
+            showValue ? "w-[calc(100%-4.625rem)]" : "w-full",
+            className
+          ),
+          min,
+          max,
+          ...props,
+          children: [
+            /* @__PURE__ */ jsx(SliderPrimitive.Track, { className: "relative h-1 w-full grow overflow-hidden rounded-full bg-surface-dim", children: /* @__PURE__ */ jsx(SliderPrimitive.Range, { className: "absolute h-full bg-core-blue" }) }),
+            /* @__PURE__ */ jsx(SliderPrimitive.Thumb, { className: "block size-3.75 cursor-pointer border-2 border-white rounded-full bg-surface-primary transition-colors duration-fast ease-smooth focus-visible:outline-none" })
+          ]
+        }
+      ),
+      showValue && /* @__PURE__ */ jsx(
+        SnapInput,
+        {
+          type: "text",
+          className: cn(
+            "w-18.5 border border-white/8 rounded-2 bg-transparent py-2 text-center text-3",
+            inputClassName
+          ),
+          disabled,
+          value: String(displayValue),
+          onChange: (stringValue) => {
+            const value2 = Number(stringValue);
+            if (isNaN(value2)) return;
+            onValueChange?.([Math.max(min, Math.min(max, value2))]);
+          }
+        }
+      )
+    ] });
+  }
+);
+Slider.displayName = SliderPrimitive.Root.displayName;
+
+export { Slider };

package/dist/ui/snap-input.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface Props extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {
+    value: string;
+    onChange: (value: string) => void;
+}
+export declare const SnapInput: React.FC<Props>;
+export {};

package/dist/ui/snap-input.js

@@ -0,0 +1,38 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+
+const SnapInput = ({ value, onChange, ...props }) => {
+  const [editValue, setEditValue] = useState(value);
+  useEffect(() => {
+    setEditValue(value);
+  }, [value]);
+  const handleInputChange = (e) => {
+    setEditValue(e.target.value);
+  };
+  const handleInputBlur = () => {
+    setEditValue(value);
+    onChange?.(editValue);
+  };
+  const handleInputKeyDown = (e) => {
+    if (e.key === "Enter") {
+      onChange?.(editValue);
+    } else if (e.key === "Escape") {
+      setEditValue(value);
+      onChange?.(editValue);
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      ...props,
+      type: "text",
+      value: editValue,
+      onChange: handleInputChange,
+      onBlur: handleInputBlur,
+      onKeyDown: handleInputKeyDown,
+      onClick: (e) => e.stopPropagation()
+    }
+  );
+};
+
+export { SnapInput };

package/dist/ui/sonner.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { Toaster as Sonner, toast } from 'sonner';
+type ToasterProps = React.ComponentProps<typeof Sonner>;
+declare const Toaster: React.FC<ToasterProps>;
+export { toast, Toaster };

package/dist/ui/sonner.js

@@ -0,0 +1,50 @@
+import { jsx } from 'react/jsx-runtime';
+import { FrostGlass } from '../tokens/materials.js';
+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 './switch.js';
+import './table/index.js';
+import './tabs/index.js';
+import './toggle/toggle.js';
+import './toggle/toggle-group.js';
+import './tooltip/index.js';
+import { Toaster as Toaster$1 } from 'sonner';
+export { toast } from 'sonner';
+
+const toastStyle = cn(
+  "text-base text-text-primary px-5 py-3 rounded-10 w-fit flex gap-2 items-center shadow-2xl",
+  FrostGlass
+);
+const warningStyle = "bg-status-error";
+const Toaster = (props) => /* @__PURE__ */ jsx(
+  Toaster$1,
+  {
+    offset: 72,
+    toastOptions: {
+      unstyled: true,
+      className: toastStyle,
+      classNames: {
+        warning: warningStyle
+      }
+    },
+    ...props
+  }
+);
+
+export { Toaster };

package/dist/ui/switch.d.ts

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

package/dist/ui/switch.js

@@ -0,0 +1,33 @@
+import { jsx } from 'react/jsx-runtime';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+import * as React from 'react';
+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 './popover/index.js';
+import './progress.js';
+import './select/index.js';
+import './slider/index.js';
+import './sonner.js';
+import './table/index.js';
+import './tabs/index.js';
+import './toggle/toggle.js';
+import './toggle/toggle-group.js';
+import './tooltip/index.js';
+
+const BaseStyle = "group inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border border-white/10 bg-white/10 transition-colors duration-fast ease-smooth data-[state=checked]:bg-core-blue/50";
+const ThumbStyle = "pointer-events-none block size-5 rounded-full bg-white shadow-[0_0_4px_rgba(255,255,255,0.3)] transition-transform duration-fast ease-smooth data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0.5";
+const Switch = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(SwitchPrimitives.Root, { className: cn(BaseStyle, className), ...props, ref, children: /* @__PURE__ */ jsx(SwitchPrimitives.Thumb, { className: ThumbStyle }) }));
+Switch.displayName = SwitchPrimitives.Root.displayName;
+
+export { Switch };

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

@@ -0,0 +1,22 @@
+import * as TanstackTable from '@tanstack/react-table';
+import * as React from 'react';
+declare const TableRoot: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
+declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
+declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
+interface ITable extends React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>> {
+    Body: typeof TableBody;
+    Caption: typeof TableCaption;
+    Cell: typeof TableCell;
+    Footer: typeof TableFooter;
+    Head: typeof TableHead;
+    Header: typeof TableHeader;
+    Row: typeof TableRow;
+    Root: typeof TableRoot;
+}
+declare const Table: ITable;
+export { Table, TanstackTable };