@wow-two-beta/ui-vue 0.0.2

package/dist/chunks/AnchoredPositioner.vue_vue_type_script_setup_true_lang-BpBVI2Cu.js

@@ -0,0 +1,53 @@
+import { defineComponent, useAttrs, useTemplateRef, computed, openBlock, createElementBlock, mergeProps, renderSlot, createCommentVNode } from "vue";
+import { useFloating, autoUpdate, offset, flip, shift, size } from "@floating-ui/vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "AnchoredPositioner", inheritAttrs: false },
+  __name: "AnchoredPositioner",
+  props: {
+    anchor: {},
+    placement: { default: "bottom" },
+    offset: { default: 8 },
+    isOpen: { type: Boolean, default: true }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const attrs = useAttrs();
+    const floating = useTemplateRef("floating");
+    const reference = computed(() => props.anchor);
+    const { floatingStyles } = useFloating(reference, floating, {
+      open: () => props.isOpen,
+      placement: () => props.placement,
+      middleware: computed(() => [
+        offset(props.offset),
+        flip(),
+        shift({ padding: 8 }),
+        size({
+          apply({ rects, elements }) {
+            elements.floating.style.setProperty("--anchor-width", `${rects.reference.width}px`);
+            elements.floating.style.setProperty("--anchor-height", `${rects.reference.height}px`);
+          }
+        })
+      ]),
+      whileElementsMounted: autoUpdate
+    });
+    const rest = computed(() => {
+      const { style: _style, ...others } = attrs;
+      return others;
+    });
+    const styles = computed(() => [floatingStyles.value, attrs.style]);
+    __expose({ el: floating });
+    return (_ctx, _cache) => {
+      return props.isOpen ? (openBlock(), createElementBlock("div", mergeProps({
+        key: 0,
+        ref_key: "floating",
+        ref: floating
+      }, rest.value, { style: styles.value }), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};
+//# sourceMappingURL=AnchoredPositioner.vue_vue_type_script_setup_true_lang-BpBVI2Cu.js.map

package/dist/chunks/AnchoredPositioner.vue_vue_type_script_setup_true_lang-BpBVI2Cu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnchoredPositioner.vue_vue_type_script_setup_true_lang-BpBVI2Cu.js","sources":["../../src/foundation/primitives/anchoredPositioner/AnchoredPositioner.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { Placement } from '@floating-ui/vue';\nimport type { HTMLAttributes } from 'vue';\n\nexport interface AnchoredPositionerProps extends /* @vue-ignore */ HTMLAttributes {\n  /** The element the floating layer should be anchored to. */\n  anchor: HTMLElement | null;\n\n  /** The Floating UI placement. Default `bottom`. */\n  placement?: Placement;\n\n  /** The distance between anchor and floating element in px. Default 8. */\n  offset?: number;\n\n  /** The open flag — renders the floating element only when open. */\n  isOpen?: boolean;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  autoUpdate,\n  flip,\n  offset as offsetMiddleware,\n  shift,\n  size as sizeMiddleware,\n  useFloating,\n} from '@floating-ui/vue';\nimport { computed, useAttrs, useTemplateRef, type CSSProperties } from 'vue';\n\n/**\n * Position slot content relative to an anchor element using Floating UI.\n * Auto-flips and shifts to stay in viewport. Use as the positioning surface\n * for Tooltip, Popover, Menu, HoverCard.\n *\n * Exposes the anchor's measured size as CSS variables on the floating\n * element, enabling consumers to size content relative to the trigger:\n *\n *     style=\"--anchor-width: 240px; --anchor-height: 36px;\"\n *\n * Common pattern: `min-w-[var(--anchor-width)]` on a Select dropdown so\n * the panel never narrows below the trigger.\n *\n * `@floating-ui/vue` takes the reference and floating elements as refs rather\n * than React's `refs.setFloating` callback; the middleware list and\n * `autoUpdate` are the same core API as `@floating-ui/react`.\n */\ndefineOptions({ name: 'AnchoredPositioner', inheritAttrs: false });\n\nconst props = withDefaults(\n  defineProps<{\n    anchor: HTMLElement | null;\n    placement?: Placement;\n    offset?: number;\n    isOpen?: boolean;\n  }>(),\n  { placement: 'bottom', offset: 8, isOpen: true },\n);\n\nconst attrs = useAttrs();\nconst floating = useTemplateRef<HTMLDivElement>('floating');\n/** A `computed` satisfies Floating UI's `Readonly<Ref<…>>` reference parameter. */\nconst reference = computed(() => props.anchor);\n\nconst { floatingStyles } = useFloating(reference, floating, {\n  open: () => props.isOpen,\n  placement: () => props.placement,\n  middleware: computed(() => [\n    offsetMiddleware(props.offset),\n    flip(),\n    shift({ padding: 8 }),\n    sizeMiddleware({\n      apply({ rects, elements }) {\n        elements.floating.style.setProperty('--anchor-width', `${rects.reference.width}px`);\n        elements.floating.style.setProperty('--anchor-height', `${rects.reference.height}px`);\n      },\n    }),\n  ]),\n  whileElementsMounted: autoUpdate,\n});\n\nconst rest = computed(() => {\n  const { style: _style, ...others } = attrs;\n  return others;\n});\n\n/** The caller's inline style lands last, so it wins over the computed position. */\nconst styles = computed(() => [floatingStyles.value, attrs.style as CSSProperties | undefined]);\n\ndefineExpose({ el: floating });\n</script>\n\n<template>\n  <div v-if=\"props.isOpen\" ref=\"floating\" v-bind=\"rest\" :style=\"styles\"><slot /></div>\n</template>\n"],"names":["offsetMiddleware","sizeMiddleware","_openBlock","_createElementBlock","_mergeProps","_renderSlot"],"mappings":";;;;;;;;;;;;AAiDA,UAAM,QAAQ;AAUd,UAAM,QAAQ,SAAA;AACd,UAAM,WAAW,eAA+B,UAAU;AAE1D,UAAM,YAAY,SAAS,MAAM,MAAM,MAAM;AAE7C,UAAM,EAAE,eAAA,IAAmB,YAAY,WAAW,UAAU;AAAA,MAC1D,MAAM,MAAM,MAAM;AAAA,MAClB,WAAW,MAAM,MAAM;AAAA,MACvB,YAAY,SAAS,MAAM;AAAA,QACzBA,OAAiB,MAAM,MAAM;AAAA,QAC7B,KAAA;AAAA,QACA,MAAM,EAAE,SAAS,GAAG;AAAA,QACpBC,KAAe;AAAA,UACb,MAAM,EAAE,OAAO,YAAY;AACzB,qBAAS,SAAS,MAAM,YAAY,kBAAkB,GAAG,MAAM,UAAU,KAAK,IAAI;AAClF,qBAAS,SAAS,MAAM,YAAY,mBAAmB,GAAG,MAAM,UAAU,MAAM,IAAI;AAAA,UACtF;AAAA,QAAA,CACD;AAAA,MAAA,CACF;AAAA,MACD,sBAAsB;AAAA,IAAA,CACvB;AAED,UAAM,OAAO,SAAS,MAAM;AAC1B,YAAM,EAAE,OAAO,QAAQ,GAAG,WAAW;AACrC,aAAO;AAAA,IACT,CAAC;AAGD,UAAM,SAAS,SAAS,MAAM,CAAC,eAAe,OAAO,MAAM,KAAkC,CAAC;AAE9F,aAAa,EAAE,IAAI,UAAU;;AAIhB,aAAA,MAAM,UAAjBC,UAAA,GAAAC,mBAAoF,OAApFC,WAAoF;AAAA;iBAAvD;AAAA,QAAJ,KAAI;AAAA,MAAA,GAAmB,KAAA,OAAI,EAAG,OAAO,OAAA,MAAA,CAAM,GAAA;AAAA,QAAEC,WAAQ,KAAA,QAAA,SAAA;AAAA,MAAA;;;;"}

package/dist/chunks/Announce.vue_vue_type_script_setup_true_lang-CDTltiIl.js

@@ -0,0 +1,46 @@
+import { defineComponent, useAttrs, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import { c as cn } from "./cn-CzDCF-Ah.js";
+const _hoisted_1 = ["role", "aria-live"];
+const Politeness = {
+  /** Refers to a non-urgent announcement — `role="status"`, waits for idle. */
+  Polite: "polite",
+  /** Refers to an urgent announcement — `role="alert"`, interrupts. */
+  Assertive: "assertive"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "Announce", inheritAttrs: false },
+  __name: "Announce",
+  props: {
+    politeness: { default: Politeness.Polite }
+  },
+  setup(__props) {
+    const props = __props;
+    const attrs = useAttrs();
+    const classes = computed(
+      () => cn(
+        "absolute h-px w-px overflow-hidden whitespace-nowrap border-0 p-0",
+        "m-[-1px] [clip:rect(0_0_0_0)] [clip-path:inset(50%)]",
+        attrs.class
+      )
+    );
+    const rest = computed(() => {
+      const { class: _class, ...others } = attrs;
+      return others;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps(rest.value, {
+        role: props.politeness === Politeness.Assertive ? "alert" : "status",
+        "aria-live": props.politeness,
+        "aria-atomic": "true",
+        class: classes.value
+      }), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16, _hoisted_1);
+    };
+  }
+});
+export {
+  Politeness as P,
+  _sfc_main as _
+};
+//# sourceMappingURL=Announce.vue_vue_type_script_setup_true_lang-CDTltiIl.js.map

