@pautena/react-design-system 2.0.0-alpha.1b → 2.0.0-alpha.5

package/dist/components/value-item/value-item.d.ts

@@ -0,0 +1,39 @@
+import { HTMLAttributes, ReactElement, ReactNode } from 'react';
+type Breakpoint = "xs" | "sm" | "md" | "lg" | "xl";
+type ResponsiveValue<T> = T | T[] | Partial<Record<Breakpoint, T>>;
+/**
+ * Props for the ValueItem component.
+ */
+export interface ValueItemProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Whether to display a left border.
+     * Supports scalar, array and breakpoint object values.
+     * @default true
+     */
+    bordered?: ResponsiveValue<boolean>;
+    /**
+     * Responsive size hint kept for API compatibility.
+     */
+    size?: ResponsiveValue<number>;
+    /**
+     * Content to display.
+     */
+    children?: ReactNode;
+}
+/**
+ * ValueItem component type.
+ */
+export type ValueItemComponent = (props: ValueItemProps) => ReactElement;
+/**
+ * ValueItem element type.
+ */
+export type ValueItemElement = ReactElement<ValueItemProps, ValueItemComponent>;
+export declare const valueItemClasses: {
+    root: string;
+    content: string;
+};
+/**
+ * Wraps value display components and applies consistent spacing and borders.
+ */
+export declare const ValueItem: ValueItemComponent;
+export default ValueItem;

package/dist/components/value-item/value-item.mjs

@@ -0,0 +1,86 @@
+import { jsx as c } from "react/jsx-runtime";
+import { cn as u } from "../../lib/utils.mjs";
+const m = {
+  root: "RdsValueItem-root",
+  content: "RdsValueItem-content"
+}, p = {
+  1: "col-span-1",
+  2: "col-span-2",
+  3: "col-span-3",
+  4: "col-span-4",
+  5: "col-span-5",
+  6: "col-span-6",
+  7: "col-span-7",
+  8: "col-span-8",
+  9: "col-span-9",
+  10: "col-span-10",
+  11: "col-span-11",
+  12: "col-span-12"
+}, a = {
+  xs: "",
+  sm: "sm:",
+  md: "md:",
+  lg: "lg:",
+  xl: "xl:"
+}, e = (n, o = "") => n ? `${o}border-l ${o}border-border` : `${o}border-l-0`, i = (n) => n ? n < 1 ? 1 : n > 12 ? 12 : Math.round(n) : 12, l = (n, o = "") => `${o}${p[i(n)]}`, f = (n) => {
+  if (!n)
+    return l(12);
+  if (Array.isArray(n)) {
+    const o = ["xs", "sm", "md", "lg", "xl"];
+    return n.map((r, t) => {
+      const s = o[t];
+      return s ? l(r, a[s]) : "";
+    }).join(" ");
+  }
+  return typeof n == "object" ? Object.keys(n).map(
+    (o) => l(n[o], a[o])
+  ).join(" ") : l(n);
+}, j = (n) => {
+  if (Array.isArray(n)) {
+    const o = ["xs", "sm", "md", "lg", "xl"];
+    return n.map((r, t) => {
+      const s = o[t];
+      return s ? e(r, a[s]) : "";
+    }).join(" ");
+  }
+  return typeof n == "object" && n !== null ? Object.keys(n).map(
+    (o) => e(
+      !!n[o],
+      a[o]
+    )
+  ).join(" ") : e(!!n);
+}, v = ({
+  children: n,
+  bordered: o = !0,
+  size: r,
+  className: t,
+  ...s
+}) => /* @__PURE__ */ c(
+  "div",
+  {
+    className: u(
+      "min-w-0",
+      m.root,
+      f(r),
+      t
+    ),
+    ...s,
+    children: /* @__PURE__ */ c(
+      "div",
+      {
+        className: u(
+          "h-full px-1",
+          m.content,
+          j(o)
+        ),
+        children: n
+      }
+    )
+  }
+);
+export {
+  v as ValueItem,
+  v as default,
+  m as valueItemClasses
+};
+//# sourceMappingURL=value-item.mjs.map

