@plexui/vue 0.0.0-stage → 0.1.0

package/dist/es/components/TagInput/TagInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagInput.js","sourceRoot":"","sources":["../../../../src/components/TagInput/TagInput.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  computed,\n  defineComponent,\n  h,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  shallowRef,\n  watch,\n  type PropType,\n} from \"vue\"\nimport type { Sizes } from \"@plexui/styles/types\"\nimport { toCssVariables } from \"../../lib/helpers.js\"\nimport { X } from \"../Icon/index.js\"\nimport s from \"@plexui/styles/components/TagInput/TagInput.module.css\"\n\nexport type Tag = {\n  value: string\n  valid: boolean\n}\n\n// How many pixels to reserve on the right of the input as a buffer before wrapping to the next line\nconst INPUT_CURSOR_TOLERANCE_PX = 10\n// The total space reserved on either side of the input for padding\nconst CONTAINER_PADDING_PX = 24\nconst SHAKE_ANIMATION_DURATION_MS = 500\n\n/**\n * Port of packages/ui/src/components/TagInput/TagInput.tsx. Controlled with\n * `value` (`v-model:value`), uncontrolled with `defaultValue`; every change\n * emits `update:value` and `change` with the new tag list.\n */\nexport const TagInput = defineComponent({\n  name: \"TagInput\",\n  // React's TagInput takes no extra attributes (Field's aria-describedby and\n  // aria-invalid are ignored); the render has several roots, so drop them\n  inheritAttrs: false,\n  props: {\n    /** The state of the tag input when it is initially rendered, used when uncontrolled */\n    defaultValue: { type: Array as PropType<Tag[]>, default: () => [] },\n    /** The value of the tag input, used to control the tag input */\n    value: Array as PropType<Tag[]>,\n    /** Allows the tag input to be targeted with `for` */\n    id: String,\n    /** Corresponds with Input height when rows=1. @default \"xl\" */\n    size: { type: String as PropType<Sizes<\"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\">>, default: \"xl\" },\n    /** Placeholder text for the input */\n    placeholder: { type: String, default: \"\" },\n    /** Returns whether a value is a valid tag; invalid tags are highlighted. Evaluated on creation only. */\n    validator: Function as PropType<(value: string) => boolean>,\n    /** The maximum number of tags allowed before the input is disabled; displays a counter below the input */\n    maxTags: Number,\n    /** Whether to focus this input on mount */\n    autoFocus: { type: Boolean, default: false },\n    /** The minimum number of rows for the tag input. @default 1 */\n    rows: { type: Number, default: 1 },\n    /** Controls what characters will count towards creating a new tag. @default [\",\", \" \"] */\n    delimiters: { type: Array as PropType<string[]>, default: () => [\",\", \" \"] },\n    /** Disables the tag input visually and from interactions */\n    disabled: { type: Boolean, default: undefined },\n    /** Fully-rounded container and chips, matching `Input pill` */\n    pill: { type: Boolean, default: false },\n  },\n  emits: {\n    \"update:value\": (_tags: Tag[]) => true,\n    \"change\": (_tags: Tag[]) => true,\n  },\n  setup(props, { emit }) {\n    // Shallow, like React state: emitted lists hold the caller's tag objects, not proxies\n    const internalTags = shallowRef<Tag[]>(props.defaultValue)\n    const value = computed(() => props.value ?? internalTags.value)\n    const isControlled = computed(() => props.value !== undefined)\n    const tags = computed(() => new Map(value.value.map((tag) => [tag.value, tag])))\n\n    const currentInput = ref(\"\")\n    const focused = ref(props.autoFocus)\n    const selectedTag = ref<string | null>(null)\n    const duplicateTags = ref(new Set<string>())\n    const inputWidth = ref(0)\n\n    const inputRef = ref<HTMLInputElement | null>(null)\n    const containerRef = ref<HTMLDivElement | null>(null)\n    const measureRef = ref<HTMLSpanElement | null>(null)\n\n    const showInput = computed(() => !props.maxTags || tags.value.size < props.maxTags)\n    const placeholderText = computed(() => (tags.value.size === 0 ? props.placeholder : undefined))\n\n    // Handle focusing the correct part of the tag input\n    watch(\n      [focused, selectedTag, showInput],\n      () => {\n        if (!focused.value || !containerRef.value) {\n          return\n        }\n        const defaultFocusEl = inputRef.value ?? containerRef.value\n        if (selectedTag.value === null) {\n          defaultFocusEl.focus()\n        } else {\n          const selectedTagElement = containerRef.value.querySelector(\n            `[data-tag=\"${CSS.escape(selectedTag.value)}\"]`,\n          ) as HTMLElement | null\n          if (selectedTagElement) {\n            selectedTagElement.focus()\n          } else {\n            defaultFocusEl.focus()\n          }\n        }\n      },\n      { flush: \"post\" },\n    )\n\n    // Position the real input inside the container (see the React source for the reasoning)\n    let observer: ResizeObserver | undefined\n    const measure = () => {\n      observer?.disconnect()\n      const container = containerRef.value\n      const measureEl = measureRef.value\n      if (!container || !measureEl) {\n        return\n      }\n\n      const recompute = () => {\n        const containerRect = container.getBoundingClientRect()\n        const tagElements = Array.from(container.querySelectorAll(\"[data-tag]\")) as HTMLDivElement[]\n\n        // Grab the right edge of the last tag if it exists, otherwise the left edge of the container\n        const leftBound =\n          tagElements.length > 0\n            ? tagElements[tagElements.length - 1]!.getBoundingClientRect().right\n            : containerRect.left\n\n        measureEl.textContent = currentInput.value || placeholderText.value || \"\"\n\n        // By padding the text width, we ensure the input wraps to the next line\n        // before we get to the point where we start to overflow\n        const textWidth = measureEl.getBoundingClientRect().width + INPUT_CURSOR_TOLERANCE_PX\n        const remainingSpace = containerRect.right - leftBound - CONTAINER_PADDING_PX\n\n        if (textWidth <= remainingSpace) {\n          inputWidth.value = remainingSpace\n        } else {\n          // We are going to flow to a new line, so recalculate remaining space based on the container size\n          inputWidth.value = containerRect.right - containerRect.left - CONTAINER_PADDING_PX\n        }\n      }\n\n      recompute()\n      observer = new ResizeObserver(recompute)\n      observer.observe(container)\n      container.querySelectorAll(\"[data-tag]\").forEach((chip) => observer!.observe(chip))\n    }\n    onMounted(measure)\n    watch([currentInput, placeholderText, tags], measure, { flush: \"post\" })\n\n    const setTags = (newTags: Tag[]) => {\n      emit(\"update:value\", newTags)\n      emit(\"change\", newTags)\n      if (!isControlled.value) {\n        internalTags.value = newTags\n      }\n    }\n\n    // Adds every value in one update: a paste of \"a,b\" must not compute\n    // each addition from the same stale `tags` snapshot.\n    const addTags = (tagValues: string[]) => {\n      const next = new Map(tags.value)\n      let changed = false\n      for (const tagValue of tagValues) {\n        if (props.maxTags && next.size >= props.maxTags) {\n          break\n        }\n        const trimmed = tagValue.trim()\n        if (!trimmed) {\n          continue\n        }\n        if (next.has(trimmed)) {\n          duplicateTags.value = new Set(duplicateTags.value).add(trimmed)\n          setTimeout(() => {\n            const remaining = new Set(duplicateTags.value)\n            remaining.delete(trimmed)\n            duplicateTags.value = remaining\n          }, SHAKE_ANIMATION_DURATION_MS)\n          continue\n        }\n        const validTag = props.validator?.(trimmed) ?? true\n        next.set(trimmed, { value: trimmed, valid: validTag })\n        changed = true\n      }\n      if (!changed) {\n        return\n      }\n      setTags(Array.from(next.values()))\n    }\n\n    const addTag = (tagValue: string) => addTags([tagValue])\n\n    const removeTag = (tag: string) => {\n      if (props.disabled) {\n        return\n      }\n      const next = new Map(tags.value)\n      next.delete(tag)\n      setTags(Array.from(next.values()))\n      if (selectedTag.value === tag) {\n        selectedTag.value = null\n      }\n    }\n\n    const selectPreviousTag = () => {\n      if (tags.value.size === 0) {\n        return\n      }\n      const tagList = Array.from(tags.value.keys())\n      if (selectedTag.value === null) {\n        selectedTag.value = tagList[tagList.length - 1]!\n      } else {\n        const prevIndex = tagList.indexOf(selectedTag.value)\n        selectedTag.value = tagList[Math.max(0, prevIndex - 1)]!\n      }\n    }\n\n    const selectNextTag = () => {\n      if (selectedTag.value === null) {\n        return\n      }\n      const tagList = Array.from(tags.value.keys())\n      const index = tagList.indexOf(selectedTag.value) + 1\n      selectedTag.value = index < tagList.length ? tagList[index]! : null\n    }\n\n    const isEmptyStartingSelection = () => {\n      const input = inputRef.value\n      if (!input) {\n        return true\n      }\n      return input.selectionStart === 0 && input.selectionEnd === 0\n    }\n\n    const handleContainerBlur = () => {\n      focused.value = false\n      selectedTag.value = null\n      // A disabled tag input keeps the pending text instead of committing it\n      if (currentInput.value && !props.disabled) {\n        addTag(currentInput.value)\n        currentInput.value = \"\"\n      }\n    }\n\n    const handleContainerKeyDown = (e: KeyboardEvent) => {\n      // A tag can keep focus while the input turns disabled: no selecting or removing then\n      if (props.disabled) {\n        return\n      }\n      if (e.key === \"ArrowLeft\" || e.key === \"ArrowUp\") {\n        if (isEmptyStartingSelection()) {\n          e.preventDefault()\n          selectPreviousTag()\n        }\n      } else if (e.key === \"ArrowRight\" || e.key === \"ArrowDown\") {\n        if (selectedTag.value !== null) {\n          e.preventDefault()\n          selectNextTag()\n        }\n      } else if (e.key === \"Backspace\") {\n        if (selectedTag.value !== null) {\n          removeTag(selectedTag.value)\n        } else if (isEmptyStartingSelection()) {\n          selectPreviousTag()\n        }\n      }\n    }\n\n    const handleInputKeyDown = (e: KeyboardEvent) => {\n      if (e.key === \"Enter\" || props.delimiters.includes(e.key)) {\n        e.preventDefault()\n        if (currentInput.value) {\n          addTag(currentInput.value)\n          currentInput.value = \"\"\n        }\n      } else if (e.key === \"Tab\") {\n        if (currentInput.value) {\n          e.preventDefault()\n          addTag(currentInput.value)\n          currentInput.value = \"\"\n        }\n      }\n    }\n\n    const handlePaste = (e: ClipboardEvent) => {\n      const text = e.clipboardData?.getData(\"Text\") ?? \"\"\n      let parts = [text]\n\n      // Split by all delimiters\n      for (const delimiter of props.delimiters) {\n        const newParts: string[] = []\n        for (const segment of parts) {\n          newParts.push(...segment.split(delimiter))\n        }\n        parts = newParts\n      }\n\n      // Remove empty parts\n      parts = parts.filter(Boolean)\n\n      if (parts.length > 1) {\n        e.preventDefault()\n        addTags(parts)\n      }\n    }\n\n    const handleContainerMouseDown = (e: MouseEvent) => {\n      // All clicks in the container focus the container\n      focused.value = true\n\n      // If the click is on a tag pill, the tag's click handler focuses it\n      if (e.target && e.target instanceof Element && e.target.closest(\"[data-tag]\")) {\n        return\n      }\n\n      // Since we know we didn't click a tag, clear any selected tag\n      selectedTag.value = null\n\n      // If this click is outside of the input, prevent it from \"stealing\" focus from the input\n      const input = inputRef.value\n      if (e.target && e.target instanceof Element && input && !input.contains(e.target)) {\n        e.preventDefault()\n\n        const { left, right, top, bottom } = input.getBoundingClientRect()\n        const { clientX, clientY } = e\n\n        // If this is the first click, clear the selection. Otherwise, select the input contents\n        if (e.detail === 1) {\n          if (clientY < top || clientX < left) {\n            // \"Before\" the input: top/left\n            input.setSelectionRange(0, 0)\n          } else if (clientY > bottom || clientX > right) {\n            // \"After\" the input: bottom/right\n            const length = input.value.length\n            input.setSelectionRange(length, length)\n          }\n        } else {\n          input.select()\n        }\n      }\n    }\n\n    const handleFocus = (e: FocusEvent) => {\n      // If the focus is on a tag pill, the click handler for the tag handles it\n      if (e.target && e.target instanceof Element && e.target.closest(\"[data-tag]\")) {\n        return\n      }\n      focused.value = true\n    }\n\n    const handleBlur = (e: FocusEvent) => {\n      // If there is no related target, don't remove focus (clicks inside the container)\n      if (!e.relatedTarget || !(e.relatedTarget instanceof Node)) {\n        return\n      }\n      // Don't clear focus if focus is only moved elsewhere within the container\n      if (containerRef.value && containerRef.value.contains(e.relatedTarget)) {\n        // If we just tabbed into the input, clear the selected tag\n        if (inputRef.value && inputRef.value.contains(e.relatedTarget)) {\n          selectedTag.value = null\n        }\n        return\n      }\n      handleContainerBlur()\n    }\n\n    // usehooks-ts' useOnClickOutside: mousedown outside the container\n    const handleDocumentMouseDown = (e: MouseEvent) => {\n      const container = containerRef.value\n      if (!container || !(e.target instanceof Node) || container.contains(e.target)) return\n      handleContainerBlur()\n    }\n    onMounted(() => document.addEventListener(\"mousedown\", handleDocumentMouseDown))\n    onBeforeUnmount(() => {\n      document.removeEventListener(\"mousedown\", handleDocumentMouseDown)\n      observer?.disconnect()\n    })\n\n    // Focus on mount when requested, like React's initial `focused` state\n    onMounted(() => {\n      if (focused.value) void nextTick(() => (inputRef.value ?? containerRef.value)?.focus())\n    })\n\n    return () => [\n      h(\n        \"div\",\n        {\n          \"class\": s.Container,\n          \"ref\": containerRef,\n          \"onKeydown\": handleContainerKeyDown,\n          \"onMousedown\": handleContainerMouseDown,\n          \"onFocusin\": handleFocus,\n          \"onFocusout\": handleBlur,\n          \"data-size\": props.size,\n          \"data-focused\": focused.value ? \"\" : undefined,\n          \"data-empty\": tags.value.size === 0 ? \"\" : undefined,\n          \"data-pill\": props.pill ? \"\" : undefined,\n          // At maxTags the input is gone, so the container becomes the tab stop;\n          // arrow keys and Backspace then select and remove tags from here\n          \"tabindex\": showInput.value || props.disabled ? -1 : 0,\n          \"style\": toCssVariables({ \"min-rows\": String(props.rows) }),\n          \"data-disabled\": props.disabled ? \"\" : undefined,\n        },\n        [\n          h(\"div\", { class: s.TagInput }, [\n            ...Array.from(tags.value.values()).map((tag) =>\n              h(\n                \"div\",\n                {\n                  \"key\": tag.value,\n                  \"class\": s.Tag,\n                  \"tabindex\": -1,\n                  \"onClick\": () => (selectedTag.value = tag.value),\n                  \"data-tag\": tag.value,\n                  \"data-invalid\": !tag.valid ? \"\" : undefined,\n                  \"data-duplicate\": duplicateTags.value.has(tag.value) ? \"\" : undefined,\n                },\n                [\n                  h(\"span\", { class: \"overflow-hidden text-ellipsis\", title: tag.value }, [\n                    h(\"span\", { class: s.TagValue }, tag.value),\n                  ]),\n                  h(\n                    \"div\",\n                    { \"class\": s.TagRemove, \"onClick\": () => removeTag(tag.value), \"role\": \"button\", \"aria-label\": \"Remove item\" },\n                    [h(X)],\n                  ),\n                ],\n              ),\n            ),\n            showInput.value\n              ? h(\"div\", { class: s.InputContainer }, [\n                  // Hidden element to measure input width\n                  h(\"span\", { ref: measureRef, class: s.InputMeasure }),\n                  h(\"div\", { class: s.InputWrapper }, [\n                    h(\"input\", {\n                      id: props.id,\n                      class: s.Input,\n                      ref: inputRef,\n                      value: currentInput.value,\n                      onInput: (e: Event) => (currentInput.value = (e.target as HTMLInputElement).value),\n                      onPaste: handlePaste,\n                      onKeydown: handleInputKeyDown,\n                      placeholder: placeholderText.value,\n                      style: { width: `${inputWidth.value}px` },\n                      disabled: props.disabled,\n                    }),\n                  ]),\n                ])\n              : null,\n          ]),\n        ],\n      ),\n      // 0 means no limit, as for the input above: no counter\n      props.maxTags\n        ? h(\"div\", { class: s.Limit }, [String(tags.value.size), h(\"span\", { class: \"mx-px\" }, \"/\"), String(props.maxTags)])\n        : null,\n    ]\n  },\n})\n\nexport type TagInputProps = InstanceType<typeof TagInput>[\"$props\"]\n"]}

