wimui 0.1.0

package/dist/components/overlay/Popover/Popover.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../layout/Transition/Transition.cjs"),r=require("../../../icon/close-small.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("./popover.module.cjs"),o=require("../../_internal/useFloatingElement.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime"),u=require("@floating-ui/react");var d=s.default.createContext(null),f=({children:e,className:t,defaultOpen:n=!1,open:r,onOpenChange:i,placement:s=`bottom-start`,variant:u=`default`})=>{let{isOpen:f,setOpen:p,refs:m,floatingStyles:h,context:g,getReferenceProps:_,getFloatingProps:v}=o.useFloatingElement({placement:s,open:r,defaultOpen:n,onOpenChange:i,trigger:`click`});return(0,l.jsx)(d.Provider,{value:{open:f,onOpenChange:p,refs:m,floatingStyles:h,context:g,getReferenceProps:_,getFloatingProps:v,close:()=>p(!1),variant:u},children:(0,l.jsx)(`div`,{className:(0,c.default)(`wim-popover`,a.default.root,t),children:e})})},p=s.default.forwardRef(({children:e,className:t,asChild:n,...r},i)=>{let o=s.default.useContext(d);if(o==null)throw Error(`Popover components must be wrapped in <Popover />`);let f=e.ref,p=(0,u.useMergeRefs)([o.refs.setReference,i,f??null]);if(n&&s.default.isValidElement(e)){let n=e.props,i=o.getReferenceProps({ref:p,...r,...n,className:(0,c.default)(t,n.className)});return s.default.cloneElement(e,{...i,"data-state":o.open?`open`:`closed`})}return(0,l.jsx)(`button`,{ref:p,type:`button`,className:(0,c.default)(a.default.trigger,t),"data-state":o.open?`open`:`closed`,...o.getReferenceProps(r),children:e})});p.displayName=`PopoverTrigger`;var m=s.default.forwardRef(({children:e,className:t,align:r,side:i,style:o,modal:f=!1,...p},m)=>{let h=s.default.useContext(d);if(h==null)throw Error(`Popover components must be wrapped in <Popover />`);let{open:g,refs:_,floatingStyles:v,getFloatingProps:y,context:b}=h;return(0,l.jsx)(u.FloatingPortal,{children:(0,l.jsx)(n.Transition,{show:g,preset:`fade`,children:(0,l.jsx)(u.FloatingFocusManager,{context:b,modal:f,children:(0,l.jsx)(`div`,{ref:(0,u.useMergeRefs)([_.setFloating,m]),style:{...v,...o},className:(0,c.default)(a.default.content,a.default[h.variant],t),role:`dialog`,...y(p),children:e})})})})});m.displayName=`PopoverContent`;var h=({children:e,className:n,asChild:o,ariaLabel:u,...f})=>{let{t:p}=t.useWimTranslation(`common`),m=u??p(`a11y.close`),h=s.default.useContext(d);if(!h)return null;let{close:g}=h,_=e=>{g(),f.onClick?.(e)};return o&&s.default.isValidElement(e)?s.default.cloneElement(e,{onClick:t=>{e.props.onClick?.(t),_(t)},className:(0,c.default)(n,e.props.className)}):(0,l.jsx)(`button`,{type:`button`,className:(0,c.default)(a.default.close,n),onClick:_,"aria-label":m,...f,children:e||(0,l.jsx)(i.Icon,{component:r.default,width:15,height:15})})};exports.Popover=f,exports.PopoverClose=h,exports.PopoverContent=m,exports.PopoverTrigger=p;

package/dist/components/overlay/Popover/Popover.d.ts

