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

package/dist/components/forms/text-field/text-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.mjs","sources":["../../../../src/components/forms/text-field/text-field.tsx"],"sourcesContent":["import { Loader2 } from \"lucide-react\";\nimport type { ChangeEvent, InputHTMLAttributes, ReactNode } from \"react\";\nimport {\n  Field,\n  FieldDescription,\n  FieldError,\n  FieldLabel,\n} from \"@/components/ui/field\";\nimport { Input } from \"@/components/ui/input\";\nimport { cn } from \"@/lib/utils\";\n\n/**\n * Supported field sizes for TextField.\n */\nexport type TextFieldSize = \"small\" | \"medium\";\n\n/**\n * Props for input-specific composition.\n */\nexport interface TextFieldInputProps {\n  /**\n   * Content rendered at the end of the input.\n   */\n  endAdornment?: ReactNode;\n}\n\n/**\n * Props for the TextField component.\n */\nexport interface TextFieldProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\" | \"color\"> {\n  /**\n   * Label shown above the input.\n   */\n  label?: string;\n  /**\n   * Helper text rendered below the input.\n   */\n  helperText?: ReactNode;\n  /**\n   * Error text rendered below the input.\n   */\n  error?: ReactNode;\n  /**\n   * Shows a spinner inside the field.\n   * @default false\n   */\n  loading?: boolean;\n  /**\n   * Input size variant.\n   * @default \"medium\"\n   */\n  size?: TextFieldSize;\n  /**\n   * Makes the field span the container width.\n   * @default false\n   */\n  fullWidth?: boolean;\n  /**\n   * Optional accent color used for border and text.\n   */\n  hexColor?: string;\n  /**\n   * Additional props for the input content area.\n   */\n  InputProps?: TextFieldInputProps;\n  /**\n   * Called when the input value changes.\n   * @param e - Native input change event.\n   * @param value - Trimmed input value.\n   */\n  onChangeValue?: (e: ChangeEvent<HTMLInputElement>, value: string) => void;\n}\n\n/**\n * Text input with loading state.\n */\nexport function TextField({\n  id,\n  label,\n  helperText,\n  error,\n  loading = false,\n  size = \"medium\",\n  fullWidth = false,\n  className,\n  hexColor,\n  InputProps,\n  onChange,\n  onChangeValue,\n  disabled,\n  ...props\n}: TextFieldProps) {\n  const inputId = id ?? `${label ?? \"textfield\"}-input`;\n  const hasError = Boolean(error);\n\n  return (\n    <Field\n      data-invalid={hasError || undefined}\n      className={cn(\"gap-1.5\", fullWidth && \"w-full\", className)}\n    >\n      {label ? <FieldLabel htmlFor={inputId}>{label}</FieldLabel> : null}\n\n      <div className=\"relative\">\n        <Input\n          id={inputId}\n          disabled={disabled}\n          aria-busy={loading}\n          aria-invalid={hasError || undefined}\n          className={cn(\n            \"text-sm\",\n            size === \"small\" ? \"h-9 px-2\" : \"h-10 px-3\",\n            (InputProps?.endAdornment || loading) && \"pr-10\",\n            disabled && \"opacity-70\",\n          )}\n          style={\n            hexColor ? { borderColor: hexColor, color: hexColor } : undefined\n          }\n          onChange={(e) => {\n            onChange?.(e);\n            onChangeValue?.(e, e.target.value.trim());\n          }}\n          {...props}\n        />\n\n        {(InputProps?.endAdornment || loading) && (\n          <div className=\"absolute inset-y-0 right-3 flex items-center gap-2\">\n            {InputProps?.endAdornment ? (\n              <div className=\"inline-flex items-center\">\n                {InputProps.endAdornment}\n              </div>\n            ) : null}\n\n            {loading ? (\n              <Loader2\n                role=\"progressbar\"\n                aria-label=\"loading\"\n                className=\"h-4 w-4 animate-spin\"\n              />\n            ) : null}\n          </div>\n        )}\n      </div>\n\n      {helperText && !hasError ? (\n        <FieldDescription>{helperText}</FieldDescription>\n      ) : null}\n\n      {error ? <FieldError>{error}</FieldError> : null}\n    </Field>\n  );\n}\n\nexport default TextField;\n"],"names":["TextField","id","label","helperText","error","loading","size","fullWidth","className","hexColor","InputProps","onChange","onChangeValue","disabled","props","inputId","hasError","jsxs","Field","cn","jsx","FieldLabel","Input","e","Loader2","FieldDescription","FieldError"],"mappings":";;;;;AA6EO,SAASA,EAAU;AAAA,EACxB,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAmB;AACjB,QAAMC,IAAUd,KAAM,GAAGC,KAAS,WAAW,UACvCc,IAAW,EAAQZ;AAEzB,SACE,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAcF,KAAY;AAAA,MAC1B,WAAWG,EAAG,WAAWZ,KAAa,UAAUC,CAAS;AAAA,MAExD,UAAA;AAAA,QAAAN,IAAQ,gBAAAkB,EAACC,GAAA,EAAW,SAASN,GAAU,aAAM,IAAgB;AAAA,QAE9D,gBAAAE,EAAC,OAAA,EAAI,WAAU,YACb,UAAA;AAAA,UAAA,gBAAAG;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,IAAIP;AAAA,cACJ,UAAAF;AAAA,cACA,aAAWR;AAAA,cACX,gBAAcW,KAAY;AAAA,cAC1B,WAAWG;AAAA,gBACT;AAAA,gBACAb,MAAS,UAAU,aAAa;AAAA,iBAC/BI,GAAY,gBAAgBL,MAAY;AAAA,gBACzCQ,KAAY;AAAA,cAAA;AAAA,cAEd,OACEJ,IAAW,EAAE,aAAaA,GAAU,OAAOA,MAAa;AAAA,cAE1D,UAAU,CAACc,MAAM;AACf,gBAAAZ,IAAWY,CAAC,GACZX,IAAgBW,GAAGA,EAAE,OAAO,MAAM,MAAM;AAAA,cAC1C;AAAA,cACC,GAAGT;AAAA,YAAA;AAAA,UAAA;AAAA,WAGJJ,GAAY,gBAAgBL,MAC5B,gBAAAY,EAAC,OAAA,EAAI,WAAU,sDACZ,UAAA;AAAA,YAAAP,GAAY,eACX,gBAAAU,EAAC,OAAA,EAAI,WAAU,4BACZ,UAAAV,EAAW,cACd,IACE;AAAA,YAEHL,IACC,gBAAAe;AAAA,cAACI;AAAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,cAAW;AAAA,gBACX,WAAU;AAAA,cAAA;AAAA,YAAA,IAEV;AAAA,UAAA,EAAA,CACN;AAAA,QAAA,GAEJ;AAAA,QAECrB,KAAc,CAACa,IACd,gBAAAI,EAACK,GAAA,EAAkB,aAAW,IAC5B;AAAA,QAEHrB,IAAQ,gBAAAgB,EAACM,GAAA,EAAY,UAAAtB,EAAA,CAAM,IAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlD;"}

