@mtngtools/frame-vue 0.0.8-experimental.0 → 0.0.9-experimental.0

package/README.md

@@ -3,12 +3,23 @@
 > [!WARNING]
 > This package is currently **experimental** and in early development. APIs are subject to frequent breaking changes.
 
-Vue.js component and composable library for mtngTOOLS. Built for use in Nuxt apps via a Nuxt module (to be added).
+Vue.js component and composable library for mtngTOOLS. Built for use in Nuxt apps via a Nuxt module.
 
-## Contents
+## Components
 
-- **Components** — Vue 3 SFCs (Composition API). Sample: `SampleGreeting`.
-- **Composables** — Shared logic. Sample: `useCounter`.
+| Component | Description |
+| --- | --- |
+| [`LiveFrame`](./src/components/live/LiveFrame) | Full-screen wrapper for live video players with responsive layout support. |
+| [`SidePanelFrame`](./src/components/live/SidePanelFrame) | Wrapper for controlling and displaying side panel content. |
+| [`SidePanelHeader`](./src/components/live/SidePanelHeader) | Standardized header component for the side panel. |
+| [`SidePanelButtonGroup`](./src/components/live/SidePanelButtonGroup) | Control group for managing panel selection buttons. |
+| [`SidePanelControlButton`](./src/components/live/SidePanelControlButton) | Interactive button for switching side panel states. |
+
+## Composables
+
+| Composable | Description |
+| --- | --- |
+| [`useSimpleLoggedIn`](./src/composables/useSimpleLoggedIn) | Shared reactive state for basic mobile/web "logged in" status. |
 
 ## Usage
 
@@ -19,11 +30,10 @@ pnpm add @mtngtools/frame-vue vue
 ```
 
 ```ts
-import { SampleGreeting, useCounter } from '@mtngtools/frame-vue';
+import { LiveFrame } from '@mtngtools/frame-vue';
+import { useSimpleLoggedIn } from '@mtngtools/frame-vue/composables';
 ```
 
-In a Nuxt app, a Nuxt module can register these for auto-import (module to be created separately).
-
 ## Requirements
 
 - Vue >= 3.5.0

package/dist/components.d.ts

@@ -0,0 +1,2 @@
+export * from './components/index'
+export {}

package/dist/components.js

@@ -0,0 +1,2 @@
+import { a as SidePanelControlButton_default, i as SidePanelButtonGroup_default, n as SidePanelFrame_default, r as SidePanelHeader_default, t as LiveFrame_default } from "./live-C38-eFWG.js";
+export { LiveFrame_default as LiveFrame, SidePanelButtonGroup_default as SidePanelButtonGroup, SidePanelControlButton_default as SidePanelControlButton, SidePanelFrame_default as SidePanelFrame, SidePanelHeader_default as SidePanelHeader };

package/dist/composables/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useSimpleLoggedIn';
+//# sourceMappingURL=index.d.ts.map

package/dist/composables/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composables/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/dist/composables.d.ts

@@ -0,0 +1,2 @@
+export * from './composables/index'
+export {}

package/dist/composables.js

@@ -0,0 +1,17 @@
+import { ref } from "vue";
+var loggedIn = ref(!1);
+function useSimpleLoggedIn() {
+	return {
+		loggedIn,
+		setToLoggedIn: () => {
+			loggedIn.value = !0;
+		},
+		setToLoggedOut: () => {
+			loggedIn.value = !1;
+		},
+		toggleLoggedIn: () => {
+			loggedIn.value = !loggedIn.value;
+		}
+	};
+}
+export { useSimpleLoggedIn };

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export * from './components';
+export * from './composables';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC"}