singularity-components 0.1.77 → 0.1.79

package/dist/main.cjs

@@ -7,6 +7,7 @@ var tailwindMerge = require('tailwind-merge');
 var jsxRuntime = require('react/jsx-runtime');
 var classVarianceAuthority = require('class-variance-authority');
 var reactSlot = require('@radix-ui/react-slot');
+var SeparatorPrimitive = require('@radix-ui/react-separator');
 var reactSpinners = require('react-spinners');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -32,6 +33,7 @@ function _interopNamespace(e) {
 var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var clsx2__default = /*#__PURE__*/_interopDefault(clsx2);
+var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
 
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -20281,6 +20283,35 @@ var Heading7 = ({
     }
   );
 };
+var iconVariants = classVarianceAuthority.cva("", {
+  variants: {
+    size: {
+      sm: "",
+      md: "",
+      lg: ""
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function Icon2({ className, size, icon, spin, ...props }) {
+  const LucideIcon2 = icons_exports[icon];
+  let iconSize = 20;
+  if (size == "sm") {
+    iconSize = 16;
+  } else if (size == "lg") {
+    iconSize = 32;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    LucideIcon2,
+    {
+      size: iconSize,
+      className: clsx2__default.default(className, spin && "sg:animate-spin"),
+      ...props
+    }
+  );
+}
 function Input({ className, type, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "input",
@@ -20374,6 +20405,26 @@ Layout.Col1 = Col;
 Layout.Col2 = Col;
 Layout.Col3 = Col;
 Layout.Col4 = Col;
+function Separator({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SeparatorPrimitive__namespace.Root,
+    {
+      "data-slot": "separator",
+      decorative,
+      orientation,
+      className: cn(
+        "sg:bg-border sg:shrink-0 sg:data-[orientation=horizontal]:h-px sg:data-[orientation=horizontal]:w-full sg:data-[orientation=vertical]:h-full sg:data-[orientation=vertical]:w-px",
+        className
+      ),
+      ...props
+    }
+  );
+}
 function Skeleton({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -33482,8 +33533,10 @@ exports.AlertTitle = AlertTitle;
 exports.Badge = Badge2;
 exports.Button = Button;
 exports.Heading = Heading7;
+exports.Icon = Icon2;
 exports.Input = Input;
 exports.Layout = Layout;
+exports.Separator = Separator;
 exports.Skeleton = Skeleton;
 exports.Spinner = Spinner;
 exports.Table = Table3;
@@ -33497,6 +33550,7 @@ exports.TableRow = TableRow;
 exports.Text = Text2;
 exports.badgeVariants = badgeVariants;
 exports.buttonVariants = buttonVariants;
+exports.iconVariants = iconVariants;
 exports.layoutVariants = layoutVariants;
 //# sourceMappingURL=main.cjs.map
 //# sourceMappingURL=main.cjs.map