package/dist/components/forms/textarea-field/index.d.ts

@@ -0,0 +1,2 @@
+export type { TextareaFieldInputProps, TextareaFieldProps, } from './textarea-field';
+export { default, default as TextareaField } from './textarea-field';

package/dist/components/forms/textarea-field/textarea-field.d.ts

@@ -0,0 +1,61 @@
+import { ChangeEvent, ReactNode, TextareaHTMLAttributes } from 'react';
+/**
+ * Props for textarea-specific composition.
+ */
+export interface TextareaFieldInputProps {
+    /**
+     * Content rendered at the end of the textarea.
+     */
+    endAdornment?: ReactNode;
+}
+/**
+ * Props for the TextareaField component.
+ */
+export interface TextareaFieldProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "color"> {
+    /**
+     * Label shown above the textarea.
+     */
+    label?: string;
+    /**
+     * Helper text rendered below the textarea.
+     */
+    helperText?: ReactNode;
+    /**
+     * Error text rendered below the textarea.
+     */
+    error?: ReactNode;
+    /**
+     * Shows a spinner inside the field.
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Makes the field span the container width.
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * Number of visible text rows.
+     * @default 4
+     */
+    rowCount?: number;
+    /**
+     * Optional accent color used for border and text.
+     */
+    hexColor?: string;
+    /**
+     * Additional props for the textarea content area.
+     */
+    InputProps?: TextareaFieldInputProps;
+    /**
+     * Called when the textarea value changes.
+     * @param e - Native textarea change event.
+     * @param value - Trimmed textarea value.
+     */
+    onChangeValue?: (e: ChangeEvent<HTMLTextAreaElement>, value: string) => void;
+}
+/**
+ * Multiline text input with loading state.
+ */
+export declare function TextareaField({ id, label, helperText, error, loading, fullWidth, rowCount, className, hexColor, InputProps, onChange, onChangeValue, disabled, ...props }: TextareaFieldProps): import("react/jsx-runtime").JSX.Element;
+export default TextareaField;

package/dist/components/forms/textarea-field/textarea-field.mjs