package/dist/es/components/TagInput/index.js

@@ -0,0 +1,2 @@
+export { TagInput } from "./TagInput.js";
+//# sourceMappingURL=index.js.map

package/dist/es/components/TagInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TagInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAgC,MAAM,eAAe,CAAA","sourcesContent":["export { TagInput, type Tag, type TagInputProps } from \"./TagInput.js\"\n"]}

package/dist/es/components/TextLink/TextLink.js

@@ -0,0 +1,83 @@
+import { defineComponent, h } from "vue";
+import { takesToProp } from "../../lib/renderHelpers.js";
+import { useLinkComponent } from "../PlexUIProvider/internal.js";
+import s from "@plexui/styles/components/TextLink/TextLink.module.css";
+// Drops undefined entries so a router link's own `href` is not overridden
+const defined = (props) => Object.fromEntries(Object.entries(props).filter(([, value]) => value !== undefined));
+const callHandlers = (handlers, event) => {
+    for (const handler of Array.isArray(handlers) ? handlers : [handlers]) {
+        if (typeof handler === "function")
+            handler(event);
+    }
+};
+/** Vue port of packages/ui/src/components/TextLink/TextLink.tsx. */
+export const TextLink = defineComponent({
+    name: "TextLink",
+    inheritAttrs: false,
+    props: {
+        /** URL */
+        href: String,
+        /** Router link destination (internal) */
+        to: [String, Object],
+        /** Applies a primary color to the link and removes the default `underline`. @default false */
+        primary: { type: Boolean, default: false },
+        /** Apply `text-decoration: underline` to the Link. @default true unless `primary` */
+        underline: { type: Boolean, default: undefined },
+        /** Force external link behavior, which is automatically detected based on the URL. */
+        forceExternal: { type: Boolean, default: undefined },
+        /** Override the default component used for the link (e.g. a router link). */
+        as: [String, Object, Function],
+        /** Where to open the link. External links default to `_blank`. */
+        target: String,
+    },
+    setup(props, { slots, attrs }) {
+        const DefaultComponent = useLinkComponent();
+        return () => {
+            const { href, to, primary } = props;
+            const underline = props.underline ?? !primary;
+            const isExternal = props.forceExternal ?? /^https?:\/\//.test(href ?? (typeof to === "string" ? to : "") ?? "");
+            const Component = props.as || (isExternal ? "a" : DefaultComponent.value);
+            // Caller attributes first, so the link's own class and data attributes win
+            const sharedProps = {
+                ...attrs,
+                "class": [s.TextLink, attrs.class],
+                "data-primary": primary ? "" : undefined,
+                "data-underline": underline ? "" : undefined,
+            };
+            // Visible link, but non-anchor element. Useful if you want a visual link
+            // that cannot be naturally meta-clicked (e.g., inadvertently open a new tab)
+            if (!href && !to) {
+                // With a click listener the span acts as a button, so it must be
+                // focusable and respond to Enter and Space like one
+                const actionable = !!attrs.onClick;
+                const onKeydown = attrs.onKeydown;
+                return h("span", {
+                    ...sharedProps,
+                    role: "button",
+                    tabindex: attrs.tabindex ?? (actionable ? 0 : undefined),
+                    onKeydown: (evt) => {
+                        callHandlers(onKeydown, evt);
+                        if (actionable && !evt.defaultPrevented && (evt.key === "Enter" || evt.key === " ")) {
+                            evt.preventDefault();
+                            evt.currentTarget.click();
+                        }
+                    },
+                }, slots.default?.());
+            }
+            const linkProps = defined({
+                // An explicit target wins, as in ButtonLink; external links default to _blank
+                ...(isExternal
+                    ? { target: props.target ?? "_blank", rel: "noopener noreferrer", href: href ?? to }
+                    : // A router link (`to` required) gets the href as `to`
+                        to === undefined && takesToProp(Component)
+                            ? { to: href, target: props.target }
+                            : { href, to, target: props.target }),
+                ...sharedProps,
+            });
+            return typeof Component === "string"
+                ? h(Component, linkProps, slots.default?.())
+                : h(Component, linkProps, { default: () => slots.default?.() });
+        };
+    },
+});
+//# sourceMappingURL=TextLink.js.map

