@yourdash/uikit 1.0.41 → 1.0.43

package/dist/x-16-B7iyXdcL.js

@@ -2,3 +2,4 @@ const a = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20widt
 export {
   a as default
 };
+//# sourceMappingURL=x-16-B7iyXdcL.js.map

package/dist/x-16-B7iyXdcL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"x-16-B7iyXdcL.js","sources":["../src/core/icons/x-16.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20fill='%23ffffff'%20d='M3.72%203.72a.75.75%200%20011.06%200L8%206.94l3.22-3.22a.75.75%200%20111.06%201.06L9.06%208l3.22%203.22a.75.75%200%2011-1.06%201.06L8%209.06l-3.22%203.22a.75.75%200%2001-1.06-1.06L6.94%208%203.72%204.78a.75.75%200%20010-1.06z'%20/%3e%3c/svg%3e\""],"names":["x16"],"mappings":"AAAA,MAAeA,IAAA;"}

package/dist/x-circle-16-C79HwlWA.js

@@ -2,3 +2,4 @@ const a = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20widt
 export {
   a as default
 };
+//# sourceMappingURL=x-circle-16-C79HwlWA.js.map

package/dist/x-circle-16-C79HwlWA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"x-circle-16-C79HwlWA.js","sources":["../src/core/icons/x-circle-16.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20fill='%23ffffff'%20d='M3.404%2012.596a6.5%206.5%200%20119.192-9.192%206.5%206.5%200%2001-9.192%209.192zM2.344%202.343a8%208%200%201011.313%2011.314A8%208%200%20002.343%202.343zM6.03%204.97a.75.75%200%2000-1.06%201.06L6.94%208%204.97%209.97a.75.75%200%20101.06%201.06L8%209.06l1.97%201.97a.75.75%200%20101.06-1.06L9.06%208l1.97-1.97a.75.75%200%2010-1.06-1.06L8%206.94%206.03%204.97z'%20/%3e%3c/svg%3e\""],"names":["xCircle16"],"mappings":"AAAA,MAAeA,IAAA;"}

package/dist/x-circle-fill-16-4KWscQI9.js

@@ -2,3 +2,4 @@ const l = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20widt
 export {
   l as default
 };
+//# sourceMappingURL=x-circle-fill-16-4KWscQI9.js.map

package/dist/x-circle-fill-16-4KWscQI9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"x-circle-fill-16-4KWscQI9.js","sources":["../src/core/icons/x-circle-fill-16.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20fill='%23ffffff'%20d='M2.343%2013.657A8%208%200%201113.657%202.343%208%208%200%20012.343%2013.657zM6.03%204.97a.75.75%200%2000-1.06%201.06L6.94%208%204.97%209.97a.75.75%200%20101.06%201.06L8%209.06l1.97%201.97a.75.75%200%20101.06-1.06L9.06%208l1.97-1.97a.75.75%200%2010-1.06-1.06L8%206.94%206.03%204.97z'%20/%3e%3c/svg%3e\""],"names":["xCircleFill16"],"mappings":"AAAA,MAAeA,IAAA;"}

package/dist/yourdash-xKqdwKGy.js

@@ -2,3 +2,4 @@ const I = "data:image/svg+xml;base64,DQoNCjxzdmcgd2lkdGg9IjI1NiIgaGVpZ2h0PSIyNTY
 export {
   I as default
 };
+//# sourceMappingURL=yourdash-xKqdwKGy.js.map

