opui-css 5.4.3 → 6.0.0-rc.2

package/dist/components/Anchor/Anchor.svelte

@@ -0,0 +1,46 @@
+<script lang="ts">
+  import { untrack } from "svelte"
+  import { setAnchorContext } from "./context.svelte.js"
+  import { warnMissingId } from "../dev.js"
+  import { mergeStyle } from "../style.js"
+  import { extendsAnchor } from "./root.js"
+  import { classAttrs } from "../cx.js"
+  import type { Props } from "./types.svelte.js"
+
+  let {
+    class: className,
+    id: idProp,
+    positionArea,
+    style,
+    trigger,
+
+    // Snippets
+    children,
+    ...rest
+  }: Props = $props()
+
+  const isHover = $derived(trigger === "hover")
+  const id = $derived(isHover ? (idProp ?? undefined) : undefined)
+  untrack(() => {
+    if (isHover && !extendsAnchor(className)) {
+      warnMissingId("Anchor", id, "interestfor")
+    }
+  })
+  setAnchorContext({
+    get floatingId() {
+      return id
+    },
+    get popover() {
+      return isHover ? ("hint" as const) : undefined
+    },
+  })
+</script>
+
+<span
+  {...classAttrs([!extendsAnchor(className) && "ui-anchor", className])}
+  id={isHover ? undefined : idProp}
+  style={mergeStyle({ "--ui-anchor-position-area": positionArea }, style)}
+  {...rest}
+>
+  {@render children?.()}
+</span>

package/dist/components/Anchor/Anchor.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { Props } from "./types.svelte.js";
+declare const Anchor: import("svelte").Component<Props, {}, "">;
+type Anchor = ReturnType<typeof Anchor>;
+export default Anchor;
+//# sourceMappingURL=Anchor.svelte.d.ts.map

package/dist/components/Anchor/Anchor.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Anchor.svelte.d.ts","sourceRoot":"","sources":["../../../components/Anchor/Anchor.svelte"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AA8C5C,QAAA,MAAM,MAAM,2CAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}

package/dist/components/Anchor/Anchor.vue.d.ts