package/dist/es/components/TextLink/TextLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextLink.js","sourceRoot":"","sources":["../../../../src/components/TextLink/TextLink.ts"],"names":[],"mappings":"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","sourcesContent":["import { defineComponent, h, type PropType } from \"vue\"\nimport { takesToProp } from \"../../lib/renderHelpers.js\"\nimport { useLinkComponent } from \"../PlexUIProvider/internal.js\"\nimport type { LinkComponent } from \"../PlexUIProvider/index.js\"\nimport s from \"@plexui/styles/components/TextLink/TextLink.module.css\"\n\ntype RouteTarget = string | Record<string, unknown>\n\n// Drops undefined entries so a router link's own `href` is not overridden\nconst defined = (props: Record<string, unknown>) =>\n  Object.fromEntries(Object.entries(props).filter(([, value]) => value !== undefined))\n\nconst callHandlers = (handlers: unknown, event: Event) => {\n  for (const handler of Array.isArray(handlers) ? handlers : [handlers]) {\n    if (typeof handler === \"function\") handler(event)\n  }\n}\n\n/** Vue port of packages/ui/src/components/TextLink/TextLink.tsx. */\nexport const TextLink = defineComponent({\n  name: \"TextLink\",\n  inheritAttrs: false,\n  props: {\n    /** URL */\n    href: String,\n    /** Router link destination (internal) */\n    to: [String, Object] as PropType<RouteTarget>,\n    /** Applies a primary color to the link and removes the default `underline`. @default false */\n    primary: { type: Boolean, default: false },\n    /** Apply `text-decoration: underline` to the Link. @default true unless `primary` */\n    underline: { type: Boolean, default: undefined },\n    /** Force external link behavior, which is automatically detected based on the URL. */\n    forceExternal: { type: Boolean, default: undefined },\n    /** Override the default component used for the link (e.g. a router link). */\n    as: [String, Object, Function] as PropType<LinkComponent>,\n    /** Where to open the link. External links default to `_blank`. */\n    target: String,\n  },\n  setup(props, { slots, attrs }) {\n    const DefaultComponent = useLinkComponent()\n\n    return () => {\n      const { href, to, primary } = props\n      const underline = props.underline ?? !primary\n      const isExternal = props.forceExternal ?? /^https?:\\/\\//.test(href ?? (typeof to === \"string\" ? to : \"\") ?? \"\")\n      const Component = props.as || (isExternal ? \"a\" : DefaultComponent.value)\n\n      // Caller attributes first, so the link's own class and data attributes win\n      const sharedProps = {\n        ...attrs,\n        \"class\": [s.TextLink, attrs.class],\n        \"data-primary\": primary ? \"\" : undefined,\n        \"data-underline\": underline ? \"\" : undefined,\n      }\n\n      // Visible link, but non-anchor element. Useful if you want a visual link\n      // that cannot be naturally meta-clicked (e.g., inadvertently open a new tab)\n      if (!href && !to) {\n        // With a click listener the span acts as a button, so it must be\n        // focusable and respond to Enter and Space like one\n        const actionable = !!attrs.onClick\n        const onKeydown = attrs.onKeydown\n        return h(\n          \"span\",\n          {\n            ...sharedProps,\n            role: \"button\",\n            tabindex: attrs.tabindex ?? (actionable ? 0 : undefined),\n            onKeydown: (evt: KeyboardEvent) => {\n              callHandlers(onKeydown, evt)\n              if (actionable && !evt.defaultPrevented && (evt.key === \"Enter\" || evt.key === \" \")) {\n                evt.preventDefault()\n                ;(evt.currentTarget as HTMLElement).click()\n              }\n            },\n          },\n          slots.default?.(),\n        )\n      }\n\n      const linkProps = defined({\n        // An explicit target wins, as in ButtonLink; external links default to _blank\n        ...(isExternal\n          ? { target: props.target ?? \"_blank\", rel: \"noopener noreferrer\", href: href ?? to }\n          : // A router link (`to` required) gets the href as `to`\n            to === undefined && takesToProp(Component)\n            ? { to: href, target: props.target }\n            : { href, to, target: props.target }),\n        ...sharedProps,\n      })\n\n      return typeof Component === \"string\"\n        ? h(Component, linkProps, slots.default?.())\n        : h(Component, linkProps, { default: () => slots.default?.() })\n    }\n  },\n})\n"]}

package/dist/es/components/TextLink/index.js

@@ -0,0 +1,2 @@
+export { TextLink } from "./TextLink.js";
+//# sourceMappingURL=index.js.map

package/dist/es/components/TextLink/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TextLink/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA","sourcesContent":["export { TextLink } from \"./TextLink.js\"\n"]}

package/dist/es/components/Textarea/Textarea.js