package/dist/yourdash-xKqdwKGy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"yourdash-xKqdwKGy.js","sources":["../src/core/icons/yourdash.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,DQoNCjxzdmcgd2lkdGg9IjI1NiIgaGVpZ2h0PSIyNTYiIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF83NDVfMzgpIj4NCiAgICAgICAgPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZl83NDVfMzgpIj4NCiAgICAgICAgICAgIDxmb3JlaWduT2JqZWN0IHg9Ii0yMyIgeT0iLTIzIiB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiI+DQogICAgICAgICAgICAgICAgPGRpdiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94aHRtbCIgY2xhc3M9ImdyYWRpZW50Ij48L2Rpdj4NCiAgICAgICAgICAgIDwvZm9yZWlnbk9iamVjdD4NCiAgICAgICAgICAgIDxzdHlsZT4NCiAgICAgICAgICAgICAgICBkaXYuZ3JhZGllbnQgew0KICAgICAgICAgICAgICAgIGhlaWdodDogMTAwJTsNCiAgICAgICAgICAgICAgICB3aWR0aDogMTAwJTsNCiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWltYWdlOiBjb25pYy1ncmFkaWVudCgNCiAgICAgICAgICAgICAgICBmcm9tIDE4MGRlZywNCiAgICAgICAgICAgICAgICAjRkQwMDAwIDBkZWcgNjBkZWcsDQogICAgICAgICAgICAgICAgI0ZDOEIwMCA2MGRlZyAxMjBkZWcsDQogICAgICAgICAgICAgICAgI0ZFRTQwMCAxMjBkZWcgMTgwZGVnLA0KICAgICAgICAgICAgICAgICMxMTlFMEIgMTgwZGVnIDI0MGRlZywNCiAgICAgICAgICAgICAgICAjMDY0NEIyIDI0MGRlZyAzMDBkZWcsDQogICAgICAgICAgICAgICAgI0MxMkVEQiAzMDBkZWcgMzYwZGVnDQogICAgICAgICAgICAgICAgKTsNCiAgICAgICAgICAgICAgICB9DQogICAgICAgICAgICA8L3N0eWxlPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KICAgIDxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMV83NDVfMzgpIj4NCiAgICAgICAgPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjFfYmRmXzc0NV8zOCkiPg0KICAgICAgICAgICAgPHBhdGggZD0iTTIzIDIzSDI3OVYyNzlIMjNWMjNaIiBmaWxsPSIjRTBFMEUwIiBmaWxsLW9wYWNpdHk9IjAuNzUiIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyIvPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KICAgIDxkZWZzPg0KICAgICAgICA8ZmlsdGVyIGlkPSJmaWx0ZXIwX2ZfNzQ1XzM4IiB4PSItODciIHk9Ii04NyIgd2lkdGg9IjM4NCIgaGVpZ2h0PSIzODQiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSINCiAgICAgICAgICAgICAgICBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPg0KICAgICAgICAgICAgPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4NCiAgICAgICAgICAgIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+DQogICAgICAgICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIzMiIgcmVzdWx0PSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyXzc0NV8zOCIvPg0KICAgICAgICA8L2ZpbHRlcj4NCiAgICAgICAgPGZpbHRlciBpZD0iZmlsdGVyMV9iZGZfNzQ1XzM4IiB4PSI3IiB5PSI3IiB3aWR0aD0iMjg4IiBoZWlnaHQ9IjI4OCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIg0KICAgICAgICAgICAgICAgIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+DQogICAgICAgICAgICA8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPg0KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIGluPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHN0ZERldmlhdGlvbj0iNCIvPg0KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJpbiIgcmVzdWx0PSJlZmZlY3QxX2JhY2tncm91bmRCbHVyXzc0NV8zOCIvPg0KICAgICAgICAgICAgPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiDQogICAgICAgICAgICAgICAgICAgICAgICAgICByZXN1bHQ9ImhhcmRBbHBoYSIvPg0KICAgICAgICAgICAgPGZlT2Zmc2V0IGR5PSI4Ii8+DQogICAgICAgICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI0Ii8+DQogICAgICAgICAgICA8ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJvdXQiLz4NCiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjI1IDAiLz4NCiAgICAgICAgICAgIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJlZmZlY3QxX2JhY2tncm91bmRCbHVyXzc0NV8zOCIgcmVzdWx0PSJlZmZlY3QyX2Ryb3BTaGFkb3dfNzQ1XzM4Ii8+DQogICAgICAgICAgICA8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDJfZHJvcFNoYWRvd183NDVfMzgiIHJlc3VsdD0ic2hhcGUiLz4NCiAgICAgICAgICAgIDxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjgiIHJlc3VsdD0iZWZmZWN0M19mb3JlZ3JvdW5kQmx1cl83NDVfMzgiLz4NCiAgICAgICAgPC9maWx0ZXI+DQogICAgICAgIDxjbGlwUGF0aCBpZD0iY2xpcDBfNzQ1XzM4Ij4NCiAgICAgICAgICAgIDxyZWN0IHg9IjUiIHk9IjUiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiByeD0iNTYiIGZpbGw9IndoaXRlIi8+DQogICAgICAgIDwvY2xpcFBhdGg+DQogICAgICAgIDxjbGlwUGF0aCBpZD0iY2xpcDFfNzQ1XzM4Ij4NCiAgICAgICAgICAgIDxwYXRoIGQ9Ik01MSAxMDdDNTEgNzYuMDcyMSA3Ni4wNzIxIDUxIDEwNyA1MUgxOTVDMjI1LjkyOCA1MSAyNTEgNzYuMDcyMSAyNTEgMTA3VjE5NUMyNTEgMjI1LjkyOCAyMjUuOTI4IDI1MSAxOTUgMjUxSDEwN0M3Ni4wNzIxIDI1MSA1MSAyMjUuOTI4IDUxIDE5NVYxMDdaIg0KICAgICAgICAgICAgICAgICAgZmlsbD0id2hpdGUiLz4NCiAgICAgICAgPC9jbGlwUGF0aD4NCiAgICA8L2RlZnM+DQo8L3N2Zz4NCg==\""],"names":["yourdash"],"mappings":"AAAA,MAAeA,IAAA;"}

