@yourdash/uikit 0.0.1 → 0.1.1

package/lib/views/sidebar/sidebar.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 {
+  height: 100%;
+  background: var(--utbgn);
+  pointer-events: none;
+  opacity: 0;
+  border: var(--utbrd);
+  border-top: 0;
+  border-bottom: 0;
+  border-left: 0;
+  flex-direction: column;
+  max-height: 100%;
+  max-width: 0;
+  transition: transform var(--uttranstrans), max-height var(--uttranstrans);
+  transform: translateX(-100%);
+  visibility: hidden;
+  padding: 0;
+}
+@media (max-width: 768px) {
+  .component {
+    max-width: 100%;
+    max-height: 0;
+    height: max-content;
+    border-right: 0;
+    border-bottom: unset;
+  }
+}
+.component > *[type=button] {
+  min-width: 100%;
+}
+
+.open {
+  pointer-events: all;
+  opacity: 1;
+  transform: translateX(0);
+  visibility: visible;
+  max-width: 32rem;
+  padding: var(--utpdn);
+}
+@media (max-width: 768px) {
+  .open {
+    height: max-content;
+  }
+}
+
+/*# sourceMappingURL=sidebar.module.css.map */

package/lib/views/sidebar/sidebar.module.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["sidebar.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;EACA;;AAEA;EAjBF;IAkBI;IACA;IACA;IACA;IACA;;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EARF;IASI","file":"sidebar.module.css"}