package/dist/components/value-item/value-item.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"value-item.mjs","sources":["../../../src/components/value-item/value-item.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactElement, ReactNode } from \"react\";\nimport { cn } from \"@/lib/utils\";\n\ntype Breakpoint = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\ntype ResponsiveValue<T> = T | T[] | Partial<Record<Breakpoint, T>>;\n\n/**\n * Props for the ValueItem component.\n */\nexport interface ValueItemProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Whether to display a left border.\n   * Supports scalar, array and breakpoint object values.\n   * @default true\n   */\n  bordered?: ResponsiveValue<boolean>;\n  /**\n   * Responsive size hint kept for API compatibility.\n   */\n  size?: ResponsiveValue<number>;\n  /**\n   * Content to display.\n   */\n  children?: ReactNode;\n}\n\n/**\n * ValueItem component type.\n */\nexport type ValueItemComponent = (props: ValueItemProps) => ReactElement;\n\n/**\n * ValueItem element type.\n */\nexport type ValueItemElement = ReactElement<ValueItemProps, ValueItemComponent>;\n\nexport const valueItemClasses = {\n  root: \"RdsValueItem-root\",\n  content: \"RdsValueItem-content\",\n};\n\nconst sizeClassMap: Record<number, string> = {\n  1: \"col-span-1\",\n  2: \"col-span-2\",\n  3: \"col-span-3\",\n  4: \"col-span-4\",\n  5: \"col-span-5\",\n  6: \"col-span-6\",\n  7: \"col-span-7\",\n  8: \"col-span-8\",\n  9: \"col-span-9\",\n  10: \"col-span-10\",\n  11: \"col-span-11\",\n  12: \"col-span-12\",\n};\n\nconst responsivePrefix: Record<Breakpoint, string> = {\n  xs: \"\",\n  sm: \"sm:\",\n  md: \"md:\",\n  lg: \"lg:\",\n  xl: \"xl:\",\n};\n\nconst borderClass = (enabled: boolean, prefix = \"\") =>\n  enabled ? `${prefix}border-l ${prefix}border-border` : `${prefix}border-l-0`;\n\nconst normalizeSize = (size?: number) => {\n  if (!size) {\n    return 12;\n  }\n\n  if (size < 1) {\n    return 1;\n  }\n\n  if (size > 12) {\n    return 12;\n  }\n\n  return Math.round(size);\n};\n\nconst sizeClass = (size?: number, prefix = \"\") =>\n  `${prefix}${sizeClassMap[normalizeSize(size)]}`;\n\nconst resolveSizeClasses = (size?: ResponsiveValue<number>) => {\n  if (!size) {\n    return sizeClass(12);\n  }\n\n  if (Array.isArray(size)) {\n    const breakpoints: Breakpoint[] = [\"xs\", \"sm\", \"md\", \"lg\", \"xl\"];\n\n    return size\n      .map((value, index) => {\n        const breakpoint = breakpoints[index];\n        if (!breakpoint) {\n          return \"\";\n        }\n\n        return sizeClass(value, responsivePrefix[breakpoint]);\n      })\n      .join(\" \");\n  }\n\n  if (typeof size === \"object\") {\n    return (Object.keys(size) as Breakpoint[])\n      .map((breakpoint) =>\n        sizeClass(size[breakpoint], responsivePrefix[breakpoint]),\n      )\n      .join(\" \");\n  }\n\n  return sizeClass(size);\n};\n\nconst resolveBorderClasses = (bordered: ResponsiveValue<boolean>) => {\n  if (Array.isArray(bordered)) {\n    const breakpoints: Breakpoint[] = [\"xs\", \"sm\", \"md\", \"lg\", \"xl\"];\n\n    return bordered\n      .map((value, index) => {\n        const breakpoint = breakpoints[index];\n        if (!breakpoint) {\n          return \"\";\n        }\n        return borderClass(value, responsivePrefix[breakpoint]);\n      })\n      .join(\" \");\n  }\n\n  if (typeof bordered === \"object\" && bordered !== null) {\n    return (Object.keys(bordered) as Breakpoint[])\n      .map((breakpoint) =>\n        borderClass(\n          Boolean(bordered[breakpoint]),\n          responsivePrefix[breakpoint],\n        ),\n      )\n      .join(\" \");\n  }\n\n  return borderClass(Boolean(bordered));\n};\n\n/**\n * Wraps value display components and applies consistent spacing and borders.\n */\nexport const ValueItem: ValueItemComponent = ({\n  children,\n  bordered = true,\n  size,\n  className,\n  ...rest\n}) => {\n  return (\n    <div\n      className={cn(\n        \"min-w-0\",\n        valueItemClasses.root,\n        resolveSizeClasses(size),\n        className,\n      )}\n      {...rest}\n    >\n      <div\n        className={cn(\n          \"h-full px-1\",\n          valueItemClasses.content,\n          resolveBorderClasses(bordered),\n        )}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n\nexport default ValueItem;\n"],"names":["valueItemClasses","sizeClassMap","responsivePrefix","borderClass","enabled","prefix","normalizeSize","size","sizeClass","resolveSizeClasses","breakpoints","value","index","breakpoint","resolveBorderClasses","bordered","ValueItem","children","className","rest","jsx","cn"],"mappings":";;AAoCO,MAAMA,IAAmB;AAAA,EAC9B,MAAM;AAAA,EACN,SAAS;AACX,GAEMC,IAAuC;AAAA,EAC3C,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAA+C;AAAA,EACnD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAAc,CAACC,GAAkBC,IAAS,OAC9CD,IAAU,GAAGC,CAAM,YAAYA,CAAM,kBAAkB,GAAGA,CAAM,cAE5DC,IAAgB,CAACC,MAChBA,IAIDA,IAAO,IACF,IAGLA,IAAO,KACF,KAGF,KAAK,MAAMA,CAAI,IAXb,IAcLC,IAAY,CAACD,GAAeF,IAAS,OACzC,GAAGA,CAAM,GAAGJ,EAAaK,EAAcC,CAAI,CAAC,CAAC,IAEzCE,IAAqB,CAACF,MAAmC;AAC7D,MAAI,CAACA;AACH,WAAOC,EAAU,EAAE;AAGrB,MAAI,MAAM,QAAQD,CAAI,GAAG;AACvB,UAAMG,IAA4B,CAAC,MAAM,MAAM,MAAM,MAAM,IAAI;AAE/D,WAAOH,EACJ,IAAI,CAACI,GAAOC,MAAU;AACrB,YAAMC,IAAaH,EAAYE,CAAK;AACpC,aAAKC,IAIEL,EAAUG,GAAOT,EAAiBW,CAAU,CAAC,IAH3C;AAAA,IAIX,CAAC,EACA,KAAK,GAAG;AAAA,EACb;AAEA,SAAI,OAAON,KAAS,WACV,OAAO,KAAKA,CAAI,EACrB;AAAA,IAAI,CAACM,MACJL,EAAUD,EAAKM,CAAU,GAAGX,EAAiBW,CAAU,CAAC;AAAA,EAAA,EAEzD,KAAK,GAAG,IAGNL,EAAUD,CAAI;AACvB,GAEMO,IAAuB,CAACC,MAAuC;AACnE,MAAI,MAAM,QAAQA,CAAQ,GAAG;AAC3B,UAAML,IAA4B,CAAC,MAAM,MAAM,MAAM,MAAM,IAAI;AAE/D,WAAOK,EACJ,IAAI,CAACJ,GAAOC,MAAU;AACrB,YAAMC,IAAaH,EAAYE,CAAK;AACpC,aAAKC,IAGEV,EAAYQ,GAAOT,EAAiBW,CAAU,CAAC,IAF7C;AAAA,IAGX,CAAC,EACA,KAAK,GAAG;AAAA,EACb;AAEA,SAAI,OAAOE,KAAa,YAAYA,MAAa,OACvC,OAAO,KAAKA,CAAQ,EACzB;AAAA,IAAI,CAACF,MACJV;AAAA,MACE,EAAQY,EAASF,CAAU;AAAA,MAC3BX,EAAiBW,CAAU;AAAA,IAAA;AAAA,EAC7B,EAED,KAAK,GAAG,IAGNV,EAAY,EAAQY,CAAS;AACtC,GAKaC,IAAgC,CAAC;AAAA,EAC5C,UAAAC;AAAA,EACA,UAAAF,IAAW;AAAA,EACX,MAAAR;AAAA,EACA,WAAAW;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACArB,EAAiB;AAAA,MACjBS,EAAmBF,CAAI;AAAA,MACvBW;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC;AAAA,UACT;AAAA,UACArB,EAAiB;AAAA,UACjBc,EAAqBC,CAAQ;AAAA,QAAA;AAAA,QAG9B,UAAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AAAA;"}