@@ -0,0 +1,184 @@
+import { computed, defineComponent, h, nextTick, onMounted, ref, useId, watch, withDirectives, } from "vue";
+import { vServerText } from "../../lib/defaultValue.js";
+import { toCssVariables } from "../../lib/helpers.js";
+import s from "@plexui/styles/components/Textarea/Textarea.module.css";
+const invoke = (handler, event) => {
+    for (const fn of [].concat(handler ?? [])) {
+        if (typeof fn === "function")
+            fn(event);
+    }
+};
+const TextareaComponent = defineComponent({
+    name: "Textarea",
+    inheritAttrs: false,
+    props: {
+        /** Visual style of the textarea. @default "outline" */
+        variant: { type: String, default: "outline" },
+        /** Controls the size of the textarea. @default "md" */
+        size: { type: String, default: "md" },
+        /** Controls gutter on the edges of the textarea, defaults to value from `size`. */
+        gutterSize: String,
+        /** Disables the textarea visually and from interactions. @default false */
+        disabled: { type: Boolean, default: false },
+        /** Makes the textarea read-only. @default false */
+        readOnly: { type: Boolean, default: false },
+        /** Native spelling of `readOnly` (`<Textarea readonly />`). @default false */
+        readonly: { type: Boolean, default: false },
+        /** Mark the textarea as invalid. @default false */
+        invalid: { type: Boolean, default: false },
+        /** Allow autofill extensions to appear in the textarea. @default `true` when `name` is set, else `false` */
+        allowAutofillExtensions: { type: Boolean, default: undefined },
+        /** Select all contents of the textarea when mounted (and whenever it turns `true`). @default false */
+        autoSelect: { type: Boolean, default: undefined },
+        /** Default number of rows to display. @default 3 */
+        rows: { type: Number, default: 3 },
+        /** Automatically adjust the height of the textarea based on its contents. @default false */
+        autoResize: { type: Boolean, default: undefined },
+        /** Maximum number of rows that can be displayed when autoResize is enabled. @default Math.max(rows, 10) */
+        maxRows: Number,
+        id: String,
+        name: String,
+        /** Controlled value (`v-model:value`) */
+        value: { type: [String, Number], default: undefined },
+        /** Initial value when uncontrolled */
+        defaultValue: { type: [String, Number], default: undefined },
+        /** The textarea's `autocomplete` attribute */
+        autoComplete: String,
+    },
+    emits: {
+        "update:value": (_value) => true,
+        /** Fired when the browser autofills the textarea */
+        "autofill": () => true,
+    },
+    setup(props, { attrs, emit, expose }) {
+        const textAreaRef = ref(null);
+        // Prevent 1Password from appearing: 1Password won't display if it thinks this field is for searching
+        // Allow user to override this for connecting to labels.
+        const onePasswordPreventionId = `search-ui-input-${useId()}`;
+        const focused = ref(false);
+        const computedMaxRows = computed(() => props.autoResize ? Math.max(props.maxRows ?? 10, props.rows) : props.rows);
+        const controlledValue = () => props.value;
+        const runAutoSelect = () => {
+            if (props.autoSelect) {
+                textAreaRef.value?.select();
+            }
+        };
+        const autosizeTextarea = () => {
+            const textarea = textAreaRef.value;
+            if (!props.autoResize || !textarea || computedMaxRows.value === undefined)
+                return;
+            textarea.style.height = "0px";
+            const scrollHeight = textarea.scrollHeight;
+            textarea.style.height = scrollHeight + "px";
+        };
+        // The textarea's value is set imperatively, like React DOM does: a `value`
+        // prop would make Vue mirror it into a `value` attribute, which React
+        // never renders. Puts the controlled value back when it differs.
+        const syncValue = () => {
+            const textarea = textAreaRef.value;
+            const value = controlledValue();
+            if (!textarea || value == null)
+                return;
+            const nextValue = String(value);
+            if (textarea.value !== nextValue)
+                textarea.value = nextValue;
+        };
+        // React runs these effects after mount and when their dependencies change
+        onMounted(() => {
+            const textarea = textAreaRef.value;
+            // React's initTextarea: the initial text becomes the (dirty) value
+            const initialValue = textarea?.textContent ?? "";
+            if (textarea && initialValue !== "")
+                textarea.value = initialValue;
+            runAutoSelect();
+            autosizeTextarea();
+        });
+        // React DOM writes a new value while committing, before any effect runs,
+        // so the selection covers the value that arrives with `autoSelect`
+        watch(() => props.autoSelect, () => {
+            syncValue();
+            runAutoSelect();
+        }, { flush: "post" });
+        // Resize if value changes outside of user input - e.g. form reset
+        watch(() => [controlledValue(), props.rows, props.autoResize, computedMaxRows.value], () => {
+            syncValue();
+            autosizeTextarea();
+        }, { flush: "post" });
+        const handleInput = (evt) => {
+            const next = evt.target.value;
+            emit("update:value", next);
+            autosizeTextarea();
+            // A controlled value the parent did not update wins over the typed text,
+            // as in React
+            void nextTick(syncValue);
+        };
+        expose({
+            /** The rendered <textarea> element */
+            textarea: textAreaRef,
+            focus: () => textAreaRef.value?.focus(),
+        });
+        return () => {
+            const { class: className, onInput, onFocus, onBlur, onAnimationstart, ...restAttrs } = attrs;
+            const { variant, size, gutterSize, disabled, invalid, rows } = props;
+            const readOnly = props.readOnly || props.readonly;
+            // Default to `true` when presence of `name`
+            const allowAutofillExtensions = props.allowAutofillExtensions ?? !!props.name;
+            const value = controlledValue();
+            // React keeps the textarea's defaultValue (its text content) in sync with
+            // the controlled value, else with `defaultValue`
+            const textContent = String(value ?? props.defaultValue ?? "");
+            return h("div", {
+                "class": [s.Container, className],
+                "data-variant": variant,
+                "data-size": size,
+                "data-gutter-size": gutterSize,
+                "data-focused": String(focused.value),
+                "data-disabled": disabled ? "" : undefined,
+                "data-readonly": readOnly ? "" : undefined,
+                "data-invalid": invalid ? "" : undefined,
+                "style": toCssVariables({
+                    "textarea-min-rows": `${rows}`,
+                    "textarea-max-rows": `${computedMaxRows.value}`,
+                }),
+            }, [
+                withDirectives(h("textarea", {
+                    ...restAttrs,
+                    "onInput": (evt) => {
+                        invoke(onInput, evt);
+                        handleInput(evt);
+                    },
+                    "ref": textAreaRef,
+                    "id": props.id || (allowAutofillExtensions ? undefined : onePasswordPreventionId),
+                    "class": s.Textarea,
+                    "name": props.name,
+                    "autocomplete": props.autoComplete ?? restAttrs.autocomplete,
+                    // Expose the visual invalid state to assistive tech; an explicit aria-invalid wins
+                    "aria-invalid": restAttrs["aria-invalid"] ?? (invalid || undefined),
+                    "readonly": readOnly,
+                    "disabled": disabled,
+                    "rows": rows,
+                    "onFocus": (evt) => {
+                        focused.value = true;
+                        invoke(onFocus, evt);
+                    },
+                    "onBlur": (evt) => {
+                        focused.value = false;
+                        invoke(onBlur, evt);
+                    },
+                    "onAnimationstart": (evt) => {
+                        invoke(onAnimationstart, evt);
+                        if (evt.animationName === "native-autofill-in") {
+                            emit("autofill");
+                        }
+                    },
+                    // Prevent LastPass and 1Password from appearing
+                    "data-lpignore": allowAutofillExtensions ? undefined : true,
+                    "data-1p-ignore": allowAutofillExtensions ? undefined : true,
+                    "textContent": textContent,
+                }), [[vServerText, textContent]]),
+            ]);
+        };
+    },
+});
+export const Textarea = TextareaComponent;
+//# sourceMappingURL=Textarea.js.map

