@equal-experts/kuat-vue 0.12.0 → 0.13.1

package/dist/components/ui/kuat-header/constants.d.ts

@@ -1,4 +1,83 @@
+import { Component, VNode } from 'vue';
+
 export declare const KUAT_HEADER_VARIANTS: readonly ["default", "bold"];
 export type KuatHeaderVariant = (typeof KUAT_HEADER_VARIANTS)[number];
+export declare const KUAT_HEADER_LOCKUP_VARIANTS: readonly ["default", "demo"];
+export type KuatHeaderLockupVariant = (typeof KUAT_HEADER_LOCKUP_VARIANTS)[number];
 export declare const EE_LOGO_TEXT_COLORS: readonly ["grey", "white"];
 export type EELogoTextColor = (typeof EE_LOGO_TEXT_COLORS)[number];
+export declare const KUAT_HEADER_APP_SWITCHER_EMPTY: readonly ["hide", "message"];
+export type KuatHeaderAppSwitcherEmpty = (typeof KUAT_HEADER_APP_SWITCHER_EMPTY)[number];
+export interface KuatHeaderApp {
+    id: string;
+    label: string;
+    href: string;
+    description?: string;
+    icon?: Component | VNode;
+}
+export interface KuatHeaderAppSwitcherLabels {
+    trigger?: string;
+    nav?: string;
+    title?: string;
+    teaserTitle?: string;
+    teaserDescription?: string;
+}
+export interface KuatHeaderAppSwitcherConfig {
+    apps: KuatHeaderApp[];
+    loading?: boolean;
+    empty?: KuatHeaderAppSwitcherEmpty;
+    emptyMessage?: string;
+    linkTarget?: string;
+    labels?: KuatHeaderAppSwitcherLabels;
+    onOpen?: () => void;
+    onSelect?: (app: KuatHeaderApp) => void;
+}
+export interface KuatHeaderAccountItem {
+    label: string;
+    href: string;
+    icon?: Component | VNode;
+}
+export interface KuatHeaderAccountMobileTier {
+    heading: string;
+    subtitle?: string;
+    items: KuatHeaderAccountItem[];
+}
+export interface KuatHeaderAccountLabels {
+    teaserTitle?: string;
+    teaserDescription?: string;
+    nav?: string;
+    title?: string;
+}
+export interface KuatHeaderAccountConfig {
+    items: KuatHeaderAccountItem[];
+    mobile?: KuatHeaderAccountMobileTier;
+    labels?: KuatHeaderAccountLabels;
+}
+export interface KuatHeaderLockupConfig {
+    variant: KuatHeaderLockupVariant;
+}
+export interface KuatHeaderSubItem {
+    label: string;
+    url: string;
+}
+export interface KuatHeaderNavItem extends KuatHeaderSubItem {
+    items?: KuatHeaderSubItem[];
+}
+/** @deprecated Use `KuatHeaderAccountItem` with `href`. */
+export interface KuatHeaderActionItem {
+    label: string;
+    url: string;
+    icon?: Component | VNode;
+    items?: KuatHeaderSubItem[];
+}
+/** @deprecated Use `KuatHeaderAccountMobileTier` via `account.mobile`. */
+export interface KuatHeaderMobileAccountItem {
+    label: string;
+    href: string;
+}
+/** @deprecated Use `KuatHeaderAccountMobileTier` via `account.mobile`. */
+export interface KuatHeaderMobileAccount {
+    heading: string;
+    subtitle?: string;
+    items: KuatHeaderMobileAccountItem[];
+}

package/dist/components/ui/kuat-header/index.d.ts

@@ -4,8 +4,9 @@ import { KuatHeaderVariant } from './constants';
 export { default as KuatHeader } from './KuatHeader.vue';
 export { default as EELogo } from './EELogo.vue';
 export { cn };
