@buillaume.biondo/fab-ui 0.1.0

package/dist/lib/utils.d.ts

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

package/dist/style.css

@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=JetBrains+Mono:wght@400;500&display=swap";@custom-variant dark (&:is(.dark *));@theme inline{ --font-display: "Marianne", system-ui, sans-serif; --font-sans: "DM Sans", system-ui, sans-serif; --font-mono: "JetBrains Mono", ui-monospace, monospace; --radius-sm: var(--radius-sm); --radius-md: var(--radius-md); --radius-lg: var(--radius-lg); --radius-full: var(--radius-full); --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-sidebar: var(--sidebar-background); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); }:root{--brand-975: #f4f6ff;--brand-950: #e8edff;--brand-900: #c5d2f7;--brand-800: #92aef0;--brand-700: #5a85e8;--brand-600: #2d62d9;--brand-500: #1a4fbf;--brand-400: #1242a3;--brand-300: #0d3282;--brand-200: #092561;--brand-100: #061a45;--brand-50: #030e26;--grey-975: #f6f6f6;--grey-950: #eeeeee;--grey-900: #e5e5e5;--grey-850: #cecece;--grey-800: #b7b7b7;--grey-625: #929292;--grey-425: #666666;--grey-200: #3a3a3a;--grey-50: #161616;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--transition-fast: .1s ease;--transition-base: .2s ease;--transition-slow: .35s ease;--color-bg: #ffffff;--color-bg-subtle: var(--grey-975);--color-bg-raised: #ffffff;--color-border: var(--grey-900);--color-border-strong: var(--grey-800);--color-text: var(--grey-50);--color-text-subtle: var(--grey-425);--color-text-disabled: var(--grey-625);--color-text-inverse: #ffffff;--color-action: var(--brand-500);--color-action-hover: var(--brand-400);--color-action-active: var(--brand-300);--color-success: #18753c;--color-success-bg: #dffee8;--color-warning: #b34000;--color-warning-bg: #fff3e5;--color-danger: #ce0500;--color-danger-bg: #fee2e2;--color-info: var(--brand-500);--color-info-bg: var(--brand-975);--color-help: #7c3aed;--color-help-bg: #f5f3ff;--color-contrast: #1f2937;--color-contrast-bg: #f9fafb;--color-state-idle: var(--grey-625);--color-state-run: #16a34a;--color-state-hold: #d97706;--color-state-alarm: #dc2626;--color-state-estop: #b91c1c;--color-state-home: var(--brand-600);--color-state-unreachable: var(--grey-850);--color-laser: #00ff41;--color-laser-glow: rgba(0, 255, 65, .15);--background: #ffffff;--foreground: var(--grey-50);--card: #ffffff;--card-foreground: var(--grey-50);--popover: #ffffff;--popover-foreground: var(--grey-50);--primary: var(--brand-500);--primary-foreground: #ffffff;--secondary: var(--grey-950);--secondary-foreground: var(--grey-50);--muted: var(--grey-975);--muted-foreground: var(--grey-425);--accent: var(--brand-975);--accent-foreground: var(--brand-500);--destructive: #ce0500;--destructive-foreground: #ffffff;--border: var(--grey-900);--input: var(--grey-950);--ring: var(--brand-500);--sidebar-background: var(--grey-975);--sidebar-foreground: var(--grey-200);--sidebar-primary: var(--brand-500);--sidebar-primary-foreground: #ffffff;--sidebar-accent: var(--brand-975);--sidebar-accent-foreground: var(--brand-400);--sidebar-border: var(--grey-900);--sidebar-ring: var(--brand-500);--chart-1: var(--brand-500);--chart-2: #18753c;--chart-3: #b34000;--chart-4: #d97706;--chart-5: var(--brand-700)}.dark{--color-bg: #161616;--color-bg-subtle: #1e1e1e;--color-bg-raised: #2a2a2a;--color-border: #3a3a3a;--color-border-strong: #666666;--color-danger-bg: #2d1515;--color-success-bg: #0f2d1a;--color-warning-bg: #2d1a08;--color-info-bg: #0f1a38;--color-help-bg: #1e1038;--color-contrast-bg: #1f2937;--color-contrast: #f9fafb;--color-help: #a78bfa;--color-text: #eeeeee;--color-text-subtle: #929292;--color-text-disabled: #666666;--color-text-inverse: #161616;--color-action: var(--brand-700);--color-action-hover: var(--brand-800);--color-action-active: var(--brand-600);--color-state-run: #00ff41;--color-state-alarm: #ff3333;--color-state-estop: #ff0000;--color-laser: #00ff41;--color-laser-glow: rgba(0, 255, 65, .15);--background: #161616;--foreground: #eeeeee;--card: #1e1e1e;--card-foreground: #eeeeee;--popover: #1e1e1e;--popover-foreground: #eeeeee;--primary: var(--brand-700);--primary-foreground: #ffffff;--secondary: #2a2a2a;--secondary-foreground: #eeeeee;--muted: #1e1e1e;--muted-foreground: #929292;--accent: #2a2a2a;--accent-foreground: var(--brand-800);--destructive: #ff3333;--destructive-foreground: #ffffff;--border: #3a3a3a;--input: #2a2a2a;--ring: var(--brand-700);--sidebar-background: #0f0f0f;--sidebar-foreground: #eeeeee;--sidebar-primary: var(--brand-700);--sidebar-primary-foreground: #ffffff;--sidebar-accent: #1e1e1e;--sidebar-accent-foreground: var(--brand-800);--sidebar-border: #3a3a3a;--sidebar-ring: var(--brand-700);--chart-1: var(--brand-700);--chart-2: #00ff41;--chart-3: #ff6600;--chart-4: #d97706;--chart-5: var(--brand-800)}[data-radius=square]{--radius-sm: 0px;--radius-md: 2px;--radius-lg: 2px;--radius-full: 2px}@layer base{*,:after,:before,::backdrop,::file-selector-button{border-color:var(--border)}*{@apply border-border outline-ring/50;}html{font-family:DM Sans,system-ui,sans-serif}body{@apply bg-background text-foreground;font-family:DM Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Marianne,system-ui,sans-serif}code,pre,kbd,samp{font-family:JetBrains Mono,ui-monospace,monospace}}@keyframes pulse-run{0%,to{opacity:1}50%{opacity:.6}}@keyframes flash-alarm{0%,to{opacity:1}50%{opacity:.3}}.animate-pulse-run{animation:pulse-run 2s ease-in-out infinite}.animate-flash-alarm{animation:flash-alarm .6s ease-in-out infinite}div[data-v-93b421e9]::-webkit-scrollbar{display:none}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#98c379}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}@keyframes indeterminate-eeebe18a{0%{transform:translate(-100%)}50%{transform:translate(150%)}to{transform:translate(400%)}}.dial-enter-active[data-v-8399d4a5],.dial-leave-active[data-v-8399d4a5]{transition:opacity .15s ease,transform .15s ease}.dial-enter-from[data-v-8399d4a5],.dial-leave-to[data-v-8399d4a5]{opacity:0;transform:scale(.75)}

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ui';
+export * from './ui-kit';