package/dist/zap-16-hscWSFVd.js

@@ -2,3 +2,4 @@ const a = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20widt
 export {
   a as default
 };
+//# sourceMappingURL=zap-16-hscWSFVd.js.map

package/dist/zap-16-hscWSFVd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zap-16-hscWSFVd.js","sources":["../src/core/icons/zap-16.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20fill='%23ffffff'%20d='M10.561%201.5a.016.016%200%2000-.01.004L3.286%208.571A.25.25%200%20003.462%209H6.75a.75.75%200%2001.694%201.034l-1.713%204.188%206.982-6.793A.25.25%200%200012.538%207H9.25a.75.75%200%2001-.683-1.06l2.008-4.418.003-.006a.02.02%200%2000-.004-.009.02.02%200%2000-.006-.006L10.56%201.5zM9.504.43a1.516%201.516%200%20012.437%201.713L10.415%205.5h2.123c1.57%200%202.346%201.909%201.22%203.004l-7.34%207.142a1.25%201.25%200%2001-.871.354h-.302a1.25%201.25%200%2001-1.157-1.723L5.633%2010.5H3.462c-1.57%200-2.346-1.909-1.22-3.004L9.503.429z'%20/%3e%3c/svg%3e\""],"names":["zap16"],"mappings":"AAAA,MAAeA,IAAA;"}

package/package.json

