@cjlapao/ui-kit-vue 0.2.0

package/dist/types/vue/src/icons/index.d.ts

@@ -0,0 +1,140 @@
+export * from "./components/Add";
+export * from "./components/ArrowDown";
+export * from "./components/ArrowLeft";
+export * from "./components/ArrowRight";
+export * from "./components/ArrowUp";
+export * from "./components/Attached";
+export * from "./components/Attachment";
+export * from "./components/Back";
+export * from "./components/Blueprint";
+export * from "./components/Bug";
+export * from "./components/Chat";
+export * from "./components/CheckCircle";
+export * from "./components/ChevronLeft";
+export * from "./components/ChevronRight";
+export * from "./components/Clean";
+export * from "./components/Close";
+export * from "./components/Close1";
+export * from "./components/CloudOff";
+export * from "./components/Cog";
+export * from "./components/Complete";
+export * from "./components/Container";
+export * from "./components/CopyClipboard";
+export * from "./components/Dashboard";
+export * from "./components/Details";
+export * from "./components/DockerCopy";
+export * from "./components/Docker";
+export * from "./components/Dots";
+export * from "./components/Download";
+export * from "./components/Edit";
+export * from "./components/Equal";
+export * from "./components/Error";
+export * from "./components/Export";
+export * from "./components/EyeClosed";
+export * from "./components/EyeOpen";
+export * from "./components/Globe";
+export * from "./components/Help";
+export * from "./components/Idea";
+export * from "./components/Image";
+export * from "./components/Info";
+export * from "./components/Key";
+export * from "./components/LXCOld";
+export * from "./components/LXC";
+export * from "./components/Log";
+export * from "./components/Moon";
+export * from "./components/Notification";
+export * from "./components/Official";
+export * from "./components/Offline";
+export * from "./components/OpenApp";
+export * from "./components/Parameter";
+export * from "./components/Pause";
+export * from "./components/Praise";
+export * from "./components/ReportFeedback";
+export * from "./components/Reset";
+export * from "./components/Restart";
+export * from "./components/Rocket";
+export * from "./components/Run";
+export * from "./components/Save";
+export * from "./components/Scale";
+export * from "./components/Script";
+export * from "./components/Search";
+export * from "./components/Send";
+export * from "./components/Settings";
+export * from "./components/Shop";
+export * from "./components/Star";
+export * from "./components/Stop";
+export * from "./components/Sun";
+export * from "./components/Suspend";
+export * from "./components/ThemeAuto";
+export * from "./components/ThemeDark";
+export * from "./components/ThemeLight";
+export * from "./components/Trash";
+export * from "./components/UX";
+export * from "./components/User";
+export * from "./components/Users";
+export * from "./components/Verified";
+export * from "./components/ViewGrid";
+export * from "./components/ViewRows";
+export * from "./components/Library";
+export * from "./components/Host";
+export * from "./components/VirtualMachine";
+export * from "./components/Role";
+export * from "./components/Roles";
+export * from "./components/Cache";
+export * from "./components/Claim";
+export * from "./components/Claims";
+export * from "./components/KeyManagement";
+export * from "./components/Windows";
+export * from "./components/Ubuntu";
+export * from "./components/Debian";
+export * from "./components/Apple";
+export * from "./components/RedHat";
+export * from "./components/Fedora";
+export * from "./components/CentOS";
+export * from "./components/KaliLinux";
+export * from "./components/Clone";
+export * from "./components/Copy";
+export * from "./components/Live";
+export * from "./components/HealthCheck";
+export * from "./components/ReverseProxy";
+export * from "./components/ReverseProxyRoutes";
+export * from "./components/ReverseProxyCORS";
+export * from "./components/ReverseProxyFrom";
+export * from "./components/ReverseProxyHeadersRequest";
+export * from "./components/ReverseProxyHeadersResponse";
+export * from "./components/ReverseProxyHTTP";
+export * from "./components/ReverseProxyTLS";
+export * from "./components/ReverseProxyTo";
+export * from "./components/ReverseProxyTCP";
+export * from "./components/Refresh";
+export * from "./components/Calendar";
+export * from "./components/Folder";
+export * from "./components/Jobs";
+export * from "./components/Warning";
+export * from "./components/Artifactory";
+export * from "./components/Azure";
+export * from "./components/Minio";
+export * from "./components/Aws";
+export * from "./components/Orchestrator";
+export * from "./components/Podman";
+export * from "./components/PodmanDesktop";
+export * from "./components/Group";
+export * from "./components/Database";
+export * from "./components/Pin";
+export * from "./components/RemoteHost";
+export * from "./components/Login";
+export * from "./components/Logout";
+export * from "./components/Snapshot";
+export * from "./components/Revert";
+export * from "./components/CleanBrush";
+export * from "./components/Pull";
+export * from "./components/Push";
+export * from "./components/CatalogVersion";
+export * from "./components/File";
+export * from "./components/Revoke";
+export * from "./components/Taint";
+export * from "./components/Unlock";
+export * from "./components/Check";
+export * from "./components/ArrowChevronLeft";
+export * from "./components/ArrowChevronRight";
+export * from "./components/Drag";