@@ -0,0 +1,38 @@
+import type { Slots } from "./types.vue-props.js";
+type __VLS_Slots = Slots;
+declare const __VLS_base: import("vue").DefineComponent<({
+    positionArea?: string;
+} & {
+    trigger?: never;
+} & import("../vue.js").Class & {
+    id?: import("vue").IntrinsicElementAttributes["span"]["id"];
+}) | ({
+    positionArea?: string;
+} & {
+    id: string;
+    trigger: "hover";
+} & import("../vue.js").Class & {
+    id?: import("vue").IntrinsicElementAttributes["span"]["id"];
+}), {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<({
+    positionArea?: string;
+} & {
+    trigger?: never;
+} & import("../vue.js").Class & {
+    id?: import("vue").IntrinsicElementAttributes["span"]["id"];
+}) | ({
+    positionArea?: string;
+} & {
+    id: string;
+    trigger: "hover";
+} & import("../vue.js").Class & {
+    id?: import("vue").IntrinsicElementAttributes["span"]["id"];
+})> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=Anchor.vue.d.ts.map

package/dist/components/Anchor/Anchor.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Anchor.vue.d.ts","sourceRoot":"","sources":["../../../components/Anchor/Anchor.vue"],"names":[],"mappings":"AAsDA,OAAO,KAAK,EAAS,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAYrD,KAAK,WAAW,GAAG,KAAK,CAAC;AAmDzB,QAAA,MAAM,UAAU;;;;;SArEhB,gDArCG;;;;;;;SAqCH,gDArCG;;;;;;SAqCH,gDArCG;;;;;;;SAqCH,gDArCG;kGA4GD,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Anchor/Anchor.vue.js

@@ -0,0 +1,38 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, renderSlot as _renderSlot, mergeProps as _mergeProps, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = ["id"];
+import { computed, provide, reactive } from "vue";
+import { AnchorKey } from "./context.vue.js";
+import { warnMissingId } from "../dev.js";
+import { mergeStyle } from "../style.js";
+import { extendsAnchor } from "./root.js";
+import { classAttrs } from "../cx.js";
+export default /*@__PURE__*/ _defineComponent({
+    __name: 'Anchor',
+    props: {
+        positionArea: {},
+        trigger: {},
+        id: {},
+        class: { type: [Boolean, null, String, Object, Array] }
+    },
+    setup(__props) {
+        const isHover = computed(() => __props.trigger === "hover");
+        const id = computed(() => (isHover.value ? (__props.id ?? undefined) : undefined));
+        if (isHover.value && !extendsAnchor(__props.class)) {
+            warnMissingId("Anchor", id.value, "interestfor");
+        }
+        provide(AnchorKey, reactive({
+            floatingId: id,
+            popover: computed(() => (isHover.value ? "hint" : undefined)),
+        }));
+        return (_ctx, _cache) => {
+            return (_openBlock(), _createElementBlock("span", _mergeProps(_unref(classAttrs)([!_unref(extendsAnchor)(_ctx.$props.class) && 'ui-anchor', _ctx.$props.class]), {
+                id: isHover.value ? undefined : __props.id,
+                style: _unref(mergeStyle)({ '--ui-anchor-position-area': __props.positionArea }, {})
+            }), [
+                _renderSlot(_ctx.$slots, "default")
+            ], 16 /* FULL_PROPS */, _hoisted_1));
+        };
+    }
+});
+//# sourceMappingURL=Anchor.vue.js.map

package/dist/components/Anchor/Anchor.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Anchor.vue.js","mappings":";;;AACA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,KAAI;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAc;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,QAAO;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAS;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,QAAO;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAM;;;;;;;;;;QAWjC,MAAM,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,eAAO,KAAK,OAAO;QAElD,MAAM,EAAE,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAM,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAE7E,IAAI,OAAO,CAAC,KAAK,IAAI,CAAC,aAAa,CAAC,aAAS,CAAC,EAAE;YAC9C,aAAa,CAAC,QAAQ,EAAE,EAAE,CAAC,KAAK,EAAE,aAAa;QACjD;QAEA,OAAO,CACL,SAAS,EACT,QAAQ,CAAC;YACP,UAAU,EAAE,EAAE;YACd,OAAO,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAE,MAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;SACzE,CAAC,CACJ;;kCAIE,oBAQO,QARP,YACiB,kBAAU,GAAG,qBAAa,CAACA,WAAM,CAAC,KAAK,kBAAkBA,WAAM,CAAC,KAAK;gBAGnF,EAAE,EAAE,aAAO,GAAG,SAAS,GAAG,UAAM;gBAChC,KAAK,EAAE,kBAAU,gCAAgC,oBAAY;;gBAE9D,YAAa","names":["$props"],"ignoreList":[],"sources":["../../../components/Anchor/Anchor.vue"]}

package/dist/components/Anchor/AnchorContent.react.d.ts

@@ -0,0 +1,3 @@
+import type { AnchorContentProps as Props } from "./types.react.js";
+export default function AnchorContent({ className, children, ...rest }: Props): import("react").JSX.Element;
+//# sourceMappingURL=AnchorContent.react.d.ts.map

package/dist/components/Anchor/AnchorContent.react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnchorContent.react.d.ts","sourceRoot":"","sources":["../../../components/Anchor/AnchorContent.react.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAEhE,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,+BAa5E"}

package/dist/components/Anchor/AnchorContent.react.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { defined } from "../attrs.js";
+import { cx } from "../cx.js";
+import { useAnchorContext } from "./context.react.js";
+export default function AnchorContent({ className, children, ...rest }) {
+    const anchor = useAnchorContext();
+    return (_jsx("span", { className: cx(["ui-floating", className]), id: anchor?.floatingId, popover: anchor?.popover, ...defined(rest), children: children }));
+}
+//# sourceMappingURL=AnchorContent.react.js.map

package/dist/components/Anchor/AnchorContent.react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnchorContent.react.js","sourceRoot":"","sources":["../../../components/Anchor/AnchorContent.react.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAClC,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAGlD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAS;IAC3E,MAAM,MAAM,GAAG,gBAAgB,EAAE,CAAA;IAEjC,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC,EACzC,EAAE,EAAE,MAAM,EAAE,UAAU,EACtB,OAAO,EAAE,MAAM,EAAE,OAAO,KACpB,OAAO,CAAC,IAAI,CAAC,YAEhB,QAAQ,GACJ,CACR,CAAA;AACH,CAAC"}

package/dist/components/Anchor/AnchorContent.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+  import { getAnchorContext } from "./context.svelte.js"
+  import { defined } from "../attrs.js"
+  import type { AnchorContentProps as Props } from "./types.svelte.js"
+
+  let {
+    class: className,
+
+    // Snippets
+    children,
+    ...rest
+  }: Props = $props()
+
+  const anchor = getAnchorContext()
+</script>
+
+<span
+  class={["ui-floating", className]}
+  id={anchor?.floatingId}
+  popover={anchor?.popover}
+  {...defined(rest)}
+>
+  {@render children?.()}
+</span>

package/dist/components/Anchor/AnchorContent.svelte.d.ts

@@ -0,0 +1,4 @@
+declare const AnchorContent: import("svelte").Component<import("svelte/elements").HTMLAttributes<HTMLSpanElement>, {}, "">;
+type AnchorContent = ReturnType<typeof AnchorContent>;
+export default AnchorContent;
+//# sourceMappingURL=AnchorContent.svelte.d.ts.map

package/dist/components/Anchor/AnchorContent.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnchorContent.svelte.d.ts","sourceRoot":"","sources":["../../../components/Anchor/AnchorContent.svelte"],"names":[],"mappings":"AA6BA,QAAA,MAAM,aAAa,+FAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/components/Anchor/AnchorContent.vue.d.ts

@@ -0,0 +1,12 @@
+import type { Slots } from "./types.vue-props.js";
+type __VLS_Slots = Slots;
+declare const __VLS_base: import("vue").DefineComponent<import("../vue.js").Class, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("../vue.js").Class> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=AnchorContent.vue.d.ts.map

package/dist/components/Anchor/AnchorContent.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnchorContent.vue.d.ts","sourceRoot":"","sources":["../../../components/Anchor/AnchorContent.vue"],"names":[],"mappings":"AAkCA,OAAO,KAAK,EAA+B,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAM3E,KAAK,WAAW,GAAG,KAAK,CAAC;AA2CzB,QAAA,MAAM,UAAU,8TAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Anchor/AnchorContent.vue.js

@@ -0,0 +1,29 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, renderSlot as _renderSlot, mergeProps as _mergeProps, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = ["id", "popover"];
+import { inject, useAttrs } from "vue";
+import { AnchorKey } from "./context.vue.js";
+import { defined } from "../attrs.js";
+export default /*@__PURE__*/ _defineComponent({
+    ...{
+        inheritAttrs: false,
+    },
+    __name: 'AnchorContent',
+    props: {
+        class: { type: [Boolean, null, String, Object, Array] }
+    },
+    setup(__props) {
+        const attrs = useAttrs();
+        const anchor = inject(AnchorKey, undefined);
+        return (_ctx, _cache) => {
+            return (_openBlock(), _createElementBlock("span", _mergeProps({
+                class: ['ui-floating', _ctx.$props.class],
+                id: _unref(anchor)?.floatingId,
+                popover: _unref(anchor)?.popover
+            }, _unref(defined)(_unref(attrs))), [
+                _renderSlot(_ctx.$slots, "default")
+            ], 16 /* FULL_PROPS */, _hoisted_1));
+        };
+    }
+});
+//# sourceMappingURL=AnchorContent.vue.js.map

package/dist/components/Anchor/AnchorContent.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnchorContent.vue.js","mappings":";;;AACA,OAAO,EAAuB,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAI;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,eAAc;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAS;;;;;;;;;;QAUjC,MAAM,KAAK,GAAG,QAAQ,EAAmB;QAEzC,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,EAAE,SAAS;;kCAIxC,oBAOO,QAPP,YAOO;gBANJ,KAAK,kBAAkBA,WAAM,CAAC,KAAK;gBACnC,EAAE,EAAE,cAAM,EAAE,UAAU;gBACtB,OAAO,EAAE,cAAM,EAAE,OAAO;eACjB,eAAO,CAAC,aAAK;gBAErB,YAAa","names":["$props"],"ignoreList":[],"sources":["../../../components/Anchor/AnchorContent.vue"]}

package/dist/components/Anchor/context.react.d.ts

@@ -0,0 +1,4 @@
+import type { Context } from "./types.js";
+export declare const AnchorContext: import("react").Context<Context | undefined>;
+export declare const useAnchorContext: () => Context | undefined;
+//# sourceMappingURL=context.react.d.ts.map

package/dist/components/Anchor/context.react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.react.d.ts","sourceRoot":"","sources":["../../../components/Anchor/context.react.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAEtC,eAAO,MAAM,aAAa,8CAAgD,CAAA;AAE1E,eAAO,MAAM,gBAAgB,2BAAkC,CAAA"}

package/dist/components/Anchor/context.react.js

@@ -0,0 +1,5 @@
+"use client";
+import { createContext, useContext } from "react";
+export const AnchorContext = createContext(undefined);
+export const useAnchorContext = () => useContext(AnchorContext);
+//# sourceMappingURL=context.react.js.map

package/dist/components/Anchor/context.react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.react.js","sourceRoot":"","sources":["../../../components/Anchor/context.react.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGjD,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAsB,SAAS,CAAC,CAAA;AAE1E,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,CAAA"}

package/dist/components/Anchor/context.svelte.d.ts

@@ -0,0 +1,6 @@
+/** @type {() => Context | undefined} */
+export const getAnchorContext: () => Context | undefined;
+/** @type {(context: Context) => Context} */
+export const setAnchorContext: (context: Context) => Context;
+import type { Context } from "./types.js";
+//# sourceMappingURL=context.svelte.d.ts.map

package/dist/components/Anchor/context.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.svelte.d.ts","sourceRoot":"","sources":["../../../components/Anchor/context.svelte.js"],"names":[],"mappings":"AAKA,wCAAwC;AACxC,+BADW,MAAM,OAAO,GAAG,SAAS,CACiB;AACrD,4CAA4C;AAC5C,+BADW,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAC6B;6BARxC,SAAS"}

package/dist/components/Anchor/context.svelte.js

@@ -0,0 +1,8 @@
+/** @import { Context } from "./types.js" */
+import { getContext, setContext } from "svelte";
+const key = Symbol();
+/** @type {() => Context | undefined} */
+export const getAnchorContext = () => getContext(key);
+/** @type {(context: Context) => Context} */
+export const setAnchorContext = (context) => setContext(key, context);
+//# sourceMappingURL=context.svelte.js.map

package/dist/components/Anchor/context.svelte.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.svelte.js","sourceRoot":"","sources":["../../../components/Anchor/context.svelte.js"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AAE/C,MAAM,GAAG,GAAG,MAAM,EAAE,CAAA;AAEpB,wCAAwC;AACxC,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAA;AACrD,4CAA4C;AAC5C,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,OAAO,CAAC,CAAA"}

