npm - admin-ui-starter-kit - Versions diffs - 0.1.0 - Mend

admin-ui-starter-kit 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2352) hide show

package/dist/_shared/switch-ClGgHcEb.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"switch-ClGgHcEb.js","names":[],"sources":["../../src/components/ui/switch.tsx","../../src/components/base/forms/fields/switch.tsx"],"sourcesContent":["import { Switch as SwitchPrimitive } from \"@base-ui/react/switch\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Switch({\n className,\n size = \"default\",\n ...props\n}: SwitchPrimitive.Root.Props & {\n size?: \"sm\" | \"default\"\n}) {\n return (\n <SwitchPrimitive.Root\n data-slot=\"switch\"\n data-size={size}\n className={cn(\n \"data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive shrink-0 rounded-full border border-transparent focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-5 data-[size=default]:w-9 data-[size=sm]:h-4 data-[size=sm]:w-7 peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50\",\n className\n )}\n {...props}\n >\n <SwitchPrimitive.Thumb\n data-slot=\"switch-thumb\"\n className=\"bg-background rounded-full shadow-sm group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[16px] group-data-[size=sm]/switch:data-checked:translate-x-[12px] group-data-[size=default]/switch:data-unchecked:translate-x-0.5 group-data-[size=sm]/switch:data-unchecked:translate-x-0.5 pointer-events-none block ring-0 transition-transform\"\n />\n </SwitchPrimitive.Root>\n )\n}\n\nexport { Switch }\n","/**\n * Switch — base wrapper around the shadcn switch primitive.\n *\n * Two flavors:\n * - `Switch` — emits `ImitationEvent` (`{ target: { name, value } }`) so it\n * plugs into form-field bindings and synthetic onChange handlers.\n * - `ToggleSwitch` — emits a plain `boolean` for simpler controlled flows.\n *\n * Both forward refs to the underlying button so consumers can focus / measure\n * the switch programmatically.\n */\nimport type { ComponentProps } from 'react';\nimport { forwardRef, useCallback, useMemo } from 'react';\nimport { Switch as SwitchPrimitive } from '@/components/ui/switch';\nimport { cn } from '@/lib/utils';\n\nexport interface ImitationEvent {\n target: {\n name: string;\n value: boolean;\n };\n}\n\ntype BaseSwitchProps = ComponentProps<typeof SwitchPrimitive>;\ntype SwitchElement = React.ElementRef<typeof SwitchPrimitive>;\n\nexport interface SwitchProps extends Omit<BaseSwitchProps, 'onCheckedChange'> {\n /** Event-style change handler for form compatibility. */\n onCheckedChange?: (event: ImitationEvent) => void;\n /** Error state for styling (passed from FormField). */\n invalid?: boolean;\n}\n\nexport const Switch = forwardRef<SwitchElement, SwitchProps>(function Switch(\n { onCheckedChange, invalid, className, ...rest },\n ref,\n) {\n const name = useMemo(() => {\n if (rest.name) return String(rest.name);\n if (rest.id) return String(rest.id);\n return String(new Date().getTime());\n }, [rest.id, rest.name]);\n\n const resolvedId = rest.id ?? name;\n\n const handleChange = useCallback(\n (checked: boolean) => {\n onCheckedChange?.({\n target: { name, value: checked },\n });\n },\n [name, onCheckedChange]\n );\n\n return (\n <SwitchPrimitive\n ref={ref}\n {...rest}\n onCheckedChange={handleChange}\n id={resolvedId}\n name={name}\n aria-invalid={invalid || undefined}\n className={cn('switch--component', \n invalid && 'data-[state=unchecked]:border-destructive',\n className\n )}\n />\n );\n});\n\nSwitch.displayName = 'Switch';\n\nexport type ToggleSwitchProps = Omit<BaseSwitchProps, 'onCheckedChange'> & {\n onCheckedChange?: (checked: boolean) => void;\n invalid?: boolean;\n};\n\nexport const ToggleSwitch = forwardRef<SwitchElement, ToggleSwitchProps>(function ToggleSwitch(\n { onCheckedChange, invalid, className, ...props },\n ref,\n) {\n return (\n <SwitchPrimitive\n ref={ref}\n {...props}\n onCheckedChange={(checked) => onCheckedChange?.(checked)}\n aria-invalid={invalid || undefined}\n className={cn(invalid && 'data-[state=unchecked]:border-destructive', className)}\n />\n );\n});\n\nToggleSwitch.displayName = 'ToggleSwitch';\n"],"mappings":";;;;;AAIA,SAAS,EAAO,EACd,cACA,UAAO,WACP,GAAG,KAGF;AACD,QACE,kBAAC,EAAgB,MAAjB;EACE,aAAU;EACV,aAAW;EACX,WAAW,EACT,2hBACA,EACD;EACD,GAAI;YAEJ,kBAAC,EAAgB,OAAjB;GACE,aAAU;GACV,WAAU;GACV,CAAA;EACmB,CAAA;;;;ACQ3B,IAAa,IAAS,EAAuC,SACzD,EAAE,oBAAiB,YAAS,cAAW,GAAG,KAC1C,GACF;CACE,IAAM,IAAO,QACL,EAAK,OAAa,OAAO,EAAK,KAAK,GACnC,EAAK,KAAW,OAAO,EAAK,GAAG,GAC5B,wBAAO,IAAI,MAAM,EAAC,SAAS,CAAC,EACpC,CAAC,EAAK,IAAI,EAAK,KAAK,CAAC,EAElB,IAAa,EAAK,MAAM,GAExB,IAAe,GAChB,MAAqB;AAClB,MAAkB,EACd,QAAQ;GAAE;GAAM,OAAO;GAAS,EACnC,CAAC;IAEN,CAAC,GAAM,EAAgB,CAC1B;AAED,QACI,kBAAC,GAAD;EACS;EACL,GAAI;EACJ,iBAAiB;EACjB,IAAI;EACE;EACN,gBAAc,KAAW,KAAA;EACzB,WAAW,EAAG,qBACV,KAAW,6CACX,EACH;EACH,CAAA;EAER;AAEF,EAAO,cAAc;AAOrB,IAAa,IAAe,EAA6C,SACrE,EAAE,oBAAiB,YAAS,cAAW,GAAG,KAC1C,GACF;AACE,QACI,kBAAC,GAAD;EACS;EACL,GAAI;EACJ,kBAAkB,MAAY,IAAkB,EAAQ;EACxD,gBAAc,KAAW,KAAA;EACzB,WAAW,EAAG,KAAW,6CAA6C,EAAU;EAClF,CAAA;EAER;AAEF,EAAa,cAAc"}