@@ -0,0 +1,52 @@
+import { default as React, ReactNode } from 'react';
+import { Placement } from '@floating-ui/react';
+export type PopoverProps = {
+    /**
+     * Popover parts (PopoverTrigger, PopoverContent, etc.).
+     */
+    children: ReactNode;
+    /**
+     * Additional CSS class name for the container.
+     */
+    className?: string;
+    /**
+     * If true, the popover component will manage its own open state.
+     */
+    defaultOpen?: boolean;
+    /**
+     * If provided, controls the open state.
+     */
+    open?: boolean;
+    /**
+     * Callback when open state changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Preferred placement of the popover.
+     */
+    placement?: Placement;
+    /**
+     * The variant of the popover content.
+     */
+    variant?: "default" | "glass";
+};
+export declare const Popover: ({ children, className, defaultOpen, open: controlledOpen, onOpenChange, placement, variant, }: PopoverProps) => React.JSX.Element;
+export type PopoverTriggerProps = {
+    children: ReactNode;
+    className?: string;
+    asChild?: boolean;
+};
+export declare const PopoverTrigger: React.ForwardRefExoticComponent<Omit<PopoverTriggerProps & React.HTMLProps<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+export type PopoverContentProps = {
+    children: ReactNode;
+    className?: string;
+    align?: "left" | "right" | "center";
+    side?: "top" | "bottom";
+    /** Whether the popover is modal. If true, focus will be trapped inside and interaction with outside will be disabled. */
+    modal?: boolean;
+};
+export declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const PopoverClose: ({ children, className, asChild, ariaLabel, ...props }: React.ComponentPropsWithoutRef<"button"> & {
+    asChild?: boolean;
+    ariaLabel?: string;
+}) => React.JSX.Element | null;

package/dist/components/overlay/Popover/Popover.js

@@ -0,0 +1,118 @@
+"use client";
+import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
+import { Transition as t } from "../../layout/Transition/Transition.js";
+import n from "../../../icon/close-small.js";
+import { Icon as r } from "../../media/Icon/Icon.js";
+import i from "./popover.module.js";
+import { useFloatingElement as a } from "../../_internal/useFloatingElement.js";
+import o from "react";
+import s from "classnames";
+import { jsx as c } from "react/jsx-runtime";
+import { FloatingFocusManager as l, FloatingPortal as u, useMergeRefs as d } from "@floating-ui/react";
+//#region src/components/overlay/Popover/Popover.tsx
+var f = o.createContext(null), p = ({ children: e, className: t, defaultOpen: n = !1, open: r, onOpenChange: o, placement: l = "bottom-start", variant: u = "default" }) => {
+	let { isOpen: d, setOpen: p, refs: m, floatingStyles: h, context: g, getReferenceProps: _, getFloatingProps: v } = a({
+		placement: l,
+		open: r,
+		defaultOpen: n,
+		onOpenChange: o,
+		trigger: "click"
+	});
+	return /* @__PURE__ */ c(f.Provider, {
+		value: {
+			open: d,
+			onOpenChange: p,
+			refs: m,
+			floatingStyles: h,
+			context: g,
+			getReferenceProps: _,
+			getFloatingProps: v,
+			close: () => p(!1),
+			variant: u
+		},
+		children: /* @__PURE__ */ c("div", {
+			className: s("wim-popover", i.root, t),
+			children: e
+		})
+	});
+}, m = o.forwardRef(({ children: e, className: t, asChild: n, ...r }, a) => {
+	let l = o.useContext(f);
+	if (l == null) throw Error("Popover components must be wrapped in <Popover />");
+	let u = e.ref, p = d([
+		l.refs.setReference,
+		a,
+		u ?? null
+	]);
+	if (n && o.isValidElement(e)) {
+		let n = e.props, i = l.getReferenceProps({
+			ref: p,
+			...r,
+			...n,
+			className: s(t, n.className)
+		});
+		return o.cloneElement(e, {
+			...i,
+			"data-state": l.open ? "open" : "closed"
+		});
+	}
+	return /* @__PURE__ */ c("button", {
+		ref: p,
+		type: "button",
+		className: s(i.trigger, t),
+		"data-state": l.open ? "open" : "closed",
+		...l.getReferenceProps(r),
+		children: e
+	});
+});
+m.displayName = "PopoverTrigger";
+var h = o.forwardRef(({ children: e, className: n, align: r, side: a, style: p, modal: m = !1, ...h }, g) => {
+	let _ = o.useContext(f);
+	if (_ == null) throw Error("Popover components must be wrapped in <Popover />");
+	let { open: v, refs: y, floatingStyles: b, getFloatingProps: x, context: S } = _;
+	return /* @__PURE__ */ c(u, { children: /* @__PURE__ */ c(t, {
+		show: v,
+		preset: "fade",
+		children: /* @__PURE__ */ c(l, {
+			context: S,
+			modal: m,
+			children: /* @__PURE__ */ c("div", {
+				ref: d([y.setFloating, g]),
+				style: {
+					...b,
+					...p
+				},
+				className: s(i.content, i[_.variant], n),
+				role: "dialog",
+				...x(h),
+				children: e
+			})
+		})
+	}) });
+});
+h.displayName = "PopoverContent";
+var g = ({ children: t, className: a, asChild: l, ariaLabel: u, ...d }) => {
+	let { t: p } = e("common"), m = u ?? p("a11y.close"), h = o.useContext(f);
+	if (!h) return null;
+	let { close: g } = h, _ = (e) => {
+		g(), d.onClick?.(e);
+	};
+	return l && o.isValidElement(t) ? o.cloneElement(t, {
+		onClick: (e) => {
+			t.props.onClick?.(e), _(e);
+		},
+		className: s(a, t.props.className)
+	}) : /* @__PURE__ */ c("button", {
+		type: "button",
+		className: s(i.close, a),
+		onClick: _,
+		"aria-label": m,
+		...d,
+		children: t || /* @__PURE__ */ c(r, {
+			component: n,
+			width: 15,
+			height: 15
+		})
+	});
+};
+//#endregion
+export { p as Popover, g as PopoverClose, h as PopoverContent, m as PopoverTrigger };