@@ -1,44 +1,31 @@
-{
-  "name": "@yourdash/uikit",
-  "version": "1.0.41",
-  "license": "MIT",
-  "type": "module",
-  "private": false,
-  "packageManager": "yarn@1.22.22",
-  "engines": {
-    "node": ">=21.0.0"
-  },
-  "files": [
-    "dist/",
-    "src/theme"
-  ],
-  "main": "./dist/uikit.js",
-  "types": "./dist/uikit.d.ts",
-  "exports": {
-    ".": "./dist/uikit.js",
-    "./src/theme/*": "./src/theme/"
-  },
-  "scripts": {
-    "build": "vite build"
-  },
-  "author": "Ewsgit <ewsgit@duck.com>",
-  "peerDependencies": {
-    "@types/react": "^18.3.5",
-    "@types/react-dom": "^18.3.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
-  },
-  "dependencies": {
-    "@vitejs/plugin-react": "^4.3.4",
-    "@yourdash/shared": "*",
-    "ajv": "8.17.1",
-    "glob": "^11.0.0",
-    "path": "^0.12.7",
-    "sass": "^1.78.0",
-    "typescript": "^5.6.2",
-    "vite": "^6.0.2",
-    "vite-plugin-dts": "^4.3.0",
-    "vite-plugin-dynamic-import": "^1.6.0",
-    "vite-plugin-lib-inject-css": "^2.1.1"
-  }
-}
+{
+  "name": "@yourdash/uikit",
+  "version": "1.0.43",
+  "license": "MIT",
+  "type": "module",
+  "private": false,
+  "engines": {
+    "node": ">=21.0.0"
+  },
+  "author": "Ewsgit <ewsgit@duck.com>",
+  "peerDependencies": {
+    "@types/react": "^18.3.5",
+    "@types/react-dom": "^18.3.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-router": "^6.26.2",
+    "react-router-dom": "^6.26.2"
+  },
+  "dependencies": {
+    "@vitejs/plugin-react": "^4.3.4",
+    "@yourdash/shared": "workspace:*",
+    "ajv": "8.17.1",
+    "glob": "^11.0.0",
+    "path": "^0.12.7",
+    "sass-embedded": "^1.83.1",
+    "typescript": "^5.6.2",
+    "vite": "^6.0.2",
+    "vite-plugin-dts": "^4.3.0",
+    "vite-plugin-dynamic-import": "^1.6.0"
+  }
+}

package/src/components/box/UKBox.tsx

@@ -0,0 +1,27 @@
+/*
+ * Copyright ©2025 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
+ * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
+ */
+
+import clippy from "@yourdash/shared/web/helpers/clippy.ts";
+import React, { FC, ReactNode } from "react";
+import IncrementLevel from "../../core/incrementLevel.tsx";
+import { useLevel, useLevelClass } from "../../core/level.tsx";
+import styles from "./box.module.scss";
+
+const UKBox: FC<{ className?: string; level?: 0 | 1 | 2 | 3; children: ReactNode | ReactNode[]; style?: React.CSSProperties }> = (
+  props,
+) => {
+  const level = props.level || useLevel();
+
+  return (
+    <div
+      className={clippy(styles.component, props.className, useLevelClass(level))}
+      style={props.style}
+    >
+      <IncrementLevel>{props.children}</IncrementLevel>
+    </div>
+  );
+};
+
+export default UKBox;

package/src/components/box/box.module.css

@@ -0,0 +1,24 @@
+@charset "UTF-8";
+/*!
+ * Copyright ©2025 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
+ * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
+ */
+/*!
+ * Copyright ©2025 Ewsgit <https://ewsgit.uk> and YourDash <https://yourdash.ewsgit.uk> contributors.
+ * YourDash is licensed under the MIT License. (https://mit.ewsgit.uk)
+ */
+.component {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  font-weight: var(--utfontwgt);
+  font-size: var(--utfontsize);
+  font-family: var(--utfontfam);
+  background: var(--utbgn);
+  border: var(--utbrd);
+  padding: var(--utpdn);
+  border-radius: 0;
+  gap: var(--utgap);
+}
+
+/*# sourceMappingURL=box.module.css.map */