@@ -0,0 +1,74 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { Field as g, FieldLabel as y, FieldDescription as A, FieldError as b } from "../../ui/field.mjs";
+import { Textarea as w } from "../../ui/textarea.mjs";
+import { cn as f } from "../../../lib/utils.mjs";
+import j from "../../../node_modules/lucide-react/dist/esm/icons/loader-circle.mjs";
+function T({
+  id: h,
+  label: r,
+  helperText: s,
+  error: l,
+  loading: a = !1,
+  fullWidth: p = !1,
+  rowCount: u = 4,
+  className: v,
+  hexColor: n,
+  InputProps: i,
+  onChange: x,
+  onChangeValue: F,
+  disabled: m,
+  ...N
+}) {
+  const c = h ?? `${r ?? "textareafield"}-textarea`, t = !!l;
+  return /* @__PURE__ */ o(
+    g,
+    {
+      "data-invalid": t || void 0,
+      className: f("gap-1.5", p && "w-full", v),
+      children: [
+        r ? /* @__PURE__ */ e(y, { htmlFor: c, children: r }) : null,
+        /* @__PURE__ */ o("div", { className: "relative", children: [
+          /* @__PURE__ */ e(
+            w,
+            {
+              id: c,
+              rows: u,
+              disabled: m,
+              "aria-busy": a,
+              "aria-invalid": t || void 0,
+              className: f(
+                "text-sm",
+                "min-h-24 px-3 py-2",
+                (i?.endAdornment || a) && "pr-10",
+                m && "opacity-70"
+              ),
+              style: n ? { borderColor: n, color: n } : void 0,
+              onChange: (d) => {
+                x?.(d), F?.(d, d.target.value.trim());
+              },
+              ...N
+            }
+          ),
+          (i?.endAdornment || a) && /* @__PURE__ */ o("div", { className: "absolute right-3 top-3 flex items-center gap-2", children: [
+            i?.endAdornment ? /* @__PURE__ */ e("div", { className: "inline-flex items-center", children: i.endAdornment }) : null,
+            a ? /* @__PURE__ */ e(
+              j,
+              {
+                role: "progressbar",
+                "aria-label": "loading",
+                className: "h-4 w-4 animate-spin"
+              }
+            ) : null
+          ] })
+        ] }),
+        s && !t ? /* @__PURE__ */ e(A, { children: s }) : null,
+        l ? /* @__PURE__ */ e(b, { children: l }) : null
+      ]
+    }
+  );
+}
+export {
+  T as TextareaField,
+  T as default
+};
+//# sourceMappingURL=textarea-field.mjs.map

package/dist/components/forms/textarea-field/textarea-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea-field.mjs","sources":["../../../../src/components/forms/textarea-field/textarea-field.tsx"],"sourcesContent":["import { Loader2 } from \"lucide-react\";\nimport type { ChangeEvent, ReactNode, TextareaHTMLAttributes } from \"react\";\nimport {\n  Field,\n  FieldDescription,\n  FieldError,\n  FieldLabel,\n} from \"@/components/ui/field\";\nimport { Textarea } from \"@/components/ui/textarea\";\nimport { cn } from \"@/lib/utils\";\n\n/**\n * Props for textarea-specific composition.\n */\nexport interface TextareaFieldInputProps {\n  /**\n   * Content rendered at the end of the textarea.\n   */\n  endAdornment?: ReactNode;\n}\n\n/**\n * Props for the TextareaField component.\n */\nexport interface TextareaFieldProps\n  extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, \"size\" | \"color\"> {\n  /**\n   * Label shown above the textarea.\n   */\n  label?: string;\n  /**\n   * Helper text rendered below the textarea.\n   */\n  helperText?: ReactNode;\n  /**\n   * Error text rendered below the textarea.\n   */\n  error?: ReactNode;\n  /**\n   * Shows a spinner inside the field.\n   * @default false\n   */\n  loading?: boolean;\n  /**\n   * Makes the field span the container width.\n   * @default false\n   */\n  fullWidth?: boolean;\n  /**\n   * Number of visible text rows.\n   * @default 4\n   */\n  rowCount?: number;\n  /**\n   * Optional accent color used for border and text.\n   */\n  hexColor?: string;\n  /**\n   * Additional props for the textarea content area.\n   */\n  InputProps?: TextareaFieldInputProps;\n  /**\n   * Called when the textarea value changes.\n   * @param e - Native textarea change event.\n   * @param value - Trimmed textarea value.\n   */\n  onChangeValue?: (e: ChangeEvent<HTMLTextAreaElement>, value: string) => void;\n}\n\n/**\n * Multiline text input with loading state.\n */\nexport function TextareaField({\n  id,\n  label,\n  helperText,\n  error,\n  loading = false,\n  fullWidth = false,\n  rowCount = 4,\n  className,\n  hexColor,\n  InputProps,\n  onChange,\n  onChangeValue,\n  disabled,\n  ...props\n}: TextareaFieldProps) {\n  const inputId = id ?? `${label ?? \"textareafield\"}-textarea`;\n  const hasError = Boolean(error);\n\n  return (\n    <Field\n      data-invalid={hasError || undefined}\n      className={cn(\"gap-1.5\", fullWidth && \"w-full\", className)}\n    >\n      {label ? <FieldLabel htmlFor={inputId}>{label}</FieldLabel> : null}\n\n      <div className=\"relative\">\n        <Textarea\n          id={inputId}\n          rows={rowCount}\n          disabled={disabled}\n          aria-busy={loading}\n          aria-invalid={hasError || undefined}\n          className={cn(\n            \"text-sm\",\n            \"min-h-24 px-3 py-2\",\n            (InputProps?.endAdornment || loading) && \"pr-10\",\n            disabled && \"opacity-70\",\n          )}\n          style={\n            hexColor ? { borderColor: hexColor, color: hexColor } : undefined\n          }\n          onChange={(e) => {\n            onChange?.(e);\n            onChangeValue?.(e, e.target.value.trim());\n          }}\n          {...props}\n        />\n\n        {(InputProps?.endAdornment || loading) && (\n          <div className=\"absolute right-3 top-3 flex items-center gap-2\">\n            {InputProps?.endAdornment ? (\n              <div className=\"inline-flex items-center\">\n                {InputProps.endAdornment}\n              </div>\n            ) : null}\n\n            {loading ? (\n              <Loader2\n                role=\"progressbar\"\n                aria-label=\"loading\"\n                className=\"h-4 w-4 animate-spin\"\n              />\n            ) : null}\n          </div>\n        )}\n      </div>\n\n      {helperText && !hasError ? (\n        <FieldDescription>{helperText}</FieldDescription>\n      ) : null}\n\n      {error ? <FieldError>{error}</FieldError> : null}\n    </Field>\n  );\n}\n\nexport default TextareaField;\n"],"names":["TextareaField","id","label","helperText","error","loading","fullWidth","rowCount","className","hexColor","InputProps","onChange","onChangeValue","disabled","props","inputId","hasError","jsxs","Field","cn","jsx","FieldLabel","Textarea","e","Loader2","FieldDescription","FieldError"],"mappings":";;;;;AAwEO,SAASA,EAAc;AAAA,EAC5B,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAuB;AACrB,QAAMC,IAAUd,KAAM,GAAGC,KAAS,eAAe,aAC3Cc,IAAW,EAAQZ;AAEzB,SACE,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAcF,KAAY;AAAA,MAC1B,WAAWG,EAAG,WAAWb,KAAa,UAAUE,CAAS;AAAA,MAExD,UAAA;AAAA,QAAAN,IAAQ,gBAAAkB,EAACC,GAAA,EAAW,SAASN,GAAU,aAAM,IAAgB;AAAA,QAE9D,gBAAAE,EAAC,OAAA,EAAI,WAAU,YACb,UAAA;AAAA,UAAA,gBAAAG;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,IAAIP;AAAA,cACJ,MAAMR;AAAA,cACN,UAAAM;AAAA,cACA,aAAWR;AAAA,cACX,gBAAcW,KAAY;AAAA,cAC1B,WAAWG;AAAA,gBACT;AAAA,gBACA;AAAA,iBACCT,GAAY,gBAAgBL,MAAY;AAAA,gBACzCQ,KAAY;AAAA,cAAA;AAAA,cAEd,OACEJ,IAAW,EAAE,aAAaA,GAAU,OAAOA,MAAa;AAAA,cAE1D,UAAU,CAACc,MAAM;AACf,gBAAAZ,IAAWY,CAAC,GACZX,IAAgBW,GAAGA,EAAE,OAAO,MAAM,MAAM;AAAA,cAC1C;AAAA,cACC,GAAGT;AAAA,YAAA;AAAA,UAAA;AAAA,WAGJJ,GAAY,gBAAgBL,MAC5B,gBAAAY,EAAC,OAAA,EAAI,WAAU,kDACZ,UAAA;AAAA,YAAAP,GAAY,eACX,gBAAAU,EAAC,OAAA,EAAI,WAAU,4BACZ,UAAAV,EAAW,cACd,IACE;AAAA,YAEHL,IACC,gBAAAe;AAAA,cAACI;AAAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,cAAW;AAAA,gBACX,WAAU;AAAA,cAAA;AAAA,YAAA,IAEV;AAAA,UAAA,EAAA,CACN;AAAA,QAAA,GAEJ;AAAA,QAECrB,KAAc,CAACa,IACd,gBAAAI,EAACK,GAAA,EAAkB,aAAW,IAC5B;AAAA,QAEHrB,IAAQ,gBAAAgB,EAACM,GAAA,EAAY,UAAAtB,EAAA,CAAM,IAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlD;"}

