shad-m 1.0.0

package/dist/common/display/display-field.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+export interface DisplayFieldProps {
+    /**
+     * Label text to display - can be string or React node for complex content
+     */
+    label: string | React.ReactNode;
+    /**
+     * Value to display, can be string or React node for complex content
+     */
+    value: string | React.ReactNode;
+    /**
+     * Layout alignment - vertical (default) or horizontal
+     */
+    align?: 'vertical' | 'horizontal';
+    /**
+     * Show bottom border for table-like styling
+     */
+    showBorder?: boolean;
+    /**
+     * Additional CSS classes for the container
+     */
+    className?: string;
+    /**
+     * Additional CSS classes for the label
+     */
+    labelClassName?: string;
+    /**
+     * Additional CSS classes for the value
+     */
+    valueClassName?: string;
+    /**
+     * Inline style for the label (useful for custom widths)
+     */
+    labelStyle?: React.CSSProperties;
+    /**
+     * Placeholder text when value is empty or null
+     */
+    placeholder?: string;
+}
+/**
+ * A reusable component for displaying label-value pairs in a consistent format.
+ * Used throughout the application for read-only data display.
+ */
+export declare const DisplayField: React.FC<DisplayFieldProps>;
+//# sourceMappingURL=display-field.d.ts.map

package/dist/common/display/display-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"display-field.d.ts","sourceRoot":"","sources":["../../../src/common/display/display-field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IAClC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA6CpD,CAAC"}

package/dist/common/display/display-field.js

@@ -0,0 +1,46 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var utils = require('@/lib/utils');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const DisplayField = ({
+  label,
+  value,
+  align = "vertical",
+  showBorder = false,
+  className,
+  labelClassName,
+  valueClassName,
+  labelStyle,
+  placeholder = "Ch\u01B0a c\u1EADp nh\u1EADt"
+}) => {
+  const displayValue = React__default.default.useMemo(() => {
+    if (value === null || value === void 0 || value === "") {
+      return placeholder;
+    }
+    return value;
+  }, [value, placeholder]);
+  const containerClasses = align === "horizontal" ? "flex flex-col sm:flex-row sm:items-start gap-1 sm:gap-2" : "flex flex-col";
+  const labelClasses = align === "horizontal" ? "text-ink-400s font-medium leading-normal text-base break-words" : "text-ink-400s font-medium";
+  const borderClasses = showBorder ? "border-b border-ink-50s pb-3 mb-3" : "";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn(containerClasses, borderClasses, className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils.cn(labelClasses, labelClassName), style: labelStyle, children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        title: typeof displayValue === "string" ? displayValue : void 0,
+        className: utils.cn("text-ink-500s line-clamp-2 break-words font-medium", valueClassName),
+        children: displayValue
+      }
+    )
+  ] });
+};
+
+exports.DisplayField = DisplayField;
+//# sourceMappingURL=display-field.js.map
+//# sourceMappingURL=display-field.js.map

package/dist/common/display/display-field.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/common/display/display-field.tsx"],"names":["React","cn","jsx"],"mappings":";;;;;;;;;;AA8CO,MAAM,eAA4C,CAAC;AAAA,EACxD,KAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA,GAAQ,UAAA;AAAA,EACR,UAAA,GAAa,KAAA;AAAA,EACb,SAAA;AAAA,EACA,cAAA;AAAA,EACA,cAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA,GAAc;AAChB,CAAA,KAAM;AAEJ,EAAA,MAAM,YAAA,GAAeA,sBAAA,CAAM,OAAA,CAAQ,MAAM;AACvC,IAAA,IAAI,KAAA,KAAU,IAAA,IAAQ,KAAA,KAAU,MAAA,IAAa,UAAU,EAAA,EAAI;AACzD,MAAA,OAAO,WAAA;AAAA,IACT;AACA,IAAA,OAAO,KAAA;AAAA,EACT,CAAA,EAAG,CAAC,KAAA,EAAO,WAAW,CAAC,CAAA;AAEvB,EAAA,MAAM,gBAAA,GACJ,KAAA,KAAU,YAAA,GACN,yDAAA,GACA,eAAA;AAEN,EAAA,MAAM,YAAA,GACJ,KAAA,KAAU,YAAA,GACN,gEAAA,GACA,2BAAA;AAGN,EAAA,MAAM,aAAA,GAAgB,aAAa,mCAAA,GAAsC,EAAA;AAEzE,EAAA,uCACG,KAAA,EAAA,EAAI,SAAA,EAAWC,SAAG,gBAAA,EAAkB,aAAA,EAAe,SAAS,CAAA,EAC3D,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,WAAWD,QAAA,CAAG,YAAA,EAAc,cAAc,CAAA,EAAG,KAAA,EAAO,YACvD,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,oBACAC,cAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,OAAO,YAAA,KAAiB,QAAA,GAAW,YAAA,GAAe,MAAA;AAAA,QACzD,SAAA,EAAWD,QAAA,CAAG,oDAAA,EAAsD,cAAc,CAAA;AAAA,QAEjF,QAAA,EAAA;AAAA;AAAA;AACH,GAAA,EACF,CAAA;AAEJ","file":"display-field.js","sourcesContent":["import { cn } from '@/lib/utils';\nimport React from 'react';\n\nexport interface DisplayFieldProps {\n  /**\n   * Label text to display - can be string or React node for complex content\n   */\n  label: string | React.ReactNode;\n  /**\n   * Value to display, can be string or React node for complex content\n   */\n  value: string | React.ReactNode;\n  /**\n   * Layout alignment - vertical (default) or horizontal\n   */\n  align?: 'vertical' | 'horizontal';\n  /**\n   * Show bottom border for table-like styling\n   */\n  showBorder?: boolean;\n  /**\n   * Additional CSS classes for the container\n   */\n  className?: string;\n  /**\n   * Additional CSS classes for the label\n   */\n  labelClassName?: string;\n  /**\n   * Additional CSS classes for the value\n   */\n  valueClassName?: string;\n  /**\n   * Inline style for the label (useful for custom widths)\n   */\n  labelStyle?: React.CSSProperties;\n  /**\n   * Placeholder text when value is empty or null\n   */\n  placeholder?: string;\n}\n\n/**\n * A reusable component for displaying label-value pairs in a consistent format.\n * Used throughout the application for read-only data display.\n */\nexport const DisplayField: React.FC<DisplayFieldProps> = ({\n  label,\n  value,\n  align = 'vertical',\n  showBorder = false,\n  className,\n  labelClassName,\n  valueClassName,\n  labelStyle,\n  placeholder = 'Chưa cập nhật',\n}) => {\n  // Handle empty values\n  const displayValue = React.useMemo(() => {\n    if (value === null || value === undefined || value === '') {\n      return placeholder;\n    }\n    return value;\n  }, [value, placeholder]);\n\n  const containerClasses =\n    align === 'horizontal'\n      ? 'flex flex-col sm:flex-row sm:items-start gap-1 sm:gap-2'\n      : 'flex flex-col';\n\n  const labelClasses =\n    align === 'horizontal'\n      ? 'text-ink-400s font-medium leading-normal text-base break-words'\n      : 'text-ink-400s font-medium';\n\n  // Add border styling when showBorder is true\n  const borderClasses = showBorder ? 'border-b border-ink-50s pb-3 mb-3' : '';\n\n  return (\n    <div className={cn(containerClasses, borderClasses, className)}>\n      <span className={cn(labelClasses, labelClassName)} style={labelStyle}>\n        {label}\n      </span>\n      <span\n        title={typeof displayValue === 'string' ? displayValue : undefined}\n        className={cn('text-ink-500s line-clamp-2 break-words font-medium', valueClassName)}\n      >\n        {displayValue}\n      </span>\n    </div>\n  );\n};\n"]}

package/dist/common/display/display-field.mjs

@@ -0,0 +1,40 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { cn } from '@/lib/utils';
+import React from 'react';
+
+const DisplayField = ({
+  label,
+  value,
+  align = "vertical",
+  showBorder = false,
+  className,
+  labelClassName,
+  valueClassName,
+  labelStyle,
+  placeholder = "Ch\u01B0a c\u1EADp nh\u1EADt"
+}) => {
+  const displayValue = React.useMemo(() => {
+    if (value === null || value === void 0 || value === "") {
+      return placeholder;
+    }
+    return value;
+  }, [value, placeholder]);
+  const containerClasses = align === "horizontal" ? "flex flex-col sm:flex-row sm:items-start gap-1 sm:gap-2" : "flex flex-col";
+  const labelClasses = align === "horizontal" ? "text-ink-400s font-medium leading-normal text-base break-words" : "text-ink-400s font-medium";
+  const borderClasses = showBorder ? "border-b border-ink-50s pb-3 mb-3" : "";
+  return /* @__PURE__ */ jsxs("div", { className: cn(containerClasses, borderClasses, className), children: [
+    /* @__PURE__ */ jsx("span", { className: cn(labelClasses, labelClassName), style: labelStyle, children: label }),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        title: typeof displayValue === "string" ? displayValue : void 0,
+        className: cn("text-ink-500s line-clamp-2 break-words font-medium", valueClassName),
+        children: displayValue
+      }
+    )
+  ] });
+};
+
+export { DisplayField };
+//# sourceMappingURL=display-field.mjs.map
+//# sourceMappingURL=display-field.mjs.map