package/dist/components/overlay/Popover/popover.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_1k3ni_2`,t=`_trigger_1k3ni_6`,n=`_content_1k3ni_13`,r=`_glass_1k3ni_28`,i=`_close_1k3ni_35`,a={root:e,trigger:t,content:n,glass:r,close:i};exports.close=i,exports.content=n,exports.default=a,exports.glass=r,exports.root=e,exports.trigger=t;

package/dist/components/overlay/Popover/popover.module.js

@@ -0,0 +1,11 @@
+"use client";
+//#region src/components/overlay/Popover/popover.module.scss
+var e = "_root_1k3ni_2", t = "_trigger_1k3ni_6", n = "_content_1k3ni_13", r = "_glass_1k3ni_28", i = "_close_1k3ni_35", a = {
+	root: e,
+	trigger: t,
+	content: n,
+	glass: r,
+	close: i
+};
+//#endregion
+export { i as close, n as content, a as default, r as glass, e as root, t as trigger };

package/dist/components/overlay/Portal/Portal.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs");let t=require("react");t=e.__toESM(t,1);let n=require("react-dom");var r=()=>()=>{},i=({children:e,container:i})=>t.default.useSyncExternalStore(r,()=>!0,()=>!1)?(0,n.createPortal)(e,i||document.body):null;exports.Portal=i;

package/dist/components/overlay/Portal/Portal.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+export interface PortalProps {
+    /** The content to be rendered in the portal */
+    children: React.ReactNode;
+    /** The container where the portal will be rendered. Defaults to document.body */
+    container?: HTMLElement | null;
+}
+/**
+ * A component that renders its children into a new DOM node, outside of the
+ * parent component's DOM hierarchy.
+ *
+ * @component — createPortal を返すため react-docgen が JSX として認識できず、
+ * この注釈がないと docgen（Props 表）から漏れる
+ */
+export declare const Portal: ({ children, container }: PortalProps) => React.ReactPortal | null;

package/dist/components/overlay/Portal/Portal.js

@@ -0,0 +1,7 @@
+"use client";
+import e from "react";
+import { createPortal as t } from "react-dom";
+//#region src/components/overlay/Portal/Portal.tsx
+var n = () => () => {}, r = ({ children: r, container: i }) => e.useSyncExternalStore(n, () => !0, () => !1) ? t(r, i || document.body) : null;
+//#endregion
+export { r as Portal };

package/dist/components/overlay/Tooltip/Tooltip.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./tooltip.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime"),a=require("@floating-ui/react");var o=n.default.createContext(null),s=({children:e,className:s,delay:c=200,open:l,onOpenChange:u,placement:d=`top`,variant:f=`default`})=>{let[p,m]=(0,n.useState)(!1),h=l??p,g=e=>{l===void 0&&m(e),u?.(e)},_=(0,n.useRef)(null),{refs:v,floatingStyles:y,context:b,placement:x}=(0,a.useFloating)({open:h,onOpenChange:g,placement:d,whileElementsMounted:a.autoUpdate,middleware:[(0,a.offset)(8),(0,a.flip)({fallbackAxisSideDirection:`start`}),(0,a.shift)(),(0,a.arrow)({element:_})]}),{getReferenceProps:S,getFloatingProps:C}=(0,a.useInteractions)([(0,a.useHover)(b,{move:!1,delay:{open:c,close:100},handleClose:(0,a.safePolygon)()}),(0,a.useFocus)(b),(0,a.useDismiss)(b),(0,a.useRole)(b,{role:`tooltip`})]);return(0,i.jsx)(o.Provider,{value:{open:h,setOpen:g,refs:v,floatingStyles:y,context:b,getReferenceProps:S,getFloatingProps:C,arrowRef:_,placement:x,variant:f},children:(0,i.jsx)(`div`,{className:(0,r.default)(`wim-tooltip`,t.default.root,s),children:e})})},c=n.default.forwardRef(({children:e,className:s,asChild:c,...l},u)=>{let d=n.default.useContext(o);if(d==null)throw Error(`Tooltip components must be wrapped in <Tooltip />`);let f=e.ref,p=(0,a.useMergeRefs)([d.refs.setReference,u,f??null]);if(c&&n.default.isValidElement(e)){let t=e.props,i=d.getReferenceProps({ref:p,...l,...t,className:(0,r.default)(s,t.className)});return n.default.cloneElement(e,{...i,"data-state":d.open?`open`:`closed`})}return(0,i.jsx)(`button`,{ref:p,type:`button`,className:(0,r.default)(t.default.trigger,s),"data-state":d.open?`open`:`closed`,...d.getReferenceProps(l),children:e})});c.displayName=`TooltipTrigger`;var l=n.default.forwardRef(({children:e,className:s,style:c,...l},u)=>{let d=n.default.useContext(o);if(d==null)throw Error(`Tooltip components must be wrapped in <Tooltip />`);let{context:f,open:p,refs:m,floatingStyles:h,getFloatingProps:g,arrowRef:_}=d,v=(0,a.useMergeRefs)([m.setFloating,u]);return p?(0,i.jsx)(a.FloatingPortal,{children:(0,i.jsxs)(`div`,{ref:v,style:{...h,...c},className:(0,r.default)(t.default.content,t.default[d.variant],s),...g(l),children:[e,(0,i.jsx)(a.FloatingArrow,{ref:_,context:f,fill:d.variant===`glass`?`var(--wim-color-glass-bg)`:`var(--wim-color-surface-inverse)`,strokeWidth:+(d.variant===`glass`),stroke:d.variant===`glass`?`var(--wim-color-glass-border)`:`transparent`,className:t.default.arrow})]})}):null});l.displayName=`TooltipContent`,exports.Tooltip=s,exports.TooltipContent=l,exports.TooltipTrigger=c;

package/dist/components/overlay/Tooltip/Tooltip.d.ts

@@ -0,0 +1,44 @@
+import { default as React, ReactNode } from 'react';
+import { Placement } from '@floating-ui/react';
+export type TooltipProps = {
+    /**
+     * Tooltip parts (TooltipTrigger and TooltipContent).
+     */
+    children: ReactNode;
+    /**
+     * Additional CSS class name for the container.
+     */
+    className?: string;
+    /**
+     * Delay before showing the tooltip in ms.
+     */
+    delay?: number;
+    /**
+     * If provided, controls the open state.
+     */
+    open?: boolean;
+    /**
+     * Callback when open state changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Preferred placement of the tooltip.
+     */
+    placement?: Placement;
+    /**
+     * The variant of the tooltip content.
+     */
+    variant?: "default" | "glass";
+};
+export declare const Tooltip: ({ children, className, delay, open: controlledOpen, onOpenChange, placement, variant, }: TooltipProps) => React.JSX.Element;
+export type TooltipTriggerProps = {
+    children: ReactNode;
+    className?: string;
+    asChild?: boolean;
+};
+export declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<TooltipTriggerProps & React.HTMLProps<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+export type TooltipContentProps = {
+    children: ReactNode;
+    className?: string;
+};
+export declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipContentProps & React.HTMLProps<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/overlay/Tooltip/Tooltip.js

@@ -0,0 +1,107 @@
+"use client";
+import e from "./tooltip.module.js";
+import t, { useRef as n, useState as r } from "react";
+import i from "classnames";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { FloatingArrow as s, FloatingPortal as c, arrow as l, autoUpdate as u, flip as d, offset as f, safePolygon as p, shift as m, useDismiss as h, useFloating as g, useFocus as _, useHover as v, useInteractions as y, useMergeRefs as b, useRole as x } from "@floating-ui/react";
+//#region src/components/overlay/Tooltip/Tooltip.tsx
+var S = t.createContext(null), C = ({ children: t, className: o, delay: s = 200, open: c, onOpenChange: b, placement: C = "top", variant: w = "default" }) => {
+	let [T, E] = r(!1), D = c ?? T, O = (e) => {
+		c === void 0 && E(e), b?.(e);
+	}, k = n(null), { refs: A, floatingStyles: j, context: M, placement: N } = g({
+		open: D,
+		onOpenChange: O,
+		placement: C,
+		whileElementsMounted: u,
+		middleware: [
+			f(8),
+			d({ fallbackAxisSideDirection: "start" }),
+			m(),
+			l({ element: k })
+		]
+	}), { getReferenceProps: P, getFloatingProps: F } = y([
+		v(M, {
+			move: !1,
+			delay: {
+				open: s,
+				close: 100
+			},
+			handleClose: p()
+		}),
+		_(M),
+		h(M),
+		x(M, { role: "tooltip" })
+	]);
+	return /* @__PURE__ */ a(S.Provider, {
+		value: {
+			open: D,
+			setOpen: O,
+			refs: A,
+			floatingStyles: j,
+			context: M,
+			getReferenceProps: P,
+			getFloatingProps: F,
+			arrowRef: k,
+			placement: N,
+			variant: w
+		},
+		children: /* @__PURE__ */ a("div", {
+			className: i("wim-tooltip", e.root, o),
+			children: t
+		})
+	});
+}, w = t.forwardRef(({ children: n, className: r, asChild: o, ...s }, c) => {
+	let l = t.useContext(S);
+	if (l == null) throw Error("Tooltip components must be wrapped in <Tooltip />");
+	let u = n.ref, d = b([
+		l.refs.setReference,
+		c,
+		u ?? null
+	]);
+	if (o && t.isValidElement(n)) {
+		let e = n.props, a = l.getReferenceProps({
+			ref: d,
+			...s,
+			...e,
+			className: i(r, e.className)
+		});
+		return t.cloneElement(n, {
+			...a,
+			"data-state": l.open ? "open" : "closed"
+		});
+	}
+	return /* @__PURE__ */ a("button", {
+		ref: d,
+		type: "button",
+		className: i(e.trigger, r),
+		"data-state": l.open ? "open" : "closed",
+		...l.getReferenceProps(s),
+		children: n
+	});
+});
+w.displayName = "TooltipTrigger";
+var T = t.forwardRef(({ children: n, className: r, style: l, ...u }, d) => {
+	let f = t.useContext(S);
+	if (f == null) throw Error("Tooltip components must be wrapped in <Tooltip />");
+	let { context: p, open: m, refs: h, floatingStyles: g, getFloatingProps: _, arrowRef: v } = f, y = b([h.setFloating, d]);
+	return m ? /* @__PURE__ */ a(c, { children: /* @__PURE__ */ o("div", {
+		ref: y,
+		style: {
+			...g,
+			...l
+		},
+		className: i(e.content, e[f.variant], r),
+		..._(u),
+		children: [n, /* @__PURE__ */ a(s, {
+			ref: v,
+			context: p,
+			fill: f.variant === "glass" ? "var(--wim-color-glass-bg)" : "var(--wim-color-surface-inverse)",
+			strokeWidth: +(f.variant === "glass"),
+			stroke: f.variant === "glass" ? "var(--wim-color-glass-border)" : "transparent",
+			className: e.arrow
+		})]
+	}) }) : null;
+});
+T.displayName = "TooltipContent";
+//#endregion
+export { C as Tooltip, T as TooltipContent, w as TooltipTrigger };

package/dist/components/overlay/Tooltip/tooltip.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_13wug_2`,t=`_trigger_13wug_5`,n=`_content_13wug_12`,r=`_fadeIn_13wug_1`,i=`_glass_13wug_27`,a=`_arrow_13wug_42`,o={root:e,trigger:t,content:n,fadeIn:r,glass:i,arrow:a};exports.arrow=a,exports.content=n,exports.default=o,exports.fadeIn=r,exports.glass=i,exports.root=e,exports.trigger=t;