package/dist/components/Anchor/context.vue.d.ts

@@ -0,0 +1,4 @@
+import type { InjectionKey } from "vue";
+import type { Context } from "./types.js";
+export declare const AnchorKey: InjectionKey<Context>;
+//# sourceMappingURL=context.vue.d.ts.map

package/dist/components/Anchor/context.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.vue.d.ts","sourceRoot":"","sources":["../../../components/Anchor/context.vue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,KAAK,CAAA;AACvC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAEtC,eAAO,MAAM,SAAS,EAAe,YAAY,CAAC,OAAO,CAAC,CAAA"}

package/dist/components/Anchor/context.vue.js

@@ -0,0 +1,2 @@
+export const AnchorKey = Symbol();
+//# sourceMappingURL=context.vue.js.map

package/dist/components/Anchor/context.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.vue.js","sourceRoot":"","sources":["../../../components/Anchor/context.vue.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,EAA2B,CAAA"}

package/dist/components/Anchor/root.d.ts

@@ -0,0 +1,2 @@
+export declare const extendsAnchor: (value: unknown) => boolean;
+//# sourceMappingURL=root.d.ts.map

package/dist/components/Anchor/root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../../components/Anchor/root.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,GAAI,OAAO,OAAO,KAAG,OAS9C,CAAA"}

