@acronis-platform/shadcn-uikit 0.1.0

package/dist/react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/shadcn-uikit.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root{--color-brand-primary: 213 65% 46%;--color-brand-secondary: 211 100% 45%;--color-brand-lightest: 213 65% 97%;--color-brand-light: 213 65% 96%;--color-text-primary: 215 26% 20%;--color-text-secondary: 215 26% 46%;--color-text-tertiary: 215 14% 39%;--color-surface-primary: 0 0% 100%;--color-surface-secondary: 210 100% 15%;--color-surface-overlay: 215 26% 20%;--color-surface-elevated: 0 0% 100%;--color-status-success: 73 68% 45%;--color-status-success-light: 84 67% 93%;--color-status-success-dark: 84 98% 21%;--color-status-info: 211 82% 60%;--color-status-info-light: 214 78% 95%;--color-status-info-dark: 214 68% 38%;--color-status-warning: 45 100% 52%;--color-status-warning-light: 45 100% 95%;--color-status-warning-dark: 30 50% 37%;--color-status-danger: 0 77% 57%;--color-status-danger-light: 0 100% 96%;--color-status-danger-dark: 0 72% 45%;--color-status-critical: 25 100% 52%;--color-status-critical-light: 27 95% 92%;--color-status-critical-dark: 11 73% 41%;--color-neutral: 220 11% 62%;--color-neutral-light: 220 11% 92%;--color-neutral-dark: 215 14% 39%;--color-ai: 263deg 77% 57%;--color-ai-light: 273deg 85% 97%;--color-ai-dark: 263deg 77% 57%;--opacity-10: .1;--opacity-20: .2;--opacity-30: .3;--opacity-40: .4;--opacity-50: .5;--opacity-70: .7;--opacity-90: .9}@layer base{:root{--semantic-bg-base: var(--color-surface-primary);--semantic-bg-elevated: var(--color-surface-elevated);--semantic-bg-muted: var(--color-brand-lightest);--semantic-bg-brand: var(--color-brand-primary);--semantic-bg-overlay: var(--color-surface-overlay);--semantic-text-primary: var(--color-text-primary);--semantic-text-secondary: var(--color-text-secondary);--semantic-text-tertiary: var(--color-text-tertiary);--semantic-text-inverse: var(--color-surface-primary);--semantic-text-brand: var(--color-brand-primary);--semantic-border-default: 213 65% 85%;--semantic-border-strong: var(--color-brand-primary);--semantic-border-subtle: 213 65% 92%;--semantic-interactive-default: var(--color-brand-primary);--semantic-interactive-hover: var(--color-brand-light);--semantic-interactive-active: var(--color-brand-primary);--semantic-interactive-disabled: var(--color-text-tertiary);--semantic-interactive-focus: var(--color-brand-primary);--semantic-status-success: var(--color-status-success);--semantic-status-success-bg: var(--color-status-success-light);--semantic-status-success-text: var(--color-status-success-dark);--semantic-status-info: var(--color-status-info);--semantic-status-info-bg: var(--color-status-info-light);--semantic-status-info-text: var(--color-status-info-dark);--semantic-status-warning: var(--color-status-warning);--semantic-status-warning-bg: var(--color-status-warning-light);--semantic-status-warning-text: var(--color-status-warning-dark);--semantic-status-danger: var(--color-status-danger);--semantic-status-danger-bg: var(--color-status-danger-light);--semantic-status-danger-text: var(--color-status-danger-dark);--semantic-status-critical: var(--color-status-critical);--semantic-status-critical-bg: var(--color-status-critical-light);--semantic-status-critical-text: var(--color-status-critical-dark);--semantic-status-neutral: var(--color-neutral);--semantic-status-neutral-bg: var(--color-neutral-light);--semantic-status-neutral-text: var(--color-neutral-dark);--semantic-status-ai: var(--color-ai);--semantic-status-ai-bg: var(--color-ai-light);--semantic-status-ai-text: var(--color-ai-dark);--semantic-nav-bg: var(--color-surface-secondary);--semantic-nav-text: var(--color-surface-primary);--semantic-nav-active: var(--color-brand-secondary);--semantic-radius: .25rem;--av-chart-1: oklch(64.6% .222 41.116deg);--av-chart-2: oklch(60% .118 184.704deg);--av-chart-3: oklch(39.8% .07 227.392deg);--av-chart-4: oklch(82.8% .189 84.429deg);--av-chart-5: oklch(76.9% .188 70.08deg);--av-chart-blue: oklch(52.7% .16 257.94deg);--av-chart-brown: oklch(60.6% .105 62.98deg);--av-chart-critical: oklch(73.4% .184 52.786deg);--av-chart-danger: oklch(61.7% .21 26.1deg);--av-chart-green: oklch(65.4% .11 189deg);--av-chart-grey: oklch(68.4% .01 257.94deg);--av-chart-info: var(--av-brand-secondary);--av-chart-light-blue: oklch(80.9% .09 240deg);--av-chart-neutral: oklch(90.6% 0 257.94deg);--av-chart-purple: oklch(71.4% .19 314.82deg);--av-chart-red: oklch(66.9% .184 23.483deg);--av-chart-success: oklch(75.9% .177 123.498deg);--av-chart-transparent: oklch(80.9% .09 240deg / 50%);--av-chart-turquoise: oklch(70.5% .13 230deg);--av-chart-violet: oklch(51.5% .09 299deg);--av-chart-warning: oklch(84.4% .17 84.9deg);--av-chart-yellow: oklch(84% .14 95deg)}.dark{--semantic-bg-base: var(--color-text-primary);--semantic-bg-elevated: 215 26% 23%;--semantic-bg-muted: 215 26% 30%;--semantic-bg-brand: var(--color-brand-primary);--semantic-bg-overlay: 215 26% 25%;--semantic-text-primary: var(--color-surface-primary);--semantic-text-secondary: 0 0% 70%;--semantic-text-tertiary: 0 0% 60%;--semantic-text-inverse: var(--color-text-primary);--semantic-text-brand: var(--color-brand-primary);--semantic-border-default: 215 26% 35%;--semantic-border-strong: 215 26% 40%;--semantic-border-subtle: 215 26% 25%;--semantic-interactive-default: var(--color-brand-primary);--semantic-interactive-hover: 213 65% 56%;--semantic-interactive-active: var(--color-brand-primary);--semantic-interactive-disabled: 215 26% 40%;--semantic-interactive-focus: var(--color-brand-primary);--semantic-status-success-bg: 73 68% 20%;--semantic-status-success-text: var(--color-status-success-light);--semantic-status-info-bg: 211 82% 20%;--semantic-status-info-text: var(--color-status-info-light);--semantic-status-warning-bg: 45 100% 20%;--semantic-status-warning-text: var(--color-status-warning-light);--semantic-status-danger-bg: 0 77% 20%;--semantic-status-danger-text: var(--color-status-danger-light);--semantic-status-critical-bg: 25 100% 20%;--semantic-status-critical-text: var(--color-status-critical-light);--semantic-status-neutral-bg: 220 11% 25%;--semantic-status-neutral-text: var(--color-neutral-light);--av-chart-1: oklch(48.8% .243 264.376deg);--av-chart-2: oklch(69.6% .17 162.48deg);--av-chart-3: oklch(76.9% .188 70.08deg);--av-chart-4: oklch(62.7% .265 303.9deg);--av-chart-5: oklch(64.5% .246 16.439deg)}}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@tailwind base;@tailwind components;@tailwind utilities;