package/dist/components/group-value-card/group-value-card.d.ts

@@ -0,0 +1,36 @@
+import { ReactNode } from 'react';
+import { ValueItemElement } from '../value-item';
+/**
+ * Props for the GroupValueCard component.
+ */
+export interface GroupValueCardProps {
+    /**
+     * Main title of the card.
+     */
+    title: string;
+    /**
+     * Optional subtitle shown below the title.
+     */
+    subtitle?: string;
+    /**
+     * Whether to center card content.
+     */
+    centered?: boolean;
+    /**
+     * Value item elements rendered in the content area.
+     */
+    children: ValueItemElement | ValueItemElement[] | ReactNode;
+    /**
+     * Compact style mode.
+     */
+    dense?: boolean;
+    /**
+     * Additional CSS classes for custom styling.
+     */
+    className?: string;
+}
+/**
+ * Card wrapper for grouped value display.
+ */
+export declare function GroupValueCard({ title, subtitle, centered, children, dense, className, }: GroupValueCardProps): import("react/jsx-runtime").JSX.Element;
+export default GroupValueCard;

package/dist/components/group-value-card/group-value-card.mjs

@@ -0,0 +1,54 @@
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import { cn as e } from "../../lib/utils.mjs";
+function n({
+  title: t,
+  subtitle: l,
+  centered: i,
+  children: o,
+  dense: r,
+  className: s
+}) {
+  return /* @__PURE__ */ d("div", { className: e("overflow-hidden rounded-lg border bg-card", s), children: [
+    /* @__PURE__ */ d("div", { className: e("bg-muted", r ? "px-3 py-2" : "px-4 py-3"), children: [
+      /* @__PURE__ */ a(
+        "p",
+        {
+          role: "heading",
+          "aria-level": 1,
+          className: e(
+            r ? "text-base font-semibold" : "text-lg font-semibold"
+          ),
+          children: t
+        }
+      ),
+      l ? /* @__PURE__ */ a(
+        "p",
+        {
+          role: "heading",
+          "aria-level": 2,
+          className: e(
+            r ? "text-xs" : "text-sm",
+            "text-muted-foreground"
+          ),
+          children: l
+        }
+      ) : null
+    ] }),
+    /* @__PURE__ */ a(
+      "div",
+      {
+        className: e(
+          "grid grid-cols-12 p-2",
+          r ? "gap-y-2" : "gap-y-3",
+          i && "justify-items-center"
+        ),
+        children: o
+      }
+    )
+  ] });
+}
+export {
+  n as GroupValueCard,
+  n as default
+};
+//# sourceMappingURL=group-value-card.mjs.map