package/dist/components/overlay/Tooltip/tooltip.module.js

@@ -0,0 +1,12 @@
+"use client";
+//#region src/components/overlay/Tooltip/tooltip.module.scss
+var e = "_root_13wug_2", t = "_trigger_13wug_5", n = "_content_13wug_12", r = "_fadeIn_13wug_1", i = "_glass_13wug_27", a = "_arrow_13wug_42", o = {
+	root: e,
+	trigger: t,
+	content: n,
+	fadeIn: r,
+	glass: i,
+	arrow: a
+};
+//#endregion
+export { a as arrow, n as content, o as default, r as fadeIn, i as glass, e as root, t as trigger };

package/dist/components/typography/Blockquote/Blockquote.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../utilities/style-utils.cjs"),r=require("./blockquote.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=i.default.forwardRef(({asChild:e=!1,size:i=`md`,content:s,cite:c,color:l,border:u=!0,className:d,style:f,children:p,...m},h)=>{let g=e?t.Root:`blockquote`,_=e?p:s??p,v=typeof l==`string`&&[`primary`,`success`,`warning`,`danger`,`info`].includes(l);return(0,o.jsxs)(g,{className:(0,a.default)(`wim-blockquote`,r.default.root,r.default[i],v&&r.default[l],u&&r.default.border,d),style:{color:v?void 0:n.getColorValue(l),...f},ref:h,...m,children:[(0,o.jsx)(t.Slottable,{children:_}),c&&(0,o.jsx)(`cite`,{className:r.default.cite,children:c})]})});s.displayName=`Blockquote`,exports.Blockquote=s;