package/dist/styles.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export type Variant = 'primary' | 'secondary' | 'destructive' | 'outline' | 'ghost' | 'link';
+export type Size = 'sm' | 'md' | 'lg';

package/dist/types/playground/index.d.ts

@@ -0,0 +1,3 @@
+export * from './theme';
+export * from './tokens';
+export * from './state';

package/dist/types/playground/state.d.ts

@@ -0,0 +1,31 @@
+import { Theme } from './theme';
+import { TokenSet } from './tokens';
+/**
+ * UI state for playground interface
+ */
+export interface UIState {
+    tokenEditorOpen: boolean;
+    showcaseMode: 'grid' | 'detail';
+    selectedComponent?: string;
+    searchQuery: string;
+    filterCategory?: string;
+}
+/**
+ * User preferences
+ */
+export interface Preferences {
+    autoApplyChanges: boolean;
+    showCodeSnippets: boolean;
+    viewportSize: 'mobile' | 'tablet' | 'desktop';
+}
+/**
+ * Complete playground state
+ */
+export interface PlaygroundState {
+    theme: Theme;
+    activeTokenSetId: string;
+    tokenSets: Record<string, TokenSet>;
+    customTokenSet?: TokenSet;
+    ui: UIState;
+    preferences: Preferences;
+}

package/dist/types/playground/theme.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Theme mode enumeration
+ */
+export declare enum ThemeMode {
+    LIGHT = "light",
+    DARK = "dark",
+    SYSTEM = "system"
+}
+/**
+ * Theme configuration
+ */
+export interface Theme {
+    mode: ThemeMode;
+}

package/dist/types/playground/tokens.d.ts