package/dist/es/components/Textarea/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/components/Textarea/Textarea.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,eAAe,EACf,CAAC,EACD,QAAQ,EACR,SAAS,EACT,GAAG,EACH,KAAK,EACL,KAAK,EACL,cAAc,GAGf,MAAM,KAAK,CAAA;AAEZ,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,CAAC,MAAM,wDAAwD,CAAA;AAmBtE,MAAM,MAAM,GAAG,CAAC,OAAgB,EAAE,KAAY,EAAE,EAAE;IAChD,KAAK,MAAM,EAAE,IAAK,EAAgB,CAAC,MAAM,CAAC,OAAO,IAAI,EAAE,CAAC,EAAE,CAAC;QACzD,IAAI,OAAO,EAAE,KAAK,UAAU;YAAE,EAAE,CAAC,KAAK,CAAC,CAAA;IACzC,CAAC;AACH,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAG,eAAe,CAAC;IACxC,IAAI,EAAE,UAAU;IAChB,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE;QACL,uDAAuD;QACvD,OAAO,EAAE,EAAE,IAAI,EAAE,MAAgD,EAAE,OAAO,EAAE,SAAS,EAAE;QACvF,uDAAuD;QACvD,IAAI,EAAE,EAAE,IAAI,EAAE,MAA+B,EAAE,OAAO,EAAE,IAAI,EAAE;QAC9D,mFAAmF;QACnF,UAAU,EAAE,MAAmE;QAC/E,2EAA2E;QAC3E,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC3C,mDAAmD;QACnD,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC3C,8EAA8E;QAC9E,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC3C,mDAAmD;QACnD,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC1C,4GAA4G;QAC5G,uBAAuB,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;QAC9D,sGAAsG;QACtG,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;QACjD,oDAAoD;QACpD,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE;QAClC,4FAA4F;QAC5F,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;QACjD,2GAA2G;QAC3G,OAAO,EAAE,MAAM;QACf,EAAE,EAAE,MAAM;QACV,IAAI,EAAE,MAAM;QACZ,yCAAyC;QACzC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA8B,EAAE,OAAO,EAAE,SAAS,EAAE;QAClF,sCAAsC;QACtC,YAAY,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA8B,EAAE,OAAO,EAAE,SAAS,EAAE;QACzF,8CAA8C;QAC9C,YAAY,EAAE,MAAM;KACrB;IACD,KAAK,EAAE;QACL,cAAc,EAAE,CAAC,MAAc,EAAE,EAAE,CAAC,IAAI;QACxC,oDAAoD;QACpD,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI;KACvB;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE;QAClC,MAAM,WAAW,GAAG,GAAG,CAA6B,IAAI,CAAC,CAAA;QACzD,qGAAqG;QACrG,wDAAwD;QACxD,MAAM,uBAAuB,GAAG,mBAAmB,KAAK,EAAE,EAAE,CAAA;QAC5D,MAAM,OAAO,GAAG,GAAG,CAAC,KAAK,CAAC,CAAA;QAE1B,MAAM,eAAe,GAAG,QAAQ,CAAC,GAAG,EAAE,CACpC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,IAAI,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAC1E,CAAA;QACD,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAA;QAEzC,MAAM,aAAa,GAAG,GAAG,EAAE;YACzB,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;gBACrB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,CAAA;YAC7B,CAAC;QACH,CAAC,CAAA;QAED,MAAM,gBAAgB,GAAG,GAAG,EAAE;YAC5B,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,CAAA;YAClC,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,CAAC,QAAQ,IAAI,eAAe,CAAC,KAAK,KAAK,SAAS;gBAAE,OAAM;YACjF,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAA;YAC7B,MAAM,YAAY,GAAG,QAAQ,CAAC,YAAY,CAAA;YAC1C,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,YAAY,GAAG,IAAI,CAAA;QAC7C,CAAC,CAAA;QAED,2EAA2E;QAC3E,sEAAsE;QACtE,iEAAiE;QACjE,MAAM,SAAS,GAAG,GAAG,EAAE;YACrB,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,CAAA;YAClC,MAAM,KAAK,GAAG,eAAe,EAAE,CAAA;YAC/B,IAAI,CAAC,QAAQ,IAAI,KAAK,IAAI,IAAI;gBAAE,OAAM;YACtC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;YAC/B,IAAI,QAAQ,CAAC,KAAK,KAAK,SAAS;gBAAE,QAAQ,CAAC,KAAK,GAAG,SAAS,CAAA;QAC9D,CAAC,CAAA;QAED,0EAA0E;QAC1E,SAAS,CAAC,GAAG,EAAE;YACb,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,CAAA;YAClC,mEAAmE;YACnE,MAAM,YAAY,GAAG,QAAQ,EAAE,WAAW,IAAI,EAAE,CAAA;YAChD,IAAI,QAAQ,IAAI,YAAY,KAAK,EAAE;gBAAE,QAAQ,CAAC,KAAK,GAAG,YAAY,CAAA;YAClE,aAAa,EAAE,CAAA;YACf,gBAAgB,EAAE,CAAA;QACpB,CAAC,CAAC,CAAA;QACF,yEAAyE;QACzE,mEAAmE;QACnE,KAAK,CACH,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,EACtB,GAAG,EAAE;YACH,SAAS,EAAE,CAAA;YACX,aAAa,EAAE,CAAA;QACjB,CAAC,EACD,EAAE,KAAK,EAAE,MAAM,EAAE,CAClB,CAAA;QACD,kEAAkE;QAClE,KAAK,CACH,GAAG,EAAE,CAAC,CAAC,eAAe,EAAE,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,UAAU,EAAE,eAAe,CAAC,KAAK,CAAC,EAC9E,GAAG,EAAE;YACH,SAAS,EAAE,CAAA;YACX,gBAAgB,EAAE,CAAA;QACpB,CAAC,EACD,EAAE,KAAK,EAAE,MAAM,EAAE,CAClB,CAAA;QAED,MAAM,WAAW,GAAG,CAAC,GAAU,EAAE,EAAE;YACjC,MAAM,IAAI,GAAI,GAAG,CAAC,MAA8B,CAAC,KAAK,CAAA;YACtD,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,CAAA;YAC1B,gBAAgB,EAAE,CAAA;YAClB,yEAAyE;YACzE,cAAc;YACd,KAAK,QAAQ,CAAC,SAAS,CAAC,CAAA;QAC1B,CAAC,CAAA;QAED,MAAM,CAAC;YACL,sCAAsC;YACtC,QAAQ,EAAE,WAAW;YACrB,KAAK,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE;SACxC,CAAC,CAAA;QAEF,OAAO,GAAG,EAAE;YACV,MAAM,EACJ,KAAK,EAAE,SAAS,EAChB,OAAO,EACP,OAAO,EACP,MAAM,EACN,gBAAgB,EAChB,GAAG,SAAS,EACb,GAAG,KAAgC,CAAA;YAEpC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,CAAA;YACpE,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAA;YACjD,4CAA4C;YAC5C,MAAM,uBAAuB,GAAG,KAAK,CAAC,uBAAuB,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAA;YAC7E,MAAM,KAAK,GAAG,eAAe,EAAE,CAAA;YAC/B,0EAA0E;YAC1E,iDAAiD;YACjD,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,IAAI,KAAK,CAAC,YAAY,IAAI,EAAE,CAAC,CAAA;YAE7D,OAAO,CAAC,CACN,KAAK,EACL;gBACE,OAAO,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC;gBACjC,cAAc,EAAE,OAAO;gBACvB,WAAW,EAAE,IAAI;gBACjB,kBAAkB,EAAE,UAAU;gBAC9B,cAAc,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;gBACrC,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;gBAC1C,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;gBAC1C,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;gBACxC,OAAO,EAAE,cAAc,CAAC;oBACtB,mBAAmB,EAAE,GAAG,IAAI,EAAE;oBAC9B,mBAAmB,EAAE,GAAG,eAAe,CAAC,KAAK,EAAE;iBAChD,CAAC;aACH,EACD;gBACE,cAAc,CACZ,CAAC,CAAC,UAAU,EAAE;oBACZ,GAAG,SAAS;oBACZ,SAAS,EAAE,CAAC,GAAU,EAAE,EAAE;wBACxB,MAAM,CAAC,OAAwB,EAAE,GAAG,CAAC,CAAA;wBACrC,WAAW,CAAC,GAAG,CAAC,CAAA;oBAClB,CAAC;oBACD,KAAK,EAAE,WAAW;oBAClB,IAAI,EAAE,KAAK,CAAC,EAAE,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,uBAAuB,CAAC;oBACjF,OAAO,EAAE,CAAC,CAAC,QAAQ;oBACnB,MAAM,EAAE,KAAK,CAAC,IAAI;oBAClB,cAAc,EAAE,KAAK,CAAC,YAAY,IAAI,SAAS,CAAC,YAAY;oBAC5D,mFAAmF;oBACnF,cAAc,EAAE,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC;oBACnE,UAAU,EAAE,QAAQ;oBACpB,UAAU,EAAE,QAAQ;oBACpB,MAAM,EAAE,IAAI;oBACZ,SAAS,EAAE,CAAC,GAAU,EAAE,EAAE;wBACxB,OAAO,CAAC,KAAK,GAAG,IAAI,CAAA;wBACpB,MAAM,CAAC,OAAwB,EAAE,GAAG,CAAC,CAAA;oBACvC,CAAC;oBACD,QAAQ,EAAE,CAAC,GAAU,EAAE,EAAE;wBACvB,OAAO,CAAC,KAAK,GAAG,KAAK,CAAA;wBACrB,MAAM,CAAC,MAAuB,EAAE,GAAG,CAAC,CAAA;oBACtC,CAAC;oBACD,kBAAkB,EAAE,CAAC,GAAmB,EAAE,EAAE;wBAC1C,MAAM,CAAC,gBAAiC,EAAE,GAAG,CAAC,CAAA;wBAC9C,IAAI,GAAG,CAAC,aAAa,KAAK,oBAAoB,EAAE,CAAC;4BAC/C,IAAI,CAAC,UAAU,CAAC,CAAA;wBAClB,CAAC;oBACH,CAAC;oBACD,gDAAgD;oBAChD,eAAe,EAAE,uBAAuB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI;oBAC3D,gBAAgB,EAAE,uBAAuB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI;oBAC5D,aAAa,EAAE,WAAW;iBAC3B,CAAC,EACF,CAAC,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,CAC7B;aACF,CACF,CAAA;QACH,CAAC,CAAA;IACH,CAAC;CACF,CAAC,CAAA;AAOF,MAAM,CAAC,MAAM,QAAQ,GAAG,iBAAqF,CAAA","sourcesContent":["import {\n  computed,\n  defineComponent,\n  h,\n  nextTick,\n  onMounted,\n  ref,\n  useId,\n  watch,\n  withDirectives,\n  type PropType,\n  type TextareaHTMLAttributes,\n} from \"vue\"\nimport type { ControlSize, Sizes, Variants } from \"@plexui/styles/types\"\nimport { vServerText } from \"../../lib/defaultValue.js\"\nimport { toCssVariables } from \"../../lib/helpers.js\"\nimport s from \"@plexui/styles/components/Textarea/Textarea.module.css\"\n\n// Vue port of packages/ui/src/components/Textarea/Textarea.tsx. Props,\n// defaults and rendered DOM match React 1:1 (checked by the parity tests).\n//\n// - `class` goes to the container; every other attribute and listener\n//   (`style`, `placeholder`, `@input`, `@change`, ...) goes to the <textarea>,\n//   like React's `className` and `...restProps`.\n// - Value: `value` + `update:value` mirror React's `value` prop\n//   (`v-model:value`) and fire on every input. Uncontrolled use takes\n//   `default-value`. Like a React controlled textarea, a `value` the parent\n//   does not update after input is put back.\n// - As in React, the textarea's text content (its `defaultValue`) follows\n//   the controlled value, or `default-value` when uncontrolled. It is set\n//   through the `textContent` property, which Vue's server renderer prints\n//   as the element's content, so `vServerText` can adjust it at SSR.\n\ntype ListenerValue = ((event: Event) => void) | Array<(event: Event) => void> | undefined\n\nconst invoke = (handler: unknown, event: Event) => {\n  for (const fn of ([] as unknown[]).concat(handler ?? [])) {\n    if (typeof fn === \"function\") fn(event)\n  }\n}\n\nconst TextareaComponent = defineComponent({\n  name: \"Textarea\",\n  inheritAttrs: false,\n  props: {\n    /** Visual style of the textarea. @default \"outline\" */\n    variant: { type: String as PropType<Variants<\"outline\" | \"soft\">>, default: \"outline\" },\n    /** Controls the size of the textarea. @default \"md\" */\n    size: { type: String as PropType<ControlSize>, default: \"md\" },\n    /** Controls gutter on the edges of the textarea, defaults to value from `size`. */\n    gutterSize: String as PropType<Sizes<\"2xs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\">>,\n    /** Disables the textarea visually and from interactions. @default false */\n    disabled: { type: Boolean, default: false },\n    /** Makes the textarea read-only. @default false */\n    readOnly: { type: Boolean, default: false },\n    /** Native spelling of `readOnly` (`<Textarea readonly />`). @default false */\n    readonly: { type: Boolean, default: false },\n    /** Mark the textarea as invalid. @default false */\n    invalid: { type: Boolean, default: false },\n    /** Allow autofill extensions to appear in the textarea. @default `true` when `name` is set, else `false` */\n    allowAutofillExtensions: { type: Boolean, default: undefined },\n    /** Select all contents of the textarea when mounted (and whenever it turns `true`). @default false */\n    autoSelect: { type: Boolean, default: undefined },\n    /** Default number of rows to display. @default 3 */\n    rows: { type: Number, default: 3 },\n    /** Automatically adjust the height of the textarea based on its contents. @default false */\n    autoResize: { type: Boolean, default: undefined },\n    /** Maximum number of rows that can be displayed when autoResize is enabled. @default Math.max(rows, 10) */\n    maxRows: Number,\n    id: String,\n    name: String,\n    /** Controlled value (`v-model:value`) */\n    value: { type: [String, Number] as PropType<string | number>, default: undefined },\n    /** Initial value when uncontrolled */\n    defaultValue: { type: [String, Number] as PropType<string | number>, default: undefined },\n    /** The textarea's `autocomplete` attribute */\n    autoComplete: String,\n  },\n  emits: {\n    \"update:value\": (_value: string) => true,\n    /** Fired when the browser autofills the textarea */\n    \"autofill\": () => true,\n  },\n  setup(props, { attrs, emit, expose }) {\n    const textAreaRef = ref<HTMLTextAreaElement | null>(null)\n    // Prevent 1Password from appearing: 1Password won't display if it thinks this field is for searching\n    // Allow user to override this for connecting to labels.\n    const onePasswordPreventionId = `search-ui-input-${useId()}`\n    const focused = ref(false)\n\n    const computedMaxRows = computed(() =>\n      props.autoResize ? Math.max(props.maxRows ?? 10, props.rows) : props.rows,\n    )\n    const controlledValue = () => props.value\n\n    const runAutoSelect = () => {\n      if (props.autoSelect) {\n        textAreaRef.value?.select()\n      }\n    }\n\n    const autosizeTextarea = () => {\n      const textarea = textAreaRef.value\n      if (!props.autoResize || !textarea || computedMaxRows.value === undefined) return\n      textarea.style.height = \"0px\"\n      const scrollHeight = textarea.scrollHeight\n      textarea.style.height = scrollHeight + \"px\"\n    }\n\n    // The textarea's value is set imperatively, like React DOM does: a `value`\n    // prop would make Vue mirror it into a `value` attribute, which React\n    // never renders. Puts the controlled value back when it differs.\n    const syncValue = () => {\n      const textarea = textAreaRef.value\n      const value = controlledValue()\n      if (!textarea || value == null) return\n      const nextValue = String(value)\n      if (textarea.value !== nextValue) textarea.value = nextValue\n    }\n\n    // React runs these effects after mount and when their dependencies change\n    onMounted(() => {\n      const textarea = textAreaRef.value\n      // React's initTextarea: the initial text becomes the (dirty) value\n      const initialValue = textarea?.textContent ?? \"\"\n      if (textarea && initialValue !== \"\") textarea.value = initialValue\n      runAutoSelect()\n      autosizeTextarea()\n    })\n    // React DOM writes a new value while committing, before any effect runs,\n    // so the selection covers the value that arrives with `autoSelect`\n    watch(\n      () => props.autoSelect,\n      () => {\n        syncValue()\n        runAutoSelect()\n      },\n      { flush: \"post\" },\n    )\n    // Resize if value changes outside of user input - e.g. form reset\n    watch(\n      () => [controlledValue(), props.rows, props.autoResize, computedMaxRows.value],\n      () => {\n        syncValue()\n        autosizeTextarea()\n      },\n      { flush: \"post\" },\n    )\n\n    const handleInput = (evt: Event) => {\n      const next = (evt.target as HTMLTextAreaElement).value\n      emit(\"update:value\", next)\n      autosizeTextarea()\n      // A controlled value the parent did not update wins over the typed text,\n      // as in React\n      void nextTick(syncValue)\n    }\n\n    expose({\n      /** The rendered <textarea> element */\n      textarea: textAreaRef,\n      focus: () => textAreaRef.value?.focus(),\n    })\n\n    return () => {\n      const {\n        class: className,\n        onInput,\n        onFocus,\n        onBlur,\n        onAnimationstart,\n        ...restAttrs\n      } = attrs as Record<string, unknown>\n\n      const { variant, size, gutterSize, disabled, invalid, rows } = props\n      const readOnly = props.readOnly || props.readonly\n      // Default to `true` when presence of `name`\n      const allowAutofillExtensions = props.allowAutofillExtensions ?? !!props.name\n      const value = controlledValue()\n      // React keeps the textarea's defaultValue (its text content) in sync with\n      // the controlled value, else with `defaultValue`\n      const textContent = String(value ?? props.defaultValue ?? \"\")\n\n      return h(\n        \"div\",\n        {\n          \"class\": [s.Container, className],\n          \"data-variant\": variant,\n          \"data-size\": size,\n          \"data-gutter-size\": gutterSize,\n          \"data-focused\": String(focused.value),\n          \"data-disabled\": disabled ? \"\" : undefined,\n          \"data-readonly\": readOnly ? \"\" : undefined,\n          \"data-invalid\": invalid ? \"\" : undefined,\n          \"style\": toCssVariables({\n            \"textarea-min-rows\": `${rows}`,\n            \"textarea-max-rows\": `${computedMaxRows.value}`,\n          }),\n        },\n        [\n          withDirectives(\n            h(\"textarea\", {\n              ...restAttrs,\n              \"onInput\": (evt: Event) => {\n                invoke(onInput as ListenerValue, evt)\n                handleInput(evt)\n              },\n              \"ref\": textAreaRef,\n              \"id\": props.id || (allowAutofillExtensions ? undefined : onePasswordPreventionId),\n              \"class\": s.Textarea,\n              \"name\": props.name,\n              \"autocomplete\": props.autoComplete ?? restAttrs.autocomplete,\n              // Expose the visual invalid state to assistive tech; an explicit aria-invalid wins\n              \"aria-invalid\": restAttrs[\"aria-invalid\"] ?? (invalid || undefined),\n              \"readonly\": readOnly,\n              \"disabled\": disabled,\n              \"rows\": rows,\n              \"onFocus\": (evt: Event) => {\n                focused.value = true\n                invoke(onFocus as ListenerValue, evt)\n              },\n              \"onBlur\": (evt: Event) => {\n                focused.value = false\n                invoke(onBlur as ListenerValue, evt)\n              },\n              \"onAnimationstart\": (evt: AnimationEvent) => {\n                invoke(onAnimationstart as ListenerValue, evt)\n                if (evt.animationName === \"native-autofill-in\") {\n                  emit(\"autofill\")\n                }\n              },\n              // Prevent LastPass and 1Password from appearing\n              \"data-lpignore\": allowAutofillExtensions ? undefined : true,\n              \"data-1p-ignore\": allowAutofillExtensions ? undefined : true,\n              \"textContent\": textContent,\n            }),\n            [[vServerText, textContent]],\n          ),\n        ],\n      )\n    }\n  },\n})\n\ntype TextareaOwnProps = InstanceType<typeof TextareaComponent>[\"$props\"]\n\n/** Textarea props plus the native <textarea> attributes that fall through to it, as in React. */\nexport type TextareaProps = TextareaOwnProps & Omit<TextareaHTMLAttributes, keyof TextareaOwnProps | \"readonly\">\n\nexport const Textarea = TextareaComponent as typeof TextareaComponent & { new (): { $props: TextareaProps } }\n"]}

