@loke/design-system/dist/components/text/index.js

A design system with individually importable components

var __create=Object.create;var{getPrototypeOf:__getProtoOf,defineProperty:__defProp,getOwnPropertyNames:__getOwnPropNames,getOwnPropertyDescriptor:__getOwnPropDesc}=Object,__hasOwnProp=Object.prototype.hasOwnProperty;function __accessProp(key){return this[key]}var __reExport=(target,mod,secondTarget)=>{var keys=__getOwnPropNames(mod);for(let key of keys)if(!__hasOwnProp.call(target,key)&&key!=="default")__defProp(target,key,{get:__accessProp.bind(mod,key),enumerable:!0});if(secondTarget){for(let key of keys)if(!__hasOwnProp.call(secondTarget,key)&&key!=="default")__defProp(secondTarget,key,{get:__accessProp.bind(mod,key),enumerable:!0});return secondTarget}},__toESMCache_node,__toESMCache_esm,__toESM=(mod,isNodeMode,target)=>{var canCache=mod!=null&&typeof mod==="object";if(canCache){var cache=isNodeMode?__toESMCache_node??=new WeakMap:__toESMCache_esm??=new WeakMap,cached=cache.get(mod);if(cached)return cached}target=mod!=null?__create(__getProtoOf(mod)):{};let to=isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target;for(let key of __getOwnPropNames(mod))if(!__hasOwnProp.call(to,key))__defProp(to,key,{get:__accessProp.bind(mod,key),enumerable:!0});if(canCache)cache.set(mod,to);return to},__toCommonJS=(from)=>{var entry=(__moduleCache??=new WeakMap).get(from),desc;if(entry)return entry;if(entry=__defProp({},"__esModule",{value:!0}),from&&typeof from==="object"||typeof from==="function"){for(var key of __getOwnPropNames(from))if(!__hasOwnProp.call(entry,key))__defProp(entry,key,{get:__accessProp.bind(from,key),enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable})}return __moduleCache.set(from,entry),entry},__moduleCache;var __returnValue=(v)=>v;function __exportSetter(name,newValue){this[name]=__returnValue.bind(null,newValue)}var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0,configurable:!0,set:__exportSetter.bind(all,name)})};var exports_text={};__export(exports_text,{textVariants:()=>textVariants,Text:()=>Text});module.exports=__toCommonJS(exports_text);var import_cn=require("@loke/design-system/cn"),import_responsive=require("@loke/design-system/responsive"),import_class_variance_authority=require("class-variance-authority"),jsx_runtime=require("react/jsx-runtime"),textVariants=import_class_variance_authority.cva("text-base font-normal normal-case text-left text-foreground no-underline leading-normal whitespace-normal",{defaultVariants:{align:"left",color:"foreground",decoration:"none",lineHeight:"normal",size:"base",transform:"normal",weight:"normal",whiteSpace:"normal",wordBreak:"normal"},variants:{align:{center:"text-center",justify:"text-justify",left:"text-left",right:"text-right"},color:{accent:"text-accent-foreground",card:"text-card-foreground",destructive:"text-destructive",foreground:"text-foreground",muted:"text-muted-foreground",popover:"text-popover-foreground",primary:"text-primary",secondary:"text-secondary",white:"text-white"},decoration:{italic:"italic","line-through":"line-through",none:"no-underline",underline:"underline"},lineHeight:{loose:"leading-loose",none:"leading-none",normal:"leading-normal",relaxed:"leading-relaxed",snug:"leading-snug",tight:"leading-tight"},size:{"2xl":"text-2xl","3xl":"text-3xl","4xl":"text-4xl",base:"text-base",lg:"text-lg",sm:"text-sm",xl:"text-xl",xs:"text-xs"},transform:{capitalize:"capitalize",lowercase:"lowercase",normal:"normal-case",uppercase:"uppercase"},weight:{bold:"font-bold",light:"font-light",medium:"font-medium",normal:"font-normal",semibold:"font-semibold"},whiteSpace:{normal:"whitespace-normal",nowrap:"whitespace-nowrap",pre:"whitespace-pre","pre-line":"whitespace-pre-line","pre-wrap":"whitespace-pre-wrap"},wordBreak:{all:"break-all",keep:"break-keep",normal:"break-normal",words:"break-words"}}}),{createResponsive}=import_responsive.createResponsiveComponent(textVariants),Text=({size,weight,transform,align,truncate=!1,clamped,color,decoration,lineHeight,whiteSpace,wordBreak,className,children,...props})=>{let classes=createResponsive({align,color,decoration,lineHeight,size,transform,weight,whiteSpace,wordBreak});return jsx_runtime.jsx("span",{className:import_cn.cn(classes,truncate&&"truncate",className),style:clamped?{display:"-webkit-box",overflow:"hidden",WebkitBoxOrient:"vertical",WebkitLineClamp:clamped}:{},...props,children})};