package/dist/common/display/display-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/common/display/display-field.tsx"],"names":[],"mappings":";;;;AA8CO,MAAM,eAA4C,CAAC;AAAA,EACxD,KAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA,GAAQ,UAAA;AAAA,EACR,UAAA,GAAa,KAAA;AAAA,EACb,SAAA;AAAA,EACA,cAAA;AAAA,EACA,cAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA,GAAc;AAChB,CAAA,KAAM;AAEJ,EAAA,MAAM,YAAA,GAAe,KAAA,CAAM,OAAA,CAAQ,MAAM;AACvC,IAAA,IAAI,KAAA,KAAU,IAAA,IAAQ,KAAA,KAAU,MAAA,IAAa,UAAU,EAAA,EAAI;AACzD,MAAA,OAAO,WAAA;AAAA,IACT;AACA,IAAA,OAAO,KAAA;AAAA,EACT,CAAA,EAAG,CAAC,KAAA,EAAO,WAAW,CAAC,CAAA;AAEvB,EAAA,MAAM,gBAAA,GACJ,KAAA,KAAU,YAAA,GACN,yDAAA,GACA,eAAA;AAEN,EAAA,MAAM,YAAA,GACJ,KAAA,KAAU,YAAA,GACN,gEAAA,GACA,2BAAA;AAGN,EAAA,MAAM,aAAA,GAAgB,aAAa,mCAAA,GAAsC,EAAA;AAEzE,EAAA,4BACG,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,gBAAA,EAAkB,aAAA,EAAe,SAAS,CAAA,EAC3D,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,WAAW,EAAA,CAAG,YAAA,EAAc,cAAc,CAAA,EAAG,KAAA,EAAO,YACvD,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,oBACA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,OAAO,YAAA,KAAiB,QAAA,GAAW,YAAA,GAAe,MAAA;AAAA,QACzD,SAAA,EAAW,EAAA,CAAG,oDAAA,EAAsD,cAAc,CAAA;AAAA,QAEjF,QAAA,EAAA;AAAA;AAAA;AACH,GAAA,EACF,CAAA;AAEJ","file":"display-field.mjs","sourcesContent":["import { cn } from '@/lib/utils';\nimport React from 'react';\n\nexport interface DisplayFieldProps {\n  /**\n   * Label text to display - can be string or React node for complex content\n   */\n  label: string | React.ReactNode;\n  /**\n   * Value to display, can be string or React node for complex content\n   */\n  value: string | React.ReactNode;\n  /**\n   * Layout alignment - vertical (default) or horizontal\n   */\n  align?: 'vertical' | 'horizontal';\n  /**\n   * Show bottom border for table-like styling\n   */\n  showBorder?: boolean;\n  /**\n   * Additional CSS classes for the container\n   */\n  className?: string;\n  /**\n   * Additional CSS classes for the label\n   */\n  labelClassName?: string;\n  /**\n   * Additional CSS classes for the value\n   */\n  valueClassName?: string;\n  /**\n   * Inline style for the label (useful for custom widths)\n   */\n  labelStyle?: React.CSSProperties;\n  /**\n   * Placeholder text when value is empty or null\n   */\n  placeholder?: string;\n}\n\n/**\n * A reusable component for displaying label-value pairs in a consistent format.\n * Used throughout the application for read-only data display.\n */\nexport const DisplayField: React.FC<DisplayFieldProps> = ({\n  label,\n  value,\n  align = 'vertical',\n  showBorder = false,\n  className,\n  labelClassName,\n  valueClassName,\n  labelStyle,\n  placeholder = 'Chưa cập nhật',\n}) => {\n  // Handle empty values\n  const displayValue = React.useMemo(() => {\n    if (value === null || value === undefined || value === '') {\n      return placeholder;\n    }\n    return value;\n  }, [value, placeholder]);\n\n  const containerClasses =\n    align === 'horizontal'\n      ? 'flex flex-col sm:flex-row sm:items-start gap-1 sm:gap-2'\n      : 'flex flex-col';\n\n  const labelClasses =\n    align === 'horizontal'\n      ? 'text-ink-400s font-medium leading-normal text-base break-words'\n      : 'text-ink-400s font-medium';\n\n  // Add border styling when showBorder is true\n  const borderClasses = showBorder ? 'border-b border-ink-50s pb-3 mb-3' : '';\n\n  return (\n    <div className={cn(containerClasses, borderClasses, className)}>\n      <span className={cn(labelClasses, labelClassName)} style={labelStyle}>\n        {label}\n      </span>\n      <span\n        title={typeof displayValue === 'string' ? displayValue : undefined}\n        className={cn('text-ink-500s line-clamp-2 break-words font-medium', valueClassName)}\n      >\n        {displayValue}\n      </span>\n    </div>\n  );\n};\n"]}

package/dist/common/display/display-html-string.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export interface DisplayHTMLStringProps extends React.HTMLAttributes<HTMLDivElement> {
+    htmlString: string;
+}
+declare const DisplayHTMLString: React.ForwardRefExoticComponent<DisplayHTMLStringProps & React.RefAttributes<HTMLDivElement>>;
+export { DisplayHTMLString };
+//# sourceMappingURL=display-html-string.d.ts.map

package/dist/common/display/display-html-string.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"display-html-string.d.ts","sourceRoot":"","sources":["../../../src/common/display/display-html-string.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAClF,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,iBAAiB,+FAyBtB,CAAC;AAIF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/common/display/display-html-string.js

@@ -0,0 +1,52 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const DisplayHTMLString = React__namespace.forwardRef(
+  ({ htmlString, ...rest }, ref) => {
+    const [sanitizedHTML, setSanitizedHTML] = React__namespace.useState("");
+    React__namespace.useEffect(() => {
+      const sanitizeHTML = async () => {
+        if (typeof window !== "undefined") {
+          try {
+            const { default: DOMPurify } = await import('dompurify');
+            setSanitizedHTML(DOMPurify.sanitize(htmlString));
+          } catch (error) {
+            console.warn("Failed to load DOMPurify, using raw HTML:", error);
+            setSanitizedHTML(htmlString);
+          }
+        } else {
+          setSanitizedHTML(htmlString);
+        }
+      };
+      sanitizeHTML();
+    }, [htmlString]);
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, dangerouslySetInnerHTML: { __html: sanitizedHTML }, ...rest });
+  }
+);
+DisplayHTMLString.displayName = "DisplayHTMLString";
+
+exports.DisplayHTMLString = DisplayHTMLString;
+//# sourceMappingURL=display-html-string.js.map
+//# sourceMappingURL=display-html-string.js.map

