npm - @vuer-ai/vuer-uikit - Versions diffs - 0.0.2 → 0.0.3 - Mend

@vuer-ai/vuer-uikit 0.0.2 → 0.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (212) hide show

package/README.md +80 -0
package/dist/chunk-263CMARJ.mjs +155 -0
package/dist/chunk-277NQUJD.js +99 -0
package/dist/chunk-3FR3WKI4.mjs +24 -0
package/dist/chunk-3HXPIWL3.js +51 -0
package/dist/chunk-3Q75Z2CT.mjs +76 -0
package/dist/chunk-5BIQ3IN7.js +93 -0
package/dist/chunk-5JP4AZ4C.js +302 -0
package/dist/chunk-5U4NWZMT.mjs +78 -0
package/dist/chunk-75QDQ67T.js +56 -0
package/dist/chunk-7IYL2AR4.js +375 -0
package/dist/chunk-ATDHGFVI.mjs +82 -0
package/dist/chunk-CFXL2XYO.mjs +339 -0
package/dist/chunk-CLTLT5XW.js +27 -0
package/dist/chunk-CN6ISLZA.js +102 -0
package/dist/chunk-CP7QYV4N.mjs +110 -0
package/dist/chunk-CZSRIDXN.mjs +165 -0
package/dist/chunk-D4C5V4EN.mjs +53 -0
package/dist/chunk-DQGTWUID.js +186 -0
package/dist/chunk-DWIK2CUV.mjs +45 -0
package/dist/chunk-FXIL4NQZ.js +58 -0
package/dist/chunk-FYEZTS4S.mjs +90 -0
package/dist/chunk-GA2JCN3F.mjs +111 -0
package/dist/chunk-HW6SLBO3.mjs +9 -0
package/dist/chunk-I6VKLSAJ.js +163 -0
package/dist/chunk-J4RFFBDJ.mjs +94 -0
package/dist/chunk-JIXJTLEO.js +93 -0
package/dist/chunk-JOBQTBEM.mjs +49 -0
package/dist/chunk-JZ7V43ZL.js +136 -0
package/dist/chunk-KAPV3EZO.mjs +271 -0
package/dist/chunk-KJ42IGH6.js +2 -0
package/dist/chunk-KO7BQ6RR.js +83 -0
package/dist/chunk-KVDEBKWR.mjs +106 -0
package/dist/chunk-KVFK3YC7.js +187 -0
package/dist/chunk-KYKEJFJT.js +110 -0
package/dist/chunk-LBFO3QAA.js +202 -0
package/dist/chunk-MASRZTZC.mjs +34 -0
package/dist/chunk-NA7TVYOP.js +21 -0
package/dist/chunk-OE56M4MX.js +93 -0
package/dist/chunk-PKGNHHWG.mjs +60 -0
package/dist/chunk-Q3APPCB2.mjs +91 -0
package/dist/chunk-QNTUEKYQ.mjs +19 -0
package/dist/chunk-QS7WS6DD.mjs +1 -0
package/dist/chunk-RPXWKB6F.js +103 -0
package/dist/chunk-SDN2OTHS.js +78 -0
package/dist/chunk-SKWTWHB7.mjs +53 -0
package/dist/chunk-ST4P6AN6.js +2 -0
package/dist/chunk-SUU4Z6E5.mjs +200 -0
package/dist/chunk-SZU2TX5H.js +24 -0
package/dist/chunk-TOZYLDAL.mjs +72 -0
package/dist/chunk-UFR656UY.mjs +87 -0
package/dist/chunk-UWO6RBCE.js +11 -0
package/dist/chunk-VGCVIHBR.mjs +1 -0
package/dist/chunk-WI2J7NIV.mjs +161 -0
package/dist/chunk-WK3M4X72.js +2 -0
package/dist/chunk-WOG6UIG5.mjs +71 -0
package/dist/chunk-XACRGXGF.js +75 -0
package/dist/chunk-YQORMF34.js +110 -0
package/dist/chunk-Z37VNICQ.js +67 -0
package/dist/chunk-ZCYBA6YN.mjs +1 -0
package/dist/chunk-ZJXBC33M.js +112 -0
package/dist/chunk-ZKYQYCKN.mjs +15 -0
package/dist/chunk-ZYBSCTBR.js +109 -0
package/dist/highlight-cursor/cursor-context.d.mts +7 -0
package/dist/highlight-cursor/cursor-context.d.ts +7 -0
package/dist/highlight-cursor/cursor-context.js +14 -0
package/dist/highlight-cursor/cursor-context.mjs +1 -0
package/dist/highlight-cursor/cursor-provider.d.mts +7 -0
package/dist/highlight-cursor/cursor-provider.d.ts +7 -0
package/dist/highlight-cursor/cursor-provider.js +12 -0
package/dist/highlight-cursor/cursor-provider.mjs +3 -0
package/dist/highlight-cursor/enhanced-components.d.mts +20 -0
package/dist/highlight-cursor/enhanced-components.d.ts +20 -0
package/dist/highlight-cursor/enhanced-components.js +36 -0
package/dist/highlight-cursor/enhanced-components.mjs +11 -0
package/dist/highlight-cursor/index.d.mts +16 -0
package/dist/highlight-cursor/index.d.ts +16 -0
package/dist/highlight-cursor/index.js +50 -0
package/dist/highlight-cursor/index.mjs +13 -0
package/dist/highlight-cursor/tabs-cursor-context.d.mts +14 -0
package/dist/highlight-cursor/tabs-cursor-context.d.ts +14 -0
package/dist/highlight-cursor/tabs-cursor-context.js +14 -0
package/dist/highlight-cursor/tabs-cursor-context.mjs +1 -0
package/dist/highlight-cursor/types.d.mts +39 -0
package/dist/highlight-cursor/types.d.ts +39 -0
package/dist/highlight-cursor/types.js +2 -0
package/dist/highlight-cursor/types.mjs +1 -0
package/dist/highlight-cursor/with-cursor.d.mts +7 -0
package/dist/highlight-cursor/with-cursor.d.ts +7 -0
package/dist/highlight-cursor/with-cursor.js +11 -0
package/dist/highlight-cursor/with-cursor.mjs +2 -0
package/dist/index.css +294 -0
package/dist/index.d.mts +48 -0
package/dist/index.d.ts +48 -0
package/dist/index.js +382 -6744
package/dist/index.mjs +31 -0
package/dist/styles/theme.css +185 -0
package/dist/styles/theme.d.mts +2 -0
package/dist/styles/theme.d.ts +2 -0
package/dist/styles/toast.css +44 -0
package/dist/styles/toast.d.mts +2 -0
package/dist/styles/toast.d.ts +2 -0
package/dist/styles/variables.css +184 -0
package/dist/styles/variables.d.mts +2 -0
package/dist/styles/variables.d.ts +2 -0
package/dist/ui/avatar.d.mts +16 -0
package/dist/ui/avatar.d.ts +16 -0
package/dist/ui/avatar.js +23 -0
package/dist/ui/avatar.mjs +2 -0
package/dist/ui/badge.d.mts +14 -0
package/dist/ui/badge.d.ts +14 -0
package/dist/ui/badge.js +16 -0
package/dist/ui/badge.mjs +3 -0
package/dist/ui/button.d.mts +16 -0
package/dist/ui/button.d.ts +16 -0
package/dist/ui/button.js +12 -0
package/dist/ui/button.mjs +3 -0
package/dist/ui/card.d.mts +12 -0
package/dist/ui/card.d.ts +12 -0
package/dist/ui/card.js +36 -0
package/dist/ui/card.mjs +3 -0
package/dist/ui/checkbox.d.mts +11 -0
package/dist/ui/checkbox.d.ts +11 -0
package/dist/ui/checkbox.js +12 -0
package/dist/ui/checkbox.mjs +3 -0
package/dist/ui/collapsible.d.mts +9 -0
package/dist/ui/collapsible.d.ts +9 -0
package/dist/ui/collapsible.js +20 -0
package/dist/ui/collapsible.mjs +3 -0
package/dist/ui/dropdown.d.mts +28 -0
package/dist/ui/dropdown.d.ts +28 -0
package/dist/ui/dropdown.js +68 -0
package/dist/ui/dropdown.mjs +3 -0
package/dist/ui/index.d.mts +41 -0
package/dist/ui/index.d.ts +41 -0
package/dist/ui/index.js +355 -0
package/dist/ui/index.mjs +26 -0
package/dist/ui/input-numbers.d.mts +15 -0
package/dist/ui/input-numbers.d.ts +15 -0
package/dist/ui/input-numbers.js +13 -0
package/dist/ui/input-numbers.mjs +4 -0
package/dist/ui/input.d.mts +22 -0
package/dist/ui/input.d.ts +22 -0
package/dist/ui/input.js +16 -0
package/dist/ui/input.mjs +3 -0
package/dist/ui/modal.d.mts +28 -0
package/dist/ui/modal.d.ts +28 -0
package/dist/ui/modal.js +48 -0
package/dist/ui/modal.mjs +3 -0
package/dist/ui/popover.d.mts +10 -0
package/dist/ui/popover.d.ts +10 -0
package/dist/ui/popover.js +23 -0
package/dist/ui/popover.mjs +2 -0
package/dist/ui/radio-group.d.mts +8 -0
package/dist/ui/radio-group.d.ts +8 -0
package/dist/ui/radio-group.js +16 -0
package/dist/ui/radio-group.mjs +3 -0
package/dist/ui/select.d.mts +28 -0
package/dist/{types/ui → ui}/select.d.ts +18 -14
package/dist/ui/select.js +48 -0
package/dist/ui/select.mjs +3 -0
package/dist/ui/slider.d.mts +10 -0
package/dist/ui/slider.d.ts +10 -0
package/dist/ui/slider.js +12 -0
package/dist/ui/slider.mjs +3 -0
package/dist/ui/switch.d.mts +7 -0
package/dist/ui/switch.d.ts +7 -0
package/dist/ui/switch.js +12 -0
package/dist/ui/switch.mjs +3 -0
package/dist/ui/tabs.d.mts +16 -0
package/dist/ui/tabs.d.ts +16 -0
package/dist/ui/tabs.js +25 -0
package/dist/ui/tabs.mjs +4 -0
package/dist/ui/textarea.d.mts +16 -0
package/dist/ui/textarea.d.ts +16 -0
package/dist/ui/textarea.js +12 -0
package/dist/ui/textarea.mjs +3 -0
package/dist/ui/theme-context.d.mts +17 -0
package/dist/{types/ui → ui}/theme-context.d.ts +5 -3
package/dist/ui/theme-context.js +14 -0
package/dist/ui/theme-context.mjs +1 -0
package/dist/ui/toast.d.mts +7 -0
package/dist/ui/toast.d.ts +7 -0
package/dist/ui/toast.js +14 -0
package/dist/ui/toast.mjs +1 -0
package/dist/ui/toggle-group.d.mts +12 -0
package/dist/ui/toggle-group.d.ts +12 -0
package/dist/ui/toggle-group.js +17 -0
package/dist/ui/toggle-group.mjs +4 -0
package/dist/ui/toggle.d.mts +13 -0
package/dist/ui/toggle.d.ts +13 -0
package/dist/ui/toggle.js +16 -0
package/dist/ui/toggle.mjs +3 -0
package/dist/ui/tooltip.d.mts +10 -0
package/dist/ui/tooltip.d.ts +10 -0
package/dist/ui/tooltip.js +23 -0
package/dist/ui/tooltip.mjs +2 -0
package/dist/utils/cn.d.mts +5 -0
package/dist/utils/cn.d.ts +5 -0
package/dist/utils/cn.js +10 -0
package/dist/utils/cn.mjs +1 -0
package/dist/utils/index.d.mts +2 -0
package/dist/utils/index.d.ts +2 -0
package/dist/utils/index.js +11 -0
package/dist/utils/index.mjs +2 -0
package/package.json +48 -27
package/dist/index.umd.js +0 -74
package/dist/types/index.d.ts +0 -4
package/dist/types/lib/utils.d.ts +0 -2
package/dist/types/ui/button.d.ts +0 -13
package/dist/types/ui/input.d.ts +0 -19
package/dist/vuer-uikit.css +0 -1