package/lib/views/sidebar/sidebar.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 {
+  height: 100%;
+  background: rgb(var(#{$theme+$background}));
+  pointer-events: none;
+  opacity: 0;
+  border: var(#{$theme+$border});
+  border-top: 0;
+  border-bottom: 0;
+  border-left: 0;
+  flex-direction: column;
+  max-height: 100%;
+  max-width: 0;
+  transition: transform var(#{$theme+$transition+$transition}), max-height var(#{$theme+$transition+$transition});
+  transform: translateX(-100%);
+  visibility: hidden;
+  padding: 0;
+
+  @media (max-width: $sizeTablet) {
+    max-width: 100%;
+    max-height: 0;
+    height: max-content;
+    border-right: 0;
+    border-bottom: unset;
+  }
+
+  >*[type="button"] {
+    min-width: 100%;
+  }
+}
+
+.open {
+  pointer-events: all;
+  opacity: 1;
+  transform: translateX(0);
+  visibility: visible;
+  max-width: 32rem;
+  padding: var(#{$theme+$padding});
+
+  @media (max-width: $sizeTablet) {
+    height: max-content;
+  }
+}

package/lib/views/sidebar/sidebarContainer.module.css

@@ -0,0 +1,26 @@
+@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;
+  flex-direction: row;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+.component[dir=rtl] {
+  flex-direction: row-reverse;
+}
+@media (max-width: 768px) {
+  .component {
+    flex-direction: column;
+  }
+}
+
+/*# sourceMappingURL=sidebarContainer.module.css.map */

package/lib/views/sidebar/sidebarContainer.module.css.map

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

package/lib/views/sidebar/sidebarContainer.module.scss

@@ -0,0 +1,22 @@
+/*!
+ * 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 {
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+
+  &[dir=rtl] {
+    flex-direction: row-reverse;
+  }
+
+  @media (max-width: $sizeTablet) {
+    flex-direction: column;
+  }
+}

package/package.json

@@ -1,9 +1,60 @@
-{
-  "name": "@yourdash/uikit",
-  "version": "0.0.1",
-  "description": "The YourDash UI Framework",
-  "main": "index.js",
-  "repository": "https://github.com/yourdash-app/yourdash",
-  "author": "Ewsgit",
-  "license": "MIT"
-}
+{
+  "name": "@yourdash/uikit",
+  "version": "0.1.1",
+  "description": "",
+  "scripts": {
+    "dev-compile": "vite build --watch",
+    "dev": "vite dev",
+    "compile": "vite build"
+  },
+  "keywords": [],
+  "author": "Ewsgit",
+  "license": "MIT",
+  "files": [
+    "dist",
+    "lib",
+    "src"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "type": "module",
+  "exports": {
+    "./lib/theme/*": {
+      "default": "./lib/theme/*"
+    },
+    ".": {
+      "import": "./dist/src/index.mjs",
+      "types": "./dist/src/index.d.ts",
+      "default": "./dist/src/index.mjs"
+    }
+  },
+  "dependencies": {
+    "@vitejs/plugin-react": "^4.3.4",
+    "animate.css": "^4.1.1",
+    "babel-plugin-react-compiler": "19.0.0-beta-e1e972c-20250221",
+    "clsx": "^2.1.1",
+    "glob": "^11.0.1",
+    "npm-run-all": "^4.1.5",
+    "vite": "^6.2.0",
+    "vite-plugin-dynamic-import": "^1.6.0",
+    "vite-plugin-lib-inject-css": "^2.2.1"
+  },
+  "devDependencies": {
+    "@types/node": "^22.13.8",
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4",
+    "@types/react-router": "^5.1.20",
+    "@types/react-router-dom": "^5.3.3",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-router": "^7.2.0",
+    "react-router-dom": "^7.2.0",
+    "sass-embedded": "^1.85.1",
+    "vite-plugin-dts": "^4.5.3"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  }
+}

package/src/imports.d.ts

@@ -0,0 +1,81 @@
+/*
+ * Copyright ©2023 @Ewsgit and YourDash contributors.
+ * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
+ */
+
+// Declare common file imports as shared for the Typescript Language Server
+
+declare module "*.module.css" {
+  const content: { [className: string]: string };
+  export default content;
+}
+
+declare module "*.module.scss" {
+  const content: { [className: string]: string };
+  export default content;
+}
+
+declare module "*.jpg" {
+  const value: string;
+  export default value;
+}
+
+declare module "*.png" {
+  const value: string;
+  export default value;
+}
+
+declare module "*.svg" {
+  const value: string;
+  export default value;
+}
+
+declare module "*.avif" {
+  const value: string;
+  export default value;
+}
+
+declare module "*.css" {
+  const value: string;
+  export default value;
+}
+
+declare module "*.scss" {
+  const value: string;
+  export default value;
+}
+
+declare module "*.json" {
+  const content: { [key: string]: string | number | object | boolean };
+  export default content;
+}
+
+declare module "*.obj" {
+  const value: string;
+  export default value;
+}
+
+declare module "*.glb" {
+  const value: string;
+  export default value;
+}
+
+declare module "*.gltf" {
+  const value: string;
+  export default value;
+}
+
+declare module "*.md" {
+  const value: string;
+  export default value;
+}
+
+declare module "*.mdx" {
+  const value: string;
+  export default value;
+}
+
+declare module "*.wasm" {
+  const value: string;
+  export default value;
+}

package/src/index.tsx

@@ -0,0 +1,48 @@
+/*
+ * Copyright ©2025 Ewsgit <https://ewsgit.uk> and YourDash <https://yourdash.ewsgit.uk> contributors.
+ * YourDash is licensed under the MIT License. (https://mit.ewsgit.uk)
+ */
+
+// Components
+export { default as UKBox } from "../lib/components/box/UKBox.js";
+export { default as UKButton } from "../lib/components/button/UKButton.js";
+export { default as UKButtonCombo } from "../lib/components/buttonCombo/UKButtonCombo.js";
+export { default as UKButtonLink } from "../lib/components/buttonLink/UKButtonLink.js";
+export { default as UKButtonWithIcon } from "../lib/components/buttonWithIcon/UKButtonWithIcon.js";
+export { default as UKCard } from "../lib/components/card/UKCard.js";
+export { default as UKContainer } from "../lib/components/container/UKContainer.js";
+export { default as UKContextMenu } from "../lib/components/contextMenu/UKContextMenu.js";
+export { default as UKFlex } from "../lib/components/flex/UKFlex.js";
+export { default as UKHeading } from "../lib/components/heading/UKHeading.js";
+export { default as UKIcon } from "../lib/components/icon/UKIcon.js";
+export { default as UKIconButton } from "../lib/components/iconButton/UKIconButton.js";
+export { default as UKImage } from "../lib/components/image/UKImage.js";
+export { default as UKLink } from "../lib/components/link/UKLink.js";
+export { default as UKProgressBar } from "../lib/components/progressBar/UKProgressBar.js";
+export { default as UKRedirect } from "../lib/components/redirect/UKRedirect.js";
+export { default as UKSeparator } from "../lib/components/separator/UKSeparator.js";
+export { default as UKSpinner } from "../lib/components/spinner/UKSpinner.js";
+export { default as UKSubText } from "../lib/components/subtext/UKSubtext.js";
+export { default as UKTag } from "../lib/components/tag/UKTag.js";
+export { default as UKText } from "../lib/components/text/UKText.js";
+export { default as UKTextButton } from "../lib/components/textButton/UKTextButton.js";
+export { default as UKTextInput } from "../lib/components/textInput/UKTextInput.js";
+
+// Utitlity Components
+export { default as HasBeenShown } from "../lib/utilityComponent/hasBeenShown/hasBeenShown.js";
+export { default as OnInView } from "../lib/utilityComponent/onInView/onInView.js";
+
+// Views
+export { default as UKCarousel } from "../lib/views/carousel/UKCarousel.js";
+export { default as UKDialog } from "../lib/views/dialog/UKDialog.js";
+export { default as UKPageHeader } from "../lib/views/pageHeader/UKPageHeader.js";
+export { default as UKPanAndZoom } from "../lib/views/panAndZoom/UKPanAndZoom.js";
+export { default as UKInfiniteScroll } from "../lib/views/infiniteScroll/UKInfiniteScroll.js";
+export { default as UKNavBar } from "../lib/views/navBar/UKNavBar.js";
+export { default as UKNavBarImage } from "../lib/views/navBar/components/navImage/UKNavbarNavImage.js";
+export { default as UKNavBarTitle } from "../lib/views/navBar/components/navTitle/UKNavbarNavTitle.js";
+export { default as UKOnBoarding } from "../lib/views/onBoarding/UKOnBoarding.js";
+export { default as UKSidebar } from "../lib/views/sidebar/UKSidebar.js";
+export { default as UKSidebarContainer } from "../lib/views/sidebar/UKSidebarContainer.js";
+export { default as UKSidebarContext } from "../lib/views/sidebar/UKSidebarContext.js";
+export { default as UKSidebarToggleButton } from "../lib/views/sidebar/UKSidebarToggleButton.js";

package/.idea/modules.xml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ProjectModuleManager">
-    <modules>
-      <module fileurl="file://$PROJECT_DIR$/.idea/uikit.iml" filepath="$PROJECT_DIR$/.idea/uikit.iml" />
-    </modules>
-  </component>
-</project>

package/.idea/uikit.iml

@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<module type="WEB_MODULE" version="4">
-  <component name="NewModuleRootManager">
-    <content url="file://$MODULE_DIR$">
-      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
-      <excludeFolder url="file://$MODULE_DIR$/temp" />
-      <excludeFolder url="file://$MODULE_DIR$/tmp" />
-    </content>
-    <orderEntry type="inheritedJdk" />
-    <orderEntry type="sourceFolder" forTests="false" />
-  </component>
-</module>

package/.idea/vcs.xml

@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="CommitMessageInspectionProfile">
-    <profile version="1.0">
-      <inspection_tool class="CommitFormat" enabled="true" level="WARNING" enabled_by_default="true" />
-      <inspection_tool class="CommitNamingConvention" enabled="true" level="WARNING" enabled_by_default="true" />
-    </profile>
-  </component>
-  <component name="VcsDirectoryMappings">
-    <mapping directory="$PROJECT_DIR$/../.." vcs="Git" />
-  </component>
-</project>