package/dist/types/ui-kit.d.ts

@@ -0,0 +1,12 @@
+/** Sévérité sémantique — commun à Button, Badge, Alert, Card, Tag… */
+export type Severity = 'primary' | 'secondary' | 'success' | 'danger' | 'info' | 'warning' | 'help' | 'contrast';
+/** Taille standardisée — commun à Button, Badge, Avatar, Input… */
+export type Size = 'tiny' | 'small' | 'default' | 'large' | 'extra';
+/** Forme du Button */
+export type ButtonShape = 'plain' | 'outline' | 'ghost' | 'link';
+/** Forme du Badge */
+export type BadgeShape = 'filled' | 'outline' | 'ghost';
+/** Renvoie la CSS custom property de couleur principale pour une sévérité */
+export declare const severityColorVar: Record<Severity, string>;
+/** Renvoie la CSS custom property de couleur de fond pour une sévérité */
+export declare const severityBgVar: Record<Severity, string>;

package/dist/types/ui.d.ts

@@ -0,0 +1,3 @@
+export type Appearance = 'light' | 'dark' | 'system';
+export type ResolvedAppearance = 'light' | 'dark';
+export type RadiusMode = 'default' | 'square';

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@buillaume.biondo/fab-ui",
+  "version": "0.1.0",
+  "type": "module",
+  "files": [
+    "dist",
+    "fonts"
+  ],
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./style": "./dist/style.css"
+  },
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "prepare": "npm run build"
+  },
+  "peerDependencies": {
+    "@vueuse/core": "^12.0.0",
+    "class-variance-authority": "^0.7.0",
+    "lucide-vue-next": ">=0.400.0",
+    "reka-ui": "^2.0.0",
+    "tailwindcss": "^4.0.0",
+    "vue": "^3.5.0",
+    "vue-input-otp": "^0.3.0"
+  },
+  "peerDependenciesMeta": {
+    "@inertiajs/vue3": {
+      "optional": true
+    },
+    "vue-input-otp": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "clsx": "^2.1.1",
+    "highlight.js": "^11.0.0",
+    "tailwind-merge": "^3.2.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^6.0.0",
+    "typescript": "^5.2.0",
+    "vite": "^7.0.0",
+    "vite-plugin-dts": "^4.0.0",
+    "vue": "^3.5.13",
+    "vue-input-otp": "^0.3.2"
+  }
+}