@trail-ui/react/dist/chunk-VIVC5TFC.mjs

import {
  Link
} from "./chunk-LW564FSP.mjs";
import {
  composeTailwindRenderProps
} from "./chunk-E45U7QEE.mjs";

// src/multiselect/tw-text.tsx
import { twMerge } from "tailwind-merge";
import React from "react";
import { jsx } from "react/jsx-runtime";
function Text({ className, elementType, children, ...props }) {
  return React.createElement(
    elementType != null ? elementType : "p",
    {
      ...props,
      className: twMerge("flex gap-1 pt-1.5 text-xs text-neutral-700", className)
    },
    children
  );
}
function Strong({ className, ...props }) {
  return /* @__PURE__ */ jsx(
    Text,
    {
      ...props,
      elementType: "strong",
      className: twMerge("text-foreground font-medium", className)
    }
  );
}
function Small({ className, ...props }) {
  return /* @__PURE__ */ jsx(Text, { ...props, elementType: "small", className: twMerge("text-sm/5 sm:text-xs/5", className) });
}
function TextLink(props) {
  return /* @__PURE__ */ jsx(
    Link,
    {
      ...props,
      className: composeTailwindRenderProps(props.className, "underline underline-offset-4")
    }
  );
}

export {
  Text,
  Strong,
  Small,
  TextLink
};