package/dist/components/value-label/index.d.ts

@@ -0,0 +1,2 @@
+export type { ValueLabelProps } from './value-label';
+export { default, default as ValueLabel } from './value-label';

package/dist/components/value-label/value-label.d.ts

@@ -0,0 +1,16 @@
+import { BadgeVariant } from '../badge';
+import { BaseValueProps } from '../../types/value-base';
+/**
+ * Props for the ValueLabel component.
+ */
+export type ValueLabelProps = BaseValueProps<string | number | string[] | number[]> & {
+    /**
+     * Label color variant or array of variants for multiple labels.
+     */
+    variant?: BadgeVariant | BadgeVariant[];
+};
+/**
+ * Displays badge values with a label.
+ */
+export declare function ValueLabel({ label, value: valueProp, placeholder, variant, }: ValueLabelProps): import("react/jsx-runtime").JSX.Element;
+export default ValueLabel;

package/dist/components/value-label/value-label.mjs

@@ -0,0 +1,25 @@
+import { jsx as t } from "react/jsx-runtime";
+import { Badge as d } from "../badge/badge.mjs";
+import { getValueContentLabelId as f, ValueContent as s } from "../value-content/value-content.mjs";
+import { DefaultPlaceholder as p } from "../../types/value-base.mjs";
+function x({
+  label: a,
+  value: r,
+  placeholder: i = p,
+  variant: e
+}) {
+  const n = f(a), m = Array.isArray(r) ? r : [r];
+  return /* @__PURE__ */ t(s, { label: a, children: /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-1", role: "group", "aria-labelledby": n, children: m.map((o, l) => /* @__PURE__ */ t(
+    d,
+    {
+      text: o?.toString() || i,
+      variant: Array.isArray(e) ? e[l] : e
+    },
+    `${o?.toString() ?? "empty"}-${l}`
+  )) }) });
+}
+export {
+  x as ValueLabel,
+  x as default
+};
+//# sourceMappingURL=value-label.mjs.map