package/dist/_shared/text-DBnY6fcL.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ require(`./chunk-D3uCBrYO.cjs`);const e=require(`./ui-provider-uiQgATj1.cjs`),t=require(`../lib/utils.cjs`);let n=require(`react`),r=require(`react/jsx-runtime`);var i={"&":`&`,"<":`<`,">":`>`,'"':`"`,"'":`'`};function a(e){return e?e.replace(/[&<>"']/g,e=>i[e]??e):``}var o={inherit:`[font-size:inherit]`,xxs:`text-xxs`,sm:`text-sm`,xs:`text-xs`,base:`text-base`,lg:`text-lg`,xl:`text-xl`},s={main:`text-foreground`,inverse:`text-background`,secondary:`text-muted-foreground`,discrete:`text-muted-foreground/50`,error:`text-destructive`,success:`text-success`,primary:`text-primary`},c={normal:`leading-normal`,relaxed:`leading-relaxed`,loose:`leading-loose`,tight:`leading-tight`,snug:`leading-snug`,none:`leading-none`},l={regular:`font-normal`,medium:`font-medium`,semibold:`font-semibold`,bold:`font-bold`},u={center:`text-center`,right:`text-right`,left:`text-left`};function d({content:i,type:d=`main`,size:f,align:p=`left`,lineHeight:m=`normal`,weight:h=`regular`,className:g=``,children:_,asHTML:v=!1,tag:y=`p`,...b}){let{defaultTextSize:x}=e.m(),S=f??x??`sm`,C=t.cn(s[d],o[S],u[p],c[m],l[h],g),w=(0,n.useMemo)(()=>typeof i==`string`&&i.length>0?i:typeof _==`string`\|\|typeof _==`number`?String(_):``,[_,i]);return v?(0,n.createElement)(y,{className:C,"data-typography":`text`,dangerouslySetInnerHTML:{__html:a(w)},...b}):i&&i.length>0?(0,r.jsx)(y,{className:C,"data-typography":`text`,...b,children:i}):_==null?null:(0,r.jsx)(y,{className:C,"data-typography":`text`,...b,children:_})}d.displayName=`Text`,Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});
2	+ //# sourceMappingURL=text-DBnY6fcL.cjs.map

package/dist/_shared/text-DBnY6fcL.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"text-DBnY6fcL.cjs","names":[],"sources":["../../src/lib/sanitize-html.ts","../../src/components/typography/text.tsx"],"sourcesContent":["const ESCAPE: Record<string, string> = {\n\t'&': '&',\n\t'<': '<',\n\t'>': '>',\n\t'\"': '"',\n\t\"'\": ''',\n};\n\nexport function sanitizeHtml(input: string): string {\n\tif (!input) return '';\n\treturn input.replace(/[&<>\"']/g, (ch) => ESCAPE[ch] ?? ch);\n}\n\nexport default sanitizeHtml;\n","/**\n * Text — design-system text primitive. Use `size` (xxs–xl), `type` (main / inverse /\n * secondary / discrete / error / success / primary), `weight`, `align`, `lineHeight`, `tag`\n * (p / div / span). Supports `content` and `asHTML` (sanitised). Carries `data-typography=\"text\"`\n * so the global `--base-font-scale` knob applies cleanly.\n */\nimport { createElement, useMemo } from 'react';\nimport type { ComponentPropsWithoutRef, ReactNode } from 'react';\n\nimport { useTypographyConfig, type TextSize } from '@/lib/ui-provider';\nimport { sanitizeHtml } from '@/lib/sanitize-html';\nimport { cn } from '@/lib/utils';\n\nconst sizes = {\n inherit: '[font-size:inherit]',\n xxs: 'text-xxs',\n\tsm: 'text-sm',\n\txs: 'text-xs',\n\tbase: 'text-base',\n\tlg: 'text-lg',\n\txl: 'text-xl',\n};\n\nconst types = {\n\tmain: 'text-foreground',\n inverse: 'text-background',\n\tsecondary: 'text-muted-foreground',\n\tdiscrete: 'text-muted-foreground/50',\n\terror: 'text-destructive',\n\tsuccess: 'text-success',\n\tprimary: 'text-primary',\n};\n\nconst lineHeights = {\n\tnormal: 'leading-normal',\n\trelaxed: 'leading-relaxed',\n\tloose: 'leading-loose',\n\ttight: 'leading-tight',\n\tsnug: 'leading-snug',\n\tnone: 'leading-none',\n};\n\nconst weights = {\n\tregular: 'font-normal',\n\tmedium: 'font-medium',\n\tsemibold: 'font-semibold',\n\tbold: 'font-bold',\n};\n\nconst alignment = { center: 'text-center', right: 'text-right', left: 'text-left' };\n\nexport interface TextProps extends Omit<ComponentPropsWithoutRef<'p'>, 'children'> {\n\tcontent?: string;\n\ttype?: keyof typeof types;\n\tsize?: TextSize;\n\talign?: keyof typeof alignment;\n\tlineHeight?: keyof typeof lineHeights;\n\tinvert?: boolean;\n\tweight?: keyof typeof weights;\n\tchildren?: ReactNode;\n\ttag?: 'div' | 'p' | 'span';\n\tasHTML?: boolean;\n}\n\nexport function Text({\n\tcontent,\n\ttype = 'main',\n\tsize: sizeProp,\n\talign = 'left',\n\tlineHeight = 'normal',\n\tweight = 'regular',\n\tclassName = '',\n\tchildren,\n\tasHTML = false,\n\ttag: Tag = 'p',\n\t...props\n}: TextProps) {\n\tconst { defaultTextSize } = useTypographyConfig();\n\tconst size = sizeProp ?? defaultTextSize ?? 'sm';\n\tconst textClassnames = cn(\n\t\ttypes[type],\n\t\tsizes[size],\n\t\talignment[align],\n\t\tlineHeights[lineHeight],\n\t\tweights[weight],\n\t\tclassName,\n\t);\n\n\tconst htmlSource = useMemo(() => {\n\t\tif (typeof content === 'string' && content.length > 0) {\n\t\t\treturn content;\n\t\t}\n\n\t\tif (typeof children === 'string' || typeof children === 'number') {\n\t\t\treturn String(children);\n\t\t}\n\n\t\treturn '';\n\t}, [children, content]);\n\n\tif (asHTML) {\n\t\tconst sanitized = sanitizeHtml(htmlSource);\n\t\treturn createElement(Tag, {\n\t\t\tclassName: textClassnames,\n\t\t\t'data-typography': 'text',\n\t\t\tdangerouslySetInnerHTML: { __html: sanitized },\n\t\t\t...props,\n\t\t});\n\t}\n\n\tif (content && content.length > 0) {\n\t\treturn (\n\t\t\t<Tag className={textClassnames} data-typography=\"text\" {...props}>\n\t\t\t\t{content}\n\t\t\t</Tag>\n\t\t);\n\t}\n\n\tif (children !== undefined && children !== null) {\n\t\treturn (\n\t\t\t<Tag className={textClassnames} data-typography=\"text\" {...props}>\n\t\t\t\t{children}\n\t\t\t</Tag>\n\t\t);\n\t}\n\n\treturn null;\n}\n\nText.displayName = 'Text';\n\nexport default Text;\n"],"mappings":"kKAAA,IAAM,EAAiC,CACtC,IAAK,QACL,IAAK,OACL,IAAK,OACL,IAAK,SACL,IAAK,QACL,CAED,SAAgB,EAAa,EAAuB,CAEnD,OADK,EACE,EAAM,QAAQ,WAAa,GAAO,EAAO,IAAO,EAAG,CADvC,GCIpB,IAAM,EAAQ,CACV,QAAS,sBACT,IAAK,WACR,GAAI,UACJ,GAAI,UACJ,KAAM,YACN,GAAI,UACJ,GAAI,UACJ,CAEK,EAAQ,CACb,KAAM,kBACH,QAAS,kBACZ,UAAW,wBACX,SAAU,2BACV,MAAO,mBACP,QAAS,eACT,QAAS,eACT,CAEK,EAAc,CACnB,OAAQ,iBACR,QAAS,kBACT,MAAO,gBACP,MAAO,gBACP,KAAM,eACN,KAAM,eACN,CAEK,EAAU,CACf,QAAS,cACT,OAAQ,cACR,SAAU,gBACV,KAAM,YACN,CAEK,EAAY,CAAE,OAAQ,cAAe,MAAO,aAAc,KAAM,YAAa,CAenF,SAAgB,EAAK,CACpB,UACA,OAAO,OACP,KAAM,EACN,QAAQ,OACR,aAAa,SACb,SAAS,UACT,YAAY,GACZ,WACA,SAAS,GACT,IAAK,EAAM,IACX,GAAG,GACU,CACb,GAAM,CAAE,mBAAoB,EAAA,GAAqB,CAC3C,EAAO,GAAY,GAAmB,KACtC,EAAiB,EAAA,GACtB,EAAM,GACN,EAAM,GACN,EAAU,GACV,EAAY,GACZ,EAAQ,GACR,EACA,CAEK,GAAA,EAAA,EAAA,aACD,OAAO,GAAY,UAAY,EAAQ,OAAS,EAC5C,EAGJ,OAAO,GAAa,UAAY,OAAO,GAAa,SAChD,OAAO,EAAS,CAGjB,GACL,CAAC,EAAU,EAAQ,CAAC,CA4BvB,OA1BI,GAEH,EAAA,EAAA,eAAqB,EAAK,CACzB,UAAW,EACX,kBAAmB,OACnB,wBAAyB,CAAE,OAJV,EAAa,EAIK,CAAW,CAC9C,GAAG,EACH,CAAC,CAGC,GAAW,EAAQ,OAAS,GAE9B,EAAA,EAAA,KAAC,EAAD,CAAK,UAAW,EAAgB,kBAAgB,OAAO,GAAI,WACzD,EACI,CAAA,CAIJ,GAAuC,KAQpC,MANL,EAAA,EAAA,KAAC,EAAD,CAAK,UAAW,EAAgB,kBAAgB,OAAO,GAAI,EACzD,WACI,CAAA,CAOT,EAAK,YAAc"}

package/dist/_shared/text-DIxMTECE.js ADDED Viewed

@@ -0,0 +1,74 @@
+import { m as e } from "./ui-provider-4qKSKMPd.js";
+import { cn as t } from "../lib/utils.js";
+import { createElement as n, useMemo as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/lib/sanitize-html.ts
+var a = {
+	"&": "&amp;",
+	"<": "&lt;",
+	">": "&gt;",
+	"\"": "&quot;",
+	"'": "&#39;"
+};
+function o(e) {
+	return e ? e.replace(/[&<>"']/g, (e) => a[e] ?? e) : "";
+}
+//#endregion
+//#region src/components/typography/text.tsx
+var s = {
+	inherit: "[font-size:inherit]",
+	xxs: "text-xxs",
+	sm: "text-sm",
+	xs: "text-xs",
+	base: "text-base",
+	lg: "text-lg",
+	xl: "text-xl"
+}, c = {
+	main: "text-foreground",
+	inverse: "text-background",
+	secondary: "text-muted-foreground",
+	discrete: "text-muted-foreground/50",
+	error: "text-destructive",
+	success: "text-success",
+	primary: "text-primary"
+}, l = {
+	normal: "leading-normal",
+	relaxed: "leading-relaxed",
+	loose: "leading-loose",
+	tight: "leading-tight",
+	snug: "leading-snug",
+	none: "leading-none"
+}, u = {
+	regular: "font-normal",
+	medium: "font-medium",
+	semibold: "font-semibold",
+	bold: "font-bold"
+}, d = {
+	center: "text-center",
+	right: "text-right",
+	left: "text-left"
+};
+function f({ content: a, type: f = "main", size: p, align: m = "left", lineHeight: h = "normal", weight: g = "regular", className: _ = "", children: v, asHTML: y = !1, tag: b = "p", ...x }) {
+	let { defaultTextSize: S } = e(), C = p ?? S ?? "sm", w = t(c[f], s[C], d[m], l[h], u[g], _), T = r(() => typeof a == "string" && a.length > 0 ? a : typeof v == "string" || typeof v == "number" ? String(v) : "", [v, a]);
+	return y ? n(b, {
+		className: w,
+		"data-typography": "text",
+		dangerouslySetInnerHTML: { __html: o(T) },
+		...x
+	}) : a && a.length > 0 ? /* @__PURE__ */ i(b, {
+		className: w,
+		"data-typography": "text",
+		...x,
+		children: a
+	}) : v == null ? null : /* @__PURE__ */ i(b, {
+		className: w,
+		"data-typography": "text",
+		...x,
+		children: v
+	});
+}
+f.displayName = "Text";
+//#endregion
+export { o as n, f as t };
+//# sourceMappingURL=text-DIxMTECE.js.map

package/dist/_shared/text-DIxMTECE.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"text-DIxMTECE.js","names":[],"sources":["../../src/lib/sanitize-html.ts","../../src/components/typography/text.tsx"],"sourcesContent":["const ESCAPE: Record<string, string> = {\n\t'&': '&',\n\t'<': '<',\n\t'>': '>',\n\t'\"': '"',\n\t\"'\": ''',\n};\n\nexport function sanitizeHtml(input: string): string {\n\tif (!input) return '';\n\treturn input.replace(/[&<>\"']/g, (ch) => ESCAPE[ch] ?? ch);\n}\n\nexport default sanitizeHtml;\n","/**\n * Text — design-system text primitive. Use `size` (xxs–xl), `type` (main / inverse /\n * secondary / discrete / error / success / primary), `weight`, `align`, `lineHeight`, `tag`\n * (p / div / span). Supports `content` and `asHTML` (sanitised). Carries `data-typography=\"text\"`\n * so the global `--base-font-scale` knob applies cleanly.\n */\nimport { createElement, useMemo } from 'react';\nimport type { ComponentPropsWithoutRef, ReactNode } from 'react';\n\nimport { useTypographyConfig, type TextSize } from '@/lib/ui-provider';\nimport { sanitizeHtml } from '@/lib/sanitize-html';\nimport { cn } from '@/lib/utils';\n\nconst sizes = {\n inherit: '[font-size:inherit]',\n xxs: 'text-xxs',\n\tsm: 'text-sm',\n\txs: 'text-xs',\n\tbase: 'text-base',\n\tlg: 'text-lg',\n\txl: 'text-xl',\n};\n\nconst types = {\n\tmain: 'text-foreground',\n inverse: 'text-background',\n\tsecondary: 'text-muted-foreground',\n\tdiscrete: 'text-muted-foreground/50',\n\terror: 'text-destructive',\n\tsuccess: 'text-success',\n\tprimary: 'text-primary',\n};\n\nconst lineHeights = {\n\tnormal: 'leading-normal',\n\trelaxed: 'leading-relaxed',\n\tloose: 'leading-loose',\n\ttight: 'leading-tight',\n\tsnug: 'leading-snug',\n\tnone: 'leading-none',\n};\n\nconst weights = {\n\tregular: 'font-normal',\n\tmedium: 'font-medium',\n\tsemibold: 'font-semibold',\n\tbold: 'font-bold',\n};\n\nconst alignment = { center: 'text-center', right: 'text-right', left: 'text-left' };\n\nexport interface TextProps extends Omit<ComponentPropsWithoutRef<'p'>, 'children'> {\n\tcontent?: string;\n\ttype?: keyof typeof types;\n\tsize?: TextSize;\n\talign?: keyof typeof alignment;\n\tlineHeight?: keyof typeof lineHeights;\n\tinvert?: boolean;\n\tweight?: keyof typeof weights;\n\tchildren?: ReactNode;\n\ttag?: 'div' | 'p' | 'span';\n\tasHTML?: boolean;\n}\n\nexport function Text({\n\tcontent,\n\ttype = 'main',\n\tsize: sizeProp,\n\talign = 'left',\n\tlineHeight = 'normal',\n\tweight = 'regular',\n\tclassName = '',\n\tchildren,\n\tasHTML = false,\n\ttag: Tag = 'p',\n\t...props\n}: TextProps) {\n\tconst { defaultTextSize } = useTypographyConfig();\n\tconst size = sizeProp ?? defaultTextSize ?? 'sm';\n\tconst textClassnames = cn(\n\t\ttypes[type],\n\t\tsizes[size],\n\t\talignment[align],\n\t\tlineHeights[lineHeight],\n\t\tweights[weight],\n\t\tclassName,\n\t);\n\n\tconst htmlSource = useMemo(() => {\n\t\tif (typeof content === 'string' && content.length > 0) {\n\t\t\treturn content;\n\t\t}\n\n\t\tif (typeof children === 'string' || typeof children === 'number') {\n\t\t\treturn String(children);\n\t\t}\n\n\t\treturn '';\n\t}, [children, content]);\n\n\tif (asHTML) {\n\t\tconst sanitized = sanitizeHtml(htmlSource);\n\t\treturn createElement(Tag, {\n\t\t\tclassName: textClassnames,\n\t\t\t'data-typography': 'text',\n\t\t\tdangerouslySetInnerHTML: { __html: sanitized },\n\t\t\t...props,\n\t\t});\n\t}\n\n\tif (content && content.length > 0) {\n\t\treturn (\n\t\t\t<Tag className={textClassnames} data-typography=\"text\" {...props}>\n\t\t\t\t{content}\n\t\t\t</Tag>\n\t\t);\n\t}\n\n\tif (children !== undefined && children !== null) {\n\t\treturn (\n\t\t\t<Tag className={textClassnames} data-typography=\"text\" {...props}>\n\t\t\t\t{children}\n\t\t\t</Tag>\n\t\t);\n\t}\n\n\treturn null;\n}\n\nText.displayName = 'Text';\n\nexport default Text;\n"],"mappings":";;;;;AAAA,IAAM,IAAiC;CACtC,KAAK;CACL,KAAK;CACL,KAAK;CACL,MAAK;CACL,KAAK;CACL;AAED,SAAgB,EAAa,GAAuB;AAEnD,QADK,IACE,EAAM,QAAQ,aAAa,MAAO,EAAO,MAAO,EAAG,GADvC;;;;ACIpB,IAAM,IAAQ;CACV,SAAS;CACT,KAAK;CACR,IAAI;CACJ,IAAI;CACJ,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,EAEK,IAAQ;CACb,MAAM;CACH,SAAS;CACZ,WAAW;CACX,UAAU;CACV,OAAO;CACP,SAAS;CACT,SAAS;CACT,EAEK,IAAc;CACnB,QAAQ;CACR,SAAS;CACT,OAAO;CACP,OAAO;CACP,MAAM;CACN,MAAM;CACN,EAEK,IAAU;CACf,SAAS;CACT,QAAQ;CACR,UAAU;CACV,MAAM;CACN,EAEK,IAAY;CAAE,QAAQ;CAAe,OAAO;CAAc,MAAM;CAAa;AAenF,SAAgB,EAAK,EACpB,YACA,UAAO,QACP,MAAM,GACN,WAAQ,QACR,gBAAa,UACb,YAAS,WACT,eAAY,IACZ,aACA,YAAS,IACT,KAAK,IAAM,KACX,GAAG,KACU;CACb,IAAM,EAAE,uBAAoB,GAAqB,EAC3C,IAAO,KAAY,KAAmB,MACtC,IAAiB,EACtB,EAAM,IACN,EAAM,IACN,EAAU,IACV,EAAY,IACZ,EAAQ,IACR,EACA,EAEK,IAAa,QACd,OAAO,KAAY,YAAY,EAAQ,SAAS,IAC5C,IAGJ,OAAO,KAAa,YAAY,OAAO,KAAa,WAChD,OAAO,EAAS,GAGjB,IACL,CAAC,GAAU,EAAQ,CAAC;AA4BvB,QA1BI,IAEI,EAAc,GAAK;EACzB,WAAW;EACX,mBAAmB;EACnB,yBAAyB,EAAE,QAJV,EAAa,EAIK,EAAW;EAC9C,GAAG;EACH,CAAC,GAGC,KAAW,EAAQ,SAAS,IAE9B,kBAAC,GAAD;EAAK,WAAW;EAAgB,mBAAgB;EAAO,GAAI;YACzD;EACI,CAAA,GAIJ,KAAuC,OAQpC,OANL,kBAAC,GAAD;EAAK,WAAW;EAAgB,mBAAgB;EAAO,GAAI;EACzD;EACI,CAAA;;AAOT,EAAK,cAAc"}

package/dist/_shared/textarea-DeISZfHw.js ADDED Viewed

@@ -0,0 +1,119 @@
+import { useStrings as e } from "../lib/strings.js";
+import { s as t } from "./ui-provider-4qKSKMPd.js";
+import { cn as n } from "../lib/utils.js";
+import { t as r } from "./text-DIxMTECE.js";
+import { n as i } from "./input-Cwv1-5jt.js";
+import { i as a, r as o } from "./form-sizing-CkKcs5fi.js";
+import * as s from "react";
+import { useCallback as c, useEffect as l, useRef as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { CircleXIcon as p, Loader2Icon as m } from "lucide-react";
+//#region src/components/base/forms/fields/textarea.tsx
+var h = { clear: "Clear textarea" }, g = s.forwardRef(({ className: s, maxLength: g, showCharacterCount: _, clearable: v, onClear: y, isLoading: b, invalid: x, size: S, autoResize: C = !1, minRows: w = 2, maxRows: T, onChange: E, value: D, defaultValue: O, id: k, strings: A, ...j }, M) => {
+	let N = u(null), P = e(h, A), { defaultControlSize: F } = t(), I = a(S, F), { id: L, value: R, isReactHookForm: z, characterCount: B, hasCharacterLimit: V, showCount: H, hasValue: U, updateValue: W, clearValue: G, wouldExceedLimit: K } = i({
+		controlledValue: D,
+		defaultValue: O,
+		maxLength: g,
+		showCharacterCount: _,
+		providedId: k,
+		idPrefix: "textarea",
+		hasOnChange: E !== void 0
+	}), q = !!x, J = u(0), Y = c(() => {
+		if (!C || !N.current) return;
+		let e = N.current;
+		J.current === 0 && (J.current = parseInt(getComputedStyle(e).lineHeight) || 20), e.style.height = "auto";
+		let t = J.current, n = t * w, r = T ? t * T : Infinity, i = Math.min(Math.max(e.scrollHeight, n), r);
+		e.style.height = `${i}px`;
+	}, [
+		C,
+		T,
+		w
+	]);
+	l(() => {
+		Y();
+	}, [
+		R,
+		C,
+		Y
+	]);
+	let X = c((e) => {
+		let t = e.target.value;
+		K(t) || (W(t), E?.(e), C && setTimeout(Y, 0));
+	}, [
+		E,
+		W,
+		K,
+		C,
+		Y
+	]), Z = c(() => {
+		G(), E?.({
+			target: { value: "" },
+			currentTarget: { value: "" }
+		}), y?.(), N.current?.focus(), C && setTimeout(Y, 0);
+	}, [
+		G,
+		E,
+		y,
+		C,
+		Y
+	]), Q = v && U && !b;
+	return /* @__PURE__ */ f("div", {
+		className: n("textarea--component", "relative w-full"),
+		children: [
+			/* @__PURE__ */ d("textarea", {
+				ref: (e) => {
+					typeof M == "function" ? M(e) : M && (M.current = e), N.current = e;
+				},
+				id: L,
+				...!z && { value: R },
+				onChange: X,
+				maxLength: g,
+				"aria-invalid": q || void 0,
+				disabled: j.disabled || b,
+				rows: w,
+				style: {
+					resize: C ? "none" : j.style?.resize,
+					overflow: C && T ? "auto" : "visible",
+					...j.style
+				},
+				className: n("placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground", "border-input flex w-full rounded-md border bg-transparent px-3 py-2", "transition-[color,box-shadow] outline-none", "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", o[I], "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", Q && "pr-10", H && "pr-16", s),
+				...j
+			}),
+			!!H && /* @__PURE__ */ d("div", {
+				className: n("pointer-events-none absolute top-2 right-3 text-xs tabular-nums", j.disabled && "opacity-50", q ? "text-destructive" : "text-muted-foreground"),
+				"aria-live": "polite",
+				role: "status",
+				children: /* @__PURE__ */ f(r, {
+					tag: "span",
+					size: "xs",
+					type: q ? "error" : "secondary",
+					children: [B, V ? `/${g}` : ""]
+				})
+			}),
+			!!b && !H && /* @__PURE__ */ d("div", {
+				className: n("pointer-events-none absolute top-2 right-3", q ? "text-destructive" : "text-muted-foreground/80"),
+				children: /* @__PURE__ */ d(m, {
+					size: 16,
+					className: "animate-spin",
+					"aria-hidden": "true"
+				})
+			}),
+			!!Q && !H && /* @__PURE__ */ d("button", {
+				type: "button",
+				className: "text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute top-2 right-2 flex h-6 w-6 items-center justify-center rounded transition-[color,box-shadow] outline-none focus-visible:z-10 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+				"aria-label": P.clear,
+				onClick: Z,
+				disabled: b,
+				children: /* @__PURE__ */ d(p, {
+					size: 14,
+					"aria-hidden": "true"
+				})
+			})
+		]
+	});
+});
+g.displayName = "Textarea";
+//#endregion
+export { g as t };
+//# sourceMappingURL=textarea-DeISZfHw.js.map

package/dist/_shared/textarea-DeISZfHw.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"textarea-DeISZfHw.js","names":[],"sources":["../../src/components/base/forms/fields/textarea.tsx"],"sourcesContent":["import { CircleXIcon, Loader2Icon } from 'lucide-react';\nimport * as React from 'react';\nimport { useRef, useCallback, useEffect } from 'react';\nimport { Text } from '@/components/typography';\nimport { useFormsConfig, type FormControlSize } from '@/lib/ui-provider';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\nimport { formTextareaSizeClasses, resolveFormControlSize } from '../form-sizing';\nimport { useFormFieldState } from './hooks';\n\nexport interface TextareaStrings {\n clear: string;\n}\n\nexport const defaultTextareaStrings: TextareaStrings = {\n clear: 'Clear textarea',\n};\n\nexport interface TextareaProps extends Omit<React.ComponentProps<'textarea'>, 'onChange'> {\n // String overrides (e.g. clear button aria-label)\n strings?: StringsProp<TextareaStrings>;\n // Character limit\n maxLength?: number;\n showCharacterCount?: boolean;\n\n // Clear button\n clearable?: boolean;\n onClear?: () => void;\n\n // Loading state\n isLoading?: boolean;\n\n // Error state for styling (passed from FormField)\n invalid?: boolean;\n\n // Visual size\n size?: FormControlSize;\n\n // Auto-resize functionality\n autoResize?: boolean;\n minRows?: number;\n maxRows?: number;\n\n // Value props\n onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\n value?: string;\n defaultValue?: string;\n}\n\nconst TextareaImpl = (\n {\n className,\n maxLength,\n showCharacterCount,\n clearable,\n onClear,\n isLoading,\n invalid,\n size: sizeProp,\n autoResize = false,\n minRows = 2,\n maxRows,\n onChange,\n value: controlledValue,\n defaultValue,\n id: providedId,\n strings: stringsProp,\n ...props\n }: TextareaProps,\n forwardedRef: React.ForwardedRef<HTMLTextAreaElement>,\n) => {\n const textareaRef = useRef<HTMLTextAreaElement>(null);\n const strings = useStrings(defaultTextareaStrings, stringsProp);\n const { defaultControlSize } = useFormsConfig();\n const size = resolveFormControlSize(sizeProp, defaultControlSize);\n\n // Use shared form field state hook\n const {\n id,\n value: textareaValue,\n isReactHookForm,\n characterCount,\n hasCharacterLimit,\n showCount,\n hasValue,\n updateValue,\n clearValue,\n wouldExceedLimit,\n } = useFormFieldState({\n controlledValue,\n defaultValue,\n maxLength,\n showCharacterCount,\n providedId,\n idPrefix: 'textarea',\n hasOnChange: onChange !== undefined,\n });\n\n // Derive display states\n const hasError = Boolean(invalid);\n\n // Cache lineHeight so we call getComputedStyle once instead of on every\n // keystroke — avoids a forced synchronous style recalculation per input.\n const lineHeightRef = useRef<number>(0);\n\n const adjustHeight = useCallback(() => {\n if (!autoResize || !textareaRef.current) return;\n\n const textarea = textareaRef.current;\n\n if (lineHeightRef.current === 0) {\n lineHeightRef.current = parseInt(getComputedStyle(textarea).lineHeight) || 20;\n }\n\n textarea.style.height = 'auto';\n\n const lineHeight = lineHeightRef.current;\n const minHeight = lineHeight * minRows;\n const maxHeight = maxRows ? lineHeight * maxRows : Infinity;\n\n const newHeight = Math.min(Math.max(textarea.scrollHeight, minHeight), maxHeight);\n textarea.style.height = `${newHeight}px`;\n }, [autoResize, maxRows, minRows]);\n\n useEffect(() => {\n adjustHeight();\n }, [textareaValue, autoResize, adjustHeight]);\n\n const handleTextareaChange = useCallback(\n (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n const newValue = e.target.value;\n\n // Check character limit\n if (wouldExceedLimit(newValue)) {\n return;\n }\n\n // Update internal state if uncontrolled\n updateValue(newValue);\n\n // Call external onChange\n onChange?.(e);\n\n // Auto-resize if enabled\n if (autoResize) {\n setTimeout(adjustHeight, 0);\n }\n },\n [onChange, updateValue, wouldExceedLimit, autoResize, adjustHeight]\n );\n\n const handleClear = useCallback(() => {\n const syntheticEvent = {\n target: { value: '' },\n currentTarget: { value: '' },\n } as React.ChangeEvent<HTMLTextAreaElement>;\n\n // Clear internal state\n clearValue();\n\n // Notify parent\n onChange?.(syntheticEvent);\n\n // Execute optional onClear callback\n onClear?.();\n\n // Focus the textarea after clearing\n textareaRef.current?.focus();\n\n // Auto-resize if enabled\n if (autoResize) {\n setTimeout(adjustHeight, 0);\n }\n }, [clearValue, onChange, onClear, autoResize, adjustHeight]);\n\n // Determine what to show in the end position\n const showClearButton = clearable && hasValue && !isLoading;\n\n return (\n <div className={cn('textarea--component', 'relative w-full')}>\n <textarea\n ref={(node) => {\n if (typeof forwardedRef === 'function') {\n forwardedRef(node);\n } else if (forwardedRef) {\n forwardedRef.current = node;\n }\n textareaRef.current = node;\n }}\n id={id}\n {...(!isReactHookForm && { value: textareaValue })}\n onChange={handleTextareaChange}\n maxLength={maxLength}\n aria-invalid={hasError || undefined}\n disabled={props.disabled || isLoading}\n rows={minRows}\n style={{\n resize: autoResize ? 'none' : props.style?.resize,\n overflow: autoResize && maxRows ? 'auto' : 'visible',\n ...props.style,\n }}\n className={cn(\n // Base styles\n 'placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground',\n 'border-input flex w-full rounded-md border bg-transparent px-3 py-2',\n 'transition-[color,box-shadow] outline-none',\n 'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n formTextareaSizeClasses[size],\n // Focus styles\n 'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',\n // Invalid/error styles\n 'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',\n // Dynamic padding for overlays\n showClearButton && 'pr-10',\n showCount && 'pr-16',\n className\n )}\n {...props}\n />\n\n {/* Character Count */}\n {!!showCount && (\n <div\n className={cn(\n 'pointer-events-none absolute top-2 right-3 text-xs tabular-nums',\n props.disabled && 'opacity-50',\n hasError ? 'text-destructive' : 'text-muted-foreground'\n )}\n aria-live=\"polite\"\n role=\"status\"\n >\n <Text tag=\"span\" size=\"xs\" type={hasError ? 'error' : 'secondary'}>\n {characterCount}\n {hasCharacterLimit ? `/${maxLength}` : ''}\n </Text>\n </div>\n )}\n\n {/* Loading Spinner */}\n {!!isLoading && !showCount && (\n <div\n className={cn(\n 'pointer-events-none absolute top-2 right-3',\n hasError ? 'text-destructive' : 'text-muted-foreground/80'\n )}\n >\n <Loader2Icon size={16} className=\"animate-spin\" aria-hidden=\"true\" />\n </div>\n )}\n\n {/* Clear Button */}\n {!!showClearButton && !showCount && (\n <button\n type=\"button\"\n className=\"text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute top-2 right-2 flex h-6 w-6 items-center justify-center rounded transition-[color,box-shadow] outline-none focus-visible:z-10 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\"\n aria-label={strings.clear}\n onClick={handleClear}\n disabled={isLoading}\n >\n <CircleXIcon size={14} aria-hidden=\"true\" />\n </button>\n )}\n </div>\n );\n};\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(TextareaImpl);\nTextarea.displayName = 'Textarea';\n\nexport { Textarea };\n"],"mappings":"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"}

package/dist/_shared/textarea-iR9txrty.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require(`./chunk-D3uCBrYO.cjs`),t=require(`../lib/strings.cjs`),n=require(`./ui-provider-uiQgATj1.cjs`),r=require(`../lib/utils.cjs`),i=require(`./text-DBnY6fcL.cjs`),a=require(`./input-ChZGIhtS.cjs`),o=require(`./form-sizing--bs_xPe2.cjs`);let s=require(`react`);s=e.t(s,1);let c=require(`react/jsx-runtime`),l=require(`lucide-react`);var u={clear:`Clear textarea`},d=s.forwardRef(({className:e,maxLength:d,showCharacterCount:f,clearable:p,onClear:m,isLoading:h,invalid:g,size:_,autoResize:v=!1,minRows:y=2,maxRows:b,onChange:x,value:S,defaultValue:C,id:w,strings:T,...E},D)=>{let O=(0,s.useRef)(null),k=t.useStrings(u,T),{defaultControlSize:A}=n.s(),j=o.i(_,A),{id:M,value:N,isReactHookForm:P,characterCount:F,hasCharacterLimit:I,showCount:L,hasValue:R,updateValue:z,clearValue:B,wouldExceedLimit:V}=a.n({controlledValue:S,defaultValue:C,maxLength:d,showCharacterCount:f,providedId:w,idPrefix:`textarea`,hasOnChange:x!==void 0}),H=!!g,U=(0,s.useRef)(0),W=(0,s.useCallback)(()=>{if(!v\|\|!O.current)return;let e=O.current;U.current===0&&(U.current=parseInt(getComputedStyle(e).lineHeight)\|\|20),e.style.height=`auto`;let t=U.current,n=ty,r=b?tb:1/0,i=Math.min(Math.max(e.scrollHeight,n),r);e.style.height=`${i}px`},[v,b,y]);(0,s.useEffect)(()=>{W()},[N,v,W]);let G=(0,s.useCallback)(e=>{let t=e.target.value;V(t)\|\|(z(t),x?.(e),v&&setTimeout(W,0))},[x,z,V,v,W]),K=(0,s.useCallback)(()=>{B(),x?.({target:{value:``},currentTarget:{value:``}}),m?.(),O.current?.focus(),v&&setTimeout(W,0)},[B,x,m,v,W]),q=p&&R&&!h;return(0,c.jsxs)(`div`,{className:r.cn(`textarea--component`,`relative w-full`),children:[(0,c.jsx)(`textarea`,{ref:e=>{typeof D==`function`?D(e):D&&(D.current=e),O.current=e},id:M,...!P&&{value:N},onChange:G,maxLength:d,"aria-invalid":H\|\|void 0,disabled:E.disabled\|\|h,rows:y,style:{resize:v?`none`:E.style?.resize,overflow:v&&b?`auto`:`visible`,...E.style},className:r.cn(`placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground`,`border-input flex w-full rounded-md border bg-transparent px-3 py-2`,`transition-[color,box-shadow] outline-none`,`disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,o.r[j],`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive`,q&&`pr-10`,L&&`pr-16`,e),...E}),!!L&&(0,c.jsx)(`div`,{className:r.cn(`pointer-events-none absolute top-2 right-3 text-xs tabular-nums`,E.disabled&&`opacity-50`,H?`text-destructive`:`text-muted-foreground`),"aria-live":`polite`,role:`status`,children:(0,c.jsxs)(i.t,{tag:`span`,size:`xs`,type:H?`error`:`secondary`,children:[F,I?`/${d}`:``]})}),!!h&&!L&&(0,c.jsx)(`div`,{className:r.cn(`pointer-events-none absolute top-2 right-3`,H?`text-destructive`:`text-muted-foreground/80`),children:(0,c.jsx)(l.Loader2Icon,{size:16,className:`animate-spin`,"aria-hidden":`true`})}),!!q&&!L&&(0,c.jsx)(`button`,{type:`button`,className:`text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute top-2 right-2 flex h-6 w-6 items-center justify-center rounded transition-[color,box-shadow] outline-none focus-visible:z-10 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,"aria-label":k.clear,onClick:K,disabled:h,children:(0,c.jsx)(l.CircleXIcon,{size:14,"aria-hidden":`true`})})]})});d.displayName=`Textarea`,Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});
2	+ //# sourceMappingURL=textarea-iR9txrty.cjs.map

package/dist/_shared/textarea-iR9txrty.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"textarea-iR9txrty.cjs","names":[],"sources":["../../src/components/base/forms/fields/textarea.tsx"],"sourcesContent":["import { CircleXIcon, Loader2Icon } from 'lucide-react';\nimport * as React from 'react';\nimport { useRef, useCallback, useEffect } from 'react';\nimport { Text } from '@/components/typography';\nimport { useFormsConfig, type FormControlSize } from '@/lib/ui-provider';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\nimport { formTextareaSizeClasses, resolveFormControlSize } from '../form-sizing';\nimport { useFormFieldState } from './hooks';\n\nexport interface TextareaStrings {\n clear: string;\n}\n\nexport const defaultTextareaStrings: TextareaStrings = {\n clear: 'Clear textarea',\n};\n\nexport interface TextareaProps extends Omit<React.ComponentProps<'textarea'>, 'onChange'> {\n // String overrides (e.g. clear button aria-label)\n strings?: StringsProp<TextareaStrings>;\n // Character limit\n maxLength?: number;\n showCharacterCount?: boolean;\n\n // Clear button\n clearable?: boolean;\n onClear?: () => void;\n\n // Loading state\n isLoading?: boolean;\n\n // Error state for styling (passed from FormField)\n invalid?: boolean;\n\n // Visual size\n size?: FormControlSize;\n\n // Auto-resize functionality\n autoResize?: boolean;\n minRows?: number;\n maxRows?: number;\n\n // Value props\n onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\n value?: string;\n defaultValue?: string;\n}\n\nconst TextareaImpl = (\n {\n className,\n maxLength,\n showCharacterCount,\n clearable,\n onClear,\n isLoading,\n invalid,\n size: sizeProp,\n autoResize = false,\n minRows = 2,\n maxRows,\n onChange,\n value: controlledValue,\n defaultValue,\n id: providedId,\n strings: stringsProp,\n ...props\n }: TextareaProps,\n forwardedRef: React.ForwardedRef<HTMLTextAreaElement>,\n) => {\n const textareaRef = useRef<HTMLTextAreaElement>(null);\n const strings = useStrings(defaultTextareaStrings, stringsProp);\n const { defaultControlSize } = useFormsConfig();\n const size = resolveFormControlSize(sizeProp, defaultControlSize);\n\n // Use shared form field state hook\n const {\n id,\n value: textareaValue,\n isReactHookForm,\n characterCount,\n hasCharacterLimit,\n showCount,\n hasValue,\n updateValue,\n clearValue,\n wouldExceedLimit,\n } = useFormFieldState({\n controlledValue,\n defaultValue,\n maxLength,\n showCharacterCount,\n providedId,\n idPrefix: 'textarea',\n hasOnChange: onChange !== undefined,\n });\n\n // Derive display states\n const hasError = Boolean(invalid);\n\n // Cache lineHeight so we call getComputedStyle once instead of on every\n // keystroke — avoids a forced synchronous style recalculation per input.\n const lineHeightRef = useRef<number>(0);\n\n const adjustHeight = useCallback(() => {\n if (!autoResize || !textareaRef.current) return;\n\n const textarea = textareaRef.current;\n\n if (lineHeightRef.current === 0) {\n lineHeightRef.current = parseInt(getComputedStyle(textarea).lineHeight) || 20;\n }\n\n textarea.style.height = 'auto';\n\n const lineHeight = lineHeightRef.current;\n const minHeight = lineHeight * minRows;\n const maxHeight = maxRows ? lineHeight * maxRows : Infinity;\n\n const newHeight = Math.min(Math.max(textarea.scrollHeight, minHeight), maxHeight);\n textarea.style.height = `${newHeight}px`;\n }, [autoResize, maxRows, minRows]);\n\n useEffect(() => {\n adjustHeight();\n }, [textareaValue, autoResize, adjustHeight]);\n\n const handleTextareaChange = useCallback(\n (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n const newValue = e.target.value;\n\n // Check character limit\n if (wouldExceedLimit(newValue)) {\n return;\n }\n\n // Update internal state if uncontrolled\n updateValue(newValue);\n\n // Call external onChange\n onChange?.(e);\n\n // Auto-resize if enabled\n if (autoResize) {\n setTimeout(adjustHeight, 0);\n }\n },\n [onChange, updateValue, wouldExceedLimit, autoResize, adjustHeight]\n );\n\n const handleClear = useCallback(() => {\n const syntheticEvent = {\n target: { value: '' },\n currentTarget: { value: '' },\n } as React.ChangeEvent<HTMLTextAreaElement>;\n\n // Clear internal state\n clearValue();\n\n // Notify parent\n onChange?.(syntheticEvent);\n\n // Execute optional onClear callback\n onClear?.();\n\n // Focus the textarea after clearing\n textareaRef.current?.focus();\n\n // Auto-resize if enabled\n if (autoResize) {\n setTimeout(adjustHeight, 0);\n }\n }, [clearValue, onChange, onClear, autoResize, adjustHeight]);\n\n // Determine what to show in the end position\n const showClearButton = clearable && hasValue && !isLoading;\n\n return (\n <div className={cn('textarea--component', 'relative w-full')}>\n <textarea\n ref={(node) => {\n if (typeof forwardedRef === 'function') {\n forwardedRef(node);\n } else if (forwardedRef) {\n forwardedRef.current = node;\n }\n textareaRef.current = node;\n }}\n id={id}\n {...(!isReactHookForm && { value: textareaValue })}\n onChange={handleTextareaChange}\n maxLength={maxLength}\n aria-invalid={hasError || undefined}\n disabled={props.disabled || isLoading}\n rows={minRows}\n style={{\n resize: autoResize ? 'none' : props.style?.resize,\n overflow: autoResize && maxRows ? 'auto' : 'visible',\n ...props.style,\n }}\n className={cn(\n // Base styles\n 'placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground',\n 'border-input flex w-full rounded-md border bg-transparent px-3 py-2',\n 'transition-[color,box-shadow] outline-none',\n 'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n formTextareaSizeClasses[size],\n // Focus styles\n 'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',\n // Invalid/error styles\n 'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',\n // Dynamic padding for overlays\n showClearButton && 'pr-10',\n showCount && 'pr-16',\n className\n )}\n {...props}\n />\n\n {/* Character Count */}\n {!!showCount && (\n <div\n className={cn(\n 'pointer-events-none absolute top-2 right-3 text-xs tabular-nums',\n props.disabled && 'opacity-50',\n hasError ? 'text-destructive' : 'text-muted-foreground'\n )}\n aria-live=\"polite\"\n role=\"status\"\n >\n <Text tag=\"span\" size=\"xs\" type={hasError ? 'error' : 'secondary'}>\n {characterCount}\n {hasCharacterLimit ? `/${maxLength}` : ''}\n </Text>\n </div>\n )}\n\n {/* Loading Spinner */}\n {!!isLoading && !showCount && (\n <div\n className={cn(\n 'pointer-events-none absolute top-2 right-3',\n hasError ? 'text-destructive' : 'text-muted-foreground/80'\n )}\n >\n <Loader2Icon size={16} className=\"animate-spin\" aria-hidden=\"true\" />\n </div>\n )}\n\n {/* Clear Button */}\n {!!showClearButton && !showCount && (\n <button\n type=\"button\"\n className=\"text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute top-2 right-2 flex h-6 w-6 items-center justify-center rounded transition-[color,box-shadow] outline-none focus-visible:z-10 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\"\n aria-label={strings.clear}\n onClick={handleClear}\n disabled={isLoading}\n >\n <CircleXIcon size={14} aria-hidden=\"true\" />\n </button>\n )}\n </div>\n );\n};\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(TextareaImpl);\nTextarea.displayName = 'Textarea';\n\nexport { Textarea };\n"],"mappings":"wVAcA,IAAa,EAA0C,CACnD,MAAO,iBACV,CA0PK,EAAW,EAAM,YAxNnB,CACI,YACA,YACA,qBACA,YACA,UACA,YACA,UACA,KAAM,EACN,aAAa,GACb,UAAU,EACV,UACA,WACA,MAAO,EACP,eACA,GAAI,EACJ,QAAS,EACT,GAAG,GAEP,IACC,CACD,IAAM,GAAA,EAAA,EAAA,QAA0C,KAAK,CAC/C,EAAU,EAAA,WAAW,EAAwB,EAAY,CACzD,CAAE,sBAAuB,EAAA,GAAgB,CACzC,EAAO,EAAA,EAAuB,EAAU,EAAmB,CAG3D,CACF,KACA,MAAO,EACP,kBACA,iBACA,oBACA,YACA,WACA,cACA,aACA,oBACA,EAAA,EAAkB,CAClB,kBACA,eACA,YACA,qBACA,aACA,SAAU,WACV,YAAa,IAAa,IAAA,GAC7B,CAAC,CAGI,EAAW,EAAQ,EAInB,GAAA,EAAA,EAAA,QAA+B,EAAE,CAEjC,GAAA,EAAA,EAAA,iBAAiC,CACnC,GAAI,CAAC,GAAc,CAAC,EAAY,QAAS,OAEzC,IAAM,EAAW,EAAY,QAEzB,EAAc,UAAY,IAC1B,EAAc,QAAU,SAAS,iBAAiB,EAAS,CAAC,WAAW,EAAI,IAG/E,EAAS,MAAM,OAAS,OAExB,IAAM,EAAa,EAAc,QAC3B,EAAY,EAAa,EACzB,EAAY,EAAU,EAAa,EAAU,IAE7C,EAAY,KAAK,IAAI,KAAK,IAAI,EAAS,aAAc,EAAU,CAAE,EAAU,CACjF,EAAS,MAAM,OAAS,GAAG,EAAU,KACtC,CAAC,EAAY,EAAS,EAAQ,CAAC,EAElC,EAAA,EAAA,eAAgB,CACZ,GAAc,EACf,CAAC,EAAe,EAAY,EAAa,CAAC,CAE7C,IAAM,GAAA,EAAA,EAAA,aACD,GAA8C,CAC3C,IAAM,EAAW,EAAE,OAAO,MAGtB,EAAiB,EAAS,GAK9B,EAAY,EAAS,CAGrB,IAAW,EAAE,CAGT,GACA,WAAW,EAAc,EAAE,GAGnC,CAAC,EAAU,EAAa,EAAkB,EAAY,EAAa,CACtE,CAEK,GAAA,EAAA,EAAA,iBAAgC,CAOlC,GAAY,CAGZ,IAAW,CARP,OAAQ,CAAE,MAAO,GAAI,CACrB,cAAe,CAAE,MAAO,GAAI,CAOrB,CAAe,CAG1B,KAAW,CAGX,EAAY,SAAS,OAAO,CAGxB,GACA,WAAW,EAAc,EAAE,EAEhC,CAAC,EAAY,EAAU,EAAS,EAAY,EAAa,CAAC,CAGvD,EAAkB,GAAa,GAAY,CAAC,EAElD,OACI,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAA,GAAG,sBAAuB,kBAAkB,UAA5D,EACI,EAAA,EAAA,KAAC,WAAD,CACI,IAAM,GAAS,CACP,OAAO,GAAiB,WACxB,EAAa,EAAK,CACX,IACP,EAAa,QAAU,GAE3B,EAAY,QAAU,GAEtB,KACJ,GAAK,CAAC,GAAmB,CAAE,MAAO,EAAe,CACjD,SAAU,EACC,YACX,eAAc,GAAY,IAAA,GAC1B,SAAU,EAAM,UAAY,EAC5B,KAAM,EACN,MAAO,CACH,OAAQ,EAAa,OAAS,EAAM,OAAO,OAC3C,SAAU,GAAc,EAAU,OAAS,UAC3C,GAAG,EAAM,MACZ,CACD,UAAW,EAAA,GAEP,2FACA,sEACA,6CACA,+EACA,EAAA,EAAwB,GAExB,gFAEA,yGAEA,GAAmB,QACnB,GAAa,QACb,EACH,CACD,GAAI,EACN,CAAA,CAGD,CAAC,CAAC,IACC,EAAA,EAAA,KAAC,MAAD,CACI,UAAW,EAAA,GACP,kEACA,EAAM,UAAY,aAClB,EAAW,mBAAqB,wBACnC,CACD,YAAU,SACV,KAAK,mBAEL,EAAA,EAAA,MAAC,EAAA,EAAD,CAAM,IAAI,OAAO,KAAK,KAAK,KAAM,EAAW,QAAU,qBAAtD,CACK,EACA,EAAoB,IAAI,IAAc,GACpC,GACL,CAAA,CAIT,CAAC,CAAC,GAAa,CAAC,IACb,EAAA,EAAA,KAAC,MAAD,CACI,UAAW,EAAA,GACP,6CACA,EAAW,mBAAqB,2BACnC,WAED,EAAA,EAAA,KAAC,EAAA,YAAD,CAAa,KAAM,GAAI,UAAU,eAAe,cAAY,OAAS,CAAA,CACnE,CAAA,CAIT,CAAC,CAAC,GAAmB,CAAC,IACnB,EAAA,EAAA,KAAC,SAAD,CACI,KAAK,SACL,UAAU,kVACV,aAAY,EAAQ,MACpB,QAAS,EACT,SAAU,YAEV,EAAA,EAAA,KAAC,EAAA,YAAD,CAAa,KAAM,GAAI,cAAY,OAAS,CAAA,CACvC,CAAA,CAEX,IAIqE,CACnF,EAAS,YAAc"}

package/dist/_shared/tooltip-CEqxHWxQ.js ADDED Viewed

@@ -0,0 +1,49 @@
+import { cn as e } from "../lib/utils.js";
+import { t } from "./slot-CrS_VEVl.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Tooltip as i } from "@base-ui/react/tooltip";
+//#region src/components/ui/tooltip.tsx
+function a({ delay: e = 0, delayDuration: t, ...r }) {
+	return /* @__PURE__ */ n(i.Provider, {
+		"data-slot": "tooltip-provider",
+		delay: t ?? e,
+		...r
+	});
+}
+function o({ ...e }) {
+	return /* @__PURE__ */ n(a, { children: /* @__PURE__ */ n(i.Root, {
+		"data-slot": "tooltip",
+		...e
+	}) });
+}
+function s({ asChild: e = !1, render: r, children: a, ...o }) {
+	let s = e ? /* @__PURE__ */ n(t, {}) : void 0, c = typeof r == "function" ? ((e, t) => {
+		let { nativeButton: n, ...i } = e;
+		return r(i, t);
+	}) : r;
+	return /* @__PURE__ */ n(i.Trigger, {
+		"data-slot": "tooltip-trigger",
+		render: s ?? c,
+		...o,
+		children: a
+	});
+}
+function c({ className: t, side: a = "top", sideOffset: o = 4, align: s = "center", alignOffset: c = 0, children: l, ...u }) {
+	return /* @__PURE__ */ n(i.Portal, { children: /* @__PURE__ */ n(i.Positioner, {
+		align: s,
+		alignOffset: c,
+		side: a,
+		sideOffset: o,
+		className: "isolate z-50",
+		children: /* @__PURE__ */ r(i.Popup, {
+			"data-slot": "tooltip-content",
+			className: e("data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 rounded-md px-3 py-1.5 text-xs data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 bg-foreground text-background z-50 w-fit max-w-xs origin-(--transform-origin)", t),
+			...u,
+			children: [l, /* @__PURE__ */ n(i.Arrow, { className: "size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 bg-foreground fill-foreground z-50 data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" })]
+		})
+	}) });
+}
+//#endregion
+export { s as i, c as n, a as r, o as t };
+//# sourceMappingURL=tooltip-CEqxHWxQ.js.map

package/dist/_shared/tooltip-CEqxHWxQ.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"tooltip-CEqxHWxQ.js","names":[],"sources":["../../src/components/ui/tooltip.tsx"],"sourcesContent":["import { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\"\n\nimport { Slot } from \"@/components/ui/slot\"\nimport { cn } from \"@/lib/utils\"\n\nfunction TooltipProvider({\n delay = 0,\n delayDuration,\n ...props\n}: TooltipPrimitive.Provider.Props & { delayDuration?: number }) {\n return (\n <TooltipPrimitive.Provider\n data-slot=\"tooltip-provider\"\n delay={delayDuration ?? delay}\n {...props}\n />\n )\n}\n\nfunction Tooltip({ ...props }: TooltipPrimitive.Root.Props) {\n return (\n <TooltipProvider>\n <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n </TooltipProvider>\n )\n}\n\nfunction TooltipTrigger({\n asChild = false,\n render,\n children,\n ...props\n}: TooltipPrimitive.Trigger.Props & { asChild?: boolean }) {\n const slotRender = asChild ? <Slot /> : undefined\n const safeRender: TooltipPrimitive.Trigger.Props[\"render\"] = typeof render === \"function\"\n ? ((renderProps, state) => {\n const { nativeButton: _nativeButton, ...rest } = renderProps as Record<string, unknown>\n void _nativeButton\n return render(rest as typeof renderProps, state)\n })\n : render\n\n return (\n <TooltipPrimitive.Trigger\n data-slot=\"tooltip-trigger\"\n render={slotRender ?? safeRender}\n {...props}\n >\n {children}\n </TooltipPrimitive.Trigger>\n )\n}\n\nfunction TooltipContent({\n className,\n side = \"top\",\n sideOffset = 4,\n align = \"center\",\n alignOffset = 0,\n children,\n ...props\n}: TooltipPrimitive.Popup.Props &\n Pick<\n TooltipPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n >) {\n return (\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Positioner\n align={align}\n alignOffset={alignOffset}\n side={side}\n sideOffset={sideOffset}\n className=\"isolate z-50\"\n >\n <TooltipPrimitive.Popup\n data-slot=\"tooltip-content\"\n className={cn(\n \"data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 rounded-md px-3 py-1.5 text-xs data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 bg-foreground text-background z-50 w-fit max-w-xs origin-(--transform-origin)\",\n className\n )}\n {...props}\n >\n {children}\n <TooltipPrimitive.Arrow className=\"size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 bg-foreground fill-foreground z-50 data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5\" />\n </TooltipPrimitive.Popup>\n </TooltipPrimitive.Positioner>\n </TooltipPrimitive.Portal>\n )\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n"],"mappings":";;;;;AAKA,SAAS,EAAgB,EACvB,WAAQ,GACR,kBACA,GAAG,KAC4D;AAC/D,QACE,kBAAC,EAAiB,UAAlB;EACE,aAAU;EACV,OAAO,KAAiB;EACxB,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAQ,EAAE,GAAG,KAAsC;AAC1D,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,EAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;EAAS,CAAA,EACxC,CAAA;;AAItB,SAAS,EAAe,EACtB,aAAU,IACV,WACA,aACA,GAAG,KACsD;CACzD,IAAM,IAAa,IAAU,kBAAC,GAAD,EAAQ,CAAA,GAAG,KAAA,GAClC,IAAuD,OAAO,KAAW,eACzE,GAAa,MAAU;EACzB,IAAM,EAAE,cAAc,GAAe,GAAG,MAAS;AAEjD,SAAO,EAAO,GAA4B,EAAM;MAEhD;AAEJ,QACE,kBAAC,EAAiB,SAAlB;EACE,aAAU;EACV,QAAQ,KAAc;EACtB,GAAI;EAEH;EACwB,CAAA;;AAI/B,SAAS,EAAe,EACtB,cACA,UAAO,OACP,gBAAa,GACb,WAAQ,UACR,iBAAc,GACd,aACA,GAAG,KAKA;AACH,QACE,kBAAC,EAAiB,QAAlB,EAAA,UACE,kBAAC,EAAiB,YAAlB;EACS;EACM;EACP;EACM;EACZ,WAAU;YAEV,kBAAC,EAAiB,OAAlB;GACE,aAAU;GACV,WAAW,EACT,0lBACA,EACD;GACD,GAAI;aANN,CAQG,GACD,kBAAC,EAAiB,OAAlB,EAAwB,WAAU,8hBAA+hB,CAAA,CAC1iB;;EACG,CAAA,EACN,CAAA"}

package/dist/_shared/tooltip-DPv0LGr9.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ require(`./chunk-D3uCBrYO.cjs`);const e=require(`../lib/utils.cjs`),t=require(`./slot-ClIPTht1.cjs`);let n=require(`react/jsx-runtime`),r=require(`@base-ui/react/tooltip`);function i({delay:e=0,delayDuration:t,...i}){return(0,n.jsx)(r.Tooltip.Provider,{"data-slot":`tooltip-provider`,delay:t??e,...i})}function a({...e}){return(0,n.jsx)(i,{children:(0,n.jsx)(r.Tooltip.Root,{"data-slot":`tooltip`,...e})})}function o({asChild:e=!1,render:i,children:a,...o}){let s=e?(0,n.jsx)(t.t,{}):void 0,c=typeof i==`function`?((e,t)=>{let{nativeButton:n,...r}=e;return i(r,t)}):i;return(0,n.jsx)(r.Tooltip.Trigger,{"data-slot":`tooltip-trigger`,render:s??c,...o,children:a})}function s({className:t,side:i=`top`,sideOffset:a=4,align:o=`center`,alignOffset:s=0,children:c,...l}){return(0,n.jsx)(r.Tooltip.Portal,{children:(0,n.jsx)(r.Tooltip.Positioner,{align:o,alignOffset:s,side:i,sideOffset:a,className:`isolate z-50`,children:(0,n.jsxs)(r.Tooltip.Popup,{"data-slot":`tooltip-content`,className:e.cn(`data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 rounded-md px-3 py-1.5 text-xs data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 bg-foreground text-background z-50 w-fit max-w-xs origin-(--transform-origin)`,t),...l,children:[c,(0,n.jsx)(r.Tooltip.Arrow,{className:`size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 bg-foreground fill-foreground z-50 data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5`})]})})})}Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
2	+ //# sourceMappingURL=tooltip-DPv0LGr9.cjs.map

package/dist/_shared/tooltip-DPv0LGr9.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"tooltip-DPv0LGr9.cjs","names":[],"sources":["../../src/components/ui/tooltip.tsx"],"sourcesContent":["import { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\"\n\nimport { Slot } from \"@/components/ui/slot\"\nimport { cn } from \"@/lib/utils\"\n\nfunction TooltipProvider({\n delay = 0,\n delayDuration,\n ...props\n}: TooltipPrimitive.Provider.Props & { delayDuration?: number }) {\n return (\n <TooltipPrimitive.Provider\n data-slot=\"tooltip-provider\"\n delay={delayDuration ?? delay}\n {...props}\n />\n )\n}\n\nfunction Tooltip({ ...props }: TooltipPrimitive.Root.Props) {\n return (\n <TooltipProvider>\n <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n </TooltipProvider>\n )\n}\n\nfunction TooltipTrigger({\n asChild = false,\n render,\n children,\n ...props\n}: TooltipPrimitive.Trigger.Props & { asChild?: boolean }) {\n const slotRender = asChild ? <Slot /> : undefined\n const safeRender: TooltipPrimitive.Trigger.Props[\"render\"] = typeof render === \"function\"\n ? ((renderProps, state) => {\n const { nativeButton: _nativeButton, ...rest } = renderProps as Record<string, unknown>\n void _nativeButton\n return render(rest as typeof renderProps, state)\n })\n : render\n\n return (\n <TooltipPrimitive.Trigger\n data-slot=\"tooltip-trigger\"\n render={slotRender ?? safeRender}\n {...props}\n >\n {children}\n </TooltipPrimitive.Trigger>\n )\n}\n\nfunction TooltipContent({\n className,\n side = \"top\",\n sideOffset = 4,\n align = \"center\",\n alignOffset = 0,\n children,\n ...props\n}: TooltipPrimitive.Popup.Props &\n Pick<\n TooltipPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n >) {\n return (\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Positioner\n align={align}\n alignOffset={alignOffset}\n side={side}\n sideOffset={sideOffset}\n className=\"isolate z-50\"\n >\n <TooltipPrimitive.Popup\n data-slot=\"tooltip-content\"\n className={cn(\n \"data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 rounded-md px-3 py-1.5 text-xs data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 bg-foreground text-background z-50 w-fit max-w-xs origin-(--transform-origin)\",\n className\n )}\n {...props}\n >\n {children}\n <TooltipPrimitive.Arrow className=\"size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 bg-foreground fill-foreground z-50 data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5\" />\n </TooltipPrimitive.Popup>\n </TooltipPrimitive.Positioner>\n </TooltipPrimitive.Portal>\n )\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n"],"mappings":"4KAKA,SAAS,EAAgB,CACvB,QAAQ,EACR,gBACA,GAAG,GAC4D,CAC/D,OACE,EAAA,EAAA,KAAC,EAAA,QAAiB,SAAlB,CACE,YAAU,mBACV,MAAO,GAAiB,EACxB,GAAI,EACJ,CAAA,CAIN,SAAS,EAAQ,CAAE,GAAG,GAAsC,CAC1D,OACE,EAAA,EAAA,KAAC,EAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,QAAiB,KAAlB,CAAuB,YAAU,UAAU,GAAI,EAAS,CAAA,CACxC,CAAA,CAItB,SAAS,EAAe,CACtB,UAAU,GACV,SACA,WACA,GAAG,GACsD,CACzD,IAAM,EAAa,GAAU,EAAA,EAAA,KAAC,EAAA,EAAD,EAAQ,CAAA,CAAG,IAAA,GAClC,EAAuD,OAAO,GAAW,aACzE,EAAa,IAAU,CACzB,GAAM,CAAE,aAAc,EAAe,GAAG,GAAS,EAEjD,OAAO,EAAO,EAA4B,EAAM,GAEhD,EAEJ,OACE,EAAA,EAAA,KAAC,EAAA,QAAiB,QAAlB,CACE,YAAU,kBACV,OAAQ,GAAc,EACtB,GAAI,EAEH,WACwB,CAAA,CAI/B,SAAS,EAAe,CACtB,YACA,OAAO,MACP,aAAa,EACb,QAAQ,SACR,cAAc,EACd,WACA,GAAG,GAKA,CACH,OACE,EAAA,EAAA,KAAC,EAAA,QAAiB,OAAlB,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,QAAiB,WAAlB,CACS,QACM,cACP,OACM,aACZ,UAAU,yBAEV,EAAA,EAAA,MAAC,EAAA,QAAiB,MAAlB,CACE,YAAU,kBACV,UAAW,EAAA,GACT,ylBACA,EACD,CACD,GAAI,WANN,CAQG,GACD,EAAA,EAAA,KAAC,EAAA,QAAiB,MAAlB,CAAwB,UAAU,6hBAA+hB,CAAA,CAC1iB,GACG,CAAA,CACN,CAAA"}