package/dist/components/group-value-card/group-value-card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-value-card.mjs","sources":["../../../src/components/group-value-card/group-value-card.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { ValueItemElement } from \"@/components/value-item\";\nimport { cn } from \"@/lib/utils\";\n\n/**\n * Props for the GroupValueCard component.\n */\nexport interface GroupValueCardProps {\n  /**\n   * Main title of the card.\n   */\n  title: string;\n  /**\n   * Optional subtitle shown below the title.\n   */\n  subtitle?: string;\n  /**\n   * Whether to center card content.\n   */\n  centered?: boolean;\n  /**\n   * Value item elements rendered in the content area.\n   */\n  children: ValueItemElement | ValueItemElement[] | ReactNode;\n  /**\n   * Compact style mode.\n   */\n  dense?: boolean;\n  /**\n   * Additional CSS classes for custom styling.\n   */\n  className?: string;\n}\n\n/**\n * Card wrapper for grouped value display.\n */\nexport function GroupValueCard({\n  title,\n  subtitle,\n  centered,\n  children,\n  dense,\n  className,\n}: GroupValueCardProps) {\n  return (\n    <div className={cn(\"overflow-hidden rounded-lg border bg-card\", className)}>\n      <div className={cn(\"bg-muted\", dense ? \"px-3 py-2\" : \"px-4 py-3\")}>\n        <p\n          role=\"heading\"\n          aria-level={1}\n          className={cn(\n            dense ? \"text-base font-semibold\" : \"text-lg font-semibold\",\n          )}\n        >\n          {title}\n        </p>\n        {subtitle ? (\n          <p\n            role=\"heading\"\n            aria-level={2}\n            className={cn(\n              dense ? \"text-xs\" : \"text-sm\",\n              \"text-muted-foreground\",\n            )}\n          >\n            {subtitle}\n          </p>\n        ) : null}\n      </div>\n      <div\n        className={cn(\n          \"grid grid-cols-12 p-2\",\n          dense ? \"gap-y-2\" : \"gap-y-3\",\n          centered && \"justify-items-center\",\n        )}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n\nexport default GroupValueCard;\n"],"names":["GroupValueCard","title","subtitle","centered","children","dense","className","cn","jsxs","jsx"],"mappings":";;AAqCO,SAASA,EAAe;AAAA,EAC7B,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AACF,GAAwB;AACtB,2BACG,OAAA,EAAI,WAAWC,EAAG,6CAA6CD,CAAS,GACvE,UAAA;AAAA,IAAA,gBAAAE,EAAC,SAAI,WAAWD,EAAG,YAAYF,IAAQ,cAAc,WAAW,GAC9D,UAAA;AAAA,MAAA,gBAAAI;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAY;AAAA,UACZ,WAAWF;AAAA,YACTF,IAAQ,4BAA4B;AAAA,UAAA;AAAA,UAGrC,UAAAJ;AAAA,QAAA;AAAA,MAAA;AAAA,MAEFC,IACC,gBAAAO;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAY;AAAA,UACZ,WAAWF;AAAA,YACTF,IAAQ,YAAY;AAAA,YACpB;AAAA,UAAA;AAAA,UAGD,UAAAH;AAAA,QAAA;AAAA,MAAA,IAED;AAAA,IAAA,GACN;AAAA,IACA,gBAAAO;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWF;AAAA,UACT;AAAA,UACAF,IAAQ,YAAY;AAAA,UACpBF,KAAY;AAAA,QAAA;AAAA,QAGb,UAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;"}

package/dist/components/group-value-card/index.d.ts

@@ -0,0 +1,2 @@
+export type { GroupValueCardProps } from './group-value-card';
+export { default, default as GroupValueCard } from './group-value-card';

package/dist/components/header/header-title.d.ts