package/dist/components/Anchor/root.js

@@ -0,0 +1,13 @@
+const roots = new Set(["ui-badge", "ui-tooltip"]);
+export const extendsAnchor = (value) => {
+    if (typeof value === "string") {
+        return value.split(/\s+/).some((name) => roots.has(name));
+    }
+    if (Array.isArray(value))
+        return value.some(extendsAnchor);
+    if (value && typeof value === "object") {
+        return Object.entries(value).some(([name, on]) => on && roots.has(name));
+    }
+    return false;
+};
+//# sourceMappingURL=root.js.map

package/dist/components/Anchor/root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"root.js","sourceRoot":"","sources":["../../../components/Anchor/root.ts"],"names":[],"mappings":"AAAA,MAAM,KAAK,GAAG,IAAI,GAAG,CAAC,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC,CAAA;AAEjD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAc,EAAW,EAAE;IACvD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAA;IAC3D,CAAC;IACD,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;IAC1D,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QACvC,OAAO,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,IAAI,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAA;IAC1E,CAAC;IACD,OAAO,KAAK,CAAA;AACd,CAAC,CAAA"}

package/dist/components/Anchor/types.d.ts

@@ -0,0 +1,14 @@
+export type Props = {
+    positionArea?: string;
+} & ({
+    trigger?: never;
+} | {
+    id: string;
+    trigger: "hover";
+});
+export type AnchorContentProps = {};
+export type Context = {
+    floatingId?: string;
+    popover?: "hint";
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/Anchor/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../components/Anchor/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,KAAK,GAAG;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,GAAG,CACA;IACE,OAAO,CAAC,EAAE,KAAK,CAAA;CAChB,GACD;IACE,EAAE,EAAE,MAAM,CAAA;IACV,OAAO,EAAE,OAAO,CAAA;CACjB,CACJ,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,EAAE,CAAA;AAEnC,MAAM,MAAM,OAAO,GAAG;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA"}

package/dist/components/Anchor/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/Anchor/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../components/Anchor/types.ts"],"names":[],"mappings":""}

package/dist/components/Anchor/types.react.d.ts

@@ -0,0 +1,5 @@
+import type * as Base from "./types.js";
+import type { ComponentProps } from "react";
+export type Props = Base.Props & ComponentProps<"span">;
+export type AnchorContentProps = Base.AnchorContentProps & ComponentProps<"span">;
+//# sourceMappingURL=types.react.d.ts.map

package/dist/components/Anchor/types.react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.react.d.ts","sourceRoot":"","sources":["../../../components/Anchor/types.react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,IAAI,MAAM,SAAS,CAAA;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,cAAc,CAAC,MAAM,CAAC,CAAA;AAEvD,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,GACtD,cAAc,CAAC,MAAM,CAAC,CAAA"}

package/dist/components/Anchor/types.react.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.react.js.map

package/dist/components/Anchor/types.react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.react.js","sourceRoot":"","sources":["../../../components/Anchor/types.react.ts"],"names":[],"mappings":""}

package/dist/components/Anchor/types.svelte.d.ts

@@ -0,0 +1,5 @@
+import type * as Base from "./types.js";
+import type { SvelteHTMLElements } from "svelte/elements";
+export type Props = Base.Props & SvelteHTMLElements["span"];
+export type AnchorContentProps = Base.AnchorContentProps & SvelteHTMLElements["span"];
+//# sourceMappingURL=types.svelte.d.ts.map

package/dist/components/Anchor/types.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.svelte.d.ts","sourceRoot":"","sources":["../../../components/Anchor/types.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,IAAI,MAAM,SAAS,CAAA;AACpC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAEzD,MAAM,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAA;AAE3D,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,GACtD,kBAAkB,CAAC,MAAM,CAAC,CAAA"}

package/dist/components/Anchor/types.svelte.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.svelte.js.map

package/dist/components/Anchor/types.svelte.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.svelte.js","sourceRoot":"","sources":["../../../components/Anchor/types.svelte.ts"],"names":[],"mappings":""}

package/dist/components/Anchor/types.vue-props.d.ts

@@ -0,0 +1,9 @@
+import type { IntrinsicElementAttributes } from "vue";
+import type { Class, DefaultSlots } from "../vue.js";
+import type { AnchorContentProps as BaseAnchorContentProps, Props as BaseProps } from "./types.js";
+export type AnchorContentProps = BaseAnchorContentProps & Class;
+export type Props = BaseProps & Class & {
+    id?: IntrinsicElementAttributes["span"]["id"];
+};
+export type Slots = DefaultSlots;
+//# sourceMappingURL=types.vue-props.d.ts.map

package/dist/components/Anchor/types.vue-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.vue-props.d.ts","sourceRoot":"","sources":["../../../components/Anchor/types.vue-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,KAAK,CAAA;AACrD,OAAO,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAA;AACjD,OAAO,KAAK,EACV,kBAAkB,IAAI,sBAAsB,EAC5C,KAAK,IAAI,SAAS,EACnB,MAAM,SAAS,CAAA;AAEhB,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,GAAG,KAAK,CAAA;AAE/D,MAAM,MAAM,KAAK,GAAG,SAAS,GAC3B,KAAK,GAAG;IAAE,EAAE,CAAC,EAAE,0BAA0B,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAA;CAAE,CAAA;AAE3D,MAAM,MAAM,KAAK,GAAG,YAAY,CAAA"}

package/dist/components/Anchor/types.vue-props.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.vue-props.js.map

package/dist/components/Anchor/types.vue-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.vue-props.js","sourceRoot":"","sources":["../../../components/Anchor/types.vue-props.ts"],"names":[],"mappings":""}

package/dist/components/Avatar/Avatar.react.d.ts

@@ -0,0 +1,3 @@
+import type { Props } from "./types.react.js";
+export default function Avatar({ alt, as, className, disabled, href, shape, size, src, variant, children, ...rest }: Props): import("react").JSX.Element;
+//# sourceMappingURL=Avatar.react.d.ts.map

package/dist/components/Avatar/Avatar.react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.react.d.ts","sourceRoot":"","sources":["../../../components/Avatar/Avatar.react.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAE1C,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,GAAG,EACH,EAAE,EACF,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,GAAG,EACH,OAAO,EACP,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,KAAK,+BAkBP"}

package/dist/components/Avatar/Avatar.react.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { defined } from "../attrs.js";
+import { cx } from "../cx.js";
+import { tagAttrs } from "../tag.js";
+export default function Avatar({ alt, as, className, disabled, href, shape, size, src, variant, children, ...rest }) {
+    const Tag = as || (href ? "a" : "div");
+    return (_jsx(Tag, { className: cx([
+            "ui-avatar",
+            shape && shape !== "circle" && `ui-${shape}`,
+            size && size !== "medium" && `ui-${size}`,
+            variant && variant !== "filled" && `ui-${variant}`,
+            className,
+        ]), ...tagAttrs(Tag, disabled, href), ...defined(rest), children: src ? _jsx("img", { src: src, alt: alt ?? "" }) : children }));
+}
+//# sourceMappingURL=Avatar.react.js.map

package/dist/components/Avatar/Avatar.react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.react.js","sourceRoot":"","sources":["../../../components/Avatar/Avatar.react.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAClC,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAGjC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,GAAG,EACH,EAAE,EACF,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,GAAG,EACH,OAAO,EACP,QAAQ,EACR,GAAG,IAAI,EACD;IACN,MAAM,GAAG,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;IAEtC,OAAO,CACL,KAAC,GAAG,IACF,SAAS,EAAE,EAAE,CAAC;YACZ,WAAW;YACX,KAAK,IAAI,KAAK,KAAK,QAAQ,IAAI,MAAM,KAAK,EAAE;YAC5C,IAAI,IAAI,IAAI,KAAK,QAAQ,IAAI,MAAM,IAAI,EAAE;YACzC,OAAO,IAAI,OAAO,KAAK,QAAQ,IAAI,MAAM,OAAO,EAAE;YAClD,SAAS;SACV,CAAC,KACE,QAAQ,CAAC,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,KAC7B,OAAO,CAAC,IAAc,CAAC,YAE1B,GAAG,CAAC,CAAC,CAAC,cAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,GAAI,CAAC,CAAC,CAAC,QAAQ,GAC/C,CACP,CAAA;AACH,CAAC"}

package/dist/components/Avatar/Avatar.svelte

@@ -0,0 +1,42 @@
+<script lang="ts">
+  import { tagAttrs } from "../tag.js"
+  import { defined } from "../attrs.js"
+  import type { Props } from "./types.svelte.js"
+
+  let {
+    alt,
+    as,
+    class: className,
+    disabled,
+    href,
+    shape,
+    size,
+    src,
+    variant,
+
+    // Snippets
+    children,
+    ...rest
+  }: Props = $props()
+
+  const Tag = $derived(as || (href ? "a" : "div"))
+</script>
+
+<svelte:element
+  this={Tag}
+  class={[
+    "ui-avatar",
+    shape && shape !== "circle" && `ui-${shape}`,
+    size && size !== "medium" && `ui-${size}`,
+    variant && variant !== "filled" && `ui-${variant}`,
+    className,
+  ]}
+  {...tagAttrs(Tag, disabled, href)}
+  {...defined(rest)}
+>
+  {#if src}
+    <img {src} alt={alt ?? ""} />
+  {:else}
+    {@render children?.()}
+  {/if}
+</svelte:element>