package/dist/_shared/typography-BtPQBvSm.js ADDED Viewed

@@ -0,0 +1,135 @@
+import { s as e } from "./ui-provider-4qKSKMPd.js";
+import { cn as t } from "../lib/utils.js";
+import { n, t as r } from "./text-DIxMTECE.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/typography/heading.tsx
+var o = {
+	h1: "scroll-m-20 text-2xl font-semibold text-balance",
+	h2: "scroll-m-20 border-b pb-2 text-xl font-semibold first:mt-0",
+	h3: "scroll-m-20 text-lg font-semibold",
+	h4: "scroll-m-20 text-base font-semibold",
+	h5: "text-sm font-semibold",
+	h6: "text-xs font-semibold"
+}, s = {
+	left: "text-left",
+	center: "text-center",
+	right: "text-right"
+};
+function c({ tag: e = "h3", className: n, children: c, subHeading: l, subHeadingClassName: u, subHeadingSize: d, containerClassName: f, align: p = "left", ...m }) {
+	let h = t("text-foreground antialiased", o[e], s[p], n);
+	return /* @__PURE__ */ a("div", {
+		className: t("space-y-1", s[p], f),
+		children: [!!c && /* @__PURE__ */ i(e, {
+			className: h,
+			"data-typography": "heading",
+			...m,
+			children: c
+		}), !!l && /* @__PURE__ */ i(r, {
+			size: d ?? "xs",
+			type: "secondary",
+			align: p,
+			className: u,
+			children: l
+		})]
+	});
+}
+c.displayName = "Heading";
+//#endregion
+//#region src/components/typography/label.tsx
+var l = {
+	xs: "text-xs",
+	sm: "text-sm",
+	base: "text-base"
+};
+function u(e, t) {
+	return e ?? t ?? "sm";
+}
+function d({ content: n, className: r = "", children: a, size: o, ...s }) {
+	let { defaultLabelSize: c } = e(), d = u(o, c);
+	return /* @__PURE__ */ i("label", {
+		...s,
+		"data-typography": "label",
+		className: t("font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50", l[d], r),
+		children: a || n
+	});
+}
+d.displayName = "Label";
+//#endregion
+//#region src/components/typography/text-link.tsx
+var f = {
+	inherit: "text-inherit",
+	sm: "text-sm",
+	xs: "text-xs",
+	base: "text-base",
+	lg: "text-lg",
+	xl: "text-xl"
+}, p = {
+	main: "text-foreground",
+	inverse: "text-background",
+	secondary: "text-muted-foreground",
+	discrete: "text-muted-foreground/50",
+	error: "text-destructive",
+	success: "text-success",
+	primary: "text-primary"
+}, m = {
+	normal: "leading-normal",
+	relaxed: "leading-relaxed",
+	loose: "leading-loose",
+	tight: "leading-tight",
+	snug: "leading-snug",
+	none: "leading-none"
+}, h = {
+	regular: "font-normal",
+	medium: "font-medium",
+	semibold: "font-semibold",
+	bold: "font-bold"
+}, g = {
+	center: "text-center",
+	right: "text-right",
+	left: "text-left"
+};
+function _({ type: e = "main", size: n = "sm", align: r = "left", lineHeight: a = "normal", weight: o = "regular", className: s = "", underline: c = !0, children: l, ...u }) {
+	return /* @__PURE__ */ i("a", {
+		className: t(p[e], f[n], g[r], m[a], h[o], c && "underline decoration-neutral-300 underline-offset-4 transition-colors duration-300 ease-out hover:decoration-current! dark:decoration-neutral-500", s),
+		"data-typography": "link",
+		...u,
+		children: l
+	});
+}
+_.displayName = "TextLink";
+//#endregion
+//#region src/components/typography/typography.tsx
+var v = {
+	primary: "bg-primary text-primary-foreground",
+	success: "bg-success text-success-foreground",
+	error: "bg-destructive text-destructive-foreground",
+	warning: "bg-warning text-warning-foreground"
+}, y = {
+	primary: "decoration-primary",
+	success: "decoration-success",
+	error: "decoration-destructive",
+	warning: "decoration-warning"
+};
+function b({ content: e, variant: n = "primary" }) {
+	return /* @__PURE__ */ i("span", {
+		className: t("px-1.5 py-0.5 rounded-sm", v[n]),
+		children: e
+	});
+}
+function x({ content: e, variant: n = "primary" }) {
+	return /* @__PURE__ */ i("span", {
+		className: t("underline underline-offset-4 decoration-2", y[n]),
+		children: e
+	});
+}
+function S({ children: e, ...t }) {
+	return /* @__PURE__ */ i("p", {
+		className: "__html_content",
+		dangerouslySetInnerHTML: { __html: n(typeof e == "string" ? e : "") },
+		...t
+	});
+}
+//#endregion
+export { d as a, _ as i, b as n, c as o, x as r, S as t };
+//# sourceMappingURL=typography-BtPQBvSm.js.map

