@cocoar/vue-ui 1.0.1 → 1.2.0

package/dist/components/menu/CoarContextMenu.vue.d.ts

@@ -0,0 +1,27 @@
+import { ContextMenuContext } from './useContextMenu';
+type __VLS_Props = {
+    /** Context menu controller returned by useContextMenu() */
+    menu: ContextMenuContext;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        hostRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    hostRef: HTMLDivElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=CoarContextMenu.vue.d.ts.map

package/dist/components/menu/CoarContextMenu.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoarContextMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/menu/CoarContextMenu.vue"],"names":[],"mappings":"AAgHA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAI3D,KAAK,WAAW,GAAG;IACjB,2DAA2D;IAC3D,IAAI,EAAE,kBAAkB,CAAC;CAC1B,CAAC;AAmFF,iBAAS,cAAc;WAyDT,OAAO,IAA6B;;yBAXpB,GAAG;;;;;;EAgBhC;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;OAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/menu/index.d.ts

@@ -5,6 +5,9 @@ export { default as CoarMenuDivider } from './CoarMenuDivider.vue';
 export { default as CoarMenuHeading } from './CoarMenuHeading.vue';
 export { default as CoarSubExpand } from './CoarSubExpand.vue';
 export { default as CoarSubmenuItem } from './CoarSubmenuItem.vue';
+export { default as CoarContextMenu } from './CoarContextMenu.vue';
+export { useContextMenu } from './useContextMenu';
+export type { ContextMenuContext } from './useContextMenu';
 export { MenuCascade, provideMenuCascade, useMenuCascade, provideMenuClose, useMenuClose } from './menu-cascade';
 export { shouldDelaySubmenuSwitch } from './menu-aim';
 export type { MenuAimPoint, MenuAimDirection } from './menu-aim';

package/dist/components/menu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,YAAY,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,cAAc,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACjH,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAC;AACtD,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACjE,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,YAAY,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,cAAc,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACjH,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAC;AACtD,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACjE,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/menu/useContextMenu.d.ts

@@ -0,0 +1,43 @@
+import { DeepReadonly, Ref } from 'vue';
+/**
+ * Reactive state object returned by {@link useContextMenu}.
+ * Pass it to `<CoarContextMenu :menu="...">` to wire up the context menu.
+ */
+export interface ContextMenuContext {
+    /** Whether the context menu is currently open */
+    readonly isOpen: DeepReadonly<Ref<boolean>>;
+    /** Cursor position where the menu was opened — used internally by CoarContextMenu */
+    readonly position: DeepReadonly<Ref<{
+        x: number;
+        y: number;
+    }>>;
+    /** Open the context menu at the pointer position. Calls `preventDefault()` on the event. */
+    open(event: MouseEvent | {
+        clientX: number;
+        clientY: number;
+    }): void;
+    /** Close the context menu */
+    close(): void;
+}
+/**
+ * Composable for managing context menu state.
+ * Use together with `<CoarContextMenu>` to create right-click menus.
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * import { useContextMenu, CoarContextMenu, CoarMenuItem } from '@cocoar/vue-ui';
+ * const menu = useContextMenu();
+ * </script>
+ *
+ * <template>
+ *   <div @contextmenu="menu.open">Right-click here</div>
+ *   <CoarContextMenu :menu="menu">
+ *     <CoarMenuItem label="Copy" icon="copy" />
+ *     <CoarMenuItem label="Delete" icon="trash-2" />
+ *   </CoarContextMenu>
+ * </template>
+ * ```
+ */
+export declare function useContextMenu(): ContextMenuContext;
+//# sourceMappingURL=useContextMenu.d.ts.map

package/dist/components/menu/useContextMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContextMenu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/useContextMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,YAAY,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAEjE;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC,iDAAiD;IACjD,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;IAC5C,qFAAqF;IACrF,QAAQ,CAAC,QAAQ,EAAE,YAAY,CAAC,GAAG,CAAC;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;IAC/D,4FAA4F;IAC5F,IAAI,CAAC,KAAK,EAAE,UAAU,GAAG;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACrE,6BAA6B;IAC7B,KAAK,IAAI,IAAI,CAAC;CACf;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,cAAc,IAAI,kBAAkB,CAsBnD"}

package/dist/components/scrollbar/vScrollbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vScrollbar.d.ts","sourceRoot":"","sources":["../../../src/components/scrollbar/vScrollbar.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAoB,MAAM,KAAK,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAA0C,MAAM,mBAAmB,CAAC;AAE9F;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAE9C;;;;;;GAMG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAEtE;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,QAAQ,GAAG,gBAAgB,GAAG,gBAAgB,CAAC;AAE1F,MAAM,WAAW,gBAAgB;IAC/B,uCAAuC;IACvC,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yEAAyE;IACzE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sDAAsD;IACtD,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,sDAAsD;IACtD,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,2EAA2E;IAC3E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2CAA2C;IAC3C,kBAAkB,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;CAClD;AAyFD;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,UAAU,EAAE,SAAS,CAAC,WAAW,EAAE,gBAAgB,GAAG,OAAO,CA0CzE,CAAC;AAEF;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,EAAE,WAAW,GAAG,iBAAiB,GAAG,IAAI,CAE9E"}
+{"version":3,"file":"vScrollbar.d.ts","sourceRoot":"","sources":["../../../src/components/scrollbar/vScrollbar.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAoB,MAAM,KAAK,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAA0C,MAAM,mBAAmB,CAAC;AAC9F,OAAO,yCAAyC,CAAC;AAEjD;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAE9C;;;;;;GAMG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAEtE;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,QAAQ,GAAG,gBAAgB,GAAG,gBAAgB,CAAC;AAE1F,MAAM,WAAW,gBAAgB;IAC/B,uCAAuC;IACvC,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yEAAyE;IACzE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sDAAsD;IACtD,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,sDAAsD;IACtD,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,2EAA2E;IAC3E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2CAA2C;IAC3C,kBAAkB,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;CAClD;AAyFD;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,UAAU,EAAE,SAAS,CAAC,WAAW,EAAE,gBAAgB,GAAG,OAAO,CA0CzE,CAAC;AAEF;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,EAAE,WAAW,GAAG,iBAAiB,GAAG,IAAI,CAE9E"}

package/dist/components/sidebar/CoarSidebar.vue.d.ts

@@ -1,8 +1,15 @@
+type SidebarVariant = 'primary' | 'secondary';
 type __VLS_Props = {
     /** Sidebar position: left or right side */
     position?: 'left' | 'right';
     /** Collapsed state for narrow/icon-only sidebar */
     collapsed?: boolean;
+    /** Background variant */
+    variant?: SidebarVariant;
+    /** Whether to show elevation shadow */
+    elevated?: boolean;
+    /** Hide the border */
+    borderless?: boolean;
     /** Accessible label for the sidebar landmark */
     ariaLabel?: string;
 };
@@ -18,7 +25,10 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    variant: SidebarVariant;
     ariaLabel: string;
+    elevated: boolean;
+    borderless: boolean;
     collapsed: boolean;
     position: "left" | "right";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;

package/dist/components/sidebar/CoarSidebar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CoarSidebar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/CoarSidebar.vue"],"names":[],"mappings":"AA+HA,KAAK,WAAW,GAAG;IACf,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAiBJ,iBAAS,cAAc;WA4DT,OAAO,IAA6B;;wBAZtB,GAAG;yBACF,GAAG;wBACJ,GAAG;;;;EAe9B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;eA9FL,MAAM;eAFN,OAAO;cAFR,MAAM,GAAG,OAAO;qFA0G7B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CoarSidebar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/CoarSidebar.vue"],"names":[],"mappings":"AA2KA,KAAK,cAAc,GAAG,SAAS,GAAG,WAAW,CAAC;AAE9C,KAAK,WAAW,GAAG;IACf,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yBAAyB;IACzB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAgCJ,iBAAS,cAAc;WA4DT,OAAO,IAA6B;;wBAZtB,GAAG;yBACF,GAAG;wBACJ,GAAG;;;;EAe9B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aApHP,cAAc;eAMZ,MAAM;cAJP,OAAO;gBAEL,OAAO;eANR,OAAO;cAFR,MAAM,GAAG,OAAO;qFAgI7B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/fonts.js

@@ -0,0 +1,6 @@
+import "@fontsource/poppins/400.css";
+import "@fontsource/poppins/500.css";
+import "@fontsource/poppins/600.css";
+import "@fontsource/poppins/700.css";
+import "@fontsource/inter/400.css";
+import "@fontsource/inter/700.css";