@@ -0,0 +1,35 @@
+import { HTMLAttributes } from 'react';
+/**
+ * Props for the HeaderTitle component.
+ */
+export interface HeaderTitleProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Whether to show a loading indicator.
+     */
+    loading?: boolean;
+    /**
+     * The title content to display.
+     */
+    children?: React.ReactNode;
+}
+/**
+ * Header title component with optional loading state.
+ */
+export default function HeaderTitle({ loading, children, ...props }: HeaderTitleProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Props for the HeaderSubtitle component.
+ */
+export interface HeaderSubtitleProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Whether to show a loading indicator.
+     */
+    loading?: boolean;
+    /**
+     * The subtitle content to display.
+     */
+    children?: React.ReactNode;
+}
+/**
+ * Header subtitle component with optional loading state.
+ */
+export declare function HeaderSubtitle({ loading, children, ...props }: HeaderSubtitleProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/header/header-title.mjs

@@ -0,0 +1,35 @@
+import { jsx as t, Fragment as s } from "react/jsx-runtime";
+import i from "../../node_modules/lucide-react/dist/esm/icons/loader-circle.mjs";
+function l({
+  loading: r,
+  children: e,
+  ...a
+}) {
+  return r ? /* @__PURE__ */ t(
+    i,
+    {
+      role: "progressbar",
+      "aria-label": "title loading",
+      className: "h-8 w-8 animate-spin"
+    }
+  ) : typeof e == "string" ? /* @__PURE__ */ t("h1", { className: "text-3xl font-semibold", ...a, children: e }) : /* @__PURE__ */ t(s, { children: e });
+}
+function f({
+  loading: r,
+  children: e,
+  ...a
+}) {
+  return r ? /* @__PURE__ */ t(
+    i,
+    {
+      role: "progressbar",
+      "aria-label": "subtitle loading",
+      className: "h-4 w-4 animate-spin"
+    }
+  ) : typeof e == "string" ? /* @__PURE__ */ t("h2", { className: "text-base text-muted-foreground", ...a, children: e }) : /* @__PURE__ */ t(s, { children: e });
+}
+export {
+  f as HeaderSubtitle,
+  l as default
+};
+//# sourceMappingURL=header-title.mjs.map

package/dist/components/header/header-title.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-title.mjs","sources":["../../../src/components/header/header-title.tsx"],"sourcesContent":["import { Loader2 } from \"lucide-react\";\nimport type { HTMLAttributes } from \"react\";\n\n/**\n * Props for the HeaderTitle component.\n */\nexport interface HeaderTitleProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Whether to show a loading indicator.\n   */\n  loading?: boolean;\n  /**\n   * The title content to display.\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * Header title component with optional loading state.\n */\nexport default function HeaderTitle({\n  loading,\n  children,\n  ...props\n}: HeaderTitleProps) {\n  if (loading) {\n    return (\n      <Loader2\n        role=\"progressbar\"\n        aria-label=\"title loading\"\n        className=\"h-8 w-8 animate-spin\"\n      />\n    );\n  }\n\n  if (typeof children === \"string\") {\n    return (\n      <h1 className=\"text-3xl font-semibold\" {...props}>\n        {children}\n      </h1>\n    );\n  }\n\n  return <>{children}</>;\n}\n\n/**\n * Props for the HeaderSubtitle component.\n */\nexport interface HeaderSubtitleProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Whether to show a loading indicator.\n   */\n  loading?: boolean;\n  /**\n   * The subtitle content to display.\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * Header subtitle component with optional loading state.\n */\nexport function HeaderSubtitle({\n  loading,\n  children,\n  ...props\n}: HeaderSubtitleProps) {\n  if (loading) {\n    return (\n      <Loader2\n        role=\"progressbar\"\n        aria-label=\"subtitle loading\"\n        className=\"h-4 w-4 animate-spin\"\n      />\n    );\n  }\n\n  if (typeof children === \"string\") {\n    return (\n      <h2 className=\"text-base text-muted-foreground\" {...props}>\n        {children}\n      </h2>\n    );\n  }\n\n  return <>{children}</>;\n}\n"],"names":["HeaderTitle","loading","children","props","jsx","Loader2","HeaderSubtitle"],"mappings":";;AAoBA,SAAwBA,EAAY;AAAA,EAClC,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAqB;AACnB,SAAIF,IAEA,gBAAAG;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAU;AAAA,IAAA;AAAA,EAAA,IAKZ,OAAOH,KAAa,6BAEnB,MAAA,EAAG,WAAU,0BAA0B,GAAGC,GACxC,UAAAD,GACH,2BAIM,UAAAA,GAAS;AACrB;AAmBO,SAASI,EAAe;AAAA,EAC7B,SAAAL;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAwB;AACtB,SAAIF,IAEA,gBAAAG;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAU;AAAA,IAAA;AAAA,EAAA,IAKZ,OAAOH,KAAa,6BAEnB,MAAA,EAAG,WAAU,mCAAmC,GAAGC,GACjD,UAAAD,GACH,2BAIM,UAAAA,GAAS;AACrB;"}

package/dist/components/header/header.d.ts