package/dist/_shared/typography-BtPQBvSm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"typography-BtPQBvSm.js","names":[],"sources":["../../src/components/typography/heading.tsx","../../src/components/typography/label.tsx","../../src/components/typography/text-link.tsx","../../src/components/typography/typography.tsx"],"sourcesContent":["/**\n * Heading — semantic h1–h6 with consistent sizing, optional `subHeading` (rendered as\n * a Text below), alignment, and CSS-var driven `--heading-font-scale` for global scaling.\n */\nimport type { HTMLAttributes, ReactNode } from 'react';\n\nimport { type TextSize } from '@/lib/ui-provider';\nimport { cn } from '@/lib/utils';\n\nimport Text from './text';\n\ntype HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\nconst headingVariants: Record<HeadingTag, string> = {\n\th1: 'scroll-m-20 text-2xl font-semibold text-balance',\n\th2: 'scroll-m-20 border-b pb-2 text-xl font-semibold first:mt-0',\n\th3: 'scroll-m-20 text-lg font-semibold',\n\th4: 'scroll-m-20 text-base font-semibold',\n\th5: 'text-sm font-semibold',\n\th6: 'text-xs font-semibold',\n};\n\nconst alignmentClasses = {\n\tleft: 'text-left',\n\tcenter: 'text-center',\n\tright: 'text-right',\n} as const;\n\nexport interface HeadingProps extends HTMLAttributes<HTMLHeadingElement> {\n\ttag?: HeadingTag;\n\tsubHeading?: ReactNode;\n\tsubHeadingClassName?: string;\n\tsubHeadingSize?: TextSize;\n\tcontainerClassName?: string;\n\talign?: 'left' | 'center' | 'right';\n}\n\nfunction Heading({\n\ttag: Tag = 'h3',\n\tclassName,\n\tchildren,\n\tsubHeading,\n\tsubHeadingClassName,\n\tsubHeadingSize,\n\tcontainerClassName,\n\talign = 'left',\n\t...headingProps\n}: HeadingProps) {\n\tconst headingClasses = cn(\n\t\t'text-foreground antialiased',\n\t\theadingVariants[Tag],\n\t\talignmentClasses[align],\n\t\tclassName,\n\t);\n\n\tconst wrapperClasses = cn(\n\t\t'space-y-1',\n\t\talignmentClasses[align],\n\t\tcontainerClassName,\n\t);\n\n\treturn (\n\t\t<div className={wrapperClasses}>\n\t\t\t{!!children && (\n\t\t\t\t<Tag className={headingClasses} data-typography=\"heading\" {...headingProps}>\n\t\t\t\t\t{children}\n\t\t\t\t</Tag>\n\t\t\t)}\n\n\t\t\t{!!subHeading && (\n\t\t\t\t<Text\n\t\t\t\t\tsize={subHeadingSize ?? 'xs'}\n\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\talign={align}\n\t\t\t\t\tclassName={subHeadingClassName}\n\t\t\t\t>\n\t\t\t\t\t{subHeading}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nHeading.displayName = 'Heading';\n\nexport default Heading;\n","/**\n * Label — design-system label primitive for form fields and discrete UI captions.\n * Carries `data-typography=\"label\"` so the global `--label-font-scale` knob\n * scales every label without per-instance overrides. Pair with form fields and\n * any `peer` input pattern; the built-in disabled styles propagate from sibling.\n */\nimport type { LabelHTMLAttributes, ReactNode } from 'react';\n\nimport { useFormsConfig, type FormLabelSize } from '@/lib/ui-provider';\nimport { cn } from '@/lib/utils';\n\nconst labelSizeClasses: Record<FormLabelSize, string> = {\n\txs: 'text-xs',\n\tsm: 'text-sm',\n\tbase: 'text-base',\n};\n\nfunction resolveLabelSize(\n\tsizeProp: FormLabelSize | undefined,\n\tdefaultLabelSize: FormLabelSize | undefined,\n): FormLabelSize {\n\treturn sizeProp ?? defaultLabelSize ?? 'sm';\n}\n\nexport type LabelProps = {\n\tcontent?: ReactNode;\n\tclassName?: string;\n\tsize?: FormLabelSize;\n} & LabelHTMLAttributes<HTMLLabelElement>;\n\nfunction Label({ content, className = '', children, size: sizeProp, ...props }: LabelProps) {\n\tconst { defaultLabelSize } = useFormsConfig();\n\tconst size = resolveLabelSize(sizeProp, defaultLabelSize);\n\n\treturn (\n\t\t<label\n\t\t\t{...props}\n\t\t\tdata-typography=\"label\"\n\t\t\tclassName={cn(\n\t\t\t\t'font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n\t\t\t\tlabelSizeClasses[size],\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{children || content}\n\t\t</label>\n\t);\n}\n\nLabel.displayName = 'Label';\n\nexport default Label;\n","/**\n * TextLink — anchor variant of Text. Mirrors Text's `size`, `type`, `weight`,\n * `align`, and `lineHeight` props for consistency, with an optional `underline`\n * (default true). Carries `data-typography=\"link\"` so the global\n * `--link-font-scale` knob applies cleanly.\n */\nimport type { AnchorHTMLAttributes } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nconst sizes = {\n\tinherit: 'text-inherit',\n\tsm: 'text-sm',\n\txs: 'text-xs',\n\tbase: 'text-base',\n\tlg: 'text-lg',\n\txl: 'text-xl',\n};\n\nconst types = {\n\tmain: 'text-foreground',\n\tinverse: 'text-background',\n\tsecondary: 'text-muted-foreground',\n\tdiscrete: 'text-muted-foreground/50',\n\terror: 'text-destructive',\n\tsuccess: 'text-success',\n\tprimary: 'text-primary',\n};\n\nconst lineHeights = {\n\tnormal: 'leading-normal',\n\trelaxed: 'leading-relaxed',\n\tloose: 'leading-loose',\n\ttight: 'leading-tight',\n\tsnug: 'leading-snug',\n\tnone: 'leading-none',\n};\n\nconst weights = {\n\tregular: 'font-normal',\n\tmedium: 'font-medium',\n\tsemibold: 'font-semibold',\n\tbold: 'font-bold',\n};\n\nconst alignment = { center: 'text-center', right: 'text-right', left: 'text-left' };\n\nexport interface TextLinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'type'> {\n\ttype?: keyof typeof types;\n\tsize?: keyof typeof sizes;\n\talign?: keyof typeof alignment;\n\tlineHeight?: keyof typeof lineHeights;\n\tweight?: keyof typeof weights;\n\tclassName?: string;\n\tunderline?: boolean;\n}\n\nfunction TextLink({\n\ttype = 'main',\n\tsize = 'sm',\n\talign = 'left',\n\tlineHeight = 'normal',\n\tweight = 'regular',\n\tclassName = '',\n\tunderline = true,\n\tchildren,\n\t...linkProps\n}: TextLinkProps) {\n\tconst textClassnames = cn(\n\t\ttypes[type],\n\t\tsizes[size],\n\t\talignment[align],\n\t\tlineHeights[lineHeight],\n\t\tweights[weight],\n\t\tunderline &&\n\t\t\t'underline decoration-neutral-300 underline-offset-4 transition-colors duration-300 ease-out hover:decoration-current! dark:decoration-neutral-500',\n\t\tclassName,\n\t);\n\n\treturn (\n\t\t<a className={textClassnames} data-typography=\"link\" {...linkProps}>\n\t\t\t{children}\n\t\t</a>\n\t);\n}\n\nTextLink.displayName = 'TextLink';\n\nexport default TextLink;\n","import type { ParamHTMLAttributes } from 'react';\n\nimport { sanitizeHtml } from '@/lib/sanitize-html';\nimport { cn } from '@/lib/utils';\n\nexport type Variants = 'primary' | 'success' | 'warning' | 'error';\n\nexport interface IVariant {\n\tvariant?: Variants;\n\tcontent: string;\n}\n\nconst highlightTypes = {\n\tprimary: 'bg-primary text-primary-foreground',\n\tsuccess: 'bg-success text-success-foreground',\n\terror: 'bg-destructive text-destructive-foreground',\n\twarning: 'bg-warning text-warning-foreground',\n};\n\nconst underlineTypes = {\n\tprimary: 'decoration-primary',\n\tsuccess: 'decoration-success',\n\terror: 'decoration-destructive',\n\twarning: 'decoration-warning',\n};\n\nexport function HighLight({ content, variant = 'primary' }: IVariant) {\n\tconst highlightClassNames = cn('px-1.5 py-0.5 rounded-sm', highlightTypes[variant]);\n\treturn <span className={highlightClassNames}>{content}</span>;\n};\n\nexport function Underline({ content, variant = 'primary' }: IVariant) {\n\tconst underlineClassNames = cn(\n\t\t'underline underline-offset-4 decoration-2',\n\t\tunderlineTypes[variant],\n\t);\n\treturn <span className={underlineClassNames}>{content}</span>;\n};\n\nexport function DangerousHTML({ children, ...props }: ParamHTMLAttributes<HTMLParagraphElement>) {\n\tconst sanitized = sanitizeHtml(typeof children === 'string' ? children : '');\n\treturn (\n\t\t<p\n\t\t\tclassName=\"__html_content\"\n\t\t\tdangerouslySetInnerHTML={{ __html: sanitized }}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;AAaA,IAAM,IAA8C;CACnD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,EAEK,IAAmB;CACxB,MAAM;CACN,QAAQ;CACR,OAAO;CACP;AAWD,SAAS,EAAQ,EAChB,KAAK,IAAM,MACX,cACA,aACA,eACA,wBACA,mBACA,uBACA,WAAQ,QACR,GAAG,KACa;CAChB,IAAM,IAAiB,EACtB,+BACA,EAAgB,IAChB,EAAiB,IACjB,EACA;AAQD,QACC,kBAAC,OAAD;EAAK,WAPiB,EACtB,aACA,EAAiB,IACjB,EAIgB;YAAhB,CACE,CAAC,CAAC,KACF,kBAAC,GAAD;GAAK,WAAW;GAAgB,mBAAgB;GAAU,GAAI;GAC5D;GACI,CAAA,EAGN,CAAC,CAAC,KACF,kBAAC,GAAD;GACC,MAAM,KAAkB;GACxB,MAAK;GACE;GACP,WAAW;aAEV;GACK,CAAA,CAEH;;;AAIR,EAAQ,cAAc;;;ACxEtB,IAAM,IAAkD;CACvD,IAAI;CACJ,IAAI;CACJ,MAAM;CACN;AAED,SAAS,EACR,GACA,GACgB;AAChB,QAAO,KAAY,KAAoB;;AASxC,SAAS,EAAM,EAAE,YAAS,eAAY,IAAI,aAAU,MAAM,GAAU,GAAG,KAAqB;CAC3F,IAAM,EAAE,wBAAqB,GAAgB,EACvC,IAAO,EAAiB,GAAU,EAAiB;AAEzD,QACC,kBAAC,SAAD;EACC,GAAI;EACJ,mBAAgB;EAChB,WAAW,EACV,sFACA,EAAiB,IACjB,EACA;YAEA,KAAY;EACN,CAAA;;AAIV,EAAM,cAAc;;;ACvCpB,IAAM,IAAQ;CACb,SAAS;CACT,IAAI;CACJ,IAAI;CACJ,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,EAEK,IAAQ;CACb,MAAM;CACN,SAAS;CACT,WAAW;CACX,UAAU;CACV,OAAO;CACP,SAAS;CACT,SAAS;CACT,EAEK,IAAc;CACnB,QAAQ;CACR,SAAS;CACT,OAAO;CACP,OAAO;CACP,MAAM;CACN,MAAM;CACN,EAEK,IAAU;CACf,SAAS;CACT,QAAQ;CACR,UAAU;CACV,MAAM;CACN,EAEK,IAAY;CAAE,QAAQ;CAAe,OAAO;CAAc,MAAM;CAAa;AAYnF,SAAS,EAAS,EACjB,UAAO,QACP,UAAO,MACP,WAAQ,QACR,gBAAa,UACb,YAAS,WACT,eAAY,IACZ,eAAY,IACZ,aACA,GAAG,KACc;AAYjB,QACC,kBAAC,KAAD;EAAG,WAZmB,EACtB,EAAM,IACN,EAAM,IACN,EAAU,IACV,EAAY,IACZ,EAAQ,IACR,KACC,qJACD,EAIc;EAAgB,mBAAgB;EAAO,GAAI;EACvD;EACE,CAAA;;AAIN,EAAS,cAAc;;;AC1EvB,IAAM,IAAiB;CACtB,SAAS;CACT,SAAS;CACT,OAAO;CACP,SAAS;CACT,EAEK,IAAiB;CACtB,SAAS;CACT,SAAS;CACT,OAAO;CACP,SAAS;CACT;AAED,SAAgB,EAAU,EAAE,YAAS,aAAU,aAAuB;AAErE,QAAO,kBAAC,QAAD;EAAM,WADe,EAAG,4BAA4B,EAAe,GAClD;YAAsB;EAAe,CAAA;;AAG9D,SAAgB,EAAU,EAAE,YAAS,aAAU,aAAuB;AAKrE,QAAO,kBAAC,QAAD;EAAM,WAJe,EAC3B,6CACA,EAAe,GAEQ;YAAsB;EAAe,CAAA;;AAG9D,SAAgB,EAAc,EAAE,aAAU,GAAG,KAAoD;AAEhG,QACC,kBAAC,KAAD;EACC,WAAU;EACV,yBAAyB,EAAE,QAJX,EAAa,OAAO,KAAa,WAAW,IAAW,GAIpC,EAAW;EAC9C,GAAI;EACH,CAAA"}