package/README.md CHANGED Viewed

@@ -1 +1,81 @@
 # vuer-uikit
+## Installation
+Getting up and running is quick and easy.
+### 1. Install Vuer Uikit
+Install the package from your command line.
+```bash
+npm install @vuer-ai/vuer-uikit
+```
+### 2. Import the CSS file
+Import the global CSS file at the root of your application.
+```css
+@import "tailwindcss";
+@import "@vuer-ai/vuer-uikit/index.css";
+@source "../../packages/vuer-uikit/src/ui/**/*.{ts,tsx}";
+```
+### 3. Add the Theme component
+Add `ThemeProvider` to your application, wrapping the root component inside of `body`.
+```jsx line=7,9
+import { ThemeProvider } from "@vuer-ai/vuer-uikit";
+export default function () {
+  return (
+    <html>
+      <body>
+        <ThemeProvider>
+          <App />
+        </ThemeProvider>
+      </body>
+    </html>
+  );
+}
+```
+### 4. Start building
+You are now ready to use Vuer Uikit components.
+```jsx
+import { Button } from "@vuer-ai/vuer-uikit";
+export default function MyApp() {
+  return (
+    <div>
+      <Button>Let's go</Button>
+    </div>
+  );
+}
+```
+## Customizing your theme
+Configuration is managed and applied via the [Theme](/themes/docs/components/theme) component.
+### Basic configuration
+Using CSS Variables and color utilities for theming.
+```css
+@theme inline {
+  --brand-primary: var(--bg-custom-primary);
+  --brand-secondary: var(--bg-custom-secondary);
+}
+:root {
+  --bg-custom-primary: rgba(0, 123, 255, 1);
+  --bg-custom-secondary: rgba(82, 177, 255, 1);
+}
+```