package/dist/common/display/display-html-string.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/common/display/display-html-string.tsx"],"names":["React","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,oBAAoBA,gBAAA,CAAM,UAAA;AAAA,EAC9B,CAAC,EAAE,UAAA,EAAY,GAAG,IAAA,IAAQ,GAAA,KAAQ;AAChC,IAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIA,gBAAA,CAAM,SAAS,EAAE,CAAA;AAE3D,IAAAA,gBAAA,CAAM,UAAU,MAAM;AACpB,MAAA,MAAM,eAAe,YAAY;AAC/B,QAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AACjC,UAAA,IAAI;AACF,YAAA,MAAM,EAAE,OAAA,EAAS,SAAA,EAAU,GAAI,MAAM,OAAO,WAAW,CAAA;AACvD,YAAA,gBAAA,CAAiB,SAAA,CAAU,QAAA,CAAS,UAAU,CAAC,CAAA;AAAA,UACjD,SAAS,KAAA,EAAO;AACd,YAAA,OAAA,CAAQ,IAAA,CAAK,6CAA6C,KAAK,CAAA;AAC/D,YAAA,gBAAA,CAAiB,UAAU,CAAA;AAAA,UAC7B;AAAA,QACF,CAAA,MAAO;AAEL,UAAA,gBAAA,CAAiB,UAAU,CAAA;AAAA,QAC7B;AAAA,MACF,CAAA;AAEA,MAAA,YAAA,EAAa;AAAA,IACf,CAAA,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,IAAA,uBAAOC,cAAA,CAAC,SAAI,GAAA,EAAU,uBAAA,EAAyB,EAAE,MAAA,EAAQ,aAAA,EAAc,EAAI,GAAG,IAAA,EAAM,CAAA;AAAA,EACtF;AACF;AAEA,iBAAA,CAAkB,WAAA,GAAc,mBAAA","file":"display-html-string.js","sourcesContent":["import * as React from 'react';\n\nexport interface DisplayHTMLStringProps extends React.HTMLAttributes<HTMLDivElement> {\n  htmlString: string;\n}\n\nconst DisplayHTMLString = React.forwardRef<HTMLDivElement, DisplayHTMLStringProps>(\n  ({ htmlString, ...rest }, ref) => {\n    const [sanitizedHTML, setSanitizedHTML] = React.useState('');\n\n    React.useEffect(() => {\n      const sanitizeHTML = async () => {\n        if (typeof window !== 'undefined') {\n          try {\n            const { default: DOMPurify } = await import('dompurify');\n            setSanitizedHTML(DOMPurify.sanitize(htmlString));\n          } catch (error) {\n            console.warn('Failed to load DOMPurify, using raw HTML:', error);\n            setSanitizedHTML(htmlString);\n          }\n        } else {\n          // Server-side rendering - use raw HTML (consider security implications)\n          setSanitizedHTML(htmlString);\n        }\n      };\n\n      sanitizeHTML();\n    }, [htmlString]);\n\n    return <div ref={ref} dangerouslySetInnerHTML={{ __html: sanitizedHTML }} {...rest} />;\n  },\n);\n\nDisplayHTMLString.displayName = 'DisplayHTMLString';\n\nexport { DisplayHTMLString };\n"]}

package/dist/common/display/display-html-string.mjs

@@ -0,0 +1,30 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+
+const DisplayHTMLString = React.forwardRef(
+  ({ htmlString, ...rest }, ref) => {
+    const [sanitizedHTML, setSanitizedHTML] = React.useState("");
+    React.useEffect(() => {
+      const sanitizeHTML = async () => {
+        if (typeof window !== "undefined") {
+          try {
+            const { default: DOMPurify } = await import('dompurify');
+            setSanitizedHTML(DOMPurify.sanitize(htmlString));
+          } catch (error) {
+            console.warn("Failed to load DOMPurify, using raw HTML:", error);
+            setSanitizedHTML(htmlString);
+          }
+        } else {
+          setSanitizedHTML(htmlString);
+        }
+      };
+      sanitizeHTML();
+    }, [htmlString]);
+    return /* @__PURE__ */ jsx("div", { ref, dangerouslySetInnerHTML: { __html: sanitizedHTML }, ...rest });
+  }
+);
+DisplayHTMLString.displayName = "DisplayHTMLString";
+
+export { DisplayHTMLString };
+//# sourceMappingURL=display-html-string.mjs.map
+//# sourceMappingURL=display-html-string.mjs.map

package/dist/common/display/display-html-string.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/common/display/display-html-string.tsx"],"names":[],"mappings":";;;AAMA,MAAM,oBAAoB,KAAA,CAAM,UAAA;AAAA,EAC9B,CAAC,EAAE,UAAA,EAAY,GAAG,IAAA,IAAQ,GAAA,KAAQ;AAChC,IAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,KAAA,CAAM,SAAS,EAAE,CAAA;AAE3D,IAAA,KAAA,CAAM,UAAU,MAAM;AACpB,MAAA,MAAM,eAAe,YAAY;AAC/B,QAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AACjC,UAAA,IAAI;AACF,YAAA,MAAM,EAAE,OAAA,EAAS,SAAA,EAAU,GAAI,MAAM,OAAO,WAAW,CAAA;AACvD,YAAA,gBAAA,CAAiB,SAAA,CAAU,QAAA,CAAS,UAAU,CAAC,CAAA;AAAA,UACjD,SAAS,KAAA,EAAO;AACd,YAAA,OAAA,CAAQ,IAAA,CAAK,6CAA6C,KAAK,CAAA;AAC/D,YAAA,gBAAA,CAAiB,UAAU,CAAA;AAAA,UAC7B;AAAA,QACF,CAAA,MAAO;AAEL,UAAA,gBAAA,CAAiB,UAAU,CAAA;AAAA,QAC7B;AAAA,MACF,CAAA;AAEA,MAAA,YAAA,EAAa;AAAA,IACf,CAAA,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,IAAA,uBAAO,GAAA,CAAC,SAAI,GAAA,EAAU,uBAAA,EAAyB,EAAE,MAAA,EAAQ,aAAA,EAAc,EAAI,GAAG,IAAA,EAAM,CAAA;AAAA,EACtF;AACF;AAEA,iBAAA,CAAkB,WAAA,GAAc,mBAAA","file":"display-html-string.mjs","sourcesContent":["import * as React from 'react';\n\nexport interface DisplayHTMLStringProps extends React.HTMLAttributes<HTMLDivElement> {\n  htmlString: string;\n}\n\nconst DisplayHTMLString = React.forwardRef<HTMLDivElement, DisplayHTMLStringProps>(\n  ({ htmlString, ...rest }, ref) => {\n    const [sanitizedHTML, setSanitizedHTML] = React.useState('');\n\n    React.useEffect(() => {\n      const sanitizeHTML = async () => {\n        if (typeof window !== 'undefined') {\n          try {\n            const { default: DOMPurify } = await import('dompurify');\n            setSanitizedHTML(DOMPurify.sanitize(htmlString));\n          } catch (error) {\n            console.warn('Failed to load DOMPurify, using raw HTML:', error);\n            setSanitizedHTML(htmlString);\n          }\n        } else {\n          // Server-side rendering - use raw HTML (consider security implications)\n          setSanitizedHTML(htmlString);\n        }\n      };\n\n      sanitizeHTML();\n    }, [htmlString]);\n\n    return <div ref={ref} dangerouslySetInnerHTML={{ __html: sanitizedHTML }} {...rest} />;\n  },\n);\n\nDisplayHTMLString.displayName = 'DisplayHTMLString';\n\nexport { DisplayHTMLString };\n"]}

package/dist/common/display/index.d.ts

@@ -0,0 +1,16 @@
+export { DisplayHTMLString } from './display-html-string';
+export type { DisplayHTMLStringProps } from './display-html-string';
+export { DisplayField } from './display-field';
+export type { DisplayFieldProps } from './display-field';
+export { DisplayFieldGroup } from './display-field-group';
+export type { DisplayFieldGroupProps } from './display-field-group';
+export { Countdown } from './countdown';
+export type { CountdownProps } from './countdown';
+export { default as StatusState } from './status-state';
+export { default as SidebarLayout, SidebarSheet } from './sidebar/index';
+export type { NavItemClassNames, SidebarClassNames, SidebarSheetProps } from './sidebar/index';
+export type { NavSectionType } from '@/lib/types';
+export type { IStatusState as StatusStateProps, StatusStateType } from './status-state';
+export * from './page';
+export { default as ScoreMeter } from './score-meter';
+//# sourceMappingURL=index.d.ts.map

package/dist/common/display/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/common/display/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,YAAY,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAEpE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,YAAY,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAEpE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACzE,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAC/F,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EAAE,YAAY,IAAI,gBAAgB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAExF,cAAc,QAAQ,CAAC;AACvB,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/dist/common/display/index.js

@@ -0,0 +1,59 @@
+'use strict';
+
+var displayHtmlString = require('./display-html-string');
+var displayField = require('./display-field');
+var displayFieldGroup = require('./display-field-group');
+var countdown = require('./countdown');
+var statusState = require('./status-state');
+var index = require('./sidebar/index');
+var page = require('./page');
+var scoreMeter = require('./score-meter');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var statusState__default = /*#__PURE__*/_interopDefault(statusState);
+var index__default = /*#__PURE__*/_interopDefault(index);
+var scoreMeter__default = /*#__PURE__*/_interopDefault(scoreMeter);
+
+
+
+Object.defineProperty(exports, "DisplayHTMLString", {
+  enumerable: true,
+  get: function () { return displayHtmlString.DisplayHTMLString; }
+});
+Object.defineProperty(exports, "DisplayField", {
+  enumerable: true,
+  get: function () { return displayField.DisplayField; }
+});
+Object.defineProperty(exports, "DisplayFieldGroup", {
+  enumerable: true,
+  get: function () { return displayFieldGroup.DisplayFieldGroup; }
+});
+Object.defineProperty(exports, "Countdown", {
+  enumerable: true,
+  get: function () { return countdown.Countdown; }
+});
+Object.defineProperty(exports, "StatusState", {
+  enumerable: true,
+  get: function () { return statusState__default.default; }
+});
+Object.defineProperty(exports, "SidebarLayout", {
+  enumerable: true,
+  get: function () { return index__default.default; }
+});
+Object.defineProperty(exports, "SidebarSheet", {
+  enumerable: true,
+  get: function () { return index.SidebarSheet; }
+});
+Object.defineProperty(exports, "ScoreMeter", {
+  enumerable: true,
+  get: function () { return scoreMeter__default.default; }
+});
+Object.keys(page).forEach(function (k) {
+  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return page[k]; }
+  });
+});
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/common/display/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}

package/dist/common/display/index.mjs

@@ -0,0 +1,10 @@
+export { DisplayHTMLString } from './display-html-string';
+export { DisplayField } from './display-field';
+export { DisplayFieldGroup } from './display-field-group';
+export { Countdown } from './countdown';
+export { default as StatusState } from './status-state';
+export { default as SidebarLayout, SidebarSheet } from './sidebar/index';
+export * from './page';
+export { default as ScoreMeter } from './score-meter';
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/common/display/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs","sourcesContent":[]}

package/dist/common/display/page-breadcrumb.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export type PageBreadcrumbItem = {
+    href?: string;
+    label: string;
+};
+export interface PageBreadcrumbProps {
+    items: PageBreadcrumbItem[];
+    className?: string;
+    isLoading?: boolean;
+    LinkComponent?: React.ComponentType<any>;
+}
+/**
+ * PageBreadcrumb - Client Component
+ *
+ * This component uses hooks (useUISystemContext) so it must be a client component.
+ * Can be safely imported in server components as it's marked with 'use client'.
+ */
+export declare const PageBreadcrumb: React.MemoExoticComponent<({ items, className, isLoading, LinkComponent: LinkComponentProp, }: PageBreadcrumbProps) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=page-breadcrumb.d.ts.map

package/dist/common/display/page-breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/common/display/page-breadcrumb.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAe,MAAM,OAAO,CAAC;AAEpC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;CAC1C;AAED;;;;;GAKG;AACH,eAAO,MAAM,cAAc,iGAMtB,mBAAmB,6CA6DvB,CAAC"}

package/dist/common/display/page-breadcrumb.js

@@ -0,0 +1,43 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Icon = require('@/assets/Icon');
+var breadcrumb = require('@/components/breadcrumb');
+var skeleton = require('@/components/skeleton');
+var providers = require('@repo/ui/providers');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const PageBreadcrumb = React.memo(
+  ({
+    items,
+    className,
+    isLoading = false,
+    LinkComponent: LinkComponentProp
+  }) => {
+    const { LinkComponent: LinkComponentContext } = providers.useUISystemContext();
+    const Link = LinkComponentProp || LinkComponentContext || (({ href, children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("a", { href, ...props, children }));
+    if (isLoading) {
+      return /* @__PURE__ */ jsxRuntime.jsx(breadcrumb.Breadcrumb, { className, children: /* @__PURE__ */ jsxRuntime.jsxs(breadcrumb.BreadcrumbList, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(breadcrumb.BreadcrumbItem, { children: /* @__PURE__ */ jsxRuntime.jsx(breadcrumb.BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Link, { href: "/", children: /* @__PURE__ */ jsxRuntime.jsx(Icon.HomeOutlineIcon16, { className: "ic-ink-400s hover:ic-ink-500s" }) }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(breadcrumb.BreadcrumbSeparator, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(breadcrumb.BreadcrumbItem, { children: /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-64" }) })
+      ] }) });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(breadcrumb.Breadcrumb, { className, children: /* @__PURE__ */ jsxRuntime.jsxs(breadcrumb.BreadcrumbList, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(breadcrumb.BreadcrumbItem, { children: /* @__PURE__ */ jsxRuntime.jsx(breadcrumb.BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Link, { href: "/", children: /* @__PURE__ */ jsxRuntime.jsx(Icon.HomeOutlineIcon16, { className: "ic-ink-400s hover:ic-ink-500s" }) }) }) }),
+      items?.map(({ href, label }, idx) => /* @__PURE__ */ jsxRuntime.jsxs(React__default.default.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(breadcrumb.BreadcrumbSeparator, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(breadcrumb.BreadcrumbItem, { children: href ? /* @__PURE__ */ jsxRuntime.jsx(breadcrumb.BreadcrumbLink, { className: "text-ink-400s text-t14m", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Link, { href, children: label }) }) : /* @__PURE__ */ jsxRuntime.jsx(breadcrumb.BreadcrumbPage, { children: label }) })
+      ] }, `${idx}-${typeof label === "string" ? label : idx}`))
+    ] }) });
+  }
+);
+PageBreadcrumb.displayName = "PageBreadcrumb";
+
+exports.PageBreadcrumb = PageBreadcrumb;
+//# sourceMappingURL=page-breadcrumb.js.map
+//# sourceMappingURL=page-breadcrumb.js.map

package/dist/common/display/page-breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/common/display/page-breadcrumb.tsx"],"names":["memo","useUISystemContext","jsx","Breadcrumb","jsxs","BreadcrumbList","BreadcrumbItem","BreadcrumbLink","HomeOutlineIcon16","BreadcrumbSeparator","Skeleton","React","BreadcrumbPage"],"mappings":";;;;;;;;;;;;;AAiCO,MAAM,cAAA,GAAiBA,UAAA;AAAA,EAC5B,CAAC;AAAA,IACC,KAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA,GAAY,KAAA;AAAA,IACZ,aAAA,EAAe;AAAA,GACjB,KAA2B;AACzB,IAAA,MAAM,EAAE,aAAA,EAAe,oBAAA,EAAqB,GAAIC,4BAAA,EAAmB;AAGnE,IAAA,MAAM,IAAA,GACJ,iBAAA,IACA,oBAAA,KACC,CAAC,EAAE,IAAA,EAAM,QAAA,EAAU,GAAG,KAAA,uBACrBC,cAAA,CAAC,GAAA,EAAA,EAAE,IAAA,EAAa,GAAG,OAChB,QAAA,EACH,CAAA,CAAA;AAGJ,IAAA,IAAI,SAAA,EAAW;AACb,MAAA,uBACEA,cAAA,CAACC,qBAAA,EAAA,EAAW,SAAA,EACV,QAAA,kBAAAC,eAAA,CAACC,yBAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAAH,cAAA,CAACI,yBAAA,EAAA,EACC,QAAA,kBAAAJ,cAAA,CAACK,yBAAA,EAAA,EAAe,OAAA,EAAO,MACrB,QAAA,kBAAAL,cAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,GAAA,EACT,yCAACM,sBAAA,EAAA,EAAkB,SAAA,EAAU,+BAAA,EAAgC,CAAA,EAC/D,GACF,CAAA,EACF,CAAA;AAAA,uCACCC,8BAAA,EAAA,EAAoB,CAAA;AAAA,uCACpBH,yBAAA,EAAA,EACC,QAAA,kBAAAJ,cAAA,CAACQ,iBAAA,EAAA,EAAS,SAAA,EAAU,YAAW,CAAA,EACjC;AAAA,OAAA,EACF,CAAA,EACF,CAAA;AAAA,IAEJ;AACA,IAAA,uBACER,cAAA,CAACC,qBAAA,EAAA,EAAW,SAAA,EACV,QAAA,kBAAAC,eAAA,CAACC,yBAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAH,cAAA,CAACI,yBAAA,EAAA,EACC,QAAA,kBAAAJ,cAAA,CAACK,yBAAA,EAAA,EAAe,OAAA,EAAO,MACrB,QAAA,kBAAAL,cAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,GAAA,EACT,yCAACM,sBAAA,EAAA,EAAkB,SAAA,EAAU,+BAAA,EAAgC,CAAA,EAC/D,GACF,CAAA,EACF,CAAA;AAAA,MAEC,KAAA,EAAO,GAAA,CAAI,CAAC,EAAE,IAAA,EAAM,KAAA,EAAM,EAAG,GAAA,qBAC5BJ,eAAA,CAACO,sBAAA,CAAM,QAAA,EAAN,EACC,QAAA,EAAA;AAAA,wBAAAT,cAAA,CAACO,8BAAA,EAAA,EAAoB,CAAA;AAAA,uCACpBH,yBAAA,EAAA,EACE,QAAA,EAAA,IAAA,kCACEC,yBAAA,EAAA,EAAe,SAAA,EAAU,2BAA0B,OAAA,EAAO,IAAA,EACzD,QAAA,kBAAAL,cAAA,CAAC,IAAA,EAAA,EAAK,MAAa,QAAA,EAAA,KAAA,EAAM,CAAA,EAC3B,oBAEAA,cAAA,CAACU,yBAAA,EAAA,EAAgB,iBAAM,CAAA,EAE3B;AAAA,OAAA,EAAA,EAVmB,CAAA,EAAG,GAAG,CAAA,CAAA,EAAI,OAAO,UAAU,QAAA,GAAW,KAAA,GAAQ,GAAG,CAAA,CAWtE,CACD;AAAA,KAAA,EACH,CAAA,EACF,CAAA;AAAA,EAEJ;AACF;AACA,cAAA,CAAe,WAAA,GAAc,gBAAA","file":"page-breadcrumb.js","sourcesContent":["'use client';\n\nimport { HomeOutlineIcon16 } from '@/assets/Icon';\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from '@/components/breadcrumb';\nimport { Skeleton } from '@/components/skeleton';\nimport { useUISystemContext } from '@repo/ui/providers';\nimport React, { memo } from 'react';\n\nexport type PageBreadcrumbItem = {\n  href?: string;\n  label: string;\n};\n\nexport interface PageBreadcrumbProps {\n  items: PageBreadcrumbItem[];\n  className?: string;\n  isLoading?: boolean;\n  LinkComponent?: React.ComponentType<any>;\n}\n\n/**\n * PageBreadcrumb - Client Component\n *\n * This component uses hooks (useUISystemContext) so it must be a client component.\n * Can be safely imported in server components as it's marked with 'use client'.\n */\nexport const PageBreadcrumb = memo(\n  ({\n    items,\n    className,\n    isLoading = false,\n    LinkComponent: LinkComponentProp,\n  }: PageBreadcrumbProps) => {\n    const { LinkComponent: LinkComponentContext } = useUISystemContext();\n\n    // Use provided LinkComponent prop, fallback to context, or fallback to anchor tag\n    const Link =\n      LinkComponentProp ||\n      LinkComponentContext ||\n      (({ href, children, ...props }: any) => (\n        <a href={href} {...props}>\n          {children}\n        </a>\n      ));\n\n    if (isLoading) {\n      return (\n        <Breadcrumb className={className}>\n          <BreadcrumbList>\n            <BreadcrumbItem>\n              <BreadcrumbLink asChild>\n                <Link href=\"/\">\n                  <HomeOutlineIcon16 className=\"ic-ink-400s hover:ic-ink-500s\" />\n                </Link>\n              </BreadcrumbLink>\n            </BreadcrumbItem>\n            <BreadcrumbSeparator />\n            <BreadcrumbItem>\n              <Skeleton className=\"h-4 w-64\" />\n            </BreadcrumbItem>\n          </BreadcrumbList>\n        </Breadcrumb>\n      );\n    }\n    return (\n      <Breadcrumb className={className}>\n        <BreadcrumbList>\n          <BreadcrumbItem>\n            <BreadcrumbLink asChild>\n              <Link href=\"/\">\n                <HomeOutlineIcon16 className=\"ic-ink-400s hover:ic-ink-500s\" />\n              </Link>\n            </BreadcrumbLink>\n          </BreadcrumbItem>\n\n          {items?.map(({ href, label }, idx) => (\n            <React.Fragment key={`${idx}-${typeof label === 'string' ? label : idx}`}>\n              <BreadcrumbSeparator />\n              <BreadcrumbItem>\n                {href ? (\n                  <BreadcrumbLink className=\"text-ink-400s text-t14m\" asChild>\n                    <Link href={href}>{label}</Link>\n                  </BreadcrumbLink>\n                ) : (\n                  <BreadcrumbPage>{label}</BreadcrumbPage>\n                )}\n              </BreadcrumbItem>\n            </React.Fragment>\n          ))}\n        </BreadcrumbList>\n      </Breadcrumb>\n    );\n  },\n);\nPageBreadcrumb.displayName = 'PageBreadcrumb';\n"]}

package/dist/common/display/page-breadcrumb.mjs

@@ -0,0 +1,37 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { HomeOutlineIcon16 } from '@/assets/Icon';
+import { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbSeparator, BreadcrumbPage } from '@/components/breadcrumb';
+import { Skeleton } from '@/components/skeleton';
+import { useUISystemContext } from '@repo/ui/providers';
+import React, { memo } from 'react';
+
+const PageBreadcrumb = memo(
+  ({
+    items,
+    className,
+    isLoading = false,
+    LinkComponent: LinkComponentProp
+  }) => {
+    const { LinkComponent: LinkComponentContext } = useUISystemContext();
+    const Link = LinkComponentProp || LinkComponentContext || (({ href, children, ...props }) => /* @__PURE__ */ jsx("a", { href, ...props, children }));
+    if (isLoading) {
+      return /* @__PURE__ */ jsx(Breadcrumb, { className, children: /* @__PURE__ */ jsxs(BreadcrumbList, { children: [
+        /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(Link, { href: "/", children: /* @__PURE__ */ jsx(HomeOutlineIcon16, { className: "ic-ink-400s hover:ic-ink-500s" }) }) }) }),
+        /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
+        /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-64" }) })
+      ] }) });
+    }
+    return /* @__PURE__ */ jsx(Breadcrumb, { className, children: /* @__PURE__ */ jsxs(BreadcrumbList, { children: [
+      /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(Link, { href: "/", children: /* @__PURE__ */ jsx(HomeOutlineIcon16, { className: "ic-ink-400s hover:ic-ink-500s" }) }) }) }),
+      items?.map(({ href, label }, idx) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+        /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
+        /* @__PURE__ */ jsx(BreadcrumbItem, { children: href ? /* @__PURE__ */ jsx(BreadcrumbLink, { className: "text-ink-400s text-t14m", asChild: true, children: /* @__PURE__ */ jsx(Link, { href, children: label }) }) : /* @__PURE__ */ jsx(BreadcrumbPage, { children: label }) })
+      ] }, `${idx}-${typeof label === "string" ? label : idx}`))
+    ] }) });
+  }
+);
+PageBreadcrumb.displayName = "PageBreadcrumb";
+
+export { PageBreadcrumb };
+//# sourceMappingURL=page-breadcrumb.mjs.map
+//# sourceMappingURL=page-breadcrumb.mjs.map