package/dist/_shared/typography-DClleVWi.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ require(`./chunk-D3uCBrYO.cjs`);const e=require(`./ui-provider-uiQgATj1.cjs`),t=require(`../lib/utils.cjs`),n=require(`./text-DBnY6fcL.cjs`);let r=require(`react/jsx-runtime`);var i={h1:`scroll-m-20 text-2xl font-semibold text-balance`,h2:`scroll-m-20 border-b pb-2 text-xl font-semibold first:mt-0`,h3:`scroll-m-20 text-lg font-semibold`,h4:`scroll-m-20 text-base font-semibold`,h5:`text-sm font-semibold`,h6:`text-xs font-semibold`},a={left:`text-left`,center:`text-center`,right:`text-right`};function o({tag:e=`h3`,className:o,children:s,subHeading:c,subHeadingClassName:l,subHeadingSize:u,containerClassName:d,align:f=`left`,...p}){let m=t.cn(`text-foreground antialiased`,i[e],a[f],o);return(0,r.jsxs)(`div`,{className:t.cn(`space-y-1`,a[f],d),children:[!!s&&(0,r.jsx)(e,{className:m,"data-typography":`heading`,...p,children:s}),!!c&&(0,r.jsx)(n.t,{size:u??`xs`,type:`secondary`,align:f,className:l,children:c})]})}o.displayName=`Heading`;var s={xs:`text-xs`,sm:`text-sm`,base:`text-base`};function c(e,t){return e??t??`sm`}function l({content:n,className:i=``,children:a,size:o,...l}){let{defaultLabelSize:u}=e.s(),d=c(o,u);return(0,r.jsx)(`label`,{...l,"data-typography":`label`,className:t.cn(`font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50`,s[d],i),children:a\|\|n})}l.displayName=`Label`;var u={inherit:`text-inherit`,sm:`text-sm`,xs:`text-xs`,base:`text-base`,lg:`text-lg`,xl:`text-xl`},d={main:`text-foreground`,inverse:`text-background`,secondary:`text-muted-foreground`,discrete:`text-muted-foreground/50`,error:`text-destructive`,success:`text-success`,primary:`text-primary`},f={normal:`leading-normal`,relaxed:`leading-relaxed`,loose:`leading-loose`,tight:`leading-tight`,snug:`leading-snug`,none:`leading-none`},p={regular:`font-normal`,medium:`font-medium`,semibold:`font-semibold`,bold:`font-bold`},m={center:`text-center`,right:`text-right`,left:`text-left`};function h({type:e=`main`,size:n=`sm`,align:i=`left`,lineHeight:a=`normal`,weight:o=`regular`,className:s=``,underline:c=!0,children:l,...h}){return(0,r.jsx)(`a`,{className:t.cn(d[e],u[n],m[i],f[a],p[o],c&&`underline decoration-neutral-300 underline-offset-4 transition-colors duration-300 ease-out hover:decoration-current! dark:decoration-neutral-500`,s),"data-typography":`link`,...h,children:l})}h.displayName=`TextLink`;var g={primary:`bg-primary text-primary-foreground`,success:`bg-success text-success-foreground`,error:`bg-destructive text-destructive-foreground`,warning:`bg-warning text-warning-foreground`},_={primary:`decoration-primary`,success:`decoration-success`,error:`decoration-destructive`,warning:`decoration-warning`};function v({content:e,variant:n=`primary`}){return(0,r.jsx)(`span`,{className:t.cn(`px-1.5 py-0.5 rounded-sm`,g[n]),children:e})}function y({content:e,variant:n=`primary`}){return(0,r.jsx)(`span`,{className:t.cn(`underline underline-offset-4 decoration-2`,_[n]),children:e})}function b({children:e,...t}){return(0,r.jsx)(`p`,{className:`__html_content`,dangerouslySetInnerHTML:{__html:n.n(typeof e==`string`?e:``)},...t})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return b}});
2	+ //# sourceMappingURL=typography-DClleVWi.cjs.map

