@equal-experts/kuat-vue 0.4.2 → 0.6.0

package/dist/constants-D_fYMnOg.js

@@ -0,0 +1,154 @@
+import { defineComponent as m, createBlock as u, openBlock as p, unref as a, mergeProps as _, withCtx as o, renderSlot as h, createVNode as r, createElementVNode as R, useAttrs as A, useId as C, computed as c, normalizeClass as V, createCommentVNode as g, createTextVNode as B, toDisplayString as I } from "vue";
+import { useForwardPropsEmits as x, RadioGroupRoot as E, RadioGroupItem as T, RadioGroupIndicator as w } from "reka-ui";
+import { c as y } from "./utils-DLUjLwnh.js";
+import { _ as D, c as G, a as N, d as P, b as S } from "./FieldTitle.vue_vue_type_script_setup_true_lang-Bu8UIwRT.js";
+import { r as k } from "./index-A7umpmtg.js";
+const j = /* @__PURE__ */ m({
+  __name: "RadioGroup",
+  props: {
+    modelValue: {},
+    defaultValue: {},
+    disabled: { type: Boolean },
+    orientation: {},
+    dir: {},
+    loop: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    name: {},
+    required: { type: Boolean },
+    class: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: s }) {
+    const t = e, d = x(t, s);
+    return (l, i) => (p(), u(a(E), _({ "data-slot": "radio-group" }, a(d), {
+      class: a(y)("radio-group", t.class)
+    }), {
+      default: o(() => [
+        h(l.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), F = /* @__PURE__ */ m({
+  __name: "RadioGroupItem",
+  props: {
+    id: {},
+    value: {},
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    name: {},
+    required: { type: Boolean },
+    class: {}
+  },
+  emits: ["select"],
+  setup(e, { emit: s }) {
+    const t = e, d = x(t, s);
+    return (l, i) => (p(), u(a(T), _({ "data-slot": "radio-group-item" }, a(d), {
+      class: a(y)("radio", t.class)
+    }), {
+      default: o(() => [
+        r(a(w), { class: "radio__indicator" }, {
+          default: o(() => [...i[0] || (i[0] = [
+            R("span", {
+              class: "radio__dot",
+              "aria-hidden": "true"
+            }, null, -1)
+          ])]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 16, ["class"]));
+  }
+}), O = { class: "radio-field__radio-wrap" }, H = /* @__PURE__ */ m({
+  inheritAttrs: !1,
+  __name: "RadioField",
+  props: {
+    class: {},
+    label: {},
+    secondaryText: {},
+    appearance: { default: "plain" },
+    layout: { default: "inline" },
+    flipped: { type: Boolean, default: !1 },
+    id: {},
+    disabled: { type: Boolean },
+    value: {}
+  },
+  setup(e) {
+    const s = e, t = A(), f = C(), d = c(() => s.id ?? f), l = c(() => s.secondaryText != null), i = k(s, [
+      "label",
+      "secondaryText",
+      "appearance",
+      "layout",
+      "flipped",
+      "id",
+      "class",
+      "disabled"
+    ]), b = c(() => {
+      const { class: n, ...v } = t;
+      return { ...i, ...v };
+    }), $ = c(() => {
+      const n = b.value["aria-invalid"];
+      return n === !0 || n === "true";
+    });
+    return (n, v) => (p(), u(a(D), {
+      "data-slot": "radio-field",
+      class: V(
+        a(y)(
+          "radio-field",
+          `radio-field--appearance-${e.appearance}`,
+          `radio-field--layout-${e.layout}`,
+          l.value && "radio-field--has-secondary",
+          e.flipped && "radio-field--flipped",
+          e.disabled && "radio-field--disabled",
+          $.value && "radio-field--invalid",
+          s.class
+        )
+      )
+    }, {
+      default: o(() => [
+        r(a(G), {
+          class: "radio-field__label",
+          for: d.value
+        }, {
+          default: o(() => [
+            R("span", O, [
+              r(F, _({ id: d.value }, b.value, { disabled: e.disabled }), null, 16, ["id", "disabled"])
+            ]),
+            r(a(N), { class: "radio-field__text" }, {
+              default: o(() => [
+                r(a(P), { class: "radio-field__primary" }, {
+                  default: o(() => [
+                    B(I(e.label), 1)
+                  ]),
+                  _: 1
+                }),
+                l.value ? (p(), u(a(S), {
+                  key: 0,
+                  class: "radio-field__secondary"
+                }, {
+                  default: o(() => [
+                    B(I(e.secondaryText), 1)
+                  ]),
+                  _: 1
+                })) : g("", !0)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["for"])
+      ]),
+      _: 1
+    }, 8, ["class"]));
+  }
+}), J = ["plain", "card"], K = ["inline", "block"];
+export {
+  J as R,
+  j as _,
+  F as a,
+  H as b,
+  K as c
+};

package/dist/constants-Ils7NSfg.js

@@ -0,0 +1,131 @@
+import { defineComponent as b, mergeModels as v, useModel as V, useAttrs as S, computed as i, createBlock as p, openBlock as h, unref as a, mergeProps as x, withCtx as s, createVNode as c, useId as $, normalizeClass as B, createElementVNode as C, createCommentVNode as g, createTextVNode as w, toDisplayString as y } from "vue";
+import { c as A } from "./utils-DLUjLwnh.js";
+import { _ as E, c as N, a as k, d as M, b as P } from "./FieldTitle.vue_vue_type_script_setup_true_lang-Bu8UIwRT.js";
+import { SwitchRoot as D, SwitchThumb as F } from "reka-ui";
+import { r as L } from "./index-A7umpmtg.js";
+const U = /* @__PURE__ */ b({
+  inheritAttrs: !1,
+  __name: "Switch",
+  props: /* @__PURE__ */ v({
+    class: {}
+  }, {
+    modelValue: { type: Boolean, required: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const l = e, d = V(e, "modelValue"), u = S(), f = i(() => {
+      const { class: o, ...t } = u;
+      return t;
+    });
+    return (o, t) => (h(), p(a(D), x({
+      modelValue: d.value,
+      "onUpdate:modelValue": t[0] || (t[0] = (m) => d.value = m),
+      "data-slot": "switch",
+      class: a(A)("switch", l.class)
+    }, f.value), {
+      default: s(() => [
+        c(a(F), {
+          class: "switch__thumb",
+          "data-slot": "switch-thumb"
+        })
+      ]),
+      _: 1
+    }, 16, ["modelValue", "class"]));
+  }
+}), q = { class: "switch-field__switch-wrap" }, Y = /* @__PURE__ */ b({
+  inheritAttrs: !1,
+  __name: "SwitchField",
+  props: /* @__PURE__ */ v({
+    class: {},
+    label: {},
+    secondaryText: {},
+    appearance: { default: "plain" },
+    layout: { default: "inline" },
+    flipped: { type: Boolean, default: !1 },
+    id: {},
+    disabled: { type: Boolean }
+  }, {
+    modelValue: { type: Boolean, required: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const l = e, d = V(e, "modelValue"), u = S(), f = $(), o = i(() => l.id ?? f), t = i(() => l.secondaryText != null), m = L(l, [
+      "label",
+      "secondaryText",
+      "appearance",
+      "layout",
+      "flipped",
+      "id",
+      "class",
+      "disabled"
+    ]), _ = i(() => {
+      const { class: n, ...r } = u;
+      return { ...m, ...r };
+    }), T = i(() => {
+      const n = _.value["aria-invalid"];
+      return n === !0 || n === "true";
+    });
+    return (n, r) => (h(), p(a(E), {
+      "data-slot": "switch-field",
+      class: B(
+        a(A)(
+          "switch-field",
+          `switch-field--appearance-${e.appearance}`,
+          `switch-field--layout-${e.layout}`,
+          t.value && "switch-field--has-secondary",
+          e.flipped && "switch-field--flipped",
+          e.disabled && "switch-field--disabled",
+          T.value && "switch-field--invalid",
+          l.class
+        )
+      )
+    }, {
+      default: s(() => [
+        c(a(N), {
+          class: "switch-field__label",
+          for: o.value
+        }, {
+          default: s(() => [
+            C("span", q, [
+              c(U, x({
+                id: o.value,
+                modelValue: d.value,
+                "onUpdate:modelValue": r[0] || (r[0] = (I) => d.value = I)
+              }, _.value, { disabled: e.disabled }), null, 16, ["id", "modelValue", "disabled"])
+            ]),
+            c(a(k), { class: "switch-field__text" }, {
+              default: s(() => [
+                c(a(M), { class: "switch-field__primary" }, {
+                  default: s(() => [
+                    w(y(e.label), 1)
+                  ]),
+                  _: 1
+                }),
+                t.value ? (h(), p(a(P), {
+                  key: 0,
+                  class: "switch-field__secondary"
+                }, {
+                  default: s(() => [
+                    w(y(e.secondaryText), 1)
+                  ]),
+                  _: 1
+                })) : g("", !0)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["for"])
+      ]),
+      _: 1
+    }, 8, ["class"]));
+  }
+}), j = ["plain", "card"], G = ["inline", "block"];
+export {
+  j as S,
+  U as _,
+  Y as a,
+  G as b
+};

package/dist/field.d.ts

@@ -0,0 +1,3 @@
+export { cn } from './lib/utils';
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FIELD_LEGEND_VARIANTS, FIELD_ORIENTATIONS, } from './components/ui/field';
+export type { FieldLegendVariant, FieldOrientation } from './components/ui/field';

package/dist/field.js

@@ -0,0 +1,19 @@
+import { c as r } from "./utils-DLUjLwnh.js";
+/* empty css                */
+import { _ as d, a as F, b as l, c as o, d as t } from "./FieldTitle.vue_vue_type_script_setup_true_lang-Bu8UIwRT.js";
+import { F as E, e as c, _ as n, a as I, b as L, c as _, d as m } from "./FieldSet.vue_vue_type_script_setup_true_lang-D9i4ciy0.js";
+export {
+  E as FIELD_LEGEND_VARIANTS,
+  c as FIELD_ORIENTATIONS,
+  d as Field,
+  F as FieldContent,
+  l as FieldDescription,
+  n as FieldError,
+  I as FieldGroup,
+  o as FieldLabel,
+  L as FieldLegend,
+  _ as FieldSeparator,
+  m as FieldSet,
+  t as FieldTitle,
+  r as cn
+};

package/dist/index.d.ts

@@ -5,6 +5,8 @@ export type { ButtonGroupVariants } from './components/ui/button-group';
 export { ContentCard } from './components/ui/content-card';
 export { KuatHeader, kuatHeaderVariants, EELogo } from './components/ui/kuat-header';
 export type { KuatHeaderVariants } from './components/ui/kuat-header';
+export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, } from './components/ui/carousel';
+export type { CarouselItemBasis, CarouselOrientation, CarouselApi, CarouselEventHandler, CarouselEventHandlers, } from './components/ui/carousel';
 export { KuatCarousel, KuatCarouselContent, KuatCarouselItem, KuatCarouselPrevious, KuatCarouselNext, } from './components/ui/kuat-carousel';
 export type { KuatCarouselSlidesPerView } from './components/ui/kuat-carousel';
 export { KuatRadialProgress, KUAT_RADIAL_PROGRESS_SIZES, KUAT_RADIAL_PROGRESS_COLORS, } from './components/ui/kuat-radial-progress';
@@ -19,3 +21,23 @@ export { Breadcrumb } from './components/ui/breadcrumb';
 export type { BreadcrumbItemEntry } from './components/ui/breadcrumb';
 export { Button, buttonVariants, BUTTON_VARIANTS, BUTTON_SIZES, BUTTON_COLORS, } from './components/ui/button';
 export type { ButtonVariants, ButtonVariant, ButtonSize, ButtonColor } from './components/ui/button';
+export { Textarea, TEXTAREA_RESIZE } from './components/ui/textarea';
+export type { TextareaResize } from './components/ui/textarea';
+export { Input, INPUT_SIZES } from './components/ui/input';
+export type { InputSize } from './components/ui/input';
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FIELD_LEGEND_VARIANTS, FIELD_ORIENTATIONS, } from './components/ui/field';
+export type { FieldLegendVariant, FieldOrientation } from './components/ui/field';
+export { KuatSelect, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SELECT_LINES, SELECT_SIZES, } from './components/ui/select';
+export type { SelectItemGroup, SelectItemOption, SelectItems, SelectLines, SelectSize, } from './components/ui/select';
+export { Checkbox, CheckboxField, CHECKBOX_FIELD_APPEARANCES, CHECKBOX_FIELD_LAYOUTS, } from './components/ui/checkbox';
+export type { CheckboxFieldAppearance, CheckboxFieldLayout } from './components/ui/checkbox';
+export { RadioGroup, RadioGroupItem, RadioField, RADIO_FIELD_APPEARANCES, RADIO_FIELD_LAYOUTS, } from './components/ui/radio';
+export type { RadioFieldAppearance, RadioFieldLayout } from './components/ui/radio';
+export { Switch, SwitchField, SWITCH_FIELD_APPEARANCES, SWITCH_FIELD_LAYOUTS, } from './components/ui/switch';
+export type { SwitchFieldAppearance, SwitchFieldLayout } from './components/ui/switch';
+export { Toggle, TOGGLE_SIZES, TOGGLE_SKINS } from './components/ui/toggle';
+export type { ToggleSize, ToggleSkin } from './components/ui/toggle';
+export { ToggleGroup, ToggleGroupItem, TOGGLE_GROUP_ORIENTATIONS, } from './components/ui/toggle-group';
+export type { ToggleGroupOrientation } from './components/ui/toggle-group';
+export { Sonner, SonnerContent, SONNER_POSITIONS, toast } from './components/ui/sonner';
+export type { SonnerAnnouncement, SonnerContentAction, SonnerPosition, SonnerToastOptions, } from './components/ui/sonner';