package/dist/common/display/page-breadcrumb.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/common/display/page-breadcrumb.tsx"],"names":[],"mappings":";;;;;;;AAiCO,MAAM,cAAA,GAAiB,IAAA;AAAA,EAC5B,CAAC;AAAA,IACC,KAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA,GAAY,KAAA;AAAA,IACZ,aAAA,EAAe;AAAA,GACjB,KAA2B;AACzB,IAAA,MAAM,EAAE,aAAA,EAAe,oBAAA,EAAqB,GAAI,kBAAA,EAAmB;AAGnE,IAAA,MAAM,IAAA,GACJ,iBAAA,IACA,oBAAA,KACC,CAAC,EAAE,IAAA,EAAM,QAAA,EAAU,GAAG,KAAA,uBACrB,GAAA,CAAC,GAAA,EAAA,EAAE,IAAA,EAAa,GAAG,OAChB,QAAA,EACH,CAAA,CAAA;AAGJ,IAAA,IAAI,SAAA,EAAW;AACb,MAAA,uBACE,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EACV,QAAA,kBAAA,IAAA,CAAC,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,cAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAO,MACrB,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,GAAA,EACT,8BAAC,iBAAA,EAAA,EAAkB,SAAA,EAAU,+BAAA,EAAgC,CAAA,EAC/D,GACF,CAAA,EACF,CAAA;AAAA,4BACC,mBAAA,EAAA,EAAoB,CAAA;AAAA,4BACpB,cAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,YAAW,CAAA,EACjC;AAAA,OAAA,EACF,CAAA,EACF,CAAA;AAAA,IAEJ;AACA,IAAA,uBACE,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EACV,QAAA,kBAAA,IAAA,CAAC,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,cAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAO,MACrB,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,GAAA,EACT,8BAAC,iBAAA,EAAA,EAAkB,SAAA,EAAU,+BAAA,EAAgC,CAAA,EAC/D,GACF,CAAA,EACF,CAAA;AAAA,MAEC,KAAA,EAAO,GAAA,CAAI,CAAC,EAAE,IAAA,EAAM,KAAA,EAAM,EAAG,GAAA,qBAC5B,IAAA,CAAC,KAAA,CAAM,QAAA,EAAN,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,mBAAA,EAAA,EAAoB,CAAA;AAAA,4BACpB,cAAA,EAAA,EACE,QAAA,EAAA,IAAA,uBACE,cAAA,EAAA,EAAe,SAAA,EAAU,2BAA0B,OAAA,EAAO,IAAA,EACzD,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,MAAa,QAAA,EAAA,KAAA,EAAM,CAAA,EAC3B,oBAEA,GAAA,CAAC,cAAA,EAAA,EAAgB,iBAAM,CAAA,EAE3B;AAAA,OAAA,EAAA,EAVmB,CAAA,EAAG,GAAG,CAAA,CAAA,EAAI,OAAO,UAAU,QAAA,GAAW,KAAA,GAAQ,GAAG,CAAA,CAWtE,CACD;AAAA,KAAA,EACH,CAAA,EACF,CAAA;AAAA,EAEJ;AACF;AACA,cAAA,CAAe,WAAA,GAAc,gBAAA","file":"page-breadcrumb.mjs","sourcesContent":["'use client';\n\nimport { HomeOutlineIcon16 } from '@/assets/Icon';\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from '@/components/breadcrumb';\nimport { Skeleton } from '@/components/skeleton';\nimport { useUISystemContext } from '@repo/ui/providers';\nimport React, { memo } from 'react';\n\nexport type PageBreadcrumbItem = {\n  href?: string;\n  label: string;\n};\n\nexport interface PageBreadcrumbProps {\n  items: PageBreadcrumbItem[];\n  className?: string;\n  isLoading?: boolean;\n  LinkComponent?: React.ComponentType<any>;\n}\n\n/**\n * PageBreadcrumb - Client Component\n *\n * This component uses hooks (useUISystemContext) so it must be a client component.\n * Can be safely imported in server components as it's marked with 'use client'.\n */\nexport const PageBreadcrumb = memo(\n  ({\n    items,\n    className,\n    isLoading = false,\n    LinkComponent: LinkComponentProp,\n  }: PageBreadcrumbProps) => {\n    const { LinkComponent: LinkComponentContext } = useUISystemContext();\n\n    // Use provided LinkComponent prop, fallback to context, or fallback to anchor tag\n    const Link =\n      LinkComponentProp ||\n      LinkComponentContext ||\n      (({ href, children, ...props }: any) => (\n        <a href={href} {...props}>\n          {children}\n        </a>\n      ));\n\n    if (isLoading) {\n      return (\n        <Breadcrumb className={className}>\n          <BreadcrumbList>\n            <BreadcrumbItem>\n              <BreadcrumbLink asChild>\n                <Link href=\"/\">\n                  <HomeOutlineIcon16 className=\"ic-ink-400s hover:ic-ink-500s\" />\n                </Link>\n              </BreadcrumbLink>\n            </BreadcrumbItem>\n            <BreadcrumbSeparator />\n            <BreadcrumbItem>\n              <Skeleton className=\"h-4 w-64\" />\n            </BreadcrumbItem>\n          </BreadcrumbList>\n        </Breadcrumb>\n      );\n    }\n    return (\n      <Breadcrumb className={className}>\n        <BreadcrumbList>\n          <BreadcrumbItem>\n            <BreadcrumbLink asChild>\n              <Link href=\"/\">\n                <HomeOutlineIcon16 className=\"ic-ink-400s hover:ic-ink-500s\" />\n              </Link>\n            </BreadcrumbLink>\n          </BreadcrumbItem>\n\n          {items?.map(({ href, label }, idx) => (\n            <React.Fragment key={`${idx}-${typeof label === 'string' ? label : idx}`}>\n              <BreadcrumbSeparator />\n              <BreadcrumbItem>\n                {href ? (\n                  <BreadcrumbLink className=\"text-ink-400s text-t14m\" asChild>\n                    <Link href={href}>{label}</Link>\n                  </BreadcrumbLink>\n                ) : (\n                  <BreadcrumbPage>{label}</BreadcrumbPage>\n                )}\n              </BreadcrumbItem>\n            </React.Fragment>\n          ))}\n        </BreadcrumbList>\n      </Breadcrumb>\n    );\n  },\n);\nPageBreadcrumb.displayName = 'PageBreadcrumb';\n"]}

package/dist/common/display/page-v2.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @deprecated This file is deprecated. Please import from './page' instead.
+ *
+ * All components are now re-exported from page.tsx for consistency.
+ * page-v2.tsx is maintained for backward compatibility only.
+ *
+ * Migration guide:
+ * - Replace: import { ... } from '@repo/ui/common/display/page-v2'
+ * - With:    import { ... } from '@repo/ui/common/display/page'
+ */
+import React from 'react';
+declare const PageContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { PageContent };
+export { Page, PageAction, PageBack, PageBreadcrumb, PageContainer, PageHeader, PageSubtitle, PageTitle, type PageBreadcrumbItem, } from './page';
+//# sourceMappingURL=page-v2.d.ts.map

package/dist/common/display/page-v2.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-v2.d.ts","sourceRoot":"","sources":["../../../src/common/display/page-v2.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,QAAA,MAAM,WAAW,6GAQhB,CAAC;AAGF,OAAO,EAAE,WAAW,EAAE,CAAC;AAGvB,OAAO,EACL,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,cAAc,EACd,aAAa,EACb,UAAU,EACV,YAAY,EACZ,SAAS,EACT,KAAK,kBAAkB,GACxB,MAAM,QAAQ,CAAC"}

package/dist/common/display/page-v2.js

@@ -0,0 +1,58 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var lib = require('@/lib');
+var React = require('react');
+var page = require('./page');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const PageContent = React__default.default.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: lib.cn("space-y-4 rounded-lg bg-white p-4 md:p-6", className),
+      ...props
+    }
+  )
+);
+PageContent.displayName = "PageContent";
+
+Object.defineProperty(exports, "Page", {
+  enumerable: true,
+  get: function () { return page.Page; }
+});
+Object.defineProperty(exports, "PageAction", {
+  enumerable: true,
+  get: function () { return page.PageAction; }
+});
+Object.defineProperty(exports, "PageBack", {
+  enumerable: true,
+  get: function () { return page.PageBack; }
+});
+Object.defineProperty(exports, "PageBreadcrumb", {
+  enumerable: true,
+  get: function () { return page.PageBreadcrumb; }
+});
+Object.defineProperty(exports, "PageContainer", {
+  enumerable: true,
+  get: function () { return page.PageContainer; }
+});
+Object.defineProperty(exports, "PageHeader", {
+  enumerable: true,
+  get: function () { return page.PageHeader; }
+});
+Object.defineProperty(exports, "PageSubtitle", {
+  enumerable: true,
+  get: function () { return page.PageSubtitle; }
+});
+Object.defineProperty(exports, "PageTitle", {
+  enumerable: true,
+  get: function () { return page.PageTitle; }
+});
+exports.PageContent = PageContent;
+//# sourceMappingURL=page-v2.js.map
+//# sourceMappingURL=page-v2.js.map

