@vuer-ai/vuer-uikit 0.0.19 → 0.0.21

package/dist/chunk-Y5I2GI4V.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
+var reactSlot = require('@radix-ui/react-slot');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Layout({
+  asChild,
+  className,
+  children,
+  align = "start",
+  orientation = "horizontal"
+}) {
+  const Com = asChild ? reactSlot.Slot : "div";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Com,
+    {
+      className: chunkXXWQ4RVP_js.cn(
+        {
+          "gap-xs flex flex-col": orientation === "horizontal",
+          "gap-xs grid grid-cols-[1fr_2fr] text-center": orientation === "vertical",
+          "items-baseline": align === "start",
+          "items-center": align === "center",
+          "items-end": align === "end"
+        },
+        className
+      ),
+      children
+    }
+  );
+}
+
+exports.Layout = Layout;

package/dist/chunk-YXDJPCAF.js

@@ -0,0 +1,99 @@
+'use strict';
+
+var chunkU7SNLMJR_js = require('./chunk-U7SNLMJR.js');
+var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
+var ToggleGroupPrimitive = require('@radix-ui/react-toggle-group');
+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 ToggleGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(ToggleGroupPrimitive);
+
+var ToggleGroupContext = react.createContext({
+  size: "base",
+  variant: "primary"
+});
+function ToggleGroup({
+  className,
+  variant,
+  size,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ToggleGroupPrimitive__namespace.Root,
+    {
+      "data-slot": "toggle-group",
+      "data-variant": variant,
+      "data-size": size,
+      className: chunkXXWQ4RVP_js.cn(
+        "group/toggle-group",
+        "flex",
+        "w-fit",
+        "items-center",
+        "rounded-uk-md",
+        "data-[variant=outline]:shadow-xs",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupContext.Provider, { value: { variant, size }, children })
+    }
+  );
+}
+function ToggleGroupItem({
+  className,
+  children,
+  variant,
+  size,
+  ...props
+}) {
+  const context = react.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ToggleGroupPrimitive__namespace.Item,
+    {
+      "data-slot": "toggle-group-item",
+      "data-variant": context.variant || variant,
+      "data-size": context.size || size,
+      className: chunkXXWQ4RVP_js.cn(
+        chunkU7SNLMJR_js.toggleVariants({
+          variant: context.variant || variant,
+          size: context.size || size
+        }),
+        "min-w-0",
+        "flex-1",
+        "shrink-0",
+        "rounded-none",
+        "shadow-none",
+        "first:rounded-l-md",
+        "last:rounded-r-md",
+        "focus:z-10",
+        "focus-visible:z-10",
+        "data-[variant=outline]:border-l-0",
+        "data-[variant=outline]:first:border-l",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+
+exports.ToggleGroup = ToggleGroup;
+exports.ToggleGroupItem = ToggleGroupItem;