package/dist/types/vue/src/icons/registry.d.ts

@@ -0,0 +1,3 @@
+import type { Component } from "vue";
+export type IconName = "Add" | "ArrowDown" | "ArrowLeft" | "ArrowRight" | "ArrowUp" | "Attached" | "Attachment" | "Back" | "Blueprint" | "Bug" | "Chat" | "CheckCircle" | "ChevronLeft" | "ChevronRight" | "Clean" | "Close" | "Close1" | "CloudOff" | "Cog" | "Complete" | "Container" | "CopyClipboard" | "Dashboard" | "Details" | "Docker copy" | "Docker" | "Dots" | "Download" | "Edit" | "Equal" | "Error" | "Export" | "EyeClosed" | "EyeOpen" | "Globe" | "Help" | "Idea" | "Image" | "Info" | "Key" | "LXC-Old" | "LXC" | "Log" | "Moon" | "Notification" | "Official" | "Offline" | "OpenApp" | "Parameter" | "Pause" | "Praise" | "ReportFeedback" | "Reset" | "Restart" | "Rocket" | "Run" | "Save" | "Scale" | "Script" | "Search" | "Send" | "Settings" | "Shop" | "Star" | "Stop" | "Sun" | "Suspend" | "ThemeAuto" | "ThemeDark" | "ThemeLight" | "Trash" | "UX" | "User" | "Users" | "Verified" | "ViewGrid" | "ViewRows" | "Library" | "Host" | "VirtualMachine" | "Role" | "Roles" | "Cache" | "Claim" | "Claims" | "KeyManagement" | "Windows" | "Ubuntu" | "Debian" | "Apple" | "KaliLinux" | "RedHat" | "Fedora" | "CentOS" | "Clone" | "Copy" | "Live" | "HealthCheck" | "ReverseProxy" | "ReverseProxyCORS" | "ReverseProxyRoutes" | "ReverseProxyFrom" | "ReverseProxyHeadersRequest" | "ReverseProxyHeadersResponse" | "ReverseProxyHTTP" | "ReverseProxyTo" | "ReverseProxyTLS" | "ReverseProxyTCP" | "Refresh" | "Calendar" | "Folder" | "Jobs" | "Warning" | "Artifactory" | "Azure" | "Minio" | "Aws" | "Orchestrator" | "Podman" | "PodmanDesktop" | "Group" | "Pin" | "Database" | "RemoteHost" | "Login" | "Logout" | "Snapshot" | "Revert" | "CleanBrush" | "Pull" | "Push" | "CatalogVersion" | "File" | "Revoke" | "Taint" | "Unlock" | "Check" | "ArrowChevronLeft" | "ArrowChevronRight" | "Drag";
+export declare const iconRegistry: Record<IconName, Component>;

package/dist/types/vue/src/index.d.ts

@@ -0,0 +1,16 @@
+export * from "./components";
+export * from "./contexts";
+export * from "./contexts/BottomSheetContext";
+export * from "./composables";
+export * from "./theme";
+export * from "./utils";
+export * from "./types";
+export * from "./components/MetricBar.vue";
+export type { KeyValuePair } from "./components/KeyValueArrayField.vue";
+export type { StepStatus, StepperVariant, StepperOrientation, StepperSize, StepperConnector, StepperConnectorAlign, StepperProgressBarPosition, } from "./components/Stepper.vue";
+export type { IconName } from "./icons/registry";
+export { iconRegistry } from "./icons/registry";
+export { default as MultiToggle } from "./components/MultiToggle.vue";
+export { Sun } from "./icons/components/Sun";
+export { Moon } from "./icons/components/Moon";
+export { ThemeAuto } from "./icons/components/ThemeAuto";

package/dist/types/vue/src/theme/ButtonTypes.d.ts

@@ -0,0 +1 @@
+export * from "../../../common/theme/ButtonTypes";

package/dist/types/vue/src/theme/Theme.d.ts

@@ -0,0 +1 @@
+export * from "../../../common/theme/Theme";

package/dist/types/vue/src/theme/glass.d.ts

@@ -0,0 +1 @@
+export * from "../../../common/theme/glass";