package/dist/_shared/typography-DClleVWi.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"typography-DClleVWi.cjs","names":[],"sources":["../../src/components/typography/heading.tsx","../../src/components/typography/label.tsx","../../src/components/typography/text-link.tsx","../../src/components/typography/typography.tsx"],"sourcesContent":["/**\n * Heading — semantic h1–h6 with consistent sizing, optional `subHeading` (rendered as\n * a Text below), alignment, and CSS-var driven `--heading-font-scale` for global scaling.\n */\nimport type { HTMLAttributes, ReactNode } from 'react';\n\nimport { type TextSize } from '@/lib/ui-provider';\nimport { cn } from '@/lib/utils';\n\nimport Text from './text';\n\ntype HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\nconst headingVariants: Record<HeadingTag, string> = {\n\th1: 'scroll-m-20 text-2xl font-semibold text-balance',\n\th2: 'scroll-m-20 border-b pb-2 text-xl font-semibold first:mt-0',\n\th3: 'scroll-m-20 text-lg font-semibold',\n\th4: 'scroll-m-20 text-base font-semibold',\n\th5: 'text-sm font-semibold',\n\th6: 'text-xs font-semibold',\n};\n\nconst alignmentClasses = {\n\tleft: 'text-left',\n\tcenter: 'text-center',\n\tright: 'text-right',\n} as const;\n\nexport interface HeadingProps extends HTMLAttributes<HTMLHeadingElement> {\n\ttag?: HeadingTag;\n\tsubHeading?: ReactNode;\n\tsubHeadingClassName?: string;\n\tsubHeadingSize?: TextSize;\n\tcontainerClassName?: string;\n\talign?: 'left' | 'center' | 'right';\n}\n\nfunction Heading({\n\ttag: Tag = 'h3',\n\tclassName,\n\tchildren,\n\tsubHeading,\n\tsubHeadingClassName,\n\tsubHeadingSize,\n\tcontainerClassName,\n\talign = 'left',\n\t...headingProps\n}: HeadingProps) {\n\tconst headingClasses = cn(\n\t\t'text-foreground antialiased',\n\t\theadingVariants[Tag],\n\t\talignmentClasses[align],\n\t\tclassName,\n\t);\n\n\tconst wrapperClasses = cn(\n\t\t'space-y-1',\n\t\talignmentClasses[align],\n\t\tcontainerClassName,\n\t);\n\n\treturn (\n\t\t<div className={wrapperClasses}>\n\t\t\t{!!children && (\n\t\t\t\t<Tag className={headingClasses} data-typography=\"heading\" {...headingProps}>\n\t\t\t\t\t{children}\n\t\t\t\t</Tag>\n\t\t\t)}\n\n\t\t\t{!!subHeading && (\n\t\t\t\t<Text\n\t\t\t\t\tsize={subHeadingSize ?? 'xs'}\n\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\talign={align}\n\t\t\t\t\tclassName={subHeadingClassName}\n\t\t\t\t>\n\t\t\t\t\t{subHeading}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nHeading.displayName = 'Heading';\n\nexport default Heading;\n","/**\n * Label — design-system label primitive for form fields and discrete UI captions.\n * Carries `data-typography=\"label\"` so the global `--label-font-scale` knob\n * scales every label without per-instance overrides. Pair with form fields and\n * any `peer` input pattern; the built-in disabled styles propagate from sibling.\n */\nimport type { LabelHTMLAttributes, ReactNode } from 'react';\n\nimport { useFormsConfig, type FormLabelSize } from '@/lib/ui-provider';\nimport { cn } from '@/lib/utils';\n\nconst labelSizeClasses: Record<FormLabelSize, string> = {\n\txs: 'text-xs',\n\tsm: 'text-sm',\n\tbase: 'text-base',\n};\n\nfunction resolveLabelSize(\n\tsizeProp: FormLabelSize | undefined,\n\tdefaultLabelSize: FormLabelSize | undefined,\n): FormLabelSize {\n\treturn sizeProp ?? defaultLabelSize ?? 'sm';\n}\n\nexport type LabelProps = {\n\tcontent?: ReactNode;\n\tclassName?: string;\n\tsize?: FormLabelSize;\n} & LabelHTMLAttributes<HTMLLabelElement>;\n\nfunction Label({ content, className = '', children, size: sizeProp, ...props }: LabelProps) {\n\tconst { defaultLabelSize } = useFormsConfig();\n\tconst size = resolveLabelSize(sizeProp, defaultLabelSize);\n\n\treturn (\n\t\t<label\n\t\t\t{...props}\n\t\t\tdata-typography=\"label\"\n\t\t\tclassName={cn(\n\t\t\t\t'font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n\t\t\t\tlabelSizeClasses[size],\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{children || content}\n\t\t</label>\n\t);\n}\n\nLabel.displayName = 'Label';\n\nexport default Label;\n","/**\n * TextLink — anchor variant of Text. Mirrors Text's `size`, `type`, `weight`,\n * `align`, and `lineHeight` props for consistency, with an optional `underline`\n * (default true). Carries `data-typography=\"link\"` so the global\n * `--link-font-scale` knob applies cleanly.\n */\nimport type { AnchorHTMLAttributes } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nconst sizes = {\n\tinherit: 'text-inherit',\n\tsm: 'text-sm',\n\txs: 'text-xs',\n\tbase: 'text-base',\n\tlg: 'text-lg',\n\txl: 'text-xl',\n};\n\nconst types = {\n\tmain: 'text-foreground',\n\tinverse: 'text-background',\n\tsecondary: 'text-muted-foreground',\n\tdiscrete: 'text-muted-foreground/50',\n\terror: 'text-destructive',\n\tsuccess: 'text-success',\n\tprimary: 'text-primary',\n};\n\nconst lineHeights = {\n\tnormal: 'leading-normal',\n\trelaxed: 'leading-relaxed',\n\tloose: 'leading-loose',\n\ttight: 'leading-tight',\n\tsnug: 'leading-snug',\n\tnone: 'leading-none',\n};\n\nconst weights = {\n\tregular: 'font-normal',\n\tmedium: 'font-medium',\n\tsemibold: 'font-semibold',\n\tbold: 'font-bold',\n};\n\nconst alignment = { center: 'text-center', right: 'text-right', left: 'text-left' };\n\nexport interface TextLinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'type'> {\n\ttype?: keyof typeof types;\n\tsize?: keyof typeof sizes;\n\talign?: keyof typeof alignment;\n\tlineHeight?: keyof typeof lineHeights;\n\tweight?: keyof typeof weights;\n\tclassName?: string;\n\tunderline?: boolean;\n}\n\nfunction TextLink({\n\ttype = 'main',\n\tsize = 'sm',\n\talign = 'left',\n\tlineHeight = 'normal',\n\tweight = 'regular',\n\tclassName = '',\n\tunderline = true,\n\tchildren,\n\t...linkProps\n}: TextLinkProps) {\n\tconst textClassnames = cn(\n\t\ttypes[type],\n\t\tsizes[size],\n\t\talignment[align],\n\t\tlineHeights[lineHeight],\n\t\tweights[weight],\n\t\tunderline &&\n\t\t\t'underline decoration-neutral-300 underline-offset-4 transition-colors duration-300 ease-out hover:decoration-current! dark:decoration-neutral-500',\n\t\tclassName,\n\t);\n\n\treturn (\n\t\t<a className={textClassnames} data-typography=\"link\" {...linkProps}>\n\t\t\t{children}\n\t\t</a>\n\t);\n}\n\nTextLink.displayName = 'TextLink';\n\nexport default TextLink;\n","import type { ParamHTMLAttributes } from 'react';\n\nimport { sanitizeHtml } from '@/lib/sanitize-html';\nimport { cn } from '@/lib/utils';\n\nexport type Variants = 'primary' | 'success' | 'warning' | 'error';\n\nexport interface IVariant {\n\tvariant?: Variants;\n\tcontent: string;\n}\n\nconst highlightTypes = {\n\tprimary: 'bg-primary text-primary-foreground',\n\tsuccess: 'bg-success text-success-foreground',\n\terror: 'bg-destructive text-destructive-foreground',\n\twarning: 'bg-warning text-warning-foreground',\n};\n\nconst underlineTypes = {\n\tprimary: 'decoration-primary',\n\tsuccess: 'decoration-success',\n\terror: 'decoration-destructive',\n\twarning: 'decoration-warning',\n};\n\nexport function HighLight({ content, variant = 'primary' }: IVariant) {\n\tconst highlightClassNames = cn('px-1.5 py-0.5 rounded-sm', highlightTypes[variant]);\n\treturn <span className={highlightClassNames}>{content}</span>;\n};\n\nexport function Underline({ content, variant = 'primary' }: IVariant) {\n\tconst underlineClassNames = cn(\n\t\t'underline underline-offset-4 decoration-2',\n\t\tunderlineTypes[variant],\n\t);\n\treturn <span className={underlineClassNames}>{content}</span>;\n};\n\nexport function DangerousHTML({ children, ...props }: ParamHTMLAttributes<HTMLParagraphElement>) {\n\tconst sanitized = sanitizeHtml(typeof children === 'string' ? children : '');\n\treturn (\n\t\t<p\n\t\t\tclassName=\"__html_content\"\n\t\t\tdangerouslySetInnerHTML={{ __html: sanitized }}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"],"mappings":"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"}