package/dist/chunk-263CMARJ.mjs ADDED Viewed

@@ -0,0 +1,155 @@
+import { cn } from './chunk-HW6SLBO3.mjs';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { cva } from 'class-variance-authority';
+import { XIcon } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+function Modal({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "modal", ...props });
+}
+function ModalTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "modal-trigger", ...props });
+}
+function ModalPortal({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "modal-portal", ...props });
+}
+function ModalClose({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Close, { "data-slot": "modal-close", ...props });
+}
+var modalOverlayVariants = cva([
+  "fixed",
+  "inset-0",
+  "z-100",
+  "bg-bg-mask",
+  "transition-all",
+  "duration-200"
+]);
+function ModalOverlay({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Overlay,
+    {
+      "data-slot": "modal-overlay",
+      className: cn(modalOverlayVariants(), className),
+      ...props
+    }
+  );
+}
+var modalContentVariants = cva([
+  "px-xl",
+  "pb-xl",
+  "bg-bg-primary",
+  "rounded-xl",
+  "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
+  "w-[320px]",
+  "min-w-[280px]",
+  "duration-200",
+  "transition-all",
+  "fixed",
+  "translate-x-[-50%]",
+  "translate-y-[-50%]",
+  "z-101",
+  "left-1/2",
+  "top-1/2",
+  "data-[state=open]:animate-in",
+  "data-[state=closed]:animate-out",
+  "data-[state=closed]:fade-out-0",
+  "data-[state=open]:fade-in-0",
+  "data-[state=closed]:zoom-out-95",
+  "data-[state=open]:zoom-in-95"
+]);
+function ModalContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(ModalPortal, { children: [
+    /* @__PURE__ */ jsx(ModalOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        "data-slot": "modal-content",
+        className: cn(modalContentVariants(), className),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsxs(
+            DialogPrimitive.Close,
+            {
+              "data-slot": "modal-close",
+              className: cn(
+                "absolute",
+                "right-[16px]",
+                "top-[16px]",
+                "w-[16px]",
+                "h-[16px]",
+                "rounded-sm",
+                "cursor-pointer",
+                "hover:bg-bg-tertiary",
+                "text-text-primary",
+                "flex",
+                "items-center",
+                "justify-center"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(XIcon, {}),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function ModalHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "modal-header", className: cn("flex flex-col", className), ...props });
+}
+function ModalTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Title,
+    {
+      "data-slot": "modal-title",
+      className: cn(
+        "text-text-highlight",
+        "text-[14px]",
+        "leading-[20px]",
+        "font-medium",
+        "py-lg",
+        "text-center",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ModalDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Description,
+    {
+      "data-slot": "modal-description",
+      className: cn(
+        "text-text-primary",
+        "text-[14px]",
+        "leading-[20px]",
+        "font-normal",
+        "pb-lg",
+        "text-start",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ModalFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "modal-footer",
+      className: cn("w-full", "flex", "justify-end", "gap-[8px]", className),
+      ...props
+    }
+  );
+}
+export { Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger };

package/dist/chunk-277NQUJD.js ADDED Viewed

@@ -0,0 +1,99 @@
+'use strict';
+var chunkYQORMF34_js = require('./chunk-YQORMF34.js');
+var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.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: chunkUWO6RBCE_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: chunkUWO6RBCE_js.cn(
+        chunkYQORMF34_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;

package/dist/chunk-3FR3WKI4.mjs ADDED Viewed

@@ -0,0 +1,24 @@
+import { createContext, useContext } from 'react';
+// src/highlight-cursor/cursor-context.tsx
+var defaultDimensions = {
+  width: 0,
+  height: 0,
+  x: 0,
+  y: 0
+};
+var defaultContext = {
+  mousePosition: { x: 0, y: 0 },
+  hoveredElementId: null,
+  elementDimensions: defaultDimensions,
+  registerHoveredElement: () => {
+  },
+  unregisterHoveredElement: () => {
+  },
+  updateElementDimensions: () => {
+  }
+};
+var CursorContext = createContext(defaultContext);
+var useCursor = () => useContext(CursorContext);
+export { CursorContext, useCursor };

package/dist/chunk-3HXPIWL3.js ADDED Viewed

@@ -0,0 +1,51 @@
+'use strict';
+var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+var textareaVariants = classVarianceAuthority.cva(
+  [
+    "bg-bg-secondary",
+    "disabled:bg-bg-tertiary",
+    "disabled:cursor-not-allowed",
+    "outline",
+    "outline-transparent",
+    "-outline-offset-1",
+    "placehoder:text-muted-foreground",
+    "flex",
+    "min-h-16",
+    "w-full",
+    "px-3",
+    "py-2"
+  ],
+  {
+    variants: {
+      state: {
+        default: ["hover:outline-text-tertiary", "focus:outline-brand-primary"],
+        error: ["outline-danger-primary"]
+      },
+      size: {
+        sm: ["text-sm", "rounded-uk-sm"],
+        base: ["text-md", "rounded-uk-md"],
+        lg: ["text-xl", "rounded-uk-md"]
+      }
+    },
+    defaultVariants: {
+      state: "default",
+      size: "base"
+    }
+  }
+);
+function Textarea({ className, state, size, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "textarea",
+    {
+      className: chunkUWO6RBCE_js.cn(textareaVariants({ className, state, size })),
+      "data-slot": "textarea",
+      ...props
+    }
+  );
+}
+exports.Textarea = Textarea;

package/dist/chunk-3Q75Z2CT.mjs ADDED Viewed

@@ -0,0 +1,76 @@
+import { toggleVariants } from './chunk-UFR656UY.mjs';
+import { cn } from './chunk-HW6SLBO3.mjs';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import { createContext, useContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+var ToggleGroupContext = createContext({
+  size: "base",
+  variant: "primary"
+});
+function ToggleGroup({
+  className,
+  variant,
+  size,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ToggleGroupPrimitive.Root,
+    {
+      "data-slot": "toggle-group",
+      "data-variant": variant,
+      "data-size": size,
+      className: cn(
+        "group/toggle-group",
+        "flex",
+        "w-fit",
+        "items-center",
+        "rounded-uk-md",
+        "data-[variant=outline]:shadow-xs",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: { variant, size }, children })
+    }
+  );
+}
+function ToggleGroupItem({
+  className,
+  children,
+  variant,
+  size,
+  ...props
+}) {
+  const context = useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx(
+    ToggleGroupPrimitive.Item,
+    {
+      "data-slot": "toggle-group-item",
+      "data-variant": context.variant || variant,
+      "data-size": context.size || size,
+      className: cn(
+        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
+    }
+  );
+}
+export { ToggleGroup, ToggleGroupItem };

package/dist/chunk-5BIQ3IN7.js ADDED Viewed

@@ -0,0 +1,93 @@
+'use strict';
+var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
+var reactSlot = require('@radix-ui/react-slot');
+var classVarianceAuthority = require('class-variance-authority');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+var buttonVariants = classVarianceAuthority.cva(
+  [
+    "inline-flex",
+    "items-center",
+    "justify-center",
+    "shrink-0",
+    "whitespace-nowrap",
+    "rounded-uk-sm",
+    "font-medium",
+    "transition-all",
+    "[&_svg]:shrink-0 ",
+    "[&_svg]:pointer-events-none",
+    "outline-none",
+    "disabled:pointer-events-none",
+    "disabled:bg-bg-tertiary",
+    "disabled:text-text-tertiary",
+    "focus-visible:border-ring",
+    "focus-visible:ring-ring/50",
+    "focus-visible:ring-[3px]",
+    "focus-visible:bg-brand-tertiary",
+    "aria-invalid:ring-destructive/20",
+    "aria-invalid:border-destructive"
+  ],
+  {
+    variants: {
+      variant: {
+        primary: [
+          "bg-brand-primary",
+          "text-text-withbg",
+          "hover:bg-brand-secondary",
+          "active:bg-brand-tertiary"
+        ],
+        secondary: [
+          "bg-bg-secondary",
+          "text-text-highlight",
+          "hover:bg-bg-quaternary",
+          "active:bg-bg-tertiary"
+        ],
+        destructive: [
+          "bg-danger-primary",
+          "text-text-withbg",
+          "hover:bg-danger-secondary",
+          "active:bg-danger-tertiary"
+        ],
+        ghost: [
+          "text-text-primary",
+          "hover:bg-bg-tertiary",
+          "hover:text-text-secondary",
+          "active:bg-bg-secondary"
+        ],
+        link: ["text-text-primary", "underline-offset-4", "hover:underline"]
+      },
+      size: {
+        sm: ["text-xs", "h-5.5", "gap-xxs", "px-md", "[&_svg:not([class*='size-'])]:size-3"],
+        base: ["text-xs", "h-7 ", "gap-xs", " px-lg", "[&_svg:not([class*='size-'])]:size-3.5"],
+        lg: ["text-sm", "h-8", " gap-xs", "px-xl", "[&_svg:not([class*='size-'])]:size-4"]
+      },
+      icon: { false: null, true: null }
+    },
+    compoundVariants: [
+      { size: "sm", icon: true, class: ["px-xs", "py-xs", " size-5.5"] },
+      { size: "base", icon: true, class: ["px-sm", "py-sm", "size-7"] },
+      { size: "lg", icon: true, class: ["px-md", "py-md", " size-8"] }
+    ],
+    defaultVariants: {
+      variant: "primary",
+      size: "base",
+      icon: false
+    }
+  }
+);
+var Button = react.forwardRef(function Button2({ className, variant, size, icon, asChild = false, ...props }, ref) {
+  const Comp = asChild ? reactSlot.Slot : "button";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      ref,
+      "data-slot": "button",
+      className: chunkUWO6RBCE_js.cn(buttonVariants({ variant, size, icon, className })),
+      ...props
+    }
+  );
+});
+exports.Button = Button;