@x15ventures/x15-ui-library 3.14.0 → 3.15.1

package/dist/cjs/package.json

@@ -137,8 +137,23 @@
   "files": [
     "dist"
   ],
-  "version": "3.13.5",
-  "packageManager": "pnpm@10.11.0",
+  "version": "3.15.0",
+  "devEngines": {
+    "runtime": {
+      "name": "node",
+      "version": "24.15.0",
+      "onFail": "warn"
+    },
+    "packageManager": {
+      "name": "pnpm",
+      "version": "12.4.1",
+      "onFail": "warn"
+    }
+  },
+  "engines": {
+    "node": "24.15.0"
+  },
+  "packageManager": "pnpm@12.4.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/x15ventures/x15-ui-library.git"
@@ -173,162 +188,133 @@
     "storybook:build": "pnpm install --frozen-lockfile && pnpm build:cicd && storybook build --config-dir config/storybook/web --output-dir ./storybook-static"
   },
   "dependencies": {
-    "@hookform/error-message": "^2.0.1",
-    "@x15stack/aws": "^1.7.2",
-    "@x15ventures/x15-ui-library-icons": "^1.1.3",
-    "babel-plugin-transform-imports": "^2.0.0",
-    "html-react-parser": "^5.2.17",
-    "jsdom": "^26.1.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-helmet": "^6.1.0",
-    "react-hook-form": "^7.74.0",
-    "run-func": "^3.0.0",
-    "storybook": "^10.3.5",
-    "use-debounce": "^10.1.1"
+    "@x15ventures/x15-ui-library-icons": "1.1.3",
+    "babel-plugin-transform-imports": "2.0.0",
+    "html-react-parser": "5.2.17",
+    "jsdom": "26.1.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-helmet": "6.1.0",
+    "run-func": "3.0.0",
+    "storybook": "10.3.5",
+    "use-debounce": "10.1.1"
   },
   "peerDependencies": {
-    "core-js": "^3.44.0",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "storybook": "^10.1.10"
+    "core-js": "3.49.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-hook-form": "7.74.0",
+    "storybook": "10.3.5"
   },
   "devDependencies": {
-    "@babel/cli": "^7.28.6",
+    "@babel/cli": "7.28.6",
     "@babel/core": "7.29.6",
-    "@babel/eslint-parser": "^7.28.6",
-    "@babel/eslint-plugin": "^7.27.1",
-    "@babel/plugin-syntax-jsx": "^7.28.6",
-    "@babel/plugin-transform-class-properties": "^7.28.6",
-    "@babel/plugin-transform-modules-commonjs": "^7.28.6",
-    "@babel/plugin-transform-runtime": "^7.29.0",
-    "@babel/preset-env": "^7.29.2",
-    "@babel/preset-react": "^7.28.5",
-    "@babel/preset-typescript": "^7.28.5",
-    "@babel/runtime": "^7.29.2",
-    "@commitlint/cli": "^20.5.2",
-    "@commitlint/config-conventional": "^20.5.0",
-    "@eslint/js": "^9.39.4",
-    "@jest/globals": "^29.7.0",
-    "@jest/types": "^29.6.3",
-    "@mdx-js/mdx": "^3.1.1",
-    "@mdx-js/react": "^3.1.1",
-    "@rollup/plugin-commonjs": "^28.0.9",
-    "@rollup/plugin-node-resolve": "^16.0.3",
-    "@rollup/plugin-typescript": "^12.3.0",
-    "@semantic-release/changelog": "^6.0.3",
-    "@semantic-release/commit-analyzer": "^13.0.1",
-    "@semantic-release/exec": "^7.1.0",
-    "@semantic-release/git": "^10.0.1",
-    "@semantic-release/npm": "^12.0.2",
-    "@semantic-release/release-notes-generator": "^14.1.0",
-    "@storybook/addon-a11y": "^10.3.5",
-    "@storybook/addon-docs": "^10.3.5",
-    "@storybook/addon-knobs": "^8.0.1",
-    "@storybook/addon-links": "^10.3.5",
-    "@storybook/addon-styling-webpack": "^1.0.1",
-    "@storybook/cli": "^10.3.5",
-    "@storybook/core-events": "^8.6.14",
-    "@storybook/manager-api": "^8.6.14",
-    "@storybook/mdx2-csf": "^1.1.0",
-    "@storybook/preset-scss": "^1.0.3",
-    "@storybook/preview-api": "^8.6.14",
-    "@storybook/react": "^10.3.5",
-    "@storybook/react-webpack5": "^10.3.5",
-    "@storybook/types": "^8.6.14",
-    "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.2",
-    "@testing-library/user-event": "^14.6.1",
-    "@types/enzyme": "^3.10.19",
-    "@types/enzyme-adapter-react-16": "^1.0.9",
-    "@types/jest": "^29.5.14",
-    "@types/node": "^20.19.39",
-    "@types/react": "^18.3.28",
-    "@types/react-dom": "^18.3.7",
-    "@types/react-helmet": "^6.1.11",
-    "@types/webpack": "^5.28.5",
-    "@types/webpack-env": "^1.18.8",
-    "@typescript-eslint/eslint-plugin": "^8.59.1",
-    "@typescript-eslint/parser": "^8.59.1",
-    "@x15stack/aws": "^1.6.5",
-    "autoprefixer": "^10.5.0",
-    "babel-jest": "^30.3.0",
-    "babel-loader": "^9.2.1",
-    "babel-plugin-macros": "^3.1.0",
-    "chromatic": "^11.29.0",
-    "commitlint": "^20.5.3",
-    "copy-webpack-plugin": "^12.0.2",
-    "cors": "^2.8.6",
-    "cross-env": "^7.0.3",
-    "css-loader": "^7.1.4",
-    "enzyme": "^3.11.0",
-    "enzyme-adapter-react-16": "^1.15.8",
-    "esbuild": "^0.25.12",
-    "esbuild-sass-plugin": "^3.7.0",
-    "eslint": "^9.39.4",
-    "eslint-import-resolver-typescript": "^3.10.1",
-    "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-jest": "^28.14.0",
-    "eslint-plugin-jsx-a11y": "^6.10.2",
-    "eslint-plugin-react": "^7.37.5",
+    "@babel/eslint-parser": "7.28.6",
+    "@babel/eslint-plugin": "7.27.1",
+    "@babel/plugin-syntax-jsx": "7.28.6",
+    "@babel/plugin-transform-class-properties": "7.28.6",
+    "@babel/plugin-transform-modules-commonjs": "7.28.6",
+    "@babel/plugin-transform-runtime": "7.29.0",
+    "@babel/preset-env": "7.29.2",
+    "@babel/preset-react": "7.28.5",
+    "@babel/preset-typescript": "7.28.5",
+    "@babel/runtime": "7.29.2",
+    "@commitlint/cli": "20.5.2",
+    "@commitlint/config-conventional": "20.5.0",
+    "@eslint/js": "9.39.4",
+    "@jest/globals": "29.7.0",
+    "@jest/types": "29.6.3",
+    "@mdx-js/mdx": "3.1.1",
+    "@mdx-js/react": "3.1.1",
+    "@rollup/plugin-commonjs": "28.0.9",
+    "@rollup/plugin-node-resolve": "16.0.3",
+    "@rollup/plugin-typescript": "12.3.0",
+    "@semantic-release/changelog": "6.0.3",
+    "@semantic-release/commit-analyzer": "13.0.1",
+    "@semantic-release/exec": "7.1.0",
+    "@semantic-release/git": "10.0.1",
+    "@semantic-release/npm": "12.0.2",
+    "@semantic-release/release-notes-generator": "14.1.0",
+    "@storybook/addon-a11y": "10.3.5",
+    "@storybook/addon-docs": "10.3.5",
+    "@storybook/addon-knobs": "8.0.1",
+    "@storybook/addon-links": "10.3.5",
+    "@storybook/addon-styling-webpack": "1.0.1",
+    "@storybook/cli": "10.3.5",
+    "@storybook/core-events": "8.6.14",
+    "@storybook/manager-api": "8.6.14",
+    "@storybook/mdx2-csf": "1.1.0",
+    "@storybook/preset-scss": "1.0.3",
+    "@storybook/preview-api": "8.6.14",
+    "@storybook/react": "10.3.5",
+    "@storybook/react-webpack5": "10.3.5",
+    "@storybook/types": "8.6.14",
+    "@testing-library/jest-dom": "6.9.1",
+    "@testing-library/react": "16.3.2",
+    "@testing-library/user-event": "14.6.1",
+    "@types/enzyme": "3.10.19",
+    "@types/enzyme-adapter-react-16": "1.0.9",
+    "@types/jest": "29.5.14",
+    "@types/node": "20.19.39",
+    "@types/react": "18.3.28",
+    "@types/react-dom": "18.3.7",
+    "@types/react-helmet": "6.1.11",
+    "@types/webpack": "5.28.5",
+    "@types/webpack-env": "1.18.8",
+    "@typescript-eslint/eslint-plugin": "8.59.1",
+    "@typescript-eslint/parser": "8.59.1",
+    "@x15stack/aws": "1.7.2",
+    "autoprefixer": "10.5.0",
+    "babel-jest": "30.3.0",
+    "babel-loader": "9.2.1",
+    "babel-plugin-macros": "3.1.0",
+    "chromatic": "11.29.0",
+    "commitlint": "20.5.3",
+    "copy-webpack-plugin": "12.0.2",
+    "cors": "2.8.6",
+    "cross-env": "7.0.3",
+    "css-loader": "7.1.4",
+    "enzyme": "3.11.0",
+    "enzyme-adapter-react-16": "1.15.8",
+    "esbuild": "0.25.12",
+    "esbuild-sass-plugin": "3.7.0",
+    "eslint": "9.39.4",
+    "eslint-import-resolver-typescript": "4.4.5",
+    "eslint-plugin-import": "2.32.0",
+    "eslint-plugin-jest": "28.14.0",
+    "eslint-plugin-jsx-a11y": "6.10.2",
+    "eslint-plugin-react": "7.37.5",
     "eslint-plugin-storybook": "10.1.10",
-    "express": "^5.2.1",
-    "file-loader": "^6.2.0",
+    "express": "5.2.1",
+    "file-loader": "6.2.0",
     "fs": "0.0.1-security",
-    "fs-extra": "^11.3.4",
-    "glob": "^13.0.6",
-    "globals": "^15.15.0",
-    "jest": "^30.3.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "lefthook": "^1.13.6",
-    "minimatch": "^10.2.5",
-    "nodemon": "^3.1.14",
-    "npm-run-all": "^4.1.5",
-    "null-loader": "^4.0.1",
-    "postcss": "^8.5.12",
-    "postcss-loader": "^8.2.1",
-    "raw-loader": "^4.0.2",
-    "react-docgen-typescript": "^2.4.0",
-    "react-docgen-typescript-loader": "^3.7.2",
-    "react-dropzone": "^14.4.1",
-    "sass": "^1.99.0",
-    "sass-loader": "^16.0.7",
-    "semantic-release": "^24.2.9",
-    "style-loader": "^4.0.0",
-    "ts-jest": "^29.4.9",
-    "ts-morph": "^25.0.1",
-    "tsconfig-paths-webpack-plugin": "^4.2.0",
-    "ttab": "^0.9.0",
+    "fs-extra": "11.3.4",
+    "glob": "13.0.6",
+    "globals": "15.15.0",
+    "jest": "30.3.0",
+    "jest-environment-jsdom": "29.7.0",
+    "lefthook": "1.13.6",
+    "minimatch": "9.0.7",
+    "nodemon": "3.1.14",
+    "npm-run-all": "4.1.5",
+    "null-loader": "4.0.1",
+    "postcss": "8.5.23",
+    "postcss-loader": "8.2.1",
+    "raw-loader": "4.0.2",
+    "react-docgen-typescript": "2.4.0",
+    "react-docgen-typescript-loader": "3.7.2",
+    "react-dropzone": "14.4.1",
+    "react-hook-form": "7.74.0",
+    "sass": "1.99.0",
+    "sass-loader": "16.0.7",
+    "semantic-release": "24.2.9",
+    "style-loader": "4.0.0",
+    "ts-jest": "29.4.9",
+    "ts-morph": "25.0.1",
+    "tsconfig-paths-webpack-plugin": "4.2.0",
+    "ttab": "0.9.0",
     "typescript": "5.5.4",
-    "url-loader": "^4.1.1",
-    "vitest": "3.2.6"
-  },
-  "pnpm": {
-    "overrides": {
-      "@babel/plugin-transform-modules-systemjs": "7.29.4",
-      "@tootallnate/once@<3.0.1": ">=3.0.1",
-      "brace-expansion": "5.0.6",
-      "fast-uri": "3.1.2",
-      "form-data": "4.0.6",
-      "flatted": ">=3.4.2",
-      "flatted@<3.4.0": ">=3.4.0",
-      "handlebars": ">=4.7.9",
-      "immutable@>=5.0.0 <5.1.5": ">=5.1.5",
-      "js-yaml": "4.2.0",
-      "minimatch": "9.0.7",
-      "path-to-regexp": ">=8.4.0",
-      "picomatch": ">=4.0.4",
-      "qs": "6.15.2",
-      "rollup": ">=4.59.0",
-      "serialize-javascript": ">=7.0.3",
-      "shell-quote": "1.8.4",
-      "storybook": ">=10.2.10",
-      "undici": "8.5.0",
-      "uuid": "11.1.1",
-      "vite": "6.4.3",
-      "webpack": ">=5.104.1",
-      "ws": "8.21.0",
-      "yaml": ">=1.10.3"
-    }
+    "url-loader": "4.1.1",
+    "vitest": "4.1.11"
   }
 }