-export { KUAT_HEADER_VARIANTS, EE_LOGO_TEXT_COLORS } from './constants';
-export type { KuatHeaderVariant, EELogoTextColor } from './constants';
+export { KUAT_HEADER_VARIANTS, KUAT_HEADER_LOCKUP_VARIANTS, EE_LOGO_TEXT_COLORS, KUAT_HEADER_APP_SWITCHER_EMPTY, } from './constants';
+export { shouldShowAppSwitcher, resolveAppSwitcherLabels, resolveAppSwitcherEmptyMessage, resolveAccountLabels, shouldShowAccountMobileTier, hasStructuredAccount, resolveHeaderLockup, resolveMobileSheetAriaLabel, resolveDesktopAccountMenuItems, shouldUseDesktopAccountDropdown, } from './kuat-header.logic';
+export type { KuatHeaderVariant, KuatHeaderLockupVariant, EELogoTextColor, KuatHeaderApp, KuatHeaderAppSwitcherConfig, KuatHeaderAppSwitcherLabels, KuatHeaderAppSwitcherEmpty, KuatHeaderAccountItem, KuatHeaderAccountConfig, KuatHeaderAccountMobileTier, KuatHeaderAccountLabels, KuatHeaderLockupConfig, KuatHeaderSubItem, KuatHeaderNavItem, KuatHeaderActionItem, KuatHeaderMobileAccount, KuatHeaderMobileAccountItem, } from './constants';
 export type KuatHeaderVariants = {
     variant?: KuatHeaderVariant;
 };

package/dist/components/ui/kuat-header/kuat-header.logic.d.ts

@@ -0,0 +1,29 @@
+import { KuatHeaderAccountConfig, KuatHeaderAppSwitcherConfig, KuatHeaderAppSwitcherLabels, KuatHeaderLockupConfig, KuatHeaderLockupVariant, KuatHeaderSubItem } from './constants';
+
+export declare function shouldShowAppSwitcher(config?: KuatHeaderAppSwitcherConfig): boolean;
+export declare function resolveAppSwitcherLabels(config?: KuatHeaderAppSwitcherConfig): Required<KuatHeaderAppSwitcherLabels>;
+export declare function resolveAppSwitcherEmptyMessage(config?: KuatHeaderAppSwitcherConfig): string;
+export declare function shouldShowAccountMobileTier(account?: KuatHeaderAccountConfig): boolean;
+export declare function hasStructuredAccount(account?: KuatHeaderAccountConfig): boolean;
+export declare function resolveDesktopAccountMenuItems(account?: KuatHeaderAccountConfig): KuatHeaderSubItem[];
+export declare function shouldUseDesktopAccountDropdown(account?: KuatHeaderAccountConfig): boolean;
+export declare function resolveAccountLabels(account?: KuatHeaderAccountConfig): {
+    teaserTitle: string;
+    teaserDescription: string;
+    nav: string;
+    title: string;
+};
+export type HeaderLockupMode = "hidden" | "custom" | "builtin";
+export declare function resolveHeaderLockup(options: {
+    logo?: unknown | null;
+    lockup?: KuatHeaderLockupConfig;
+}): {
+    mode: HeaderLockupMode;
+    lockupVariant: KuatHeaderLockupVariant;
+};
+export declare function resolveMobileSheetAriaLabel(options: {
+    mobileMenuAriaLabel?: string;
+    showAppSwitcher: boolean;
+    hasStructuredNavigation: boolean;
+    hasAccountMobileTier: boolean;
+}): string;

package/dist/components/ui/select/KuatSelect.vue.d.ts

@@ -71,11 +71,11 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     placeholder: string;
     items: SelectItems;
     position: "item-aligned" | "popper";
-    maxHeight: number | string;
+    invalid: boolean;
     prepend: string;
+    maxHeight: number | string;
     decoration: string;
     lines: SelectLines;
-    invalid: boolean;
     emptyText: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

package/dist/components/ui/select/SelectTrigger.vue.d.ts