package/src/components/box/box.module.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["box.module.scss","../../theme/themeValues.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;ADOA;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"box.module.css"}

package/src/components/box/box.module.scss

@@ -0,0 +1,21 @@
+/*!
+ * Copyright ©2025 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
+ * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
+ */
+
+@use "../../theme/themeValues.scss" as *;
+
+.component {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+
+  font-weight: var(#{$theme}#{$font}#{$weight});
+  font-size: var(#{$theme}#{$font}#{$size});
+  font-family: var(#{$theme}#{$font}#{$family});
+  background: rgb(var(#{$theme}#{$background}));
+  border: var(#{$theme}#{$border});
+  padding: var(#{$theme}#{$padding});
+  border-radius: 0;
+  gap: var(#{$theme}#{$gap});
+}

package/src/components/button/UKButton.tsx

@@ -0,0 +1,24 @@
+/*
+ * Copyright ©2025 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
+ * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
+ */
+
+import clippy from "@yourdash/shared/web/helpers/clippy.ts";
+import styles from "./button.module.scss";
+import { FC } from "react";
+
+const UKButton: FC<{ onClick: () => void; text: string; className?: string; disabled?: boolean }> = (props) => {
+  return (
+    <button
+      className={clippy(styles.component, props.className)}
+      onClick={props.onClick}
+      aria-label={props.text}
+      disabled={props.disabled}
+      type={"button"}
+    >
+      {props.text}
+    </button>
+  );
+};
+
+export default UKButton;

package/src/components/button/button.module.css

@@ -0,0 +1,47 @@
+@charset "UTF-8";
+/*!
+ * Copyright ©2025 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
+ * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
+ */
+/*!
+ * Copyright ©2025 Ewsgit <https://ewsgit.uk> and YourDash <https://yourdash.ewsgit.uk> contributors.
+ * YourDash is licensed under the MIT License. (https://mit.ewsgit.uk)
+ */
+.component {
+  font-family: var(--utfontfam);
+  padding: 0 var(--utbtnpdnhoriz);
+  color: var(--utbtncol);
+  border: var(--utbtnbrd);
+  border-radius: var(--utbtnrad);
+  background: var(--utbtnbgn);
+  transition: var(--utbtntrans);
+  height: var(--utinphei);
+  width: max-content;
+  cursor: pointer;
+  padding-left: var(--utpdn);
+  padding-right: var(--utpdn);
+}
+.component:hover {
+  color: var(--utbtnhvrcol);
+  border: var(--utbtnhvrbrd);
+  border-radius: var(--utbtnhvrrad);
+  background: var(--utbtnhvrbgn);
+  transition: var(--utbtnhvrtrans);
+}
+.component:active {
+  color: var(--utbtnatvcol);
+  border: var(--utbtnatvbrd);
+  border-radius: var(--utbtnatvrad);
+  background: var(--utbtnatvbgn);
+  transition: var(--utbtnatvtrans);
+}
+.component:disabled {
+  opacity: 0.8;
+  color: var(--utbtncol);
+  border: var(--utbtnbrd);
+  border-radius: var(--utbtnrad);
+  background: var(--utbtnbgn);
+  cursor: not-allowed;
+}
+
+/*# sourceMappingURL=button.module.css.map */

package/src/components/button/button.module.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["button.module.scss","../../theme/themeValues.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;ADOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EAEA;EACA;EACA;EACA;EACA","file":"button.module.css"}

package/src/components/button/button.module.scss

@@ -0,0 +1,47 @@
+/*!
+ * Copyright ©2025 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
+ * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
+ */
+
+@use "../../theme/themeValues.scss" as *;
+
+.component {
+  font-family: var(#{$theme}#{$font}#{$family});
+  padding: 0 var(#{$theme}#{$button}#{$padding}#{$horizontal});
+  color: rgb(var(#{$theme}#{$button}#{$color}));
+  border: var(#{$theme}#{$button}#{$border});
+  border-radius: var(#{$theme}#{$button}#{$radius});
+  background: rgb(var(#{$theme}#{$button}#{$background}));
+  transition: var(#{$theme}#{$button}#{$transition});
+  height: var(#{$theme+$input+$height});
+  width: max-content;
+  cursor: pointer;
+  padding-left: var(#{$theme+$padding});
+  padding-right: var(#{$theme+$padding});
+
+  &:hover {
+    color: rgb(var(#{$theme}#{$button}#{$hover}#{$color}));
+    border: var(#{$theme}#{$button}#{$hover}#{$border});
+    border-radius: var(#{$theme}#{$button}#{$hover}#{$radius});
+    background: rgb(var(#{$theme}#{$button}#{$hover}#{$background}));
+    transition: var(#{$theme}#{$button}#{$hover}#{$transition});
+  }
+
+  &:active {
+    color: rgb(var(#{$theme}#{$button}#{$active}#{$color}));
+    border: var(#{$theme}#{$button}#{$active}#{$border});
+    border-radius: var(#{$theme}#{$button}#{$active}#{$radius});
+    background: rgb(var(#{$theme}#{$button}#{$active}#{$background}));
+    transition: var(#{$theme}#{$button}#{$active}#{$transition});
+  }
+
+  &:disabled {
+    opacity: 0.8;
+
+    color: rgb(var(#{$theme}#{$button}#{$color}));
+    border: var(#{$theme}#{$button}#{$border});
+    border-radius: var(#{$theme}#{$button}#{$radius});
+    background: rgb(var(#{$theme}#{$button}#{$background}));
+    cursor: not-allowed;
+  }
+}

package/src/components/buttonCombo/UKButtonCombo.tsx

@@ -0,0 +1,14 @@
+/*
+ * Copyright ©2025 Ewsgit <https://ewsgit.uk> and YourDash <https://yourdash.ewsgit.uk> contributors.
+ * YourDash is licensed under the MIT License. (https://mit.ewsgit.uk)
+ */
+
+import clippy from "@yourdash/shared/web/helpers/clippy.ts";
+import React from "react";
+import styles from "./buttonCombo.module.scss";
+
+const UKButtonCombo: React.FC<{ children: React.ReactNode[]; className?: string }> = ({ children, className }) => {
+  return <div className={clippy(styles.component, className)}>{children}</div>;
+};
+
+export default UKButtonCombo;

package/src/components/buttonCombo/buttonCombo.module.css

@@ -0,0 +1,22 @@
+@charset "UTF-8";
+/*!
+ * Copyright ©2025 Ewsgit <https://ewsgit.uk> and YourDash <https://yourdash.ewsgit.uk> contributors.
+ * YourDash is licensed under the MIT License. (https://mit.ewsgit.uk)
+ */
+.component {
+  display: flex;
+  flex-direction: row;
+}
+.component > *:not(:first-child):not(:last-child) {
+  border-radius: 0 !important;
+}
+.component > *:first-child {
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+.component > *:last-child {
+  border-top-left-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
+}
+
+/*# sourceMappingURL=buttonCombo.module.css.map */

package/src/components/buttonCombo/buttonCombo.module.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["buttonCombo.module.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA","file":"buttonCombo.module.css"}

package/src/components/buttonCombo/buttonCombo.module.scss

@@ -0,0 +1,23 @@
+/*!
+ * Copyright ©2025 Ewsgit <https://ewsgit.uk> and YourDash <https://yourdash.ewsgit.uk> contributors.
+ * YourDash is licensed under the MIT License. (https://mit.ewsgit.uk)
+ */
+
+.component {
+  display: flex;
+  flex-direction: row;
+
+  > *:not(:first-child):not(:last-child) {
+    border-radius: 0 !important;
+  }
+
+  > *:first-child {
+    border-top-right-radius: 0 !important;
+    border-bottom-right-radius: 0 !important;
+  }
+
+  > *:last-child {
+    border-top-left-radius: 0 !important;
+    border-bottom-left-radius: 0 !important;
+  }
+}

package/src/components/buttonLink/UKButtonLink.tsx

@@ -0,0 +1,27 @@
+/*
+ * Copyright ©2025 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
+ * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
+ */
+
+import clippy from "@yourdash/shared/web/helpers/clippy.ts";
+import UKButton from "../button/UKButton.tsx";
+import { useNavigate } from "react-router";
+import styles from "./buttonLink.module.scss";
+import { FC } from "react";
+
+const UKButtonLink: FC<{ text: string; to: string; className?: string }> = (props) => {
+  const navigate = useNavigate();
+
+  return (
+    <UKButton
+      onClick={() => {
+        navigate(props.to);
+        return 0;
+      }}
+      text={props.text}
+      className={clippy(styles.component, props.className)}
+    />
+  );
+};
+
+export default UKButtonLink;

package/src/components/buttonLink/buttonLink.module.css

@@ -0,0 +1,49 @@
+@charset "UTF-8";
+/*!
+ * Copyright ©2025 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
+ * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
+ */
+/*!
+ * Copyright ©2025 Ewsgit <https://ewsgit.uk> and YourDash <https://yourdash.ewsgit.uk> contributors.
+ * YourDash is licensed under the MIT License. (https://mit.ewsgit.uk)
+ */
+.component {
+  font-family: var(--utfontfam);
+  text-align: center;
+  color: var(--utbtncol);
+  border: var(--utbtnbrd);
+  border-radius: var(--utbtnrad);
+  background: var(--utbtnbgn);
+  transition: var(--utbtntrans);
+  height: var(--utinphei);
+  width: max-content;
+  cursor: pointer;
+}
+.component:hover {
+  color: var(--utbtnhvrcol);
+  border: var(--utbtnhvrbrd);
+  border-radius: var(--utbtnhvrrad);
+  background: var(--utbtnhvrbgn);
+  transition: var(--utbtnhvrtrans);
+}
+.component:active {
+  color: var(--utbtnatvcol);
+  border: var(--utbtnatvbrd);
+  border-radius: var(--utbtnatvrad);
+  background: var(--utbtnatvbgn);
+  transition: var(--utbtnatvtrans);
+}
+.component:disabled {
+  opacity: 0.8;
+  color: var(--utbtncol);
+  border: var(--utbtnbrd);
+  border-radius: var(--utbtnrad);
+  background: var(--utbtnbgn);
+  cursor: not-allowed;
+}
+
+.link {
+  display: inline;
+}
+
+/*# sourceMappingURL=buttonLink.module.css.map */

package/src/components/buttonLink/buttonLink.module.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["buttonLink.module.scss","../../theme/themeValues.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;ADOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EAEA;EACA;EACA;EACA;EACA;;;AAIJ;EACE","file":"buttonLink.module.css"}

package/src/components/buttonLink/buttonLink.module.scss

@@ -0,0 +1,49 @@
+/*!
+ * Copyright ©2025 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
+ * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
+ */
+
+@use "../../theme/themeValues.scss" as *;
+
+.component {
+  font-family: var(#{$theme}#{$font}#{$family});
+  text-align: center;
+  color: rgb(var(#{$theme}#{$button}#{$color}));
+  border: var(#{$theme}#{$button}#{$border});
+  border-radius: var(#{$theme}#{$button}#{$radius});
+  background: rgb(var(#{$theme}#{$button}#{$background}));
+  transition: var(#{$theme}#{$button}#{$transition});
+  height: var(#{$theme+$input+$height});
+  width: max-content;
+  cursor: pointer;
+
+  &:hover {
+    color: rgb(var(#{$theme}#{$button}#{$hover}#{$color}));
+    border: var(#{$theme}#{$button}#{$hover}#{$border});
+    border-radius: var(#{$theme}#{$button}#{$hover}#{$radius});
+    background: rgb(var(#{$theme}#{$button}#{$hover}#{$background}));
+    transition: var(#{$theme}#{$button}#{$hover}#{$transition});
+  }
+
+  &:active {
+    color: rgb(var(#{$theme}#{$button}#{$active}#{$color}));
+    border: var(#{$theme}#{$button}#{$active}#{$border});
+    border-radius: var(#{$theme}#{$button}#{$active}#{$radius});
+    background: rgb(var(#{$theme}#{$button}#{$active}#{$background}));
+    transition: var(#{$theme}#{$button}#{$active}#{$transition});
+  }
+
+  &:disabled {
+    opacity: 0.8;
+
+    color: rgb(var(#{$theme}#{$button}#{$color}));
+    border: var(#{$theme}#{$button}#{$border});
+    border-radius: var(#{$theme}#{$button}#{$radius});
+    background: rgb(var(#{$theme}#{$button}#{$background}));
+    cursor: not-allowed;
+  }
+}
+
+.link {
+  display: inline;
+}

package/src/components/buttonWithIcon/UKButtonWithIcon.tsx

@@ -0,0 +1,36 @@
+/*
+ * Copyright ©2025 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
+ * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
+ */
+
+import clippy from "@yourdash/shared/web/helpers/clippy.ts";
+import UKIcon from "../icon/UKIcon.tsx";
+import styles from "./buttonWithIcon.module.scss";
+import { FC } from "react";
+import { UKIconType } from "../../core/iconDictionary.ts";
+
+const UKButtonWithIcon: FC<{
+  icon: UKIconType;
+  onClick: () => void;
+  text: string;
+  className?: string;
+  disabled?: boolean;
+}> = (props) => {
+  return (
+    <button
+      className={clippy(styles.component, props.className)}
+      onClick={props.onClick}
+      aria-label={props.text}
+      disabled={props.disabled}
+    >
+      <UKIcon
+        size={"1.25rem"}
+        className={styles.icon}
+        icon={props.icon}
+      />
+      {props.text}
+    </button>
+  );
+};
+
+export default UKButtonWithIcon;

package/src/components/buttonWithIcon/buttonWithIcon.module.css

@@ -0,0 +1,54 @@
+@charset "UTF-8";
+/*!
+ * Copyright ©2025 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
+ * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
+ */
+/*!
+ * Copyright ©2025 Ewsgit <https://ewsgit.uk> and YourDash <https://yourdash.ewsgit.uk> contributors.
+ * YourDash is licensed under the MIT License. (https://mit.ewsgit.uk)
+ */
+.component {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-family: var(--utfontfam);
+  text-align: center;
+  padding: 0 var(--utbtnpdnhoriz) 0 0;
+  color: var(--utbtncol);
+  border: var(--utbtnbrd);
+  border-radius: var(--utbtnrad);
+  background: var(--utbtnbgn);
+  transition: var(--utbtntrans);
+  height: var(--utinphei);
+  width: max-content;
+  cursor: pointer;
+}
+.component:hover {
+  color: var(--utbtnhvrcol);
+  border: var(--utbtnhvrbrd);
+  border-radius: var(--utbtnhvrrad);
+  background: var(--utbtnhvrbgn);
+  transition: var(--utbtnhvrtrans);
+}
+.component:active {
+  color: var(--utbtnatvcol);
+  border: var(--utbtnatvbrd);
+  border-radius: var(--utbtnatvrad);
+  background: var(--utbtnatvbgn);
+  transition: var(--utbtnatvtrans);
+}
+.component:disabled {
+  opacity: 0.8;
+  color: var(--utbtncol);
+  border: var(--utbtnbrd);
+  border-radius: var(--utbtnrad);
+  background: var(--utbtnbgn);
+  cursor: not-allowed;
+}
+
+.icon {
+  margin-left: var(--utbtnpdnhoriz);
+  margin-right: var(--utbtnpdnhoriz);
+}
+
+/*# sourceMappingURL=buttonWithIcon.module.css.map */

package/src/components/buttonWithIcon/buttonWithIcon.module.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["buttonWithIcon.module.scss","../../theme/themeValues.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;ADOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EAEA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA","file":"buttonWithIcon.module.css"}