@stonecrop/beam 0.31.0 → 0.33.0

package/dist/src/components/ItemCount.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemCount.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ItemCount.vue"],"names":[],"mappings":"AA2DA,OAAO,EAAY,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAGnD,KAAK,WAAW,GAAG;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAA;IAC5C,GAAG,CAAC,EAAE,MAAM,CAAA;CACZ,CAAC;AAoBF,KAAK,gBAAgB,GAAG;IACxB,UAAU,EAAE,MAAM,CAAC;CAClB,CAAC;AAKF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAmDxD,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/src/components/ListAnchor.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    to?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=ListAnchor.vue.d.ts.map

package/dist/src/components/ListAnchor.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListAnchor.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ListAnchor.vue"],"names":[],"mappings":"AAAA,KAoBK,WAAW,GAAG;IAAE,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AA2BnC,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAG/C,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/src/components/ListItem.vue.d.ts

@@ -0,0 +1,12 @@
+import type { ListViewItem } from '../types';
+type __VLS_Props = {
+    item: ListViewItem;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    update: (item: ListViewItem) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onUpdate?: ((item: ListViewItem) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=ListItem.vue.d.ts.map

package/dist/src/components/ListItem.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ListItem.vue"],"names":[],"mappings":"AA4FA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAE5C,KAAK,WAAW,GAAG;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,CAAC;AAyF1C,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/src/components/ListView.vue.d.ts

@@ -0,0 +1,14 @@
+import type { ListViewItem } from '../types';
+type __VLS_Props = {
+    items: ListViewItem[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    update: (item: ListViewItem) => any;
+    scrollbottom: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onUpdate?: ((item: ListViewItem) => any) | undefined;
+    onScrollbottom?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=ListView.vue.d.ts.map

package/dist/src/components/ListView.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListView.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ListView.vue"],"names":[],"mappings":"AAqEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAE5C,KAAK,WAAW,GAAG;IAAE,KAAK,EAAE,YAAY,EAAE,CAAA;CAAE,CAAC;AAyH7C,QAAA,MAAM,YAAY;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/src/components/Navbar.vue.d.ts

@@ -0,0 +1,20 @@
+declare var __VLS_1: {}, __VLS_17: {};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_1) => any;
+} & {
+    navbaraction?: (props: typeof __VLS_17) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => any;
+}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=Navbar.vue.d.ts.map

package/dist/src/components/Navbar.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navbar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar.vue"],"names":[],"mappings":"AA+GA,QAAA,IAAI,OAAO,IAAU,EAAE,QAAQ,IAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKrD,QAAA,MAAM,UAAU;;;;iFAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/src/components/ScanInput.vue.d.ts

@@ -0,0 +1,12 @@
+import type { OnScan } from 'onscan.js';
+type __VLS_Props = {
+    scanHandler: (barcode: string, qty: number) => void;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    scanInstance: (instance: OnScan) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onScanInstance?: ((instance: OnScan) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=ScanInput.vue.d.ts.map

package/dist/src/components/ScanInput.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScanInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScanInput.vue"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAKvC,KAAK,WAAW,GAAG;IAClB,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CACnD,CAAC;AAgCF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/src/components/SegmentedDisplay.vue.d.ts

@@ -0,0 +1,11 @@
+import { BeamColor } from '../types';
+type __VLS_Props = {
+    displayInput?: number;
+    decimalPlaces?: number;
+    displayColor?: BeamColor;
+    textColor?: BeamColor;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=SegmentedDisplay.vue.d.ts.map

package/dist/src/components/SegmentedDisplay.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedDisplay.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedDisplay.vue"],"names":[],"mappings":"AA4DA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEpC,KAAK,WAAW,GAAG;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,SAAS,CAAC,EAAE,SAAS,CAAA;CACrB,CAAC;AAsDF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/src/components/SplitColumn.vue.d.ts

@@ -0,0 +1,21 @@
+import type { CSSProperties } from 'vue';
+type __VLS_Props = {
+    justifyContent?: CSSProperties['justifyContent'];
+    alignItems?: CSSProperties['alignItems'];
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    left?: (props: typeof __VLS_1) => any;
+} & {
+    right?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=SplitColumn.vue.d.ts.map

package/dist/src/components/SplitColumn.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitColumn.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SplitColumn.vue"],"names":[],"mappings":"AAAA,OAoDO,KAAK,EAAE,aAAa,EAAE,MAAM,KAAK,CAAA;AAExC,KAAK,WAAW,GAAG;IAClB,cAAc,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAA;IAChD,UAAU,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAA;CACxC,CAAC;AAyCF,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAG7C,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/src/components/ToggleArrow.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    open: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=ToggleArrow.vue.d.ts.map

package/dist/src/components/ToggleArrow.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleArrow.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleArrow.vue"],"names":[],"mappings":"AAAA,KAsCK,WAAW,GAAG;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC;AAmCrC,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/{tsdoc-metadata.json → src/tsdoc-metadata.json}

@@ -5,7 +5,7 @@
   "toolPackages": [
     {
       "packageName": "@microsoft/api-extractor",
-      "packageVersion": "7.58.11"
+      "packageVersion": "7.59.0"
     }
   ]
 }

package/package.json

@@ -1,37 +1,48 @@
 {
   "name": "@stonecrop/beam",
-  "version": "0.31.0",
+  "version": "0.33.0",
   "description": "UI component library for Stonecrop",
+  "keywords": [
+    "components",
+    "design-system",
+    "stonecrop",
+    "ui",
+    "vue"
+  ],
+  "homepage": "https://github.com/agritheory/stonecrop#readme",
   "bugs": {
     "url": "https://github.com/agritheory/stonecrop/issues"
   },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/agritheory/stonecrop",
-    "directory": "beam"
-  },
   "license": "MIT",
   "author": {
     "name": "Tyler Matteson",
     "email": "tyler@agritheory.com"
   },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/agritheory/stonecrop",
+    "directory": "beam"
+  },
+  "files": [
+    "dist"
+  ],
+  "type": "module",
   "sideEffects": [
     "**/*.css"
   ],
-  "type": "module",
+  "types": "./dist/src/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/beam.d.ts",
+      "types": "./dist/src/index.d.ts",
       "import": "./dist/beam.js"
     },
     "./styles": "./dist/assets/index.css",
-    "./types": "./dist/src/types/index.d.ts"
+    "./types": "./dist/src/types/index.d.ts",
+    "./package.json": "./package.json"
+  },
+  "publishConfig": {
+    "access": "public"
   },
-  "types": "./dist/beam.d.ts",
-  "files": [
-    "dist/*",
-    "src/*"
-  ],
   "dependencies": {
     "@vueuse/components": "^14.2.1",
     "@vueuse/core": "^14.2.1",
@@ -39,8 +50,7 @@
     "onscan.js": "^1.5.2"
   },
   "devDependencies": {
-    "@microsoft/api-documenter": "^7.30.5",
-    "@rushstack/heft": "^1.2.17",
+    "@microsoft/api-extractor": "^7.58.7",
     "@types/node": "^24.12.4",
     "@vitejs/plugin-vue": "^6.0.6",
     "@vitest/coverage-istanbul": "^4.1.5",
@@ -50,13 +60,13 @@
     "oxlint-tsgolint": "0.23.0",
     "sass": "^1.97.2",
     "typescript": "^6.0.3",
-    "vite": "^7.3.2",
+    "vite": "^8.2.2",
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vitest": "^4.1.5",
     "vue": "^3.5.33",
+    "vue-component-meta": "^3.3.11",
     "vue-router": "^5.0.6",
-    "vue-tsc": "^3.3.6",
-    "stonecrop-rig": "0.7.0"
+    "vue-tsc": "^3.3.6"
   },
   "peerDependencies": {
     "vue": "^3.5.33"
@@ -64,14 +74,9 @@
   "engines": {
     "node": ">=24.0.0"
   },
-  "publishConfig": {
-    "access": "public"
-  },
   "scripts": {
-    "_phase:build": "heft build --clean && vite build && rushx docs",
-    "build": "heft build --clean && vite build && rushx docs",
-    "dev": "vite",
-    "docs": "bash ../common/scripts/run-docs.sh beam",
+    "dev": "vite build --watch",
+    "docs": "bash ../tools/scripts/run-docs.sh beam",
     "lint": "oxlint",
     "lint:fix": "oxlint --fix",
     "preview": "vite preview",

package/dist/beam.d.ts

@@ -1,167 +0,0 @@
-import ActionFooter from './components/ActionFooter.vue';
-import { App } from 'vue';
-import BeamArrow from './components/BeamArrow.vue';
-import BeamBtn from './components/BeamBtn.vue';
-import BeamDayDivider from './components/BeamDayDivider.vue';
-import BeamFilter from './components/BeamFilter.vue';
-import BeamFilterOption from './components/BeamFilterOption.vue';
-import BeamHeading from './components/BeamHeading.vue';
-import BeamMetadata from './components/BeamMetadata.vue';
-import BeamModal from './components/BeamModal.vue';
-import BeamModalOutlet from './components/BeamModalOutlet.vue';
-import BeamProgress from './components/BeamProgress.vue';
-import Confirm from './components/Confirm.vue';
-import { CSSProperties } from 'vue';
-import FixedTop from './components/FixedTop.vue';
-import type { IClientOptions } from 'mqtt';
-import ItemCheck from './components/ItemCheck.vue';
-import ItemCount from './components/ItemCount.vue';
-import ListAnchor from './components/ListAnchor.vue';
-import ListItem from './components/ListItem.vue';
-import ListView from './components/ListView.vue';
-import Navbar from './components/Navbar.vue';
-import { Ref } from 'vue';
-import ScanInput from './components/ScanInput.vue';
-import SegmentedDisplay from './components/SegmentedDisplay.vue';
-import SplitColumn from './components/SplitColumn.vue';
-import ToggleArrow from './components/ToggleArrow.vue';
-
-export { ActionFooter }
-
-export { BeamArrow }
-
-export { BeamBtn }
-
-/**
- * Union type for color values - supports RGB, RGBA, HEX, HSL, HSLA, or CSS color string
- * @public
- */
-export declare type BeamColor = RGB | RGBA | HEX | HSL | HSLA | CSSProperties['color'];
-
-export { BeamDayDivider }
-
-export { BeamFilter }
-
-/**
- * Filter choice with label and value for BeamFilter component
- * @public
- */
-export declare type BeamFilterChoice = {
-    label: string;
-    value: string;
-};
-
-export { BeamFilterOption }
-
-export { BeamHeading }
-
-export { BeamMetadata }
-
-export { BeamModal }
-
-export { BeamModalOutlet }
-
-export { BeamProgress }
-
-export { Confirm }
-
-export { FixedTop }
-
-/**
- * HEX color string representation
- * @public
- */
-export declare type HEX = `#${string}`;
-
-/**
- * HSL color string representation
- * @public
- */
-export declare type HSL = `hsl(${number}, ${number}%, ${number}%)`;
-
-/**
- * HSLA color string representation
- * @public
- */
-export declare type HSLA = `hsl(${number}, ${number}%, ${number}%), ${number}`;
-
-/**
- * MQTT stream options
- * @public
- */
-export declare interface IMqttStream extends IClientOptions {
-    /** MQTT topics to subscribe to */
-    topics?: string[];
-}
-
-/**
- * Install all Beam components
- * @param app - Vue app instance
- * @public
- */
-export declare function install(app: App): void;
-
-export { ItemCheck }
-
-export { ItemCount }
-
-export { ListAnchor }
-
-export { ListItem }
-
-export { ListView }
-
-/**
- * Configuration object for ListView component items
- * @public
- */
-export declare type ListViewItem = {
-    barcode?: string;
-    checked?: boolean;
-    count?: {
-        count: number;
-        of: number;
-        uom?: string;
-    };
-    date?: string;
-    dateFormat?: string;
-    debounce?: number;
-    description?: string;
-    label?: string;
-    linkComponent?: string;
-    route?: string;
-};
-
-export { Navbar }
-
-/**
- * RGB color string representation
- * @public
- */
-export declare type RGB = `rgb(${number}, ${number}, ${number})`;
-
-/**
- * RGBA color string representation
- * @public
- */
-export declare type RGBA = `rgba(${number}, ${number}, ${number}, ${number})`;
-
-export { ScanInput }
-
-export { SegmentedDisplay }
-
-export { SplitColumn }
-
-export { ToggleArrow }
-
-/**
- * Use MQTT stream
- * @param options - MQTT stream options
- * @returns MQTT stream messages
- * @beta
- */
-export declare const useMqttStream: (options: IMqttStream) => Promise<{
-    messages: Ref<Record<string, string[]>, Record<string, string[]>>;
-}>;
-
-export { }

package/dist/beam.tsbuildinfo

@@ -1 +0,0 @@
-{"version":"6.0.3"}

package/dist/src/composables/mqtt.js

@@ -1,85 +0,0 @@
-import mqtt from 'mqtt';
-import { onMounted, onUnmounted, ref } from 'vue';
-/**
- * Use MQTT stream
- * @param options - MQTT stream options
- * @returns MQTT stream messages
- * @beta
- */
-export const useMqttStream = async (options) => {
-    const messages = ref({});
-    if (options.host && options.port) {
-        const portActive = await isPortActive(options.host, options.port);
-        if (!portActive) {
-            return { messages };
-        }
-    }
-    const client = ref();
-    onMounted(() => {
-        client.value = mqtt.connect(options);
-        if (!options.topics) {
-            options.topics = ['#'];
-        }
-        for (const topic of options.topics) {
-            client.value.subscribe(topic, err => {
-                if (err) {
-                    throw err;
-                }
-            });
-        }
-        client.value.on('message', (topic, message) => {
-            if (!messages.value[topic]) {
-                messages.value[topic] = [];
-            }
-            messages.value[topic].push(message.toString());
-        });
-    });
-    onUnmounted(() => {
-        client.value?.end();
-    });
-    return { messages };
-};
-/**
- * Check if a local port has a service running
- * @param host the host to check
- * @param port the port to check
- * @returns true if the port has a service running, false otherwise
- *
- * @beta
- */
-export const isPortActive = async (host, port) => {
-    try {
-        const controller = new AbortController();
-        // Set a timeout of 2 seconds
-        const timeoutId = setTimeout(() => controller.abort(), 2000);
-        try {
-            await fetch(`${host}:${port}`, {
-                mode: 'no-cors', // This allows checking without CORS issues
-                signal: controller.signal,
-            });
-            clearTimeout(timeoutId);
-            // If we get any response, the port is in use
-            return true;
-        }
-        catch (error) {
-            clearTimeout(timeoutId);
-            if (error instanceof DOMException && error.name === 'AbortError') {
-                // Timeout - port is probably not in use
-                return false;
-            }
-            // For connection refused errors, we need to check the error message
-            // as different browsers handle this differently
-            const errorString = String(error);
-            if (errorString.includes('NetworkError') ||
-                errorString.includes('Failed to fetch') ||
-                errorString.includes('net::ERR_CONNECTION_REFUSED')) {
-                return false;
-            }
-            // If we get here, there might be something running on the port
-            return true;
-        }
-    }
-    catch {
-        return false;
-    }
-};

package/dist/src/index.js

@@ -1,56 +0,0 @@
-import ActionFooter from './components/ActionFooter.vue';
-import BeamArrow from './components/BeamArrow.vue';
-import BeamBtn from './components/BeamBtn.vue';
-import BeamDayDivider from './components/BeamDayDivider.vue';
-import BeamFilter from './components/BeamFilter.vue';
-import BeamFilterOption from './components/BeamFilterOption.vue';
-import BeamHeading from './components/BeamHeading.vue';
-import BeamMetadata from './components/BeamMetadata.vue';
-import BeamModal from './components/BeamModal.vue';
-import BeamModalOutlet from './components/BeamModalOutlet.vue';
-import BeamProgress from './components/BeamProgress.vue';
-import Confirm from './components/Confirm.vue';
-import FixedTop from './components/FixedTop.vue';
-import ItemCheck from './components/ItemCheck.vue';
-import ItemCount from './components/ItemCount.vue';
-import ListAnchor from './components/ListAnchor.vue';
-import ListItem from './components/ListItem.vue';
-import ListView from './components/ListView.vue';
-import Navbar from './components/Navbar.vue';
-import ScanInput from './components/ScanInput.vue';
-import SegmentedDisplay from './components/SegmentedDisplay.vue';
-import SplitColumn from './components/SplitColumn.vue';
-import ToggleArrow from './components/ToggleArrow.vue';
-import { useMqttStream } from './composables/mqtt';
-import '../themes/beam.css';
-/**
- * Install all Beam components
- * @param app - Vue app instance
- * @public
- */
-function install(app /* options */) {
-    app.component('ActionFooter', ActionFooter);
-    app.component('BeamArrow', BeamArrow);
-    app.component('BeamBtn', BeamBtn);
-    app.component('BeamDayDivider', BeamDayDivider);
-    app.component('BeamFilter', BeamFilter);
-    app.component('BeamFilterOption', BeamFilterOption);
-    app.component('BeamHeading', BeamHeading);
-    app.component('BeamMetadata', BeamMetadata);
-    app.component('BeamModal', BeamModal);
-    app.component('BeamModalOutlet', BeamModalOutlet);
-    app.component('BeamProgress', BeamProgress);
-    app.component('Confirm', Confirm);
-    app.component('FixedTop', FixedTop);
-    app.component('ItemCheck', ItemCheck);
-    app.component('ItemCount', ItemCount);
-    app.component('ListAnchor', ListAnchor);
-    app.component('ListItem', ListItem);
-    app.component('ListView', ListView);
-    app.component('Navbar', Navbar);
-    app.component('ScanInput', ScanInput);
-    app.component('SegmentedDisplay', SegmentedDisplay);
-    app.component('SplitColumn', SplitColumn);
-    app.component('ToggleArrow', ToggleArrow);
-}
-export { ActionFooter, BeamArrow, BeamBtn, BeamDayDivider, BeamFilter, BeamFilterOption, BeamHeading, BeamMetadata, BeamModal, BeamModalOutlet, BeamProgress, Confirm, FixedTop, ItemCheck, ItemCount, ListAnchor, ListItem, ListView, Navbar, ScanInput, SegmentedDisplay, SplitColumn, ToggleArrow, install, useMqttStream, };

package/src/components/ActionFooter.vue

@@ -1,31 +0,0 @@
-<template>
-	<footer class="beam_action-footer">
-		<span class="footer-action-wrapper">
-			<BeamBtn @click="handleFooterAction">
-				<slot />
-			</BeamBtn>
-		</span>
-	</footer>
-</template>
-
-<script setup lang="ts">
-const emit = defineEmits<{ click: [] }>()
-
-const handleFooterAction = () => {
-	emit('click')
-}
-</script>
-
-<style scoped>
-.beam_action-footer {
-	margin-left: 0;
-	background: linear-gradient(180deg, transparent 0%, white 100%);
-	color: var(--sc-primary-text-color);
-	position: fixed;
-	bottom: 0;
-	left: 0;
-	width: 100%;
-	padding: 0.625rem;
-	text-align: center;
-}
-</style>

package/src/components/BeamArrow.vue

@@ -1,37 +0,0 @@
-<template>
-	<div class="beam_metadata_arrow">
-		<div class="beam_metadata_arrow-body" :style="{ background: color }"></div>
-		<div class="beam_metadata_arrow-head">
-			<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6.74 7.78">
-				<polygon points="6.74 3.89 0 0 0 7.78 6.74 3.89" style="fill: #c4c4c4" :style="{ fill: color }" />
-			</svg>
-		</div>
-	</div>
-</template>
-
-<script setup lang="ts">
-const { color = '#c4c4c4' } = defineProps<{ color?: string }>()
-</script>
-
-<style scoped>
-.beam_metadata_arrow {
-	align-self: center;
-	flex-grow: 1;
-	position: relative;
-	display: flex;
-	align-items: center;
-}
-
-.beam_metadata_arrow-body {
-	width: 100%;
-	height: 10px;
-	background: #c4c4c4;
-}
-
-.beam_metadata_arrow-head {
-	& svg {
-		width: 20px;
-		display: block;
-	}
-}
-</style>