package/dist/es/components/Textarea/index.js

@@ -0,0 +1,2 @@
+export { Textarea } from "./Textarea.js";
+//# sourceMappingURL=index.js.map

package/dist/es/components/Textarea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Textarea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAsB,MAAM,eAAe,CAAA","sourcesContent":["export { Textarea, type TextareaProps } from \"./Textarea.js\"\n"]}

package/dist/es/components/Toast/Toaster.js

@@ -0,0 +1,152 @@
+import { defineComponent, h, onBeforeUnmount, onMounted, ref } from "vue";
+import { Toaster as SonnerToaster } from "vue-sonner";
+// sonner (React) injects its stylesheet on import; vue-sonner 2 ships it as a file
+import "vue-sonner/style.css";
+import { CheckCircle, InfoCircle, Warning, XCircle } from "../Icon/index.js";
+import s from "@plexui/styles/components/Toast/Toast.module.css";
+// Vue port of packages/ui/src/components/Toast/Toaster.tsx on vue-sonner, the
+// Vue port of sonner. vue-sonner names a few options differently from sonner:
+// `class` (sonner `className`), `classes` (`classNames`), `descriptionClass`
+// (`descriptionClassName`), and `toast.custom` takes a component. The type
+// icons are slots in vue-sonner (`icons` only feeds the close icon), so the
+// Plex icons and a caller's `icons` go in as slots.
+/**
+ * Spread into any `toast(...)` options to get a shrink-to-fit, centered
+ * layout: `toast("Saved", compact)`, `toast.success("Done", { ...compact, description })`.
+ */
+export const compact = { class: s.Compact };
+const readTheme = () => document.documentElement.getAttribute("data-theme") === "dark" ? "dark" : "light";
+/* Maps PlexUI semantic tokens onto sonner's CSS-variable hooks. Sonner's own
+   stylesheet reads these for every toast, so the base look stays aligned with
+   <Popover> / <Menu> without overriding each slot. */
+const toasterStyle = {
+    "--normal-bg": "var(--color-surface-elevated)",
+    "--normal-text": "var(--color-text)",
+    "--normal-border": "transparent",
+    "--border-radius": "var(--radius-xl)",
+    "--width": "400px",
+};
+const toastOptions = {
+    classes: {
+        toast: s.Toast,
+        title: s.Title,
+        description: s.Description,
+        content: s.Content,
+        icon: s.Icon,
+        actionButton: s.ActionButton,
+        cancelButton: s.CancelButton,
+        success: s.Success,
+        error: s.Error,
+        warning: s.Warning,
+        info: s.Info,
+    },
+};
+const PLEX_ICONS = {
+    success: CheckCircle,
+    error: XCircle,
+    warning: Warning,
+    info: InfoCircle,
+};
+// sonner's close icon. vue-sonner's own misspells `stroke-width` (`stoke-width`),
+// so its X draws at the default 1px instead of 1.5px.
+const CloseIcon = () => h("svg", {
+    "xmlns": "http://www.w3.org/2000/svg",
+    "width": "12",
+    "height": "12",
+    "viewBox": "0 0 24 24",
+    "fill": "none",
+    "stroke": "currentColor",
+    "stroke-width": "1.5",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+}, [h("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { x1: "6", y1: "6", x2: "18", y2: "18" })]);
+const ToasterComponent = defineComponent({
+    name: "Toaster",
+    inheritAttrs: false,
+    props: {
+        /** Where toasts anchor on the viewport. @default "top-center" */
+        position: { type: String, default: "top-center" },
+        /** Default auto-dismiss duration in ms. @default 3000 */
+        duration: { type: Number, default: 3000 },
+        /** Distance from the viewport edge */
+        offset: [String, Number, Object],
+        /** Gap between stacked toasts in px */
+        gap: Number,
+    },
+    setup(props, { attrs, slots }) {
+        const theme = ref("light");
+        let observer = null;
+        onMounted(() => {
+            theme.value = readTheme();
+            observer = new MutationObserver(() => {
+                theme.value = readTheme();
+            });
+            observer.observe(document.documentElement, {
+                attributes: true,
+                attributeFilter: ["data-theme"],
+            });
+        });
+        onBeforeUnmount(() => observer?.disconnect());
+        // React passes `icons={{ success: <CheckCircle aria-hidden="true" />, ... }}`,
+        // which a caller's `icons` replaces as a whole (sonner's own icons then)
+        const iconSlot = (type) => {
+            const own = slots[`${type}-icon`];
+            if (own)
+                return own;
+            const userIcons = attrs.icons;
+            if (userIcons) {
+                const icon = userIcons[type];
+                return icon ? () => h(icon) : undefined;
+            }
+            return () => h(PLEX_ICONS[type], { "aria-hidden": "true" });
+        };
+        return () => {
+            const iconSlots = {};
+            for (const type of Object.keys(PLEX_ICONS)) {
+                const slot = iconSlot(type);
+                if (slot)
+                    iconSlots[`${type}-icon`] = slot;
+            }
+            // sonner wraps a custom `icons.loading` in its loader box (vue-sonner
+            // ignores it); the slot renders only while the toast is loading
+            const loadingIcon = attrs.icons?.loading;
+            if (slots["loading-icon"])
+                iconSlots["loading-icon"] = slots["loading-icon"];
+            else if (loadingIcon) {
+                iconSlots["loading-icon"] = () => h("div", { "class": "sonner-loader", "data-visible": "true" }, [h(loadingIcon)]);
+            }
+            // vue-sonner prefers `icons.close` over this slot, as sonner does over its own icon
+            iconSlots["close-icon"] = slots["close-icon"] ?? CloseIcon;
+            // vue-sonner's prop types reject `undefined`, which it treats as "use the default"
+            return h(SonnerToaster, {
+                "theme": theme.value,
+                "position": props.position,
+                "duration": props.duration,
+                "offset": props.offset,
+                "gap": props.gap,
+                "class": s.Toaster,
+                "style": toasterStyle,
+                "toastOptions": toastOptions,
+                // sonner leaves these unset, so React renders no `data-invert` /
+                // `data-rich-colors`. vue-sonner defaults them to `false` and prints
+                // "false"; `null` keeps the attributes off, as `undefined` does in React.
+                "invert": null,
+                "richColors": null,
+                // vue-sonner binds `$attrs` last on its <ol>: React's sonner renders
+                // `data-sonner-toaster="true"` there and no `data-theme` (which would
+                // also re-scope Plex's `:where([data-theme])` tokens at the toaster)
+                "data-sonner-toaster": "true",
+                "data-theme": undefined,
+                ...attrs,
+            }, iconSlots);
+        };
+    },
+});
+/**
+ * Toast viewport. Every other vue-sonner `Toaster` prop (`expand`,
+ * `visible-toasts`, `hotkey`, `dir`, `swipe-directions`, ...) is forwarded,
+ * last, as React spreads `restProps`. Icon slots (`success-icon`, ...,
+ * `close-icon`) replace the default icons.
+ */
+export const Toaster = ToasterComponent;
+//# sourceMappingURL=Toaster.js.map

package/dist/es/components/Toast/Toaster.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toaster.js","sourceRoot":"","sources":["../../../../src/components/Toast/Toaster.ts"],"names":[],"mappings":"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","sourcesContent":["import { defineComponent, h, onBeforeUnmount, onMounted, ref, type Component, type PropType } from \"vue\"\nimport { Toaster as SonnerToaster, type ToasterProps as SonnerToasterProps } from \"vue-sonner\"\n// sonner (React) injects its stylesheet on import; vue-sonner 2 ships it as a file\nimport \"vue-sonner/style.css\"\nimport { CheckCircle, InfoCircle, Warning, XCircle } from \"../Icon/index.js\"\nimport s from \"@plexui/styles/components/Toast/Toast.module.css\"\n\n// Vue port of packages/ui/src/components/Toast/Toaster.tsx on vue-sonner, the\n// Vue port of sonner. vue-sonner names a few options differently from sonner:\n// `class` (sonner `className`), `classes` (`classNames`), `descriptionClass`\n// (`descriptionClassName`), and `toast.custom` takes a component. The type\n// icons are slots in vue-sonner (`icons` only feeds the close icon), so the\n// Plex icons and a caller's `icons` go in as slots.\n\n/**\n * Spread into any `toast(...)` options to get a shrink-to-fit, centered\n * layout: `toast(\"Saved\", compact)`, `toast.success(\"Done\", { ...compact, description })`.\n */\nexport const compact = { class: s.Compact } as const\n\ntype PlexTheme = \"light\" | \"dark\"\n\ntype ToastIcons = NonNullable<SonnerToasterProps[\"icons\"]>\n\nconst readTheme = (): PlexTheme =>\n  document.documentElement.getAttribute(\"data-theme\") === \"dark\" ? \"dark\" : \"light\"\n\n/* Maps PlexUI semantic tokens onto sonner's CSS-variable hooks. Sonner's own\n   stylesheet reads these for every toast, so the base look stays aligned with\n   <Popover> / <Menu> without overriding each slot. */\nconst toasterStyle = {\n  \"--normal-bg\": \"var(--color-surface-elevated)\",\n  \"--normal-text\": \"var(--color-text)\",\n  \"--normal-border\": \"transparent\",\n  \"--border-radius\": \"var(--radius-xl)\",\n  \"--width\": \"400px\",\n}\n\nconst toastOptions = {\n  classes: {\n    toast: s.Toast,\n    title: s.Title,\n    description: s.Description,\n    content: s.Content,\n    icon: s.Icon,\n    actionButton: s.ActionButton,\n    cancelButton: s.CancelButton,\n    success: s.Success,\n    error: s.Error,\n    warning: s.Warning,\n    info: s.Info,\n  },\n}\n\nconst PLEX_ICONS = {\n  success: CheckCircle,\n  error: XCircle,\n  warning: Warning,\n  info: InfoCircle,\n} as const\n\n// sonner's close icon. vue-sonner's own misspells `stroke-width` (`stoke-width`),\n// so its X draws at the default 1px instead of 1.5px.\nconst CloseIcon = () =>\n  h(\n    \"svg\",\n    {\n      \"xmlns\": \"http://www.w3.org/2000/svg\",\n      \"width\": \"12\",\n      \"height\": \"12\",\n      \"viewBox\": \"0 0 24 24\",\n      \"fill\": \"none\",\n      \"stroke\": \"currentColor\",\n      \"stroke-width\": \"1.5\",\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n    },\n    [h(\"line\", { x1: \"18\", y1: \"6\", x2: \"6\", y2: \"18\" }), h(\"line\", { x1: \"6\", y1: \"6\", x2: \"18\", y2: \"18\" })],\n  )\n\nconst ToasterComponent = defineComponent({\n  name: \"Toaster\",\n  inheritAttrs: false,\n  props: {\n    /** Where toasts anchor on the viewport. @default \"top-center\" */\n    position: { type: String as PropType<SonnerToasterProps[\"position\"]>, default: \"top-center\" },\n    /** Default auto-dismiss duration in ms. @default 3000 */\n    duration: { type: Number, default: 3000 },\n    /** Distance from the viewport edge */\n    offset: [String, Number, Object] as PropType<SonnerToasterProps[\"offset\"]>,\n    /** Gap between stacked toasts in px */\n    gap: Number,\n  },\n  setup(props, { attrs, slots }) {\n    const theme = ref<PlexTheme>(\"light\")\n    let observer: MutationObserver | null = null\n\n    onMounted(() => {\n      theme.value = readTheme()\n\n      observer = new MutationObserver(() => {\n        theme.value = readTheme()\n      })\n\n      observer.observe(document.documentElement, {\n        attributes: true,\n        attributeFilter: [\"data-theme\"],\n      })\n    })\n\n    onBeforeUnmount(() => observer?.disconnect())\n\n    // React passes `icons={{ success: <CheckCircle aria-hidden=\"true\" />, ... }}`,\n    // which a caller's `icons` replaces as a whole (sonner's own icons then)\n    const iconSlot = (type: keyof typeof PLEX_ICONS) => {\n      const own = slots[`${type}-icon`]\n      if (own) return own\n      const userIcons = attrs.icons as ToastIcons | undefined\n      if (userIcons) {\n        const icon = userIcons[type]\n        return icon ? () => h(icon as Component) : undefined\n      }\n      return () => h(PLEX_ICONS[type], { \"aria-hidden\": \"true\" })\n    }\n\n    return () => {\n      const iconSlots: Record<string, () => unknown> = {}\n      for (const type of Object.keys(PLEX_ICONS) as Array<keyof typeof PLEX_ICONS>) {\n        const slot = iconSlot(type)\n        if (slot) iconSlots[`${type}-icon`] = slot\n      }\n      // sonner wraps a custom `icons.loading` in its loader box (vue-sonner\n      // ignores it); the slot renders only while the toast is loading\n      const loadingIcon = (attrs.icons as ToastIcons | undefined)?.loading\n      if (slots[\"loading-icon\"]) iconSlots[\"loading-icon\"] = slots[\"loading-icon\"]\n      else if (loadingIcon) {\n        iconSlots[\"loading-icon\"] = () => h(\"div\", { \"class\": \"sonner-loader\", \"data-visible\": \"true\" }, [h(loadingIcon)])\n      }\n      // vue-sonner prefers `icons.close` over this slot, as sonner does over its own icon\n      iconSlots[\"close-icon\"] = slots[\"close-icon\"] ?? CloseIcon\n\n      // vue-sonner's prop types reject `undefined`, which it treats as \"use the default\"\n      return h(\n        SonnerToaster as Component,\n        {\n          \"theme\": theme.value,\n          \"position\": props.position,\n          \"duration\": props.duration,\n          \"offset\": props.offset,\n          \"gap\": props.gap,\n          \"class\": s.Toaster,\n          \"style\": toasterStyle,\n          \"toastOptions\": toastOptions,\n          // sonner leaves these unset, so React renders no `data-invert` /\n          // `data-rich-colors`. vue-sonner defaults them to `false` and prints\n          // \"false\"; `null` keeps the attributes off, as `undefined` does in React.\n          \"invert\": null,\n          \"richColors\": null,\n          // vue-sonner binds `$attrs` last on its <ol>: React's sonner renders\n          // `data-sonner-toaster=\"true\"` there and no `data-theme` (which would\n          // also re-scope Plex's `:where([data-theme])` tokens at the toaster)\n          \"data-sonner-toaster\": \"true\",\n          \"data-theme\": undefined,\n          ...attrs,\n        },\n        iconSlots,\n      )\n    }\n  },\n})\n\ntype ToasterOwnProps = InstanceType<typeof ToasterComponent>[\"$props\"]\n\n/** Toaster props plus the vue-sonner `Toaster` props it forwards. */\nexport type ToasterProps = ToasterOwnProps &\n  Omit<\n    SonnerToasterProps,\n    \"position\" | \"duration\" | \"closeButton\" | \"offset\" | \"gap\" | \"theme\" | \"richColors\" | \"toastOptions\" | \"style\"\n  >\n\n/**\n * Toast viewport. Every other vue-sonner `Toaster` prop (`expand`,\n * `visible-toasts`, `hotkey`, `dir`, `swipe-directions`, ...) is forwarded,\n * last, as React spreads `restProps`. Icon slots (`success-icon`, ...,\n * `close-icon`) replace the default icons.\n */\nexport const Toaster = ToasterComponent as typeof ToasterComponent & { new (): { $props: ToasterProps } }\n"]}

package/dist/es/components/Toast/index.js

@@ -0,0 +1,3 @@
+export { Toaster, compact } from "./Toaster.js";
+export { toast } from "./toast.js";
+//# sourceMappingURL=index.js.map

package/dist/es/components/Toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,EAAqB,MAAM,cAAc,CAAA;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA","sourcesContent":["export { Toaster, compact, type ToasterProps } from \"./Toaster.js\"\nexport { toast } from \"./toast.js\"\nexport type { Action, ExternalToast, ToastT } from \"vue-sonner\"\n"]}