package/dist/chunks/Announce.vue_vue_type_script_setup_true_lang-CDTltiIl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Announce.vue_vue_type_script_setup_true_lang-CDTltiIl.js","sources":["../../src/foundation/primitives/announce/Announce.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { HTMLAttributes } from 'vue';\n\n/** Defines the urgency of an ARIA live-region announcement. */\nexport const Politeness = {\n  /** Refers to a non-urgent announcement — `role=\"status\"`, waits for idle. */\n  Polite: 'polite',\n  /** Refers to an urgent announcement — `role=\"alert\"`, interrupts. */\n  Assertive: 'assertive',\n} as const;\n\nexport type Politeness = (typeof Politeness)[keyof typeof Politeness];\n\nexport interface AnnounceProps extends /* @vue-ignore */ HTMLAttributes {\n  /** The live-region urgency — `polite` → `role=\"status\"`, `assertive` → `role=\"alert\"`. Default `polite`. */\n  politeness?: Politeness;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport { cn } from '../../utils/cn';\n\n/**\n * Visually-hidden ARIA live region. Slot content is announced by screen readers\n * whenever it changes. Pair with a stable mount + swappable content for\n * lightweight transient announcements (status updates, toast messages, etc.).\n */\ndefineOptions({ name: 'Announce', inheritAttrs: false });\n\nconst props = withDefaults(defineProps<{ politeness?: Politeness }>(), {\n  politeness: Politeness.Polite,\n});\n\nconst attrs = useAttrs();\n\nconst classes = computed(() =>\n  cn(\n    'absolute h-px w-px overflow-hidden whitespace-nowrap border-0 p-0',\n    'm-[-1px] [clip:rect(0_0_0_0)] [clip-path:inset(50%)]',\n    attrs.class as string | undefined,\n  ),\n);\n\nconst rest = computed(() => {\n  const { class: _class, ...others } = attrs;\n  return others;\n});\n</script>\n\n<template>\n  <div\n    v-bind=\"rest\"\n    :role=\"props.politeness === Politeness.Assertive ? 'alert' : 'status'\"\n    :aria-live=\"props.politeness\"\n    aria-atomic=\"true\"\n    :class=\"classes\"\n  >\n    <slot />\n  </div>\n</template>\n"],"names":["_createElementBlock","_mergeProps","_renderSlot"],"mappings":";;;AAIO,MAAM,aAAa;AAAA;AAAA,EAExB,QAAQ;AAAA;AAAA,EAER,WAAW;AACb;;;;;;;;AAqBA,UAAM,QAAQ;AAId,UAAM,QAAQ,SAAA;AAEd,UAAM,UAAU;AAAA,MAAS,MACvB;AAAA,QACE;AAAA,QACA;AAAA,QACA,MAAM;AAAA,MAAA;AAAA,IACR;AAGF,UAAM,OAAO,SAAS,MAAM;AAC1B,YAAM,EAAE,OAAO,QAAQ,GAAG,WAAW;AACrC,aAAO;AAAA,IACT,CAAC;;0BAICA,mBAQM,OARNC,WAQM,KAAA,OAPQ;AAAA,QACX,MAAM,MAAM,eAAe,WAAW,YAAS,UAAA;AAAA,QAC/C,aAAW,MAAM;AAAA,QAClB,eAAY;AAAA,QACX,OAAO,QAAA;AAAA,MAAA;QAERC,WAAQ,KAAA,QAAA,SAAA;AAAA,MAAA;;;;"}