@@ -0,0 +1,6 @@
+import { HeaderProps } from './header.types';
+/**
+ * Section used to provide basic information about the page and display main actions.
+ */
+export declare function Header({ title, subtitle, preset, actionsVariant, breadcrumbs, breadcrumbSeparator, actions, tabs, tabsMode, navigationButton, border, }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+export default Header;

package/dist/components/header/header.dummy.d.ts

@@ -0,0 +1,5 @@
+import { HeaderAction, HeaderBreadcrumb, HeaderTab } from './header.types';
+export declare const breadcrumbs: HeaderBreadcrumb[];
+export declare const actions: HeaderAction[];
+export declare const tabs: HeaderTab[];
+export declare const linkedTabs: HeaderTab[];

package/dist/components/header/header.mjs

@@ -0,0 +1,133 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { Breadcrumbs as j } from "../breadcrumbs/breadcrumbs.mjs";
+import { Button as u } from "../button/button.mjs";
+import { Tabs as k, TabsList as H, TabsTrigger as I } from "../ui/tabs.mjs";
+import { cn as p } from "../../lib/utils.mjs";
+import { useTab as z } from "../tab-provider/tab-provider.context.mjs";
+import "react";
+import P, { HeaderSubtitle as S } from "./header-title.mjs";
+const A = {
+  default: "bg-muted",
+  primary: "bg-primary",
+  secondary: "bg-secondary",
+  inherit: "bg-inherit",
+  transparent: "bg-transparent",
+  paper: "bg-card"
+}, B = {
+  default: "text-foreground",
+  primary: "text-primary-foreground",
+  secondary: "text-secondary-foreground",
+  inherit: "text-inherit",
+  transparent: "text-foreground",
+  paper: "text-foreground"
+}, L = {
+  inherit: "default",
+  primary: "primary",
+  secondary: "secondary",
+  success: "success",
+  error: "error",
+  info: "info",
+  warning: "warning"
+};
+function q(i, o) {
+  return i === "outlined" ? "outline" : i === "text" ? "ghost" : L[o ?? "primary"];
+}
+function R({
+  title: i = "",
+  subtitle: o,
+  preset: d = "default",
+  actionsVariant: f = "outlined",
+  breadcrumbs: x,
+  breadcrumbSeparator: g,
+  actions: c,
+  tabs: n,
+  tabsMode: h = "navigation",
+  navigationButton: s,
+  border: y = !1
+}) {
+  const [b, N] = z(), T = n?.[b]?.id ?? n?.[0]?.id;
+  return /* @__PURE__ */ e(
+    "section",
+    {
+      className: p(
+        A[d],
+        B[d],
+        y && "border-b"
+      ),
+      children: /* @__PURE__ */ l("div", { className: "mx-auto max-w-screen-xl px-4 sm:px-6 lg:px-8", children: [
+        /* @__PURE__ */ l("div", { className: "flex flex-row justify-between py-6", children: [
+          /* @__PURE__ */ l("div", { children: [
+            s ? /* @__PURE__ */ l(
+              u,
+              {
+                variant: "link",
+                size: "sm",
+                className: "mb-2 h-auto p-0 text-sm",
+                onClick: () => {
+                  window.location.assign(s.href);
+                },
+                children: [
+                  s.icon,
+                  s.text
+                ]
+              }
+            ) : null,
+            /* @__PURE__ */ e(
+              j,
+              {
+                items: x,
+                className: "mt-0.5",
+                separator: g
+              }
+            ),
+            /* @__PURE__ */ e(P, { children: i }),
+            o ? /* @__PURE__ */ e(S, { children: o }) : null
+          ] }),
+          c ? /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: c.map(
+            ({ color: r, disabled: t, id: a, href: m, onClick: v, text: w, variant: C }, V) => /* @__PURE__ */ e(
+              u,
+              {
+                type: "button",
+                size: "sm",
+                variant: q(C ?? f, r),
+                disabled: t,
+                onClick: () => {
+                  v?.(), m && window.location.assign(m);
+                },
+                className: p(V !== c.length - 1 && "mr-1"),
+                children: w
+              },
+              a
+            )
+          ) }) : null
+        ] }),
+        n ? /* @__PURE__ */ e(
+          k,
+          {
+            value: T,
+            onValueChange: (r) => {
+              const t = n.findIndex((a) => a.id === r);
+              h === "panel" && t >= 0 && N(t);
+            },
+            className: "py-2",
+            children: /* @__PURE__ */ e(H, { className: "mx-auto h-auto", children: n.map(({ id: r, label: t, disabled: a }) => /* @__PURE__ */ e(
+              I,
+              {
+                value: r,
+                disabled: a,
+                className: "px-2.5 py-1 text-sm data-active:font-semibold",
+                children: t
+              },
+              r
+            )) })
+          }
+        ) : null
+      ] })
+    }
+  );
+}
+export {
+  R as Header,
+  R as default
+};
+//# sourceMappingURL=header.mjs.map

