@equal-experts/kuat-react 0.4.2 → 0.5.0

package/dist/input-2x92vprz.js

@@ -0,0 +1,43 @@
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import * as u from "react";
+import { c as o } from "./utils-DLUjLwnh.js";
+const _ = ["regular", "large", "small", "mini"], c = u.forwardRef(
+  ({
+    className: s,
+    size: e = "regular",
+    leftDecoration: t,
+    rightDecoration: i,
+    type: n = "text",
+    ...l
+  }, r) => /* @__PURE__ */ p(
+    "div",
+    {
+      className: o(
+        "input",
+        `input--size-${e}`,
+        n === "file" && "input--type-file",
+        s
+      ),
+      "data-slot": "input",
+      children: [
+        t ? /* @__PURE__ */ a("span", { className: "input__decoration input__decoration--left", children: t }) : null,
+        /* @__PURE__ */ a(
+          "input",
+          {
+            ref: r,
+            type: n,
+            className: "input__field",
+            "data-slot": "input-field",
+            ...l
+          }
+        ),
+        i ? /* @__PURE__ */ a("span", { className: "input__decoration input__decoration--right", children: i }) : null
+      ]
+    }
+  )
+);
+c.displayName = "Input";
+export {
+  c as I,
+  _ as a
+};

package/dist/input.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration:initial;--tw-ease:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-leading:initial;--tw-tracking:initial}}}.input{width:100%;min-width:calc(var(--spacing,.25rem)*0);font-family:var(--font-sans,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");transition-property:border-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.15s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.15s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));--tw-outline-style:none;border:1px solid var(--border);border-radius:var(--radius);background:var(--input);box-shadow:var(--shadow-xs);outline-style:none;align-items:center;display:flex}.input:focus-within:not(:has(.input__field:disabled)){border-color:var(--slate-400);box-shadow:0 0 0 3px var(--ring)}.input:has(.input__field[aria-invalid=true]){border-color:var(--destructive)}.input:has(.input__field[aria-invalid=true]):focus-within{border-color:var(--destructive);box-shadow:0 0 0 3px var(--red-300)}.input:has(.input__field:disabled){cursor:not-allowed;opacity:.3}.input__field{min-width:calc(var(--spacing,.25rem)*0);border-style:var(--tw-border-style);--tw-outline-style:none;color:var(--foreground);background-color:#0000;border-width:0;outline-style:none;flex:1}.input__field::placeholder{color:var(--muted-foreground)}.input__field:disabled{cursor:not-allowed}.input--type-file,.input:has(.input__field[type=file]){align-items:center}.input__field[type=file]{min-width:calc(var(--spacing,.25rem)*0);cursor:pointer}.input__field[type=file]::file-selector-button{margin-right:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*7);cursor:pointer;border-radius:calc(var(--radius) - 4px);border-style:var(--tw-border-style);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--foreground);background-color:#0000;border-width:0;flex-shrink:0;align-items:center;display:inline-flex}.input--size-mini .input__field[type=file]::file-selector-button{height:calc(var(--spacing,.25rem)*5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)))}.input__decoration{color:var(--muted-foreground);flex-shrink:0;justify-content:center;align-items:center;display:flex}.input--size-regular{min-height:calc(var(--spacing,.25rem)*9);gap:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2)}.input--size-regular .input__field{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-leading:calc(var(--spacing,.25rem)*6);line-height:calc(var(--spacing,.25rem)*6);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.input--size-large{min-height:calc(var(--spacing,.25rem)*10);gap:calc(var(--spacing,.25rem)*3);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2.5)}.input--size-large .input__field{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-leading:calc(var(--spacing,.25rem)*6);line-height:calc(var(--spacing,.25rem)*6);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.input--size-small{min-height:calc(var(--spacing,.25rem)*8);gap:calc(var(--spacing,.25rem)*1.5);padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1.5)}.input--size-small .input__field{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-leading:calc(var(--spacing,.25rem)*6);line-height:calc(var(--spacing,.25rem)*6);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.input--size-mini{min-height:calc(var(--spacing,.25rem)*6);gap:calc(var(--spacing,.25rem)*1);padding-inline:calc(var(--spacing,.25rem)*1.5);padding-block:3px}.input--size-mini .input__field{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-leading:calc(var(--spacing,.25rem)*4);line-height:calc(var(--spacing,.25rem)*4);--tw-tracking:calc(var(--tracking-normal) + .025em);letter-spacing:calc(var(--tracking-normal) + .025em)}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}

package/dist/input.d.ts

@@ -0,0 +1,3 @@
+export { cn } from './lib/utils';
+export { Input, INPUT_SIZES } from './components/ui/input';
+export type { InputProps, InputSize } from './components/ui/input';

package/dist/input.js

@@ -0,0 +1,8 @@
+import { c as p } from "./utils-DLUjLwnh.js";
+/* empty css                */
+import { a as I, I as m } from "./input-2x92vprz.js";
+export {
+  I as INPUT_SIZES,
+  m as Input,
+  p as cn
+};

package/dist/radio-field-G8dvdsLE.js

@@ -0,0 +1,82 @@
+import { jsx as a, jsxs as m } from "react/jsx-runtime";
+import * as l from "react";
+import { c as s } from "./utils-DLUjLwnh.js";
+import { F as I, e as A, a as b, i as v, b as D } from "./field-DRLopwY4.js";
+import * as r from "@radix-ui/react-radio-group";
+const g = l.forwardRef(({ className: d, ...e }, i) => /* @__PURE__ */ a(
+  r.Root,
+  {
+    ref: i,
+    className: s("radio-group", d),
+    "data-slot": "radio-group",
+    ...e
+  }
+));
+g.displayName = r.Root.displayName;
+const f = l.forwardRef(({ className: d, ...e }, i) => /* @__PURE__ */ a(
+  r.Item,
+  {
+    ref: i,
+    className: s("radio", d),
+    "data-slot": "radio-group-item",
+    ...e,
+    children: /* @__PURE__ */ a(r.Indicator, { className: "radio__indicator", children: /* @__PURE__ */ a("span", { className: "radio__dot", "aria-hidden": !0 }) })
+  }
+));
+f.displayName = r.Item.displayName;
+const G = ["plain", "card"], O = ["inline", "block"], w = l.forwardRef(
+  ({
+    className: d,
+    label: e,
+    secondaryText: i,
+    appearance: p = "plain",
+    layout: _ = "inline",
+    flipped: N = !1,
+    id: R,
+    disabled: n,
+    value: u,
+    ...o
+  }, h) => {
+    const F = l.useId(), t = R ?? F, c = i != null, y = o["aria-invalid"] === !0 || o["aria-invalid"] === "true";
+    return /* @__PURE__ */ a(
+      I,
+      {
+        className: s(
+          "radio-field",
+          `radio-field--appearance-${p}`,
+          `radio-field--layout-${_}`,
+          c && "radio-field--has-secondary",
+          N && "radio-field--flipped",
+          n && "radio-field--disabled",
+          y && "radio-field--invalid",
+          d
+        ),
+        "data-slot": "radio-field",
+        children: /* @__PURE__ */ m(A, { className: "radio-field__label", htmlFor: t, children: [
+          /* @__PURE__ */ a("span", { className: "radio-field__radio-wrap", children: /* @__PURE__ */ a(
+            f,
+            {
+              ref: h,
+              id: t,
+              value: u,
+              disabled: n,
+              ...o
+            }
+          ) }),
+          /* @__PURE__ */ m(b, { className: "radio-field__text", children: [
+            /* @__PURE__ */ a(v, { className: "radio-field__primary", children: e }),
+            c ? /* @__PURE__ */ a(D, { className: "radio-field__secondary", children: i }) : null
+          ] })
+        ] })
+      }
+    );
+  }
+);
+w.displayName = "RadioField";
+export {
+  g as R,
+  f as a,
+  w as b,
+  G as c,
+  O as d
+};

package/dist/radio-field.css

@@ -0,0 +1 @@
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration:initial;--tw-ease:initial}}}.radio{transition-property:border-color,box-shadow,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.15s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.15s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));--tw-outline-style:none;--kuat-radio-size:calc(var(--spacing)*4);width:var(--kuat-radio-size);height:var(--kuat-radio-size);border:1px solid var(--slate-300);background:var(--input);box-shadow:var(--shadow-xs);border-radius:3.40282e38px;outline-style:none;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.radio:focus-visible{border-color:var(--slate-400);box-shadow:0 0 0 3px var(--ring)}.radio[data-state=checked]{border-color:var(--primary);box-shadow:var(--shadow-xs)}.radio[data-state=checked]:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.radio[aria-invalid=true]{border-color:var(--destructive)}.radio[aria-invalid=true]:focus-visible{border-color:var(--destructive);box-shadow:0 0 0 3px var(--red-300)}.radio[data-state=checked][aria-invalid=true]{border-color:var(--destructive)}.radio[data-state=checked][aria-invalid=true]:focus-visible{box-shadow:0 0 0 3px var(--red-300)}.radio:disabled{cursor:not-allowed;opacity:.3}.radio__indicator{color:currentColor;justify-content:center;align-items:center;display:flex}.radio__dot{width:calc(var(--kuat-radio-size)/2);height:calc(var(--kuat-radio-size)/2);background:var(--primary);border-radius:3.40282e38px;display:block}.radio[data-state=checked][aria-invalid=true] .radio__dot{background:var(--destructive)}.radio-group{width:100%;min-width:calc(var(--spacing,.25rem)*0)}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-tracking:initial}}}.radio-field{width:100%;min-width:calc(var(--spacing,.25rem)*0)}.radio-field__label{cursor:pointer;align-items:flex-start;gap:calc(var(--spacing,.25rem)*2);-webkit-user-select:none;user-select:none;display:flex}.radio-field--appearance-card .radio-field__label{border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--border);background-color:var(--card);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);border-radius:10px}.radio-field--disabled .radio-field__label{cursor:not-allowed;opacity:.3}.radio-field--invalid .radio-field__primary{color:var(--destructive)}.radio-field--appearance-card.radio-field--invalid .radio-field__label{border-color:var(--destructive)}.radio-field--flipped .radio-field__label{flex-direction:row-reverse}.radio-field__radio-wrap{padding-top:calc(var(--spacing,.25rem)*.5);flex-shrink:0;justify-content:center;align-items:center;display:flex}.radio-field__text{min-height:1px;min-width:calc(var(--spacing,.25rem)*0);text-align:left;align-items:flex-start;row-gap:var(--spacing);flex-direction:column;flex:1;display:flex}.radio-field--layout-inline .radio-field__text{flex:none}.radio-field--layout-inline:not(.radio-field--has-secondary) .radio-field__primary{white-space:nowrap;flex-shrink:0}.radio-field__primary{width:100%;font-family:var(--font-sans,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-leading:1.5;--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal);color:var(--foreground);line-height:1.5}.radio-field__secondary{width:100%;font-family:var(--font-sans,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-leading:calc(var(--spacing,.25rem)*4);line-height:calc(var(--spacing,.25rem)*4);--tw-tracking:calc(var(--tracking-normal) + .025em);letter-spacing:calc(var(--tracking-normal) + .025em);color:var(--muted-foreground)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}

package/dist/radio.d.ts

@@ -0,0 +1,3 @@
+export { cn } from './lib/utils';
+export { RadioGroup, RadioGroupItem, RadioField, RADIO_FIELD_APPEARANCES, RADIO_FIELD_LAYOUTS, } from './components/ui/radio';
+export type { RadioGroupProps, RadioGroupItemProps, RadioFieldAppearance, RadioFieldLayout, RadioFieldProps, } from './components/ui/radio';

package/dist/radio.js

@@ -0,0 +1,11 @@
+import { c as R } from "./utils-DLUjLwnh.js";
+/* empty css                */
+import { c as A, d, b as i, R as p, a as I } from "./radio-field-G8dvdsLE.js";
+export {
+  A as RADIO_FIELD_APPEARANCES,
+  d as RADIO_FIELD_LAYOUTS,
+  i as RadioField,
+  p as RadioGroup,
+  I as RadioGroupItem,
+  R as cn
+};

package/dist/select-Oz2Zj-L0.js

@@ -0,0 +1,232 @@
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import * as o from "react";
+import * as a from "@radix-ui/react-select";
+import { ChevronDown as S, ChevronUp as T, Check as $ } from "lucide-react";
+import { c as m } from "./utils-DLUjLwnh.js";
+const K = ["regular", "large", "small", "mini"], P = ["single", "double"];
+function z(t) {
+  return "items" in t;
+}
+const x = a.Root, D = a.Value, U = a.Group, f = o.forwardRef(({ className: t, ...l }, s) => /* @__PURE__ */ e(
+  a.Label,
+  {
+    ref: s,
+    className: m("select-label", t),
+    "data-slot": "select-label",
+    ...l
+  }
+));
+f.displayName = a.Label.displayName;
+const _ = o.forwardRef(
+  ({
+    className: t,
+    children: l,
+    size: s = "regular",
+    lines: r = "single",
+    label: c,
+    prepend: n,
+    decoration: i,
+    invalid: p,
+    ...u
+  }, N) => /* @__PURE__ */ d(
+    a.Trigger,
+    {
+      ref: N,
+      className: m(
+        "select-trigger",
+        `select-trigger--size-${s}`,
+        `select-trigger--lines-${r}`,
+        t
+      ),
+      "data-slot": "select-trigger",
+      "aria-invalid": p || u["aria-invalid"] ? !0 : void 0,
+      ...u,
+      children: [
+        n ? /* @__PURE__ */ e("span", { className: "select-trigger__prepend", children: n }) : null,
+        /* @__PURE__ */ d("span", { className: "select-trigger__value-wrap", children: [
+          c ? /* @__PURE__ */ e("span", { className: "select-trigger__label", children: c }) : null,
+          l
+        ] }),
+        i ? /* @__PURE__ */ e("span", { className: "select-trigger__decoration", children: i }) : null,
+        /* @__PURE__ */ e(a.Icon, { asChild: !0, children: /* @__PURE__ */ e(S, { className: "select-trigger__icon size-4", "aria-hidden": !0 }) })
+      ]
+    }
+  )
+);
+_.displayName = a.Trigger.displayName;
+const b = o.forwardRef(({ className: t, ...l }, s) => /* @__PURE__ */ e(
+  a.ScrollUpButton,
+  {
+    ref: s,
+    className: m("select-scroll-button", t),
+    "data-slot": "select-scroll-up-button",
+    ...l,
+    children: /* @__PURE__ */ e(T, { className: "size-4", "aria-hidden": !0 })
+  }
+));
+b.displayName = a.ScrollUpButton.displayName;
+const v = o.forwardRef(({ className: t, ...l }, s) => /* @__PURE__ */ e(
+  a.ScrollDownButton,
+  {
+    ref: s,
+    className: m("select-scroll-button", t),
+    "data-slot": "select-scroll-down-button",
+    ...l,
+    children: /* @__PURE__ */ e(S, { className: "size-4", "aria-hidden": !0 })
+  }
+));
+v.displayName = a.ScrollDownButton.displayName;
+const w = o.forwardRef(
+  ({
+    className: t,
+    children: l,
+    position: s = "item-aligned",
+    size: r = "regular",
+    maxHeight: c,
+    style: n,
+    ...i
+  }, p) => /* @__PURE__ */ e(a.Portal, { children: /* @__PURE__ */ d(
+    a.Content,
+    {
+      ref: p,
+      className: m(
+        "select-content",
+        `select-content--position-${s}`,
+        `select-content--size-${r}`,
+        t
+      ),
+      "data-slot": "select-content",
+      position: s,
+      style: {
+        ...n,
+        "--kuat-select-content-max-height": typeof c == "number" ? `${c}px` : c
+      },
+      ...i,
+      children: [
+        /* @__PURE__ */ e(b, {}),
+        /* @__PURE__ */ e(a.Viewport, { className: "select-viewport", "data-slot": "select-viewport", children: l }),
+        /* @__PURE__ */ e(v, {})
+      ]
+    }
+  ) })
+);
+w.displayName = a.Content.displayName;
+const y = o.forwardRef(({ className: t, ...l }, s) => /* @__PURE__ */ e(
+  a.Separator,
+  {
+    ref: s,
+    className: m("select-separator", t),
+    "data-slot": "select-separator",
+    ...l
+  }
+));
+y.displayName = a.Separator.displayName;
+const g = o.forwardRef(({ className: t, children: l, prepend: s, description: r, decoration: c, ...n }, i) => /* @__PURE__ */ d(
+  a.Item,
+  {
+    ref: i,
+    className: m("select-item", r && "select-item--double", t),
+    "data-slot": "select-item",
+    ...n,
+    children: [
+      s ? /* @__PURE__ */ e("span", { className: "select-item__prepend", children: s }) : null,
+      /* @__PURE__ */ d("span", { className: "select-item__text", children: [
+        /* @__PURE__ */ e(a.ItemText, { className: "select-item__label", children: l }),
+        r ? /* @__PURE__ */ e("span", { className: "select-item__description", children: r }) : null
+      ] }),
+      c ? /* @__PURE__ */ e("span", { className: "select-item__decoration", children: c }) : null,
+      /* @__PURE__ */ e(a.ItemIndicator, { className: "select-item__indicator", children: /* @__PURE__ */ e($, { className: "size-4", "aria-hidden": !0 }) })
+    ]
+  }
+));
+g.displayName = a.Item.displayName;
+function j(t) {
+  return t.map((l, s) => z(l) ? /* @__PURE__ */ d(U, { children: [
+    /* @__PURE__ */ e(f, { children: l.label }),
+    l.items.map((r) => /* @__PURE__ */ e(
+      g,
+      {
+        value: r.value,
+        disabled: r.disabled,
+        prepend: r.prepend,
+        description: r.description,
+        decoration: r.decoration,
+        children: r.label
+      },
+      r.value
+    )),
+    s < t.length - 1 ? /* @__PURE__ */ e(y, {}) : null
+  ] }, `group-${s}`) : /* @__PURE__ */ e(
+    g,
+    {
+      value: l.value,
+      disabled: l.disabled,
+      prepend: l.prepend,
+      description: l.description,
+      decoration: l.decoration,
+      children: l.label
+    },
+    l.value
+  ));
+}
+function Z({
+  items: t = [],
+  placeholder: l = "Select an item",
+  size: s = "regular",
+  lines: r = "single",
+  prepend: c,
+  decoration: n,
+  label: i,
+  invalid: p = !1,
+  position: u = "item-aligned",
+  maxHeight: N = 320,
+  triggerClassName: C,
+  contentClassName: I,
+  emptyText: R = "No options available",
+  children: h,
+  triggerProps: B,
+  ...E
+}) {
+  const L = o.Children.count(h) > 0;
+  return /* @__PURE__ */ d(x, { ...E, children: [
+    /* @__PURE__ */ e(
+      _,
+      {
+        size: s,
+        lines: r,
+        prepend: c,
+        decoration: n,
+        label: i,
+        invalid: p,
+        className: C,
+        ...B,
+        children: /* @__PURE__ */ e(D, { className: "select-trigger__value", placeholder: l })
+      }
+    ),
+    /* @__PURE__ */ e(
+      w,
+      {
+        size: s,
+        position: u,
+        maxHeight: N,
+        className: I,
+        children: L ? h : t.length > 0 ? j(t) : /* @__PURE__ */ e("p", { className: "select-empty", children: R })
+      }
+    )
+  ] });
+}
+export {
+  Z as K,
+  x as S,
+  w as a,
+  U as b,
+  g as c,
+  f as d,
+  v as e,
+  b as f,
+  y as g,
+  _ as h,
+  D as i,
+  P as j,
+  K as k
+};

package/dist/select.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration:initial;--tw-ease:initial;--tw-leading:initial;--tw-tracking:initial;--tw-border-style:solid;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}.select-trigger{width:100%;min-width:calc(var(--spacing,.25rem)*0);transition-property:border-color,box-shadow,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.15s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.15s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));--tw-outline-style:none;border:1px solid var(--border);background:var(--input);color:var(--foreground);box-shadow:var(--shadow-xs);border-radius:4px;outline-style:none;align-items:center;display:flex}.select-trigger:focus-visible:not(:disabled){border-color:var(--border);box-shadow:0 0 0 3px var(--ring)}.select-trigger[aria-invalid=true]{border-color:var(--destructive)}.select-trigger[aria-invalid=true]:focus-visible{box-shadow:0 0 0 3px var(--red-300)}.select-trigger:disabled{cursor:not-allowed;opacity:.5}.select-trigger__prepend,.select-trigger__decoration,.select-trigger__icon{color:var(--muted-foreground);flex-shrink:0}.select-trigger__value-wrap{min-width:calc(var(--spacing,.25rem)*0);flex:1}.select-trigger__label{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-leading:calc(var(--spacing,.25rem)*4);line-height:calc(var(--spacing,.25rem)*4);--tw-tracking:calc(var(--tracking-normal) + .025em);letter-spacing:calc(var(--tracking-normal) + .025em);color:var(--muted-foreground);display:block;overflow:hidden}.select-trigger__value{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-leading:calc(var(--spacing,.25rem)*6);line-height:calc(var(--spacing,.25rem)*6);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal);display:block;overflow:hidden}.select-trigger__value[data-placeholder]{color:var(--muted-foreground)}.select-trigger--size-regular{min-height:calc(var(--spacing,.25rem)*9);gap:calc(var(--spacing,.25rem)*2);padding-block:7.5px;padding-right:calc(var(--spacing,.25rem)*2);padding-left:calc(var(--spacing,.25rem)*3)}.select-trigger--size-large{min-height:calc(var(--spacing,.25rem)*10);gap:calc(var(--spacing,.25rem)*3);padding-block:9.5px;padding-right:calc(var(--spacing,.25rem)*2);padding-left:calc(var(--spacing,.25rem)*4)}.select-trigger--size-small{min-height:calc(var(--spacing,.25rem)*8);gap:calc(var(--spacing,.25rem)*1.5);padding-inline:calc(var(--spacing,.25rem)*2);padding-block:5.5px}.select-trigger--size-mini{min-height:calc(var(--spacing,.25rem)*8);gap:calc(var(--spacing,.25rem)*1);padding-inline:calc(var(--spacing,.25rem)*1.5);padding-block:3px}.select-trigger--lines-double{align-items:flex-end}.select-trigger--lines-double .select-trigger__value-wrap{flex-direction:column;align-items:flex-start;display:flex}.select-trigger--lines-double .select-trigger__value{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-leading:calc(var(--spacing,.25rem)*5);line-height:calc(var(--spacing,.25rem)*5)}.select-content{z-index:50;border-style:var(--tw-border-style);min-width:8rem;padding:calc(var(--spacing,.25rem)*.5);border-width:1px;border-color:var(--border);background:var(--card);color:var(--foreground);border-radius:8px;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000001a}.select-content[data-state=open]{animation:.12s ease-out select-in}.select-content[data-state=closed]{animation:.12s ease-in select-out}.select-content--position-popper{--tw-translate-y:calc(var(--spacing,.25rem)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.select-viewport{padding:calc(var(--spacing,.25rem)*.5);max-height:var(--kuat-select-content-max-height,20rem)}.select-scroll-button{height:calc(var(--spacing,.25rem)*6);cursor:default;color:var(--muted-foreground);justify-content:center;align-items:center;display:flex}.select-label{padding-inline:calc(var(--spacing,.25rem)*2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-leading:calc(var(--spacing,.25rem)*4);line-height:calc(var(--spacing,.25rem)*4);--tw-tracking:calc(var(--tracking-normal) + .025em);letter-spacing:calc(var(--tracking-normal) + .025em);color:var(--muted-foreground);padding-block:5.5px}.select-separator{margin-block:calc(var(--spacing,.25rem)*1);background-color:var(--border);height:1px}.select-item{cursor:default;--tw-outline-style:none;-webkit-user-select:none;user-select:none;width:100%;color:var(--foreground);border-radius:6px;outline-style:none;align-items:center;display:flex;position:relative}.select-item[data-highlighted]{background-color:var(--accent);color:var(--accent-foreground)}.select-item[data-disabled]{pointer-events:none;opacity:.5}.select-content--size-regular .select-item{min-height:calc(var(--spacing,.25rem)*9);gap:calc(var(--spacing,.25rem)*2);padding-block:7.5px;padding-right:calc(var(--spacing,.25rem)*2);padding-left:calc(var(--spacing,.25rem)*3)}.select-content--size-large .select-item{min-height:calc(var(--spacing,.25rem)*10);gap:calc(var(--spacing,.25rem)*3);padding-block:9.5px;padding-right:calc(var(--spacing,.25rem)*2);padding-left:calc(var(--spacing,.25rem)*4)}.select-content--size-small .select-item{min-height:calc(var(--spacing,.25rem)*8);gap:calc(var(--spacing,.25rem)*1.5);padding-inline:calc(var(--spacing,.25rem)*2);padding-block:5.5px}.select-content--size-mini .select-item{min-height:calc(var(--spacing,.25rem)*8);gap:calc(var(--spacing,.25rem)*1);padding-inline:calc(var(--spacing,.25rem)*1.5);padding-block:3px}.select-item__prepend,.select-item__decoration,.select-item__indicator{color:var(--muted-foreground);flex-shrink:0}.select-item__text{min-width:calc(var(--spacing,.25rem)*0);flex:1}.select-item__label{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-leading:calc(var(--spacing,.25rem)*6);line-height:calc(var(--spacing,.25rem)*6);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal);display:block;overflow:hidden}.select-item__description{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-leading:calc(var(--spacing,.25rem)*4);line-height:calc(var(--spacing,.25rem)*4);--tw-tracking:calc(var(--tracking-normal) + .025em);letter-spacing:calc(var(--tracking-normal) + .025em);color:var(--muted-foreground);display:block;overflow:hidden}.select-item--double .select-item__text{flex-direction:column;display:flex}.select-empty{padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1.5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--muted-foreground)}@keyframes select-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes select-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}

package/dist/select.d.ts

@@ -0,0 +1,3 @@
+export { cn } from './lib/utils';
+export { KuatSelect, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SELECT_LINES, SELECT_SIZES, } from './components/ui/select';
+export type { KuatSelectProps, SelectContentProps, SelectItemGroup, SelectItemOption, SelectItemProps, SelectItems, SelectLabelProps, SelectLines, SelectProps, SelectSeparatorProps, SelectSize, SelectTriggerProps, SelectValueProps, } from './components/ui/select';

package/dist/select.js

@@ -0,0 +1,19 @@
+import { c as S } from "./utils-DLUjLwnh.js";
+/* empty css                */
+import { K as c, j as s, k as o, S as r, a as n, b as p, c as E, d as u, e as m, f as L, g as f, h as g, i } from "./select-Oz2Zj-L0.js";
+export {
+  c as KuatSelect,
+  s as SELECT_LINES,
+  o as SELECT_SIZES,
+  r as Select,
+  n as SelectContent,
+  p as SelectGroup,
+  E as SelectItem,
+  u as SelectLabel,
+  m as SelectScrollDownButton,
+  L as SelectScrollUpButton,
+  f as SelectSeparator,
+  g as SelectTrigger,
+  i as SelectValue,
+  S as cn
+};