package/dist/components/value-label/value-label.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"value-label.mjs","sources":["../../../src/components/value-label/value-label.tsx"],"sourcesContent":["import Badge, { type BadgeVariant } from \"@/components/badge\";\nimport ValueContent, {\n  getValueContentLabelId,\n} from \"@/components/value-content\";\nimport { type BaseValueProps, DefaultPlaceholder } from \"@/types/value-base\";\n\n/**\n * Props for the ValueLabel component.\n */\nexport type ValueLabelProps = BaseValueProps<\n  string | number | string[] | number[]\n> & {\n  /**\n   * Label color variant or array of variants for multiple labels.\n   */\n  variant?: BadgeVariant | BadgeVariant[];\n};\n\n/**\n * Displays badge values with a label.\n */\nexport function ValueLabel({\n  label,\n  value: valueProp,\n  placeholder = DefaultPlaceholder,\n  variant,\n}: ValueLabelProps) {\n  const id = getValueContentLabelId(label);\n  const values = Array.isArray(valueProp) ? valueProp : [valueProp];\n\n  return (\n    <ValueContent label={label}>\n      <div className=\"flex flex-wrap gap-1\" role=\"group\" aria-labelledby={id}>\n        {values.map((value, i) => (\n          <Badge\n            key={`${value?.toString() ?? \"empty\"}-${i}`}\n            text={value?.toString() || placeholder}\n            variant={Array.isArray(variant) ? variant[i] : variant}\n          />\n        ))}\n      </div>\n    </ValueContent>\n  );\n}\n\nexport default ValueLabel;\n"],"names":["ValueLabel","label","valueProp","placeholder","DefaultPlaceholder","variant","id","getValueContentLabelId","values","jsx","ValueContent","value","i","Badge"],"mappings":";;;;AAqBO,SAASA,EAAW;AAAA,EACzB,OAAAC;AAAA,EACA,OAAOC;AAAA,EACP,aAAAC,IAAcC;AAAA,EACd,SAAAC;AACF,GAAoB;AAClB,QAAMC,IAAKC,EAAuBN,CAAK,GACjCO,IAAS,MAAM,QAAQN,CAAS,IAAIA,IAAY,CAACA,CAAS;AAEhE,SACE,gBAAAO,EAACC,GAAA,EAAa,OAAAT,GACZ,UAAA,gBAAAQ,EAAC,SAAI,WAAU,wBAAuB,MAAK,SAAQ,mBAAiBH,GACjE,UAAAE,EAAO,IAAI,CAACG,GAAOC,MAClB,gBAAAH;AAAA,IAACI;AAAA,IAAA;AAAA,MAEC,MAAMF,GAAO,SAAA,KAAcR;AAAA,MAC3B,SAAS,MAAM,QAAQE,CAAO,IAAIA,EAAQO,CAAC,IAAIP;AAAA,IAAA;AAAA,IAF1C,GAAGM,GAAO,SAAA,KAAc,OAAO,IAAIC,CAAC;AAAA,EAAA,CAI5C,GACH,EAAA,CACF;AAEJ;"}