package/dist/components/typography/Blockquote/Blockquote.d.ts

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+import { ComponentSizeBasic, WimColor } from '../../../types/tokens';
+export interface BlockquoteProps extends Omit<React.BlockquoteHTMLAttributes<HTMLQuoteElement>, "cite" | "content" | "color"> {
+    /**
+     * If true, the blockquote will be rendered as its child, merging its props onto that child.
+     */
+    asChild?: boolean;
+    /**
+     * Font size of the quote.
+     * @default "md"
+     */
+    size?: ComponentSizeBasic;
+    /**
+     * Text color. Accepts a design token color name or any CSS color value.
+     */
+    color?: WimColor;
+    /**
+     * Quoted content. Alternative to children.
+     */
+    content?: React.ReactNode;
+    /**
+     * Source of the quote, rendered in a `<cite>` element.
+     */
+    cite?: React.ReactNode;
+    /**
+     * Whether to show the left border.
+     * @default true
+     */
+    border?: boolean;
+}
+export declare const Blockquote: React.ForwardRefExoticComponent<BlockquoteProps & React.RefAttributes<HTMLQuoteElement>>;

package/dist/components/typography/Blockquote/Blockquote.js

@@ -0,0 +1,33 @@
+"use client";
+import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { getColorValue as n } from "../../../utilities/style-utils.js";
+import r from "./blockquote.module.js";
+import i from "react";
+import a from "classnames";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/typography/Blockquote/Blockquote.tsx
+var c = i.forwardRef(({ asChild: i = !1, size: c = "md", content: l, cite: u, color: d, border: f = !0, className: p, style: m, children: h, ...g }, _) => {
+	let v = i ? e : "blockquote", y = i ? h : l ?? h, b = typeof d == "string" && [
+		"primary",
+		"success",
+		"warning",
+		"danger",
+		"info"
+	].includes(d);
+	return /* @__PURE__ */ s(v, {
+		className: a("wim-blockquote", r.root, r[c], b && r[d], f && r.border, p),
+		style: {
+			color: b ? void 0 : n(d),
+			...m
+		},
+		ref: _,
+		...g,
+		children: [/* @__PURE__ */ o(t, { children: y }), u && /* @__PURE__ */ o("cite", {
+			className: r.cite,
+			children: u
+		})]
+	});
+});
+c.displayName = "Blockquote";
+//#endregion
+export { c as Blockquote };