package/dist/cjs/styles/index.css

@@ -254,6 +254,17 @@
   --notificationIconFg: #fff;
   --notificationIconBorder: 4px solid #c00;
   --notificationIconBoxShadow: none;
+  --skeletonBg: #eef2f4;
+  --skeletonOpaqueBg: #d3dee4;
+  --skeletonHighlight: #f6f8fa;
+  --skeletonBorderRadius: 3px;
+  --skeletonRoundedBorderRadius: 8px;
+  --skeletonLineHeight: 1em;
+  --skeletonLineGap: 8px;
+  --skeletonBlockHeight: 120px;
+  --skeletonCircleSize: 40px;
+  --skeletonLastLineWidth: 60%;
+  --skeletonAnimationDuration: 1.6s;
 }
 
 :root {
@@ -597,6 +608,9 @@
   --sidePanelCloseButtonShadow: 0 0 5px 0 #110d0b;
   --sidePanelCloseIconColor: #dbd7d5;
   --sidePanelFg: #dbd7d5;
+  --skeletonBg: #1a1410;
+  --skeletonHighlight: #3d2f26;
+  --skeletonOpaqueBg: #2c211b;
   --statusAlertColor: #000;
   --statusDefCon3Bg: radial-gradient(circle at 60% 40%, #003, #000, #333); /* gradient stops inverted */
   --statusDefCon3Color: #003;
@@ -1914,31 +1928,6 @@ form select:placeholder-shown {
   font-weight: 200;
   font-family: var(--bodyFont);
 }
-form .textareaFieldContainer {
-  display: flex;
-  flex-direction: column;
-  row-gap: 5px;
-  align-items: stretch;
-  justify-content: flex-start;
-  width: 100%;
-}
-form .textareaFooter {
-  min-height: 1.5em;
-}
-form .textarea_Field.stacked label .textareaFooter .validation {
-  position: static;
-  height: auto;
-}
-form .textarea_Field.withValidation label {
-  padding-bottom: 0;
-}
-form .textareaCharacterCount {
-  line-height: 1.5;
-  color: var(--inputLabelColor);
-}
-form .textareaCharacterCountExceeded {
-  color: var(--inputErrorColor);
-}
 form input[type=number] {
   padding-right: 0;
 }
@@ -2050,6 +2039,28 @@ fieldset[disabled] input, fieldset[disabled] textarea, fieldset[disabled] select
   opacity: 0.75;
 }
 
+/* Autofill detection: browsers trigger onAnimationStart when autofill occurs */
+/* This animation is used to detect autofill events in browsers */
+@keyframes onAutoFill {
+  from {
+    opacity: 0.99;
+  }
+  to {
+    opacity: 1;
+  }
+}
+input:-webkit-autofill {
+  animation-name: onAutoFill;
+  animation-duration: 0.001s;
+  animation-fill-mode: both;
+}
+
+textarea:-webkit-autofill {
+  animation-name: onAutoFill;
+  animation-duration: 0.001s;
+  animation-fill-mode: both;
+}
+
 @font-face {
   font-family: "icomoon";
   src: url("../icons/fonts/icomoon.ttf?wbxtd8") format("truetype"), url("../icons/fonts/icomoon.woff?wbxtd8") format("woff"), url("../icons/fonts/icomoon.svg?wbxtd8#icomoon") format("svg");

package/dist/cjs/styles/shared/_allPartials.css

@@ -1262,31 +1262,6 @@ form select:placeholder-shown {
   font-weight: 200;
   font-family: var(--bodyFont);
 }
-form .textareaFieldContainer {
-  display: flex;
-  flex-direction: column;
-  row-gap: 5px;
-  align-items: stretch;
-  justify-content: flex-start;
-  width: 100%;
-}
-form .textareaFooter {
-  min-height: 1.5em;
-}
-form .textarea_Field.stacked label .textareaFooter .validation {
-  position: static;
-  height: auto;
-}
-form .textarea_Field.withValidation label {
-  padding-bottom: 0;
-}
-form .textareaCharacterCount {
-  line-height: 1.5;
-  color: var(--inputLabelColor);
-}
-form .textareaCharacterCountExceeded {
-  color: var(--inputErrorColor);
-}
 form input[type=number] {
   padding-right: 0;
 }
@@ -1396,4 +1371,26 @@ label.keyValuePair .value {
 fieldset[disabled] input, fieldset[disabled] textarea, fieldset[disabled] select, fieldset[disabled] button, fieldset[disabled] .radioLabel {
   cursor: not-allowed;
   opacity: 0.75;
+}
+
+/* Autofill detection: browsers trigger onAnimationStart when autofill occurs */
+/* This animation is used to detect autofill events in browsers */
+@keyframes onAutoFill {
+  from {
+    opacity: 0.99;
+  }
+  to {
+    opacity: 1;
+  }
+}
+input:-webkit-autofill {
+  animation-name: onAutoFill;
+  animation-duration: 0.001s;
+  animation-fill-mode: both;
+}
+
+textarea:-webkit-autofill {
+  animation-name: onAutoFill;
+  animation-duration: 0.001s;
+  animation-fill-mode: both;
 }

package/dist/cjs/styles/shared/forms/_forms.css

@@ -261,31 +261,6 @@ form select:placeholder-shown {
   font-weight: 200;
   font-family: var(--bodyFont);
 }
-form .textareaFieldContainer {
-  display: flex;
-  flex-direction: column;
-  row-gap: 5px;
-  align-items: stretch;
-  justify-content: flex-start;
-  width: 100%;
-}
-form .textareaFooter {
-  min-height: 1.5em;
-}
-form .textarea_Field.stacked label .textareaFooter .validation {
-  position: static;
-  height: auto;
-}
-form .textarea_Field.withValidation label {
-  padding-bottom: 0;
-}
-form .textareaCharacterCount {
-  line-height: 1.5;
-  color: var(--inputLabelColor);
-}
-form .textareaCharacterCountExceeded {
-  color: var(--inputErrorColor);
-}
 form input[type=number] {
   padding-right: 0;
 }
@@ -395,4 +370,26 @@ label.keyValuePair .value {
 fieldset[disabled] input, fieldset[disabled] textarea, fieldset[disabled] select, fieldset[disabled] button, fieldset[disabled] .radioLabel {
   cursor: not-allowed;
   opacity: 0.75;
+}
+
+/* Autofill detection: browsers trigger onAnimationStart when autofill occurs */
+/* This animation is used to detect autofill events in browsers */
+@keyframes onAutoFill {
+  from {
+    opacity: 0.99;
+  }
+  to {
+    opacity: 1;
+  }
+}
+input:-webkit-autofill {
+  animation-name: onAutoFill;
+  animation-duration: 0.001s;
+  animation-fill-mode: both;
+}
+
+textarea:-webkit-autofill {
+  animation-name: onAutoFill;
+  animation-duration: 0.001s;
+  animation-fill-mode: both;
 }

package/dist/cjs/styles/variables/cssVars/_darkModeVariables.css

@@ -233,6 +233,9 @@
   --sidePanelCloseButtonShadow: 0 0 5px 0 #110d0b;
   --sidePanelCloseIconColor: #dbd7d5;
   --sidePanelFg: #dbd7d5;
+  --skeletonBg: #1a1410;
+  --skeletonHighlight: #3d2f26;
+  --skeletonOpaqueBg: #2c211b;
   --statusAlertColor: #000;
   --statusDefCon3Bg: radial-gradient(circle at 60% 40%, #003, #000, #333); /* gradient stops inverted */
   --statusDefCon3Color: #003;

package/dist/cjs/styles/variables/cssVars/_designVariables.css

@@ -216,4 +216,15 @@
   --notificationIconFg: #fff;
   --notificationIconBorder: 4px solid #c00;
   --notificationIconBoxShadow: none;
+  --skeletonBg: #eef2f4;
+  --skeletonOpaqueBg: #d3dee4;
+  --skeletonHighlight: #f6f8fa;
+  --skeletonBorderRadius: 3px;
+  --skeletonRoundedBorderRadius: 8px;
+  --skeletonLineHeight: 1em;
+  --skeletonLineGap: 8px;
+  --skeletonBlockHeight: 120px;
+  --skeletonCircleSize: 40px;
+  --skeletonLastLineWidth: 60%;
+  --skeletonAnimationDuration: 1.6s;
 }

package/dist/components/design/dialog/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/design/dialog/Dialog.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAqD,MAAM,OAAO,CAAC;AAI5F,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAItD,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,SAAS,CAAC;IACjD,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,GAAG,aAAa,CAAC;IAClH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;IACvC,eAAe,CAAC,EAAE,aAAa,GAAG,kBAAkB,GAAG,KAAK,CAAC;IAC7D,OAAO,EAAE,eAAe,CAAC;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE;QACR,UAAU,CAAC,EAAE,WAAW,CAAC;QACzB,cAAc,CAAC,EAAE,MAAM,CAAC;KACzB,CAAC;IACF,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE;QACjB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;CACH;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuH5C,CAAC"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/design/dialog/Dialog.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAqD,MAAM,OAAO,CAAC;AAI5F,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAItD,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,SAAS,CAAC;IACjD,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,GAAG,aAAa,CAAC;IAClH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;IACvC,eAAe,CAAC,EAAE,aAAa,GAAG,kBAAkB,GAAG,KAAK,CAAC;IAC7D,OAAO,EAAE,eAAe,CAAC;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE;QACR,UAAU,CAAC,EAAE,WAAW,CAAC;QACzB,cAAc,CAAC,EAAE,MAAM,CAAC;KACzB,CAAC;IACF,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE;QACjB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;CACH;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA2H5C,CAAC"}

package/dist/components/design/dialog/Dialog.test.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @jest-environment jsdom
+ */
+import '@testing-library/jest-dom';
+//# sourceMappingURL=Dialog.test.d.ts.map

package/dist/components/design/dialog/Dialog.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.test.d.ts","sourceRoot":"","sources":["../../../../src/components/design/dialog/Dialog.test.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,2BAA2B,CAAC"}

package/dist/components/design/headerBar/HeaderBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderBar.d.ts","sourceRoot":"","sources":["../../../../src/components/design/headerBar/HeaderBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAO/E,OAAO,kBAAkB,CAAC;AAE1B,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqDnD,CAAC"}
+{"version":3,"file":"HeaderBar.d.ts","sourceRoot":"","sources":["../../../../src/components/design/headerBar/HeaderBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAO/E,OAAO,kBAAkB,CAAC;AAK1B,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuDnD,CAAC"}

package/dist/components/design/skeleton/Skeleton.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import './skeleton.scss';
+export interface SkeletonProps {
+    /** Structural style of the placeholder. `text` renders line sized bars, `block` a sharp cornered area, `rounded` a softened one, and `circle` an avatar style disc. */
+    variant?: 'text' | 'block' | 'circle' | 'rounded';
+    /** Inline size of the placeholder. Numbers are treated as pixels, strings are passed through as written (for example `'50%'`). */
+    width?: string | number;
+    /** Block size of the placeholder. Numbers are treated as pixels. Ignored for the `circle` variant, which stays square. */
+    height?: string | number;
+    /** How many placeholder rows to render. Applies to the `text` variant only; all other variants render a single bar. */
+    lines?: number;
+    /** Animation style, or `false` for a static placeholder. Both animations are suppressed under `prefers-reduced-motion`. */
+    animation?: 'pulse' | 'wave' | false;
+    /** Visual intensity. `opaque` gives a higher contrast fill for busier or lower contrast surfaces. */
+    appearance?: 'subtle' | 'opaque';
+    /** When true, `children` are rendered in place of the placeholder. */
+    isLoaded?: boolean;
+    /** Real content, rendered once `isLoaded` is true. */
+    children?: React.ReactNode;
+    /** Applied to the placeholder wrapper. Note the wrapper is `aria-hidden`, so this is intended for styling and testing rather than as an ARIA target. */
+    id?: string;
+    /** Additional class names appended to the placeholder wrapper. */
+    customCssClass?: string;
+}
+export declare const Skeleton: React.FC<SkeletonProps>;
+export default Skeleton;
+//# sourceMappingURL=Skeleton.d.ts.map

package/dist/components/design/skeleton/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/design/skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,iBAAiB,CAAC;AAEzB,MAAM,WAAW,aAAa;IAC5B,uKAAuK;IACvK,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;IAClD,kIAAkI;IAClI,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,0HAA0H;IAC1H,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,uHAAuH;IACvH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2HAA2H;IAC3H,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,CAAC;IACrC,qGAAqG;IACrG,UAAU,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACjC,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wJAAwJ;IACxJ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kEAAkE;IAClE,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAMD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA0C5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/form/formFields/formFieldWrapper/FormField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/formFields/formFieldWrapper/FormField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAUlD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoI9C,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/formFields/formFieldWrapper/FormField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAUlD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqI9C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/form/formFields/formFieldWrapper/formFieldProps.d.ts

@@ -1,6 +1,6 @@
-import { ChangeEvent, ChangeEventHandler, FormEventHandler, KeyboardEvent, ReactElement, ReactNode } from 'react';
+import { ChangeEvent, ChangeEventHandler, FormEventHandler, KeyboardEvent, ReactElement, ReactEventHandler, ReactNode } from 'react';
 import type { InputHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes } from 'react';
-import { Message, Validate, ValidationRule } from 'react-hook-form';
+import { FieldValues, Message, UseFormReturn, Validate, ValidationRule } from 'react-hook-form';
 import { GenericFunction } from '../../../../interfaces';
 import { KeyboardEventHandler } from '../../../../interfaces/generic.interface';
 /**
@@ -178,5 +178,10 @@ export interface FormFieldProps {
     customContent?: CustomContentProps;
     /** Override the default nesting of the input inside the label. */
     separateLabelAndField?: boolean;
+    /** An existing form context to use when React context cannot reach this field, e.g. across a Next.js client boundary. */
+    formContext?: UseFormReturn<FieldValues, any, FieldValues>;
 }
+export type TextareaFieldProps = Omit<FieldProps, 'onSelect'> & {
+    onSelect?: ReactEventHandler<HTMLTextAreaElement>;
+};
 //# sourceMappingURL=formFieldProps.d.ts.map