package/dist/components/value-rating/index.d.ts

@@ -0,0 +1,2 @@
+export type { ValueRatingProps } from './value-rating';
+export { default, default as ValueRating } from './value-rating';

package/dist/components/value-rating/value-rating.d.ts

@@ -0,0 +1,16 @@
+import { BaseValueProps } from '../../types/value-base';
+/**
+ * Props for the ValueRating component.
+ */
+export type ValueRatingProps = BaseValueProps<number> & {
+    /**
+     * Maximum number of stars to display.
+     * @default 5
+     */
+    maxRating?: number;
+};
+/**
+ * Displays a number using stars.
+ */
+export declare function ValueRating({ label, value, maxRating, dense, }: ValueRatingProps): import("react/jsx-runtime").JSX.Element;
+export default ValueRating;

package/dist/components/value-rating/value-rating.mjs

@@ -0,0 +1,41 @@
+import { jsx as t } from "react/jsx-runtime";
+import { getValueContentLabelId as c, ValueContent as m } from "../value-content/value-content.mjs";
+import { cn as d } from "../../lib/utils.mjs";
+import f from "../../node_modules/lucide-react/dist/esm/icons/star.mjs";
+function S({
+  label: o,
+  value: e = 0,
+  maxRating: i = 5,
+  dense: a
+}) {
+  const l = c(o);
+  return /* @__PURE__ */ t(m, { label: o, tooltip: e.toString(), dense: a, children: /* @__PURE__ */ t(
+    "div",
+    {
+      className: "flex items-center gap-0.5",
+      role: "group",
+      "aria-labelledby": l,
+      children: Array.from({ length: i }, (s, n) => {
+        const r = n < e;
+        return /* @__PURE__ */ t(
+          f,
+          {
+            "data-testid": r ? "StarIcon" : "StarBorderIcon",
+            className: d(
+              a ? "h-4 w-4" : "h-5 w-5",
+              !r && "opacity-30"
+            ),
+            fill: r ? "currentColor" : "none",
+            "aria-hidden": "true"
+          },
+          `star-${n}`
+        );
+      })
+    }
+  ) });
+}
+export {
+  S as ValueRating,
+  S as default
+};
+//# sourceMappingURL=value-rating.mjs.map