package/dist/common/display/page-v2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/common/display/page-v2.tsx"],"names":["React","jsx","cn"],"mappings":";;;;;;;;;;;AAcA,MAAM,cAAcA,sBAAA,CAAM,UAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxBC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAWC,MAAA,CAAG,0CAAA,EAA4C,SAAS,CAAA;AAAA,MAClE,GAAG;AAAA;AAAA;AAGV;AACA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"page-v2.js","sourcesContent":["/**\n * @deprecated This file is deprecated. Please import from './page' instead.\n *\n * All components are now re-exported from page.tsx for consistency.\n * page-v2.tsx is maintained for backward compatibility only.\n *\n * Migration guide:\n * - Replace: import { ... } from '@repo/ui/common/display/page-v2'\n * - With:    import { ... } from '@repo/ui/common/display/page'\n */\n\nimport { cn } from '@/lib';\nimport React from 'react';\n\nconst PageContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn('space-y-4 rounded-lg bg-white p-4 md:p-6', className)}\n      {...props}\n    />\n  ),\n);\nPageContent.displayName = 'PageContent';\n\nexport { PageContent };\n\n// Re-export other components from page.tsx\nexport {\n  Page,\n  PageAction,\n  PageBack,\n  PageBreadcrumb,\n  PageContainer,\n  PageHeader,\n  PageSubtitle,\n  PageTitle,\n  type PageBreadcrumbItem,\n} from './page';\n"]}

