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

@vuer-ai/vuer-uikit 0.0.2 → 0.0.4

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 (230) hide show

package/README.md +80 -0
package/dist/chunk-25GQKTNF.mjs +105 -0
package/dist/chunk-277NQUJD.js +99 -0
package/dist/chunk-3FR3WKI4.mjs +24 -0
package/dist/chunk-3Q75Z2CT.mjs +76 -0
package/dist/chunk-5BIQ3IN7.js +93 -0
package/dist/chunk-5GPQ7U5B.mjs +50 -0
package/dist/chunk-66JQXJEV.mjs +272 -0
package/dist/chunk-6ILSFDR5.mjs +161 -0
package/dist/chunk-6L4KPPOD.mjs +90 -0
package/dist/chunk-75QDQ67T.js +56 -0
package/dist/chunk-7A7VNE3J.mjs +31 -0
package/dist/chunk-7SXCVFSA.mjs +200 -0
package/dist/chunk-7V4ELMOH.js +52 -0
package/dist/chunk-7WUQTWQX.js +303 -0
package/dist/chunk-A2Z57NAA.js +202 -0
package/dist/chunk-ATDHGFVI.mjs +82 -0
package/dist/chunk-ATEHWT2R.mjs +78 -0
package/dist/chunk-B5EMQBVL.js +93 -0
package/dist/chunk-CLTLT5XW.js +27 -0
package/dist/chunk-COFRS37Z.mjs +337 -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-DWIK2CUV.mjs +45 -0
package/dist/chunk-ECWCQWV5.js +148 -0
package/dist/chunk-ENZI5WM7.js +108 -0
package/dist/chunk-FVT46HEE.js +21 -0
package/dist/chunk-FXIL4NQZ.js +58 -0
package/dist/chunk-FYS6YECN.js +33 -0
package/dist/chunk-G7XNQVPB.js +187 -0
package/dist/chunk-GSXXTAQ3.js +373 -0
package/dist/chunk-HUQZOPYD.js +2 -0
package/dist/chunk-HW6SLBO3.mjs +9 -0
package/dist/chunk-IPKCIMU4.mjs +156 -0
package/dist/chunk-J7PTSP4Q.mjs +19 -0
package/dist/chunk-KJ42IGH6.js +2 -0
package/dist/chunk-KO7BQ6RR.js +83 -0
package/dist/chunk-KQHNQQUZ.js +103 -0
package/dist/chunk-KVFK3YC7.js +187 -0
package/dist/chunk-KYKEJFJT.js +110 -0
package/dist/chunk-LD7Y34QT.js +79 -0
package/dist/chunk-LVSI4HYF.mjs +409 -0
package/dist/chunk-M3KBBKQR.mjs +15 -0
package/dist/chunk-MASRZTZC.mjs +34 -0
package/dist/chunk-NN7R5DNL.mjs +119 -0
package/dist/chunk-OE56M4MX.js +93 -0
package/dist/chunk-OTDY2E2A.js +163 -0
package/dist/chunk-PKGNHHWG.mjs +60 -0
package/dist/chunk-Q3APPCB2.mjs +91 -0
package/dist/chunk-QOUX33X5.mjs +111 -0
package/dist/chunk-QS7WS6DD.mjs +1 -0
package/dist/chunk-QZASHJNJ.js +24 -0
package/dist/chunk-R6XNT4PN.js +431 -0
package/dist/chunk-RACVRWME.js +136 -0
package/dist/chunk-S2F2GRDB.mjs +1 -0
package/dist/chunk-SI56IQWH.js +102 -0
package/dist/chunk-ST4P6AN6.js +2 -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-WOG6UIG5.mjs +71 -0
package/dist/chunk-X2QENXCS.mjs +54 -0
package/dist/chunk-XACRGXGF.js +75 -0
package/dist/chunk-XPNUQSKQ.mjs +94 -0
package/dist/chunk-YQORMF34.js +110 -0
package/dist/chunk-Z37VNICQ.js +67 -0
package/dist/chunk-ZJXBC33M.js +112 -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 +314 -0
package/dist/index.d.mts +51 -0
package/dist/index.d.ts +51 -0
package/dist/index.js +425 -6744
package/dist/index.mjs +34 -0
package/dist/styles/theme.css +191 -0
package/dist/styles/theme.d.mts +2 -0
package/dist/styles/theme.d.ts +2 -0
package/dist/styles/toast.css +58 -0
package/dist/styles/toast.d.mts +2 -0
package/dist/styles/toast.d.ts +2 -0
package/dist/styles/variables.css +188 -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 +44 -0
package/dist/ui/index.d.ts +44 -0
package/dist/ui/index.js +398 -0
package/dist/ui/index.mjs +29 -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/layout.d.mts +12 -0
package/dist/ui/layout.d.ts +12 -0
package/dist/ui/layout.js +12 -0
package/dist/ui/layout.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/sheet.d.mts +16 -0
package/dist/ui/sheet.d.ts +16 -0
package/dist/ui/sheet.js +39 -0
package/dist/ui/sheet.mjs +2 -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/ui/tree-view.d.mts +27 -0
package/dist/ui/tree-view.d.ts +27 -0
package/dist/ui/tree-view.js +11 -0
package/dist/ui/tree-view.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 +49 -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-25GQKTNF.mjs ADDED Viewed