package/dist/types/vue/src/theme/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Theme";
+export * from "./ButtonTypes";
+export * from "./randomThemeColor";

package/dist/types/vue/src/theme/randomThemeColor.d.ts

@@ -0,0 +1 @@
+export * from "../../../common/theme/randomThemeColor";

package/dist/types/vue/src/types/App.d.ts

@@ -0,0 +1 @@
+export * from "../../../common/types/App";

package/dist/types/vue/src/types/BottomSheetContext.d.ts

@@ -0,0 +1,22 @@
+import type { VNodeChild } from "vue";
+export interface BottomSheetControls {
+    dismiss: () => void;
+}
+export type BottomSheetRenderable = VNodeChild | ((controls: BottomSheetControls) => VNodeChild);
+export interface BottomSheetOptions {
+    id?: string;
+    title?: VNodeChild;
+    description?: VNodeChild;
+    content?: BottomSheetRenderable;
+    actions?: BottomSheetRenderable;
+    showCloseButton?: boolean;
+    backdropDismiss?: boolean;
+    className?: string;
+    onClose?: () => void;
+}
+export interface BottomSheetContextValue {
+    presentSheet: (options: BottomSheetOptions) => void;
+    dismissSheet: () => void;
+    isOpen: boolean;
+    currentSheet: BottomSheetOptions | null;
+}

package/dist/types/vue/src/types/CapsuleBlueprint.d.ts

@@ -0,0 +1 @@
+export * from "../../../common/types/CapsuleBlueprint";

package/dist/types/vue/src/types/Icon.d.ts

@@ -0,0 +1,15 @@
+import type { VNode, VNodeChild } from "vue";
+export type IconSize = "xs" | "sm" | "md" | "lg" | "xl";
+/**
+ * Base icon name type - apps can extend this with their own icon names
+ */
+export type BaseIconName = string;
+/**
+ * Icon renderer function type (Vue flavor — accepts a VNode where the React
+ * kit accepts a ReactElement, returns renderable VNode children).
+ */
+export type IconRenderer = (icon: BaseIconName | VNode | undefined, size: IconSize | undefined, className?: string) => VNodeChild;
+/**
+ * Default no-op icon renderer - returns null for string icons
+ */
+export declare const defaultIconRenderer: IconRenderer;

package/dist/types/vue/src/types/Toast.d.ts

@@ -0,0 +1,38 @@
+import type { VNodeChild } from "vue";
+import { type IconName } from "../icons/registry";
+export type ToastType = "success" | "error" | "info" | "warning" | "loading";
+export interface ToastAction {
+    label: string;
+    onClick?: () => void;
+    variant?: "primary" | "secondary" | "danger";
+    icon?: IconName;
+    customIcon?: VNodeChild;
+    keepOpen?: boolean;
+}
+export interface ToastProgress {
+    percent: number;
+    status: "running" | "paused" | "completed" | "error";
+    indeterminate: boolean;
+}
+export interface Toast {
+    id: string;
+    type: ToastType;
+    message: string | VNodeChild;
+    duration?: number;
+    description?: string;
+    label?: string;
+    icon?: IconName;
+    details?: VNodeChild;
+    actions?: ToastAction[];
+    channel?: string;
+    timestamp: number;
+    isRead?: boolean;
+    updatedAt?: number;
+    _updateTimestamp?: number;
+    progress?: ToastProgress;
+    autoClose?: boolean;
+    autoCloseDuration?: number;
+    dismissible?: boolean;
+    showIcon?: boolean;
+    _remove?: boolean;
+}

package/dist/types/vue/src/types/Variables.d.ts

@@ -0,0 +1 @@
+export * from "../../../common/types/Variables";

package/dist/types/vue/src/types/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./Icon";
+export * from "./App";
+export * from "./Variables";
+export * from "./CapsuleBlueprint";
+export * from "./Toast";
+export * from "../icons/registry";

package/dist/types/vue/src/utils/attrsUtils.d.ts

@@ -0,0 +1,15 @@
+import { type ComputedRef } from "vue";
+/**
+ * Split fallthrough attrs into the normalized `class` string and the rest.
+ *
+ * Components that merge the incoming class with their own computed classes
+ * (the React kit's `className` pattern) must set
+ * `defineOptions({ inheritAttrs: false })`, feed `classAttr` through
+ * `classnames()`/`mergeClassTokens()` and bind the remainder with
+ * `v-bind="restAttrs"` so Vue's default class concatenation doesn't
+ * duplicate conflicting Tailwind tokens.
+ */
+export declare function useClassAttrs(): {
+    classAttr: ComputedRef<string | undefined>;
+    restAttrs: ComputedRef<Record<string, unknown>>;
+};