@@ -0,0 +1,68 @@
+/**
+ * Color token with HSL, OKLCH values and CSS/hex representations
+ */
+export interface ColorToken {
+    h: number;
+    s: number;
+    l: number;
+    css: string;
+    hex: string;
+    oklch?: {
+        l: number;
+        c: number;
+        h: number;
+        css: string;
+    };
+}
+/**
+ * Complete color palette for a theme
+ */
+export interface ColorPalette {
+    background: ColorToken;
+    foreground: ColorToken;
+    card: ColorToken;
+    cardForeground: ColorToken;
+    popover: ColorToken;
+    popoverForeground: ColorToken;
+    primary: ColorToken;
+    primaryForeground: ColorToken;
+    secondary: ColorToken;
+    secondaryForeground: ColorToken;
+    muted: ColorToken;
+    mutedForeground: ColorToken;
+    accent: ColorToken;
+    accentForeground: ColorToken;
+    destructive: ColorToken;
+    destructiveForeground: ColorToken;
+    border: ColorToken;
+    input: ColorToken;
+    ring: ColorToken;
+}
+/**
+ * Border radius configuration
+ */
+export interface RadiusConfig {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    full: string;
+}
+/**
+ * Complete token set with light/dark palettes and radius
+ */
+export interface TokenSet {
+    id: string;
+    name: string;
+    description?: string;
+    light: ColorPalette;
+    dark: ColorPalette;
+    radius: RadiusConfig;
+}
+/**
+ * Deep partial type for token updates
+ */
+export type DeepPartial<T> = {
+    [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
+};

package/dist/utils/cn.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/utils/index.d.ts

@@ -0,0 +1 @@
+export { cn } from './cn';

package/package.json

@@ -0,0 +1,138 @@
+{
+  "name": "@acronis-platform/shadcn-uikit",
+  "version": "0.1.0",
+  "description": "Acronis shadcn UI component library built with TypeScript, following shadcn design principles",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./react": {
+      "import": "./dist/react.js",
+      "types": "./dist/react.d.ts"
+    },
+    "./styles": "./dist/shadcn-uikit.css",
+    "./components/*": "./dist/components/*"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@hookform/resolvers": "^3.9.1",
+    "@radix-ui/react-accordion": "^1.2.12",
+    "@radix-ui/react-alert-dialog": "^1.1.15",
+    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-navigation-menu": "^1.2.14",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-progress": "^1.1.8",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@tanstack/react-table": "^8.21.3",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.0",
+    "cmdk": "^1.1.1",
+    "culori": "^4.0.2",
+    "date-fns": "^4.1.0",
+    "embla-carousel-react": "^8.6.0",
+    "lucide-react": "^0.309.0",
+    "next-themes": "^0.4.6",
+    "react-day-picker": "^9.13.0",
+    "react-hook-form": "^7.69.0",
+    "recharts": "^3.6.0",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^2.2.0",
+    "vaul": "^1.1.2",
+    "zod": "^4.2.1"
+  },
+  "devDependencies": {
+    "@playwright/test": "1.56.1",
+    "@storybook/addon-a11y": "10.1.10",
+    "@storybook/addon-docs": "^10.1.10",
+    "@storybook/addon-links": "^10.1.10",
+    "@storybook/addon-vitest": "10.1.11",
+    "@storybook/react": "^10.1.10",
+    "@storybook/react-vite": "^10.1.10",
+    "@storybook/test-runner": "0.24.2",
+    "@testing-library/jest-dom": "^6.2.0",
+    "@testing-library/react": "^14.1.2",
+    "@testing-library/user-event": "^14.5.2",
+    "@types/node": "^20.11.0",
+    "@types/react": "^18.2.48",
+    "@types/react-dom": "^18.2.18",
+    "@vitejs/plugin-react": "5.1.1",
+    "@vitest/browser-playwright": "4.0.17",
+    "autoprefixer": "^10.4.17",
+    "eslint": "9.39.2",
+    "happy-dom": "20.1.0",
+    "jest-image-snapshot": "6.5.1",
+    "postcss": "^8.5.6",
+    "sass-embedded": "1.97.2",
+    "storybook": "^10.1.10",
+    "tailwindcss": "^3.4.1",
+    "tailwindcss-animate": "^1.0.7",
+    "typescript": "^5.5.3",
+    "vite": "^6.3.5",
+    "vite-plugin-dts": "^4.3.0",
+    "vite-plugin-svgr": "^4.5.0",
+    "vitest": "4.0.17"
+  },
+  "keywords": [
+    "react",
+    "ui",
+    "components",
+    "shadcn",
+    "typescript",
+    "uikit",
+    "multi-framework",
+    "acronis"
+  ],
+  "author": "Acronis International GmbH",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build",
+    "build:lib": "vite build",
+    "build:types": "tsc --project tsconfig.build.json",
+    "dev": "vite build --watch",
+    "type-check": "tsc --noEmit",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "test:coverage": "vitest --coverage",
+    "lint": "eslint src/",
+    "lint:fix": "eslint src/ --fix",
+    "storybook": "storybook dev -p 6006",
+    "storybook:build": "storybook build",
+    "storybook:test:visual": "test-storybook",
+    "storybook:test:visual:update": "test-storybook --updateSnapshot"
+  }
+}