@@ -41,10 +41,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
 }>>> & Readonly<{}>, {
     label: string;
     size: SelectSize;
+    invalid: boolean;
     prepend: string;
     decoration: string;
     lines: SelectLines;
-    invalid: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/dist/{constants-Ils7NSfg.js → constants-BZKku54w.js}

@@ -2,7 +2,7 @@ import { defineComponent as b, mergeModels as v, useModel as V, useAttrs as S, c
 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";
+import { r as L } from "./index-OELvcT-N.js";
 const U = /* @__PURE__ */ b({
   inheritAttrs: !1,
   __name: "Switch",

package/dist/{constants-BpzIL1jq.js → constants-DC1CCNlp.js}

@@ -3,7 +3,7 @@ import { c as A } from "./utils-DLUjLwnh.js";
 import { _ as T, c as M, a as N, d as O, b as P } from "./FieldTitle.vue_vue_type_script_setup_true_lang-Bu8UIwRT.js";
 import { CheckboxRoot as D, CheckboxIndicator as F } from "reka-ui";
 import { Check as L, Minus as U } from "lucide-vue-next";
-import { r as q } from "./index-A7umpmtg.js";
+import { r as q } from "./index-OELvcT-N.js";
 const w = /* @__PURE__ */ k({
   inheritAttrs: !1,
   __name: "Checkbox",

package/dist/{constants-D_fYMnOg.js → constants-DWBWMp2p.js}

@@ -2,7 +2,7 @@ import { defineComponent as m, createBlock as u, openBlock as p, unref as a, mer
 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";
+import { r as k } from "./index-OELvcT-N.js";
 const j = /* @__PURE__ */ m({
   __name: "RadioGroup",
   props: {

package/dist/icon-button.d.ts

@@ -0,0 +1,3 @@
+export { cn } from './lib/utils';
+export { IconButton, iconButtonVariants, ICON_BUTTON_SIZES, ICON_BUTTON_ROUNDNESS, ICON_BUTTON_VARIANT_DEFAULT_ALIAS, ICON_BUTTON_SIZE_SM_ALIAS, ICON_BUTTON_SIZE_LG_ALIAS, } from './components/ui/icon-button';
+export type { IconButtonVariants, IconButtonSize, IconButtonRoundness, } from './components/ui/icon-button';

package/dist/icon-button.js

@@ -0,0 +1,12 @@
+import { c as N } from "./utils-DLUjLwnh.js";
+import { a, I as O, d as S, c as s, b as A, _ as o, i as t } from "./index-lZY__1xm.js";
+export {
+  a as ICON_BUTTON_ROUNDNESS,
+  O as ICON_BUTTON_SIZES,
+  S as ICON_BUTTON_SIZE_LG_ALIAS,
+  s as ICON_BUTTON_SIZE_SM_ALIAS,
+  A as ICON_BUTTON_VARIANT_DEFAULT_ALIAS,
+  o as IconButton,
+  N as cn,
+  t as iconButtonVariants
+};

package/dist/index-OELvcT-N.js

@@ -0,0 +1,54 @@
+import { computed as s, watch as l, isRef as i, reactive as u, unref as f, toRefs as a, toValue as d } from "vue";
+const v = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const p = Object.prototype.toString, w = (e) => p.call(e) === "[object Object]", g = () => {
+};
+function b(e) {
+  return Array.isArray(e) ? e : [e];
+}
+function y(e) {
+  return i(e) ? u(new Proxy({}, {
+    get(n, t, r) {
+      return f(Reflect.get(e.value, t, r));
+    },
+    set(n, t, r) {
+      return i(e.value[t]) && !i(r) ? e.value[t].value = r : e.value[t] = r, !0;
+    },
+    deleteProperty(n, t) {
+      return Reflect.deleteProperty(e.value, t);
+    },
+    has(n, t) {
+      return Reflect.has(e.value, t);
+    },
+    ownKeys() {
+      return Object.keys(e.value);
+    },
+    getOwnPropertyDescriptor() {
+      return {
+        enumerable: !0,
+        configurable: !0
+      };
+    }
+  })) : u(e);
+}
+function m(e) {
+  return y(s(e));
+}
+function h(e, ...n) {
+  const t = n.flat(), r = t[0];
+  return m(() => Object.fromEntries(typeof r == "function" ? Object.entries(a(e)).filter(([o, c]) => !r(d(c), o)) : Object.entries(a(e)).filter((o) => !t.includes(o[0]))));
+}
+function P(e, n, t) {
+  return l(e, n, {
+    ...t,
+    immediate: !0
+  });
+}
+export {
+  w as a,
+  v as i,
+  g as n,
+  h as r,
+  b as t,
+  P as w
+};

package/dist/{index-iz_NZI-V.js → index-Tp80OeHH.js}

@@ -2,7 +2,7 @@ import { defineComponent as s, createElementBlock as f, openBlock as n, normaliz
 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";
+import { r as _ } from "./index-OELvcT-N.js";
 const g = ["data-orientation"], b = /* @__PURE__ */ s({
   __name: "ButtonGroup",
   props: {

package/dist/index-lZY__1xm.js

@@ -0,0 +1,76 @@
+import { defineComponent as f, computed as n, createBlock as m, openBlock as v, unref as i, normalizeClass as b, withCtx as _, renderSlot as I } from "vue";
+import { Primitive as N } from "reka-ui";
+import { c as o } from "./utils-DLUjLwnh.js";
+const O = /* @__PURE__ */ f({
+  __name: "IconButton",
+  props: {
+    variant: { default: "primary" },
+    size: { default: "regular" },
+    color: { default: "ee-blue" },
+    roundness: { default: "default" },
+    type: { default: "button" },
+    class: {},
+    asChild: { type: Boolean },
+    as: { default: "button" }
+  },
+  setup(t) {
+    const e = t;
+    function u(r) {
+      return r === "default" ? "primary" : r ?? "primary";
+    }
+    function l(r) {
+      return r === "sm" ? "small" : r === "lg" ? "large" : r ?? "regular";
+    }
+    const a = n(() => u(e.variant)), s = n(() => l(e.size)), c = n(() => a.value === "destructive"), d = n(() => {
+      if (!e.asChild && e.as === "button")
+        return e.type;
+    });
+    return (r, y) => (v(), m(i(N), {
+      as: t.as,
+      "as-child": t.asChild,
+      type: d.value,
+      class: b(
+        i(o)(
+          "button",
+          "icon-button",
+          `button--variant-${a.value}`,
+          c.value ? [] : `button--color-${t.color}`,
+          `icon-button--size-${s.value}`,
+          `icon-button--roundness-${t.roundness}`,
+          e.class
+        )
+      )
+    }, {
+      default: _(() => [
+        I(r.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["as", "as-child", "type", "class"]));
+  }
+}), B = "default", A = ["mini", "small", "regular", "large"], $ = "sm", h = "lg", U = ["default", "round"];
+function S(t) {
+  return t === "default" ? "primary" : t ?? "primary";
+}
+function T(t) {
+  return t === "sm" ? "small" : t === "lg" ? "large" : t ?? "regular";
+}
+function D(t) {
+  const e = S((t == null ? void 0 : t.variant) ?? "primary"), u = T((t == null ? void 0 : t.size) ?? "regular"), l = (t == null ? void 0 : t.color) ?? "ee-blue", a = (t == null ? void 0 : t.roundness) ?? "default", c = e === "destructive" ? "" : `button--color-${l}`;
+  return o(
+    "button",
+    "icon-button",
+    `button--variant-${e}`,
+    c,
+    `icon-button--size-${u}`,
+    `icon-button--roundness-${a}`
+  );
+}
+export {
+  A as I,
+  O as _,
+  U as a,
+  B as b,
+  $ as c,
+  h as d,
+  D as i
+};

package/dist/index.d.ts

@@ -4,7 +4,10 @@ export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants
 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 type { KuatHeaderVariants, KuatHeaderVariant, KuatHeaderLockupVariant, KuatHeaderApp, KuatHeaderAppSwitcherConfig, KuatHeaderAccountConfig, KuatHeaderAccountItem, KuatHeaderNavItem, KuatHeaderLockupConfig, KuatHeaderMobileAccount, KuatHeaderMobileAccountItem, } from './components/ui/kuat-header';
+export { shouldShowAppSwitcher, resolveAppSwitcherLabels, resolveHeaderLockup, } from './components/ui/kuat-header';
+export { IconButton, iconButtonVariants, ICON_BUTTON_SIZES, ICON_BUTTON_ROUNDNESS, ICON_BUTTON_VARIANT_DEFAULT_ALIAS, ICON_BUTTON_SIZE_SM_ALIAS, ICON_BUTTON_SIZE_LG_ALIAS, } from './components/ui/icon-button';
+export type { IconButtonVariants, IconButtonSize, IconButtonRoundness, } from './components/ui/icon-button';
 export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, } from './components/ui/carousel';
 export type { CarouselItemBasis, CarouselResponsiveBasis, CarouselOrientation, CarouselApi, CarouselEventHandler, CarouselEventHandlers, } from './components/ui/carousel';
 export { KuatCarousel, KuatCarouselContent, KuatCarouselItem, KuatCarouselPrevious, KuatCarouselNext, } from './components/ui/kuat-carousel';