package/dist/components/value-rating/value-rating.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"value-rating.mjs","sources":["../../../src/components/value-rating/value-rating.tsx"],"sourcesContent":["import { Star } from \"lucide-react\";\nimport ValueContent, {\n  getValueContentLabelId,\n} from \"@/components/value-content\";\nimport { cn } from \"@/lib/utils\";\nimport type { BaseValueProps } from \"@/types/value-base\";\n\n/**\n * Props for the ValueRating component.\n */\nexport type ValueRatingProps = BaseValueProps<number> & {\n  /**\n   * Maximum number of stars to display.\n   * @default 5\n   */\n  maxRating?: number;\n};\n\n/**\n * Displays a number using stars.\n */\nexport function ValueRating({\n  label,\n  value = 0,\n  maxRating = 5,\n  dense,\n}: ValueRatingProps) {\n  const id = getValueContentLabelId(label);\n\n  return (\n    <ValueContent label={label} tooltip={value.toString()} dense={dense}>\n      <div\n        className=\"flex items-center gap-0.5\"\n        role=\"group\"\n        aria-labelledby={id}\n      >\n        {Array.from({ length: maxRating }, (_, index) => {\n          const filled = index < value;\n\n          return (\n            <Star\n              key={`star-${index}`}\n              data-testid={filled ? \"StarIcon\" : \"StarBorderIcon\"}\n              className={cn(\n                dense ? \"h-4 w-4\" : \"h-5 w-5\",\n                !filled && \"opacity-30\",\n              )}\n              fill={filled ? \"currentColor\" : \"none\"}\n              aria-hidden=\"true\"\n            />\n          );\n        })}\n      </div>\n    </ValueContent>\n  );\n}\n\nexport default ValueRating;\n"],"names":["ValueRating","label","value","maxRating","dense","id","getValueContentLabelId","ValueContent","jsx","_","index","filled","Star","cn"],"mappings":";;;;AAqBO,SAASA,EAAY;AAAA,EAC1B,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,OAAAC;AACF,GAAqB;AACnB,QAAMC,IAAKC,EAAuBL,CAAK;AAEvC,2BACGM,GAAA,EAAa,OAAAN,GAAc,SAASC,EAAM,SAAA,GAAY,OAAAE,GACrD,UAAA,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,mBAAiBH;AAAA,MAEhB,UAAA,MAAM,KAAK,EAAE,QAAQF,KAAa,CAACM,GAAGC,MAAU;AAC/C,cAAMC,IAASD,IAAQR;AAEvB,eACE,gBAAAM;AAAA,UAACI;AAAA,UAAA;AAAA,YAEC,eAAaD,IAAS,aAAa;AAAA,YACnC,WAAWE;AAAA,cACTT,IAAQ,YAAY;AAAA,cACpB,CAACO,KAAU;AAAA,YAAA;AAAA,YAEb,MAAMA,IAAS,iBAAiB;AAAA,YAChC,eAAY;AAAA,UAAA;AAAA,UAPP,QAAQD,CAAK;AAAA,QAAA;AAAA,MAUxB,CAAC;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;"}