package/dist/components/typography/Blockquote/blockquote.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_y3h3e_3`,t=`_border_y3h3e_11`,n=`_cite_y3h3e_14`,r=`_sm_y3h3e_27`,i=`_md_y3h3e_30`,a=`_lg_y3h3e_33`,o=`_primary_y3h3e_39`,s=`_success_y3h3e_45`,c=`_warning_y3h3e_51`,l=`_danger_y3h3e_57`,u=`_info_y3h3e_63`,d={root:e,border:t,cite:n,sm:r,md:i,lg:a,primary:o,success:s,warning:c,danger:l,info:u};exports.border=t,exports.cite=n,exports.danger=l,exports.default=d,exports.info=u,exports.lg=a,exports.md=i,exports.primary=o,exports.root=e,exports.sm=r,exports.success=s,exports.warning=c;

package/dist/components/typography/Blockquote/blockquote.module.js

@@ -0,0 +1,17 @@
+"use client";
+//#region src/components/typography/Blockquote/blockquote.module.scss
+var e = "_root_y3h3e_3", t = "_border_y3h3e_11", n = "_cite_y3h3e_14", r = "_sm_y3h3e_27", i = "_md_y3h3e_30", a = "_lg_y3h3e_33", o = "_primary_y3h3e_39", s = "_success_y3h3e_45", c = "_warning_y3h3e_51", l = "_danger_y3h3e_57", u = "_info_y3h3e_63", d = {
+	root: e,
+	border: t,
+	cite: n,
+	sm: r,
+	md: i,
+	lg: a,
+	primary: o,
+	success: s,
+	warning: c,
+	danger: l,
+	info: u
+};
+//#endregion
+export { t as border, n as cite, l as danger, d as default, u as info, a as lg, i as md, o as primary, e as root, r as sm, s as success, c as warning };

package/dist/components/typography/Code/Code.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../_internal/mergeRefs.cjs"),r=require("./code.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=i.default.forwardRef(({asChild:e=!1,children:i,code:s,block:c=!1,language:l,className:u,...d},f)=>{let p=e?t.Root:c?`pre`:`code`,m=e?i:s||i;return(0,o.jsx)(p,{className:(0,a.default)(`wim-code`,r.default.root,c?r.default.block:r.default.inline,l&&`language-${l}`,u),ref:n.mergeRefs(f),...d,children:!e&&c?(0,o.jsx)(`code`,{className:l&&`language-${l}`,children:(0,o.jsx)(t.Slottable,{children:m})}):(0,o.jsx)(t.Slottable,{children:m})})});s.displayName=`Code`,exports.Code=s;

package/dist/components/typography/Code/Code.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+export interface CodeProps extends Omit<React.HTMLAttributes<HTMLElement>, "content"> {
+    /**
+     * If true, the code will be rendered as its child, merging its props onto that child.
+     */
+    asChild?: boolean;
+    /**
+     * Code to display. Ignored when `code` is set (unless asChild is true).
+     */
+    children?: React.ReactNode;
+    /**
+     * Code string to display. Takes precedence over children.
+     */
+    code?: string;
+    /**
+     * If true, renders as a block (`<pre>`) instead of inline.
+     * @default false
+     */
+    block?: boolean;
+    /**
+     * Language identifier appended as a `language-<lang>` class for syntax highlighters.
+     */
+    language?: string;
+}
+export declare const Code: React.ForwardRefExoticComponent<CodeProps & React.RefAttributes<HTMLElement>>;

package/dist/components/typography/Code/Code.js

@@ -0,0 +1,23 @@
+"use client";
+import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { mergeRefs as n } from "../../_internal/mergeRefs.js";
+import r from "./code.module.js";
+import i from "react";
+import a from "classnames";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/components/typography/Code/Code.tsx
+var s = i.forwardRef(({ asChild: i = !1, children: s, code: c, block: l = !1, language: u, className: d, ...f }, p) => {
+	let m = i ? e : l ? "pre" : "code", h = i ? s : c || s;
+	return /* @__PURE__ */ o(m, {
+		className: a("wim-code", r.root, l ? r.block : r.inline, u && `language-${u}`, d),
+		ref: n(p),
+		...f,
+		children: !i && l ? /* @__PURE__ */ o("code", {
+			className: u && `language-${u}`,
+			children: /* @__PURE__ */ o(t, { children: h })
+		}) : /* @__PURE__ */ o(t, { children: h })
+	});
+});
+s.displayName = "Code";
+//#endregion
+export { s as Code };

package/dist/components/typography/Code/code.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_3r8s2_2`,t=`_inline_3r8s2_8`,n=`_block_3r8s2_13`,r={root:e,inline:t,block:n};exports.block=n,exports.default=r,exports.inline=t,exports.root=e;