package/dist/chunks/ApiError-l0YdcqqV.js

@@ -0,0 +1,15 @@
+class ApiError extends Error {
+  status;
+  problem;
+  constructor(status, problem, message) {
+    super(message ?? problem?.title ?? problem?.detail ?? `Request failed with status ${status}`);
+    this.name = "ApiError";
+    this.status = status;
+    this.problem = problem;
+    Object.setPrototypeOf(this, ApiError.prototype);
+  }
+}
+export {
+  ApiError as A
+};
+//# sourceMappingURL=ApiError-l0YdcqqV.js.map

package/dist/chunks/ApiError-l0YdcqqV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiError-l0YdcqqV.js","sources":["../../src/foundation/http/ApiError.ts"],"sourcesContent":["import type { ProblemDetails } from './ProblemDetails';\n\n/** Defines a typed transport error thrown on a non-2xx response (or network status `0`), carrying the HTTP status and parsed problem body. */\nexport class ApiError extends Error {\n  readonly status: number;\n  readonly problem: ProblemDetails | null;\n\n  constructor(status: number, problem: ProblemDetails | null, message?: string) {\n    super(message ?? problem?.title ?? problem?.detail ?? `Request failed with status ${status}`);\n    this.name = 'ApiError';\n    this.status = status;\n    this.problem = problem;\n    // Restore prototype chain — required when subclassing built-ins under transpiled targets.\n    Object.setPrototypeOf(this, ApiError.prototype);\n  }\n}\n"],"names":[],"mappings":"AAGO,MAAM,iBAAiB,MAAM;AAAA,EACzB;AAAA,EACA;AAAA,EAET,YAAY,QAAgB,SAAgC,SAAkB;AAC5E,UAAM,WAAW,SAAS,SAAS,SAAS,UAAU,8BAA8B,MAAM,EAAE;AAC5F,SAAK,OAAO;AACZ,SAAK,SAAS;AACd,SAAK,UAAU;AAEf,WAAO,eAAe,MAAM,SAAS,SAAS;AAAA,EAChD;AACF;"}