package/dist/types/vue/src/utils/bytesUtils.d.ts

@@ -0,0 +1 @@
+export * from "../../../common/utils/bytesUtils";

package/dist/types/vue/src/utils/dependencyUtils.d.ts

@@ -0,0 +1 @@
+export * from "../../../common/utils/dependencyUtils";

package/dist/types/vue/src/utils/durationUtils.d.ts

@@ -0,0 +1 @@
+export * from "../../../common/utils/durationUtils";

package/dist/types/vue/src/utils/focusUtils.d.ts

@@ -0,0 +1 @@
+export * from "../../../common/utils/focusUtils";

package/dist/types/vue/src/utils/gravatar.d.ts

@@ -0,0 +1 @@
+export * from "../../../common/utils/gravatar";

package/dist/types/vue/src/utils/iconUtils.d.ts

@@ -0,0 +1 @@
+export * from "../../../common/utils/iconUtils";

package/dist/types/vue/src/utils/index.d.ts

@@ -0,0 +1,10 @@
+export * from "./iconUtils";
+export * from "./focusUtils";
+export * from "./stringUtils";
+export * from "./durationUtils";
+export * from "./bytesUtils";
+export * from "./renderIcon";
+export * from "./dependencyUtils";
+export * from "./gravatar";
+export * from "./toastUtils";
+export * from "./smartVariables";

package/dist/types/vue/src/utils/renderIcon.d.ts

@@ -0,0 +1,2 @@
+import { type IconRenderer } from "../types";
+export declare const renderIcon: IconRenderer;

package/dist/types/vue/src/utils/smartVariables.d.ts

@@ -0,0 +1 @@
+export * from "../../../common/utils/smartVariables";

package/dist/types/vue/src/utils/stringUtils.d.ts

@@ -0,0 +1 @@
+export * from "../../../common/utils/stringUtils";

package/dist/types/vue/src/utils/toastUtils.d.ts

@@ -0,0 +1,2 @@
+import { Toast } from "../types/Toast";
+export declare function getToastTimestamp(toast: Toast): number;

package/dist/ui-kit-vue.css

@@ -0,0 +1 @@
+@keyframes progress-shimmer{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes progress-stripes{0%{background-position:0 0}to{background-position:34px 0}}@keyframes progress-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes startup-stage-connector-slide{0%{background-position:0% 0}to{background-position:200% 0}}.startup-stage-connector--animated{position:relative;overflow:hidden;background-image:linear-gradient(90deg,#38bdf826,#3b82f6b3,#38bdf826);background-size:200% 100%;animation:startup-stage-connector-slide 1.25s linear infinite}

package/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "@cjlapao/ui-kit-vue",
+  "version": "0.2.0",
+  "private": false,
+  "type": "module",
+  "scripts": {
+    "build": "vite build && npm run build:types && npm run build:css",
+    "build:types": "vue-tsc -p tsconfig.build.json",
+    "build:css": "tailwindcss -i ./src/styles.css -o ./dist/index.css",
+    "dev": "vite build --watch",
+    "lint": "vue-tsc --noEmit",
+    "test": "vitest run --coverage",
+    "test:watch": "vitest",
+    "generate:icons": "tsx scripts/generate-vue-icons.ts"
+  },
+  "files": [
+    "dist"
+  ],
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/types/vue/src/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/vue/src/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./styles.css": "./dist/index.css"
+  },
+  "peerDependencies": {
+    "vue": "^3.5.0",
+    "vue-router": "^4.0.0"
+  },
+  "peerDependenciesMeta": {
+    "vue-router": {
+      "optional": true
+    }
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://npm.pkg.github.com"
+  },
+  "dependencies": {
+    "classnames": "^2.5.1",
+    "clsx": "^2.1.1",
+    "crypto-js": "^4.2.0",
+    "tailwind-merge": "^3.6.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/cli": "^4.3.1",
+    "@types/crypto-js": "^4.2.2",
+    "@types/node": "^24.0.0",
+    "@vitejs/plugin-vue": "^5.2.0",
+    "@vitest/coverage-v8": "^4.1.9",
+    "@vue/test-utils": "^2.4.6",
+    "jsdom": "^29.1.1",
+    "tailwindcss": "^4.3.1",
+    "tsx": "^4.22.4",
+    "typescript": "~5.9.0",
+    "vite": "^6.3.0",
+    "vitest": "^4.1.9",
+    "vue": "^3.5.0",
+    "vue-router": "^4.5.0",
+    "vue-tsc": "^2.2.0"
+  }
+}