@equal-experts/kuat-vue 0.4.1 → 0.5.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-C3VyxnTa.js

@@ -0,0 +1,35 @@
+import { defineComponent as t, createBlock as n, openBlock as l, unref as d, normalizeClass as c, withCtx as u, renderSlot as f } from "vue";
+import { Primitive as o } from "reka-ui";
+import { c as r } from "./utils-DLUjLwnh.js";
+import { _ as i } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const m = /* @__PURE__ */ t({
+  __name: "Badge",
+  props: {
+    variant: { default: "default" },
+    roundness: { default: "default" },
+    class: {},
+    asChild: { type: Boolean },
+    as: { default: "div" }
+  },
+  setup(a) {
+    const e = a;
+    return (s, g) => (l(), n(d(o), {
+      as: a.as,
+      "as-child": a.asChild,
+      class: c(d(r)("badge", `badge--${e.variant}`, `badge--roundness-${e.roundness}`, e.class))
+    }, {
+      default: u(() => [
+        f(s.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 8, ["as", "as-child", "class"]));
+  }
+}), B = /* @__PURE__ */ i(m, [["__scopeId", "data-v-3daa11ff"]]);
+function C(a) {
+  const e = (a == null ? void 0 : a.variant) ?? "default", s = (a == null ? void 0 : a.roundness) ?? "default";
+  return r("badge", `badge--${e}`, `badge--roundness-${s}`);
+}
+export {
+  B,
+  C as b
+};

package/dist/index-CBmjn3iX.js

@@ -0,0 +1,58 @@
+import { defineComponent as c, createBlock as s, openBlock as f, unref as l, normalizeClass as o, withCtx as m, renderSlot as d } from "vue";
+import { Primitive as b } from "reka-ui";
+import { c as i } from "./utils-DLUjLwnh.js";
+const C = /* @__PURE__ */ c({
+  __name: "Button",
+  props: {
+    variant: { default: "primary" },
+    size: { default: "default" },
+    color: { default: "ee-blue" },
+    class: {},
+    asChild: { type: Boolean },
+    as: { default: "button" }
+  },
+  setup(r) {
+    const e = r;
+    function a(t) {
+      return t === "default" ? "primary" : t ?? "primary";
+    }
+    function n(t) {
+      return t === "sm" ? "small" : t === "lg" ? "large" : t ?? "default";
+    }
+    return (t, u) => (f(), s(l(b), {
+      as: r.as,
+      "as-child": r.asChild,
+      class: o(l(i)(
+        "button",
+        `button--variant-${a(e.variant)}`,
+        a(e.variant) === "destructive" ? [] : `button--color-${e.color}`,
+        `button--size-${n(e.size)}`,
+        e.class
+      ))
+    }, {
+      default: m(() => [
+        d(t.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["as", "as-child", "class"]));
+  }
+});
+function z(r) {
+  return r === "default" ? "primary" : r ?? "primary";
+}
+function v(r) {
+  return r === "sm" ? "small" : r === "lg" ? "large" : r ?? "default";
+}
+function g(r) {
+  const e = z((r == null ? void 0 : r.variant) ?? "primary"), a = v((r == null ? void 0 : r.size) ?? "default"), n = (r == null ? void 0 : r.color) ?? "ee-blue", u = e === "destructive" ? "" : `button--color-${n}`;
+  return i(
+    "button",
+    `button--variant-${e}`,
+    u,
+    `button--size-${a}`
+  );
+}
+export {
+  C as _,
+  g as b
+};

package/dist/index-iz_NZI-V.js

@@ -0,0 +1,85 @@
+import { defineComponent as s, createElementBlock as f, openBlock as n, normalizeClass as u, unref as a, renderSlot as i, createBlock as p, mergeProps as d, withCtx as h } from "vue";
+import { c as r } from "./utils-DLUjLwnh.js";
+import { _ as c } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { Separator as B, Primitive as v } from "reka-ui";
+import { r as _ } from "./index-A7umpmtg.js";
+const g = ["data-orientation"], b = /* @__PURE__ */ s({
+  __name: "ButtonGroup",
+  props: {
+    class: {},
+    orientation: { default: "horizontal" }
+  },
+  setup(o) {
+    const t = o;
+    return (e, l) => (n(), f("div", {
+      role: "group",
+      "data-slot": "button-group",
+      "data-orientation": t.orientation,
+      class: u(a(r)("button-group", `button-group--${t.orientation}`, t.class))
+    }, [
+      i(e.$slots, "default", {}, void 0, !0)
+    ], 10, g));
+  }
+}), k = /* @__PURE__ */ c(b, [["__scopeId", "data-v-10dc75ee"]]), x = /* @__PURE__ */ s({
+  __name: "Separator",
+  props: {
+    orientation: { default: "horizontal" },
+    decorative: { type: Boolean, default: !0 },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(o) {
+    const t = o, e = _(t, "class");
+    return (l, m) => (n(), p(a(B), d({ "data-slot": "separator" }, a(e), {
+      class: a(r)("separator", t.class)
+    }), null, 16, ["class"]));
+  }
+}), S = /* @__PURE__ */ c(x, [["__scopeId", "data-v-02e74a9d"]]), $ = /* @__PURE__ */ s({
+  __name: "ButtonGroupSeparator",
+  props: {
+    orientation: { default: "vertical" },
+    decorative: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(o) {
+    const t = o, e = _(t, "class");
+    return (l, m) => (n(), p(a(S), d({ "data-slot": "button-group-separator" }, a(e), {
+      orientation: t.orientation,
+      class: a(r)("button-group-separator", t.class)
+    }), null, 16, ["orientation", "class"]));
+  }
+}), T = /* @__PURE__ */ c($, [["__scopeId", "data-v-6c3c09e8"]]), C = /* @__PURE__ */ s({
+  __name: "ButtonGroupText",
+  props: {
+    class: {},
+    asChild: { type: Boolean },
+    as: { default: "div" }
+  },
+  setup(o) {
+    const t = o;
+    return (e, l) => (n(), p(a(v), {
+      as: o.as,
+      "as-child": o.asChild,
+      class: u(a(r)("button-group-text", t.class))
+    }, {
+      default: h(() => [
+        i(e.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 8, ["as", "as-child", "class"]));
+  }
+}), w = /* @__PURE__ */ c(C, [["__scopeId", "data-v-e434e88e"]]);
+function E(o) {
+  const t = (o == null ? void 0 : o.orientation) ?? "horizontal";
+  return r("button-group", `button-group--${t}`);
+}
+export {
+  k as B,
+  S,
+  T as a,
+  w as b,
+  E as c
+};

package/dist/index.d.ts

@@ -2,27 +2,38 @@
 export { cn } from './lib/utils';
 export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, } from './components/ui/button-group';
 export type { ButtonGroupVariants } from './components/ui/button-group';
-/**
- * @deprecated Install directly via `npx shadcn-vue@latest add button`.
- * The component will be themed automatically when using kuat-core.
- */
-export { Button, buttonVariants } from './components/ui/button';
-/** @deprecated */
-export type { ButtonVariants } from './components/ui/button';
-/**
- * @deprecated Install directly via `npx shadcn-vue@latest add accordion`.
- * The component will be themed automatically when using kuat-core.
- */
+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 { 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';
+export type { KuatRadialProgressSize, KuatRadialProgressColor, } from './components/ui/kuat-radial-progress';
+export { KuatLogoLockup, EELogoIcon, KUAT_LOGO_LOCKUP_USE, KUAT_LOGO_LOCKUP_MODE, } from './components/ui/kuat-logo-lockup';
+export type { KuatLogoLockupUse, KuatLogoLockupMode, } from './components/ui/kuat-logo-lockup';
 export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, } from './components/ui/accordion';
-/**
- * @deprecated Install directly via `npx shadcn-vue@latest add alert-dialog`.
- * The component will be themed automatically when using kuat-core.
- */
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from './components/ui/alert-dialog';
-/**
- * @deprecated Install directly via `npx shadcn-vue@latest add badge`.
- * The component will be themed automatically when using kuat-core.
- */
-export { Badge, badgeVariants } from './components/ui/badge';
-/** @deprecated */
-export type { BadgeVariants } from './components/ui/badge';
+export { Badge, badgeVariants, BADGE_VARIANTS, BADGE_ROUNDNESS } from './components/ui/badge';
+export type { BadgeVariants, BadgeVariant, BadgeRoundness } from './components/ui/badge';
+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';