package/dist/common/display/page-v2.mjs

@@ -0,0 +1,20 @@
+import { jsx } from 'react/jsx-runtime';
+import { cn } from '@/lib';
+import React from 'react';
+export { Page, PageAction, PageBack, PageBreadcrumb, PageContainer, PageHeader, PageSubtitle, PageTitle } from './page';
+
+const PageContent = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("space-y-4 rounded-lg bg-white p-4 md:p-6", className),
+      ...props
+    }
+  )
+);
+PageContent.displayName = "PageContent";
+
+export { PageContent };
+//# sourceMappingURL=page-v2.mjs.map
+//# sourceMappingURL=page-v2.mjs.map

package/dist/common/display/page-v2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/common/display/page-v2.tsx"],"names":[],"mappings":";;;;;AAcA,MAAM,cAAc,KAAA,CAAM,UAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxB,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,0CAAA,EAA4C,SAAS,CAAA;AAAA,MAClE,GAAG;AAAA;AAAA;AAGV;AACA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"page-v2.mjs","sourcesContent":["/**\n * @deprecated This file is deprecated. Please import from './page' instead.\n *\n * All components are now re-exported from page.tsx for consistency.\n * page-v2.tsx is maintained for backward compatibility only.\n *\n * Migration guide:\n * - Replace: import { ... } from '@repo/ui/common/display/page-v2'\n * - With:    import { ... } from '@repo/ui/common/display/page'\n */\n\nimport { cn } from '@/lib';\nimport React from 'react';\n\nconst PageContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn('space-y-4 rounded-lg bg-white p-4 md:p-6', className)}\n      {...props}\n    />\n  ),\n);\nPageContent.displayName = 'PageContent';\n\nexport { PageContent };\n\n// Re-export other components from page.tsx\nexport {\n  Page,\n  PageAction,\n  PageBack,\n  PageBreadcrumb,\n  PageContainer,\n  PageHeader,\n  PageSubtitle,\n  PageTitle,\n  type PageBreadcrumbItem,\n} from './page';\n"]}