package/dist/components/value-text/index.d.ts

@@ -0,0 +1,2 @@
+export type { ValueTextProps } from './value-text';
+export { default, default as ValueText } from './value-text';

package/dist/components/value-text/value-text.d.ts

@@ -0,0 +1,10 @@
+import { BaseValueProps } from '../../types/value-base';
+/**
+ * Props for the ValueText component.
+ */
+export type ValueTextProps = BaseValueProps<string | number>;
+/**
+ * Displays a string or number value with a label.
+ */
+export declare function ValueText({ label, value: valueProp, placeholder, dense, }: ValueTextProps): import("react/jsx-runtime").JSX.Element;
+export default ValueText;

package/dist/components/value-text/value-text.mjs

@@ -0,0 +1,17 @@
+import { jsx as t } from "react/jsx-runtime";
+import { getValueContentLabelId as i, ValueContent as u } from "../value-content/value-content.mjs";
+import { DefaultPlaceholder as c } from "../../types/value-base.mjs";
+function f({
+  label: e,
+  value: r,
+  placeholder: o = c,
+  dense: l
+}) {
+  const n = i(e), a = r?.toString() || o;
+  return /* @__PURE__ */ t(u, { label: e, tooltip: a, dense: l, children: /* @__PURE__ */ t("div", { className: "flex", role: "group", "aria-labelledby": n, children: /* @__PURE__ */ t("p", { className: l ? "text-base truncate" : "text-xl truncate", children: a }) }) });
+}
+export {
+  f as ValueText,
+  f as default
+};
+//# sourceMappingURL=value-text.mjs.map

package/dist/components/value-text/value-text.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"value-text.mjs","sources":["../../../src/components/value-text/value-text.tsx"],"sourcesContent":["import ValueContent, {\n  getValueContentLabelId,\n} from \"@/components/value-content\";\nimport { type BaseValueProps, DefaultPlaceholder } from \"@/types/value-base\";\n\n/**\n * Props for the ValueText component.\n */\nexport type ValueTextProps = BaseValueProps<string | number>;\n\n/**\n * Displays a string or number value with a label.\n */\nexport function ValueText({\n  label,\n  value: valueProp,\n  placeholder = DefaultPlaceholder,\n  dense,\n}: ValueTextProps) {\n  const id = getValueContentLabelId(label);\n  const value = valueProp?.toString() || placeholder;\n\n  return (\n    <ValueContent label={label} tooltip={value} dense={dense}>\n      <div className=\"flex\" role=\"group\" aria-labelledby={id}>\n        <p className={dense ? \"text-base truncate\" : \"text-xl truncate\"}>\n          {value}\n        </p>\n      </div>\n    </ValueContent>\n  );\n}\n\nexport default ValueText;\n"],"names":["ValueText","label","valueProp","placeholder","DefaultPlaceholder","dense","id","getValueContentLabelId","value","jsx","ValueContent"],"mappings":";;;AAaO,SAASA,EAAU;AAAA,EACxB,OAAAC;AAAA,EACA,OAAOC;AAAA,EACP,aAAAC,IAAcC;AAAA,EACd,OAAAC;AACF,GAAmB;AACjB,QAAMC,IAAKC,EAAuBN,CAAK,GACjCO,IAAQN,GAAW,SAAA,KAAcC;AAEvC,SACE,gBAAAM,EAACC,KAAa,OAAAT,GAAc,SAASO,GAAO,OAAAH,GAC1C,UAAA,gBAAAI,EAAC,OAAA,EAAI,WAAU,QAAO,MAAK,SAAQ,mBAAiBH,GAClD,4BAAC,KAAA,EAAE,WAAWD,IAAQ,uBAAuB,oBAC1C,UAAAG,EAAA,CACH,EAAA,CACF,EAAA,CACF;AAEJ;"}