package/dist/components/header/header.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.mjs","sources":["../../../src/components/header/header.tsx"],"sourcesContent":["import Breadcrumbs from \"@/components/breadcrumbs\";\nimport Button, { type ButtonVariant } from \"@/components/button\";\nimport { Tabs, TabsList, TabsTrigger } from \"@/components/ui/tabs\";\nimport { cn } from \"@/lib/utils\";\nimport { useTab } from \"../tab-provider\";\nimport type {\n  HeaderActionColor,\n  HeaderActionVariant,\n  HeaderPreset,\n  HeaderProps,\n} from \"./header.types\";\nimport HeaderTitle, { HeaderSubtitle } from \"./header-title\";\n\nconst bgColorPresets: Record<HeaderPreset, string> = {\n  default: \"bg-muted\",\n  primary: \"bg-primary\",\n  secondary: \"bg-secondary\",\n  inherit: \"bg-inherit\",\n  transparent: \"bg-transparent\",\n  paper: \"bg-card\",\n};\n\nconst textColorPresets: Record<HeaderPreset, string> = {\n  default: \"text-foreground\",\n  primary: \"text-primary-foreground\",\n  secondary: \"text-secondary-foreground\",\n  inherit: \"text-inherit\",\n  transparent: \"text-foreground\",\n  paper: \"text-foreground\",\n};\n\nconst containedColorToButtonVariant: Record<HeaderActionColor, ButtonVariant> =\n  {\n    inherit: \"default\",\n    primary: \"primary\",\n    secondary: \"secondary\",\n    success: \"success\",\n    error: \"error\",\n    info: \"info\",\n    warning: \"warning\",\n  };\n\nfunction getActionButtonVariant(\n  actionVariant: HeaderActionVariant,\n  actionColor?: HeaderActionColor,\n): ButtonVariant {\n  if (actionVariant === \"outlined\") {\n    return \"outline\";\n  }\n\n  if (actionVariant === \"text\") {\n    return \"ghost\";\n  }\n\n  return containedColorToButtonVariant[actionColor ?? \"primary\"];\n}\n\n/**\n * Section used to provide basic information about the page and display main actions.\n */\nexport function Header({\n  title = \"\",\n  subtitle,\n  preset = \"default\",\n  actionsVariant = \"outlined\",\n  breadcrumbs,\n  breadcrumbSeparator,\n  actions,\n  tabs,\n  tabsMode = \"navigation\",\n  navigationButton,\n  border = false,\n}: HeaderProps) {\n  const [selectedTab, setSelectedTab] = useTab();\n  const selectedTabId = tabs?.[selectedTab]?.id ?? tabs?.[0]?.id;\n\n  return (\n    <section\n      className={cn(\n        bgColorPresets[preset],\n        textColorPresets[preset],\n        border && \"border-b\",\n      )}\n    >\n      <div className=\"mx-auto max-w-screen-xl px-4 sm:px-6 lg:px-8\">\n        <div className=\"flex flex-row justify-between py-6\">\n          <div>\n            {navigationButton ? (\n              <Button\n                variant=\"link\"\n                size=\"sm\"\n                className=\"mb-2 h-auto p-0 text-sm\"\n                onClick={() => {\n                  window.location.assign(navigationButton.href);\n                }}\n              >\n                {navigationButton.icon}\n                {navigationButton.text}\n              </Button>\n            ) : null}\n\n            <Breadcrumbs\n              items={breadcrumbs}\n              className=\"mt-0.5\"\n              separator={breadcrumbSeparator}\n            />\n\n            <HeaderTitle>{title}</HeaderTitle>\n\n            {subtitle ? <HeaderSubtitle>{subtitle}</HeaderSubtitle> : null}\n          </div>\n\n          {actions ? (\n            <div className=\"flex items-center gap-2\">\n              {actions.map(\n                ({ color, disabled, id, href, onClick, text, variant }, i) => {\n                  const visualVariant = variant ?? actionsVariant;\n\n                  return (\n                    <Button\n                      key={id}\n                      type=\"button\"\n                      size=\"sm\"\n                      variant={getActionButtonVariant(visualVariant, color)}\n                      disabled={disabled}\n                      onClick={() => {\n                        onClick?.();\n\n                        if (href) {\n                          window.location.assign(href);\n                        }\n                      }}\n                      className={cn(i !== actions.length - 1 && \"mr-1\")}\n                    >\n                      {text}\n                    </Button>\n                  );\n                },\n              )}\n            </div>\n          ) : null}\n        </div>\n\n        {tabs ? (\n          <Tabs\n            value={selectedTabId}\n            onValueChange={(value) => {\n              const nextIndex = tabs.findIndex((tab) => tab.id === value);\n\n              if (tabsMode === \"panel\" && nextIndex >= 0) {\n                setSelectedTab(nextIndex);\n              }\n            }}\n            className=\"py-2\"\n          >\n            <TabsList className=\"mx-auto h-auto\">\n              {tabs.map(({ id, label, disabled }) => (\n                <TabsTrigger\n                  key={id}\n                  value={id}\n                  disabled={disabled}\n                  className=\"px-2.5 py-1 text-sm data-active:font-semibold\"\n                >\n                  {label}\n                </TabsTrigger>\n              ))}\n            </TabsList>\n          </Tabs>\n        ) : null}\n      </div>\n    </section>\n  );\n}\n\nexport default Header;\n"],"names":["bgColorPresets","textColorPresets","containedColorToButtonVariant","getActionButtonVariant","actionVariant","actionColor","Header","title","subtitle","preset","actionsVariant","breadcrumbs","breadcrumbSeparator","actions","tabs","tabsMode","navigationButton","border","selectedTab","setSelectedTab","useTab","selectedTabId","jsx","cn","jsxs","Button","Breadcrumbs","HeaderTitle","HeaderSubtitle","color","disabled","id","href","onClick","text","variant","i","Tabs","value","nextIndex","tab","TabsList","label","TabsTrigger"],"mappings":"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"}