@@ -0,0 +1,105 @@
+import { cn } from './chunk-HW6SLBO3.mjs';
+import { composeRefs } from '@radix-ui/react-compose-refs';
+import { cva } from 'class-variance-authority';
+import { forwardRef, useRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+var inputRootVariants = cva(
+  [
+    "px-1.5",
+    "flex",
+    "gap-md",
+    "items-center",
+    "rounded-uk-sm",
+    "overflow-hidden",
+    "bg-bg-secondary"
+  ],
+  {
+    variants: {
+      state: {
+        default: ["hover:bg-bg-tertiary", "has-[input:focus]:bg-bg-quaternary"],
+        disabled: ["disabled:cursor-not-allowed", "bg-bg-tertiary", "text-text-tertiary"],
+        error: ["hover:bg-danger-primary/10", "bg-danger-primary/20"]
+      },
+      size: {
+        default: ["h-9 ", "text-xs"],
+        sm: ["h-6 ", "text-sm ", "[&_.input-slot>svg:not([class*='size-'])]:size-xl"]
+      }
+    },
+    defaultVariants: {
+      state: "default",
+      size: "default"
+    }
+  }
+);
+var InputRoot = forwardRef(function InputRoot2({ style, className, side, children, disabled, state, size, name, inputClassName, ...props }, ref) {
+  const inputRef = useRef(null);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style,
+      "data-input": true,
+      className: cn(inputRootVariants({ size, state: disabled ? "disabled" : state }), className),
+      onClick: (event) => {
+        const target = event.target;
+        if (target.closest("input, button, a")) return;
+        const input = inputRef.current;
+        if (!input) return;
+        const isRightSlot = target.closest(`
+            .input-slot[data-side='right'],
+            .input-slot:not([data-side='right']) ~ .input-slot:not([data-side='left'])
+          `);
+        const cursorPosition = isRightSlot ? input.value.length : 0;
+        requestAnimationFrame(() => {
+          try {
+            input.setSelectionRange(cursorPosition, cursorPosition);
+          } catch {
+          }
+          input.focus();
+        });
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            spellCheck: "false",
+            ...props,
+            "data-side": side,
+            disabled,
+            name: name ?? "text",
+            ref: composeRefs(inputRef, ref),
+            className: cn(
+              ["data-[side=right]:text-right", "outline-none", "w-full", "h-full"],
+              inputClassName
+            )
+          }
+        ),
+        children
+      ]
+    }
+  );
+});
+var InputSlot = forwardRef(function({ className, children, side = "left", ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-side": side,
+      ...props,
+      ref,
+      className: cn(
+        [
+          "input-slot",
+          "cursor-text",
+          "shrink-0",
+          "order-[0]",
+          "data-[side=left]:-order-1",
+          "text-text-tertiary"
+        ],
+        className
+      ),
+      children
+    }
+  );
+});
+export { InputRoot, InputSlot };

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-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;

package/dist/chunk-5GPQ7U5B.mjs ADDED Viewed

@@ -0,0 +1,50 @@
+import { cn } from './chunk-HW6SLBO3.mjs';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+var textareaVariants = cva(
+  [
+    "bg-bg-secondary",
+    "disabled:bg-bg-tertiary",
+    "disabled:text-text-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:bg-bg-tertiary", "focus:bg-bg-quaternary"],
+        error: ["hover:bg-danger-primary/10", "bg-danger-primary/20"]
+      },
+      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__ */ jsx(
+    "textarea",
+    {
+      className: cn(textareaVariants({ className, state, size })),
+      "data-slot": "textarea",
+      ...props
+    }
+  );
+}
+export { Textarea };