package/dist/components/typography/Code/code.module.js

@@ -0,0 +1,9 @@
+"use client";
+//#region src/components/typography/Code/code.module.scss
+var e = "_root_3r8s2_2", t = "_inline_3r8s2_8", n = "_block_3r8s2_13", r = {
+	root: e,
+	inline: t,
+	block: n
+};
+//#endregion
+export { n as block, r as default, t as inline, e as root };

package/dist/components/typography/Highlight/Highlight.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("./highlight.module.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("classnames");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=r.default.forwardRef(({children:e,highlight:o,highlightClassName:s,highlightStyles:c,as:l=`span`,asChild:u=!1,className:d,...f},p)=>{let m=u?t.Root:l,h=e=>{if(!o||Array.isArray(o)&&o.length===0)return null;let t=(Array.isArray(o)?o:[o]).filter(e=>e.length>0).map(e=>e.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`));if(t.length===0)return null;let r=RegExp(`(${t.join(`|`)})`,`gi`);return e.split(r).map((e,t)=>{let o=r.test(e);return r.lastIndex=0,o?(0,a.jsx)(`mark`,{className:(0,i.default)(n.default.mark,s),style:c,children:e},t):e})};if(u){let o=r.default.Children.only(e),s=o.props.children,c=typeof s==`string`?h(s):null,l=c?r.default.cloneElement(o,{},c):o;return(0,a.jsx)(m,{className:(0,i.default)(`wim-highlight`,n.default.root,d),ref:p,...f,children:(0,a.jsx)(t.Slottable,{children:l})})}if(typeof e!=`string`)return(0,a.jsx)(m,{className:(0,i.default)(`wim-highlight`,n.default.root,d),ref:p,...f,children:(0,a.jsx)(t.Slottable,{children:e})});let g=h(e);return(0,a.jsx)(m,{className:(0,i.default)(`wim-highlight`,n.default.root,d),ref:p,...f,children:(0,a.jsx)(t.Slottable,{children:g??e})})});o.displayName=`Highlight`,exports.Highlight=o;

package/dist/components/typography/Highlight/Highlight.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+export interface HighlightProps extends React.HTMLAttributes<HTMLElement> {
+    /** The full text to highlight substrings in. */
+    children: React.ReactNode;
+    /** Substring(s) to highlight. */
+    highlight: string | string[];
+    /** Custom class name for the highlighted `<mark>` element. */
+    highlightClassName?: string;
+    /** Custom styles for the highlighted `<mark>` element. */
+    highlightStyles?: React.CSSProperties;
+    /** The HTML tag or component to use for the container. Default is "span". */
+    as?: React.ElementType;
+    /** If true, the component will be rendered as its child. */
+    asChild?: boolean;
+}
+/**
+ * Highlight component that emphasizes specific parts of a text.
+ */
+export declare const Highlight: React.ForwardRefExoticComponent<HighlightProps & React.RefAttributes<HTMLElement>>;

package/dist/components/typography/Highlight/Highlight.js

@@ -0,0 +1,48 @@
+"use client";
+import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
+import n from "./highlight.module.js";
+import r from "react";
+import i from "classnames";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/typography/Highlight/Highlight.tsx
+var o = r.forwardRef(({ children: o, highlight: s, highlightClassName: c, highlightStyles: l, as: u = "span", asChild: d = !1, className: f, ...p }, m) => {
+	let h = d ? e : u, g = (e) => {
+		if (!s || Array.isArray(s) && s.length === 0) return null;
+		let t = (Array.isArray(s) ? s : [s]).filter((e) => e.length > 0).map((e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"));
+		if (t.length === 0) return null;
+		let r = RegExp(`(${t.join("|")})`, "gi");
+		return e.split(r).map((e, t) => {
+			let o = r.test(e);
+			return r.lastIndex = 0, o ? /* @__PURE__ */ a("mark", {
+				className: i(n.mark, c),
+				style: l,
+				children: e
+			}, t) : e;
+		});
+	};
+	if (d) {
+		let e = r.Children.only(o), s = e.props.children, c = typeof s == "string" ? g(s) : null, l = c ? r.cloneElement(e, {}, c) : e;
+		return /* @__PURE__ */ a(h, {
+			className: i("wim-highlight", n.root, f),
+			ref: m,
+			...p,
+			children: /* @__PURE__ */ a(t, { children: l })
+		});
+	}
+	if (typeof o != "string") return /* @__PURE__ */ a(h, {
+		className: i("wim-highlight", n.root, f),
+		ref: m,
+		...p,
+		children: /* @__PURE__ */ a(t, { children: o })
+	});
+	let _ = g(o);
+	return /* @__PURE__ */ a(h, {
+		className: i("wim-highlight", n.root, f),
+		ref: m,
+		...p,
+		children: /* @__PURE__ */ a(t, { children: _ ?? o })
+	});
+});
+o.displayName = "Highlight";
+//#endregion
+export { o as Highlight };

package/dist/components/typography/Highlight/highlight.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_1ne65_2`,t=`_mark_1ne65_6`,n={root:e,mark:t};exports.default=n,exports.mark=t,exports.root=e;