@mrintel/villain-ui 0.2.2 → 0.6.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (159) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +3490 -1296
  3. package/dist/components/buttons/Button.svelte +27 -0
  4. package/dist/components/buttons/Button.svelte.d.ts +14 -0
  5. package/dist/components/buttons/ButtonGroup.svelte +17 -0
  6. package/dist/components/buttons/ButtonGroup.svelte.d.ts +8 -0
  7. package/dist/components/buttons/FloatingActionButton.svelte +20 -0
  8. package/dist/components/buttons/FloatingActionButton.svelte.d.ts +12 -0
  9. package/dist/components/buttons/IconButton.svelte +23 -0
  10. package/dist/components/buttons/IconButton.svelte.d.ts +14 -0
  11. package/dist/components/buttons/LinkButton.svelte +24 -0
  12. package/dist/components/buttons/LinkButton.svelte.d.ts +15 -0
  13. package/dist/components/buttons/buttonClasses.d.ts +15 -0
  14. package/dist/components/buttons/buttonClasses.js +15 -0
  15. package/dist/components/buttons/index.d.ts +5 -0
  16. package/dist/components/buttons/index.js +5 -0
  17. package/dist/components/cards/Card.svelte +60 -0
  18. package/dist/components/cards/Card.svelte.d.ts +15 -0
  19. package/dist/components/cards/Container.svelte +17 -0
  20. package/dist/components/cards/Container.svelte.d.ts +10 -0
  21. package/dist/components/cards/Divider.svelte +36 -0
  22. package/dist/components/cards/Divider.svelte.d.ts +11 -0
  23. package/dist/components/cards/Grid.svelte +55 -0
  24. package/dist/components/cards/Grid.svelte.d.ts +10 -0
  25. package/dist/components/cards/Panel.svelte +18 -0
  26. package/dist/components/cards/Panel.svelte.d.ts +11 -0
  27. package/dist/components/cards/SectionHeader.svelte +24 -0
  28. package/dist/components/cards/SectionHeader.svelte.d.ts +12 -0
  29. package/dist/components/cards/index.d.ts +6 -0
  30. package/dist/components/cards/index.js +6 -0
  31. package/dist/components/data/Avatar.svelte +48 -0
  32. package/dist/components/data/Avatar.svelte.d.ts +10 -0
  33. package/dist/components/data/Badge.svelte +45 -0
  34. package/dist/components/data/Badge.svelte.d.ts +14 -0
  35. package/dist/components/data/CalendarGrid.svelte +433 -0
  36. package/dist/components/data/CalendarGrid.svelte.d.ts +25 -0
  37. package/dist/components/data/CalendarGrid.types.d.ts +7 -0
  38. package/dist/components/data/CalendarGrid.types.js +1 -0
  39. package/dist/components/data/CodeBlock.svelte +119 -0
  40. package/dist/components/data/CodeBlock.svelte.d.ts +40 -0
  41. package/dist/components/data/List.svelte +87 -0
  42. package/dist/components/data/List.svelte.d.ts +15 -0
  43. package/dist/components/data/Pagination.svelte +121 -0
  44. package/dist/components/data/Pagination.svelte.d.ts +14 -0
  45. package/dist/components/data/Sparkline.svelte +117 -0
  46. package/dist/components/data/Sparkline.svelte.d.ts +43 -0
  47. package/dist/components/data/Stat.svelte +92 -0
  48. package/dist/components/data/Stat.svelte.d.ts +11 -0
  49. package/dist/components/data/Table.svelte +443 -0
  50. package/dist/components/data/Table.svelte.d.ts +30 -0
  51. package/dist/components/data/Table.types.d.ts +14 -0
  52. package/dist/components/data/Table.types.js +1 -0
  53. package/dist/components/data/Tag.svelte +51 -0
  54. package/dist/components/data/Tag.svelte.d.ts +13 -0
  55. package/dist/components/data/index.d.ts +12 -0
  56. package/dist/components/data/index.js +10 -0
  57. package/dist/components/forms/Checkbox.svelte +39 -0
  58. package/dist/components/forms/Checkbox.svelte.d.ts +12 -0
  59. package/dist/components/forms/DatePicker.svelte +61 -0
  60. package/dist/components/forms/DatePicker.svelte.d.ts +15 -0
  61. package/dist/components/forms/DateTimePicker.svelte +63 -0
  62. package/dist/components/forms/DateTimePicker.svelte.d.ts +16 -0
  63. package/dist/components/forms/FileUpload.svelte +136 -0
  64. package/dist/components/forms/FileUpload.svelte.d.ts +23 -0
  65. package/dist/components/forms/Input.svelte +282 -0
  66. package/dist/components/forms/Input.svelte.d.ts +19 -0
  67. package/dist/components/forms/InputGroup.svelte +7 -0
  68. package/dist/components/forms/InputGroup.svelte.d.ts +20 -0
  69. package/dist/components/forms/RadioGroup.svelte +77 -0
  70. package/dist/components/forms/RadioGroup.svelte.d.ts +17 -0
  71. package/dist/components/forms/RangeSlider.svelte +90 -0
  72. package/dist/components/forms/RangeSlider.svelte.d.ts +14 -0
  73. package/dist/components/forms/Select.svelte +106 -0
  74. package/dist/components/forms/Select.svelte.d.ts +18 -0
  75. package/dist/components/forms/Switch.svelte +44 -0
  76. package/dist/components/forms/Switch.svelte.d.ts +12 -0
  77. package/dist/components/forms/Textarea.svelte +52 -0
  78. package/dist/components/forms/Textarea.svelte.d.ts +15 -0
  79. package/dist/components/forms/TimePicker.svelte +63 -0
  80. package/dist/components/forms/TimePicker.svelte.d.ts +16 -0
  81. package/dist/components/forms/formClasses.d.ts +3 -0
  82. package/dist/components/forms/formClasses.js +3 -0
  83. package/dist/components/forms/index.d.ts +12 -0
  84. package/dist/components/forms/index.js +12 -0
  85. package/dist/components/navigation/Breadcrumbs.svelte +56 -0
  86. package/dist/components/navigation/Breadcrumbs.svelte.d.ts +15 -0
  87. package/dist/components/navigation/ContextMenu.svelte +133 -0
  88. package/dist/components/navigation/ContextMenu.svelte.d.ts +18 -0
  89. package/dist/components/navigation/DropdownMenu.svelte +139 -0
  90. package/dist/components/navigation/DropdownMenu.svelte.d.ts +17 -0
  91. package/dist/components/navigation/Menu.svelte +72 -0
  92. package/dist/components/navigation/Menu.svelte.d.ts +15 -0
  93. package/dist/components/navigation/Navbar.svelte +111 -0
  94. package/dist/components/navigation/Navbar.svelte.d.ts +15 -0
  95. package/dist/components/navigation/Sidebar.svelte +236 -0
  96. package/dist/components/navigation/Sidebar.svelte.d.ts +12 -0
  97. package/dist/components/navigation/Tabs.svelte +86 -0
  98. package/dist/components/navigation/Tabs.svelte.d.ts +19 -0
  99. package/dist/components/navigation/index.d.ts +7 -0
  100. package/dist/components/navigation/index.js +7 -0
  101. package/dist/components/overlays/Alert.svelte +81 -0
  102. package/dist/components/overlays/Alert.svelte.d.ts +15 -0
  103. package/dist/components/overlays/CommandPalette.svelte +182 -0
  104. package/dist/components/overlays/CommandPalette.svelte.d.ts +16 -0
  105. package/dist/components/overlays/Drawer.svelte +158 -0
  106. package/dist/components/overlays/Drawer.svelte.d.ts +16 -0
  107. package/dist/components/overlays/Dropdown.svelte +62 -0
  108. package/dist/components/overlays/Dropdown.svelte.d.ts +11 -0
  109. package/dist/components/overlays/Modal.svelte +125 -0
  110. package/dist/components/overlays/Modal.svelte.d.ts +15 -0
  111. package/dist/components/overlays/Popover.svelte +106 -0
  112. package/dist/components/overlays/Popover.svelte.d.ts +11 -0
  113. package/dist/components/overlays/ProgressBar.svelte +29 -0
  114. package/dist/components/overlays/ProgressBar.svelte.d.ts +10 -0
  115. package/dist/components/overlays/SkeletonLoader.svelte +66 -0
  116. package/dist/components/overlays/SkeletonLoader.svelte.d.ts +9 -0
  117. package/dist/components/overlays/Spinner.svelte +33 -0
  118. package/dist/components/overlays/Spinner.svelte.d.ts +7 -0
  119. package/dist/components/overlays/Toast.svelte +111 -0
  120. package/dist/components/overlays/Toast.svelte.d.ts +16 -0
  121. package/dist/components/overlays/Tooltip.svelte +94 -0
  122. package/dist/components/overlays/Tooltip.svelte.d.ts +12 -0
  123. package/dist/components/overlays/index.d.ts +11 -0
  124. package/dist/components/overlays/index.js +11 -0
  125. package/dist/components/typography/Code.svelte +10 -0
  126. package/dist/components/typography/Code.svelte.d.ts +6 -0
  127. package/dist/components/typography/Heading.svelte +15 -0
  128. package/dist/components/typography/Heading.svelte.d.ts +10 -0
  129. package/dist/components/typography/Text.svelte +21 -0
  130. package/dist/components/typography/Text.svelte.d.ts +10 -0
  131. package/dist/components/typography/index.d.ts +3 -0
  132. package/dist/components/typography/index.js +3 -0
  133. package/dist/components/utilities/Accordion.svelte +54 -0
  134. package/dist/components/utilities/Accordion.svelte.d.ts +17 -0
  135. package/dist/components/utilities/Carousel.svelte +124 -0
  136. package/dist/components/utilities/Carousel.svelte.d.ts +16 -0
  137. package/dist/components/utilities/Collapse.svelte +46 -0
  138. package/dist/components/utilities/Collapse.svelte.d.ts +10 -0
  139. package/dist/components/utilities/Hero.svelte +42 -0
  140. package/dist/components/utilities/Hero.svelte.d.ts +10 -0
  141. package/dist/components/utilities/Portal.svelte +47 -0
  142. package/dist/components/utilities/Portal.svelte.d.ts +21 -0
  143. package/dist/components/utilities/ScrollArea.svelte +33 -0
  144. package/dist/components/utilities/ScrollArea.svelte.d.ts +8 -0
  145. package/dist/components/utilities/SystemConsole.svelte +310 -0
  146. package/dist/components/utilities/SystemConsole.svelte.d.ts +20 -0
  147. package/dist/components/utilities/SystemInterface.svelte +726 -0
  148. package/dist/components/utilities/SystemInterface.svelte.d.ts +19 -0
  149. package/dist/components/utilities/index.d.ts +9 -0
  150. package/dist/components/utilities/index.js +8 -0
  151. package/dist/components/utilities/utilities.types.d.ts +46 -0
  152. package/dist/components/utilities/utilities.types.js +4 -0
  153. package/dist/index.d.ts +60 -175
  154. package/dist/index.js +24 -4560
  155. package/dist/lib/internal/id.d.ts +12 -0
  156. package/dist/lib/internal/id.js +15 -0
  157. package/dist/theme.css +2821 -0
  158. package/package.json +83 -75
  159. package/dist/index.css +0 -1
package/package.json CHANGED
@@ -1,75 +1,83 @@
1
- {
2
- "name": "@mrintel/villain-ui",
3
- "version": "0.2.2",
4
- "type": "module",
5
- "private": false,
6
- "description": "A luxury Svelte 5 component library with a distinctive dark aesthetic, built with TypeScript and Tailwind CSS v4",
7
- "author": "mrryzen",
8
- "license": "MIT",
9
- "homepage": "https://github.com/MrRyzen/villain-ui#readme",
10
- "bugs": {
11
- "url": "https://github.com/MrRyzen/villain-ui/issues"
12
- },
13
- "repository": {
14
- "type": "git",
15
- "url": "git+https://github.com/MrRyzen/villain-ui.git"
16
- },
17
- "keywords": [
18
- "svelte",
19
- "svelte5",
20
- "ui",
21
- "components",
22
- "tailwind",
23
- "typescript",
24
- "luxury",
25
- "design-system"
26
- ],
27
- "main": "./dist/index.js",
28
- "types": "./dist/index.d.ts",
29
- "svelte": "./dist/index.js",
30
- "exports": {
31
- ".": {
32
- "types": "./dist/index.d.ts",
33
- "svelte": "./src/index.js",
34
- "import": "./dist/index.js",
35
- "default": "./dist/index.js"
36
- },
37
- "./theme.css": {
38
- "default": "./dist/theme.css"
39
- },
40
- "./package.json": {
41
- "default": "./package.json"
42
- }
43
- },
44
- "sideEffects": [
45
- "./dist/theme.css"
46
- ],
47
- "files": [
48
- "dist"
49
- ],
50
- "scripts": {
51
- "dev": "vite",
52
- "build": "vite build",
53
- "type-check": "tsc --noEmit",
54
- "check": "npm run type-check",
55
- "prepack": "npm run build",
56
- "prepublishOnly": "npm run build"
57
- },
58
- "peerDependencies": {
59
- "svelte": "^5.0.0"
60
- },
61
- "devDependencies": {
62
- "@sveltejs/vite-plugin-svelte": "^6.2.1",
63
- "@tailwindcss/postcss": "^4.1.17",
64
- "@types/node": "^24.10.1",
65
- "postcss": "^8.5.6",
66
- "svelte": "^5.45.2",
67
- "tailwindcss": "^4.1.17",
68
- "typescript": "^5.9.3",
69
- "vite": "^7.2.4",
70
- "vite-plugin-dts": "^4.5.4"
71
- },
72
- "dependencies": {
73
- "nanoid": "^5.1.6"
74
- }
75
- }
1
+ {
2
+ "name": "@mrintel/villain-ui",
3
+ "version": "0.6.3",
4
+ "type": "module",
5
+ "private": false,
6
+ "description": "A luxury Svelte 5 component library with a distinctive dark aesthetic, built with TypeScript and Tailwind CSS v4",
7
+ "author": "mrryzen",
8
+ "license": "MIT",
9
+ "homepage": "https://github.com/MrRyzen/villain-ui#readme",
10
+ "bugs": {
11
+ "url": "https://github.com/MrRyzen/villain-ui/issues"
12
+ },
13
+ "repository": {
14
+ "type": "git",
15
+ "url": "git+https://github.com/MrRyzen/villain-ui.git"
16
+ },
17
+ "keywords": [
18
+ "svelte",
19
+ "svelte5",
20
+ "ui",
21
+ "components",
22
+ "tailwind",
23
+ "typescript",
24
+ "luxury",
25
+ "design-system"
26
+ ],
27
+ "main": "./dist/index.js",
28
+ "types": "./dist/index.d.ts",
29
+ "svelte": "./dist/index.js",
30
+ "exports": {
31
+ ".": {
32
+ "types": "./dist/index.d.ts",
33
+ "svelte": "./dist/index.js",
34
+ "import": "./dist/index.js",
35
+ "default": "./dist/index.js"
36
+ },
37
+ "./theme.css": {
38
+ "default": "./dist/theme.css"
39
+ },
40
+ "./package.json": {
41
+ "default": "./package.json"
42
+ }
43
+ },
44
+ "sideEffects": [
45
+ "./dist/theme.css"
46
+ ],
47
+ "files": [
48
+ "dist"
49
+ ],
50
+ "scripts": {
51
+ "dev": "vite",
52
+ "build": "svelte-package -i src -o dist && npm run build:css",
53
+ "build:css": "node build-css.mjs",
54
+ "type-check": "tsc --noEmit",
55
+ "clean": "rimraf dist",
56
+ "check": "npm run type-check && npm run check:circular",
57
+ "check:circular": "madge --circular --extensions ts,svelte src/",
58
+ "validate": "npm run check && npm run build",
59
+ "prepack": "npm run build",
60
+ "prepublishOnly": "npm run build"
61
+ },
62
+ "peerDependencies": {
63
+ "svelte": "^5.0.0"
64
+ },
65
+ "devDependencies": {
66
+ "@sveltejs/package": "^2.5.7",
67
+ "@sveltejs/vite-plugin-svelte": "^6.2.1",
68
+ "@tailwindcss/postcss": "^4.1.17",
69
+ "@types/node": "^24.10.1",
70
+ "madge": "^8.0.0",
71
+ "postcss": "^8.5.6",
72
+ "postcss-load-config": "^6.0.1",
73
+ "rollup-plugin-visualizer": "^6.0.5",
74
+ "svelte": "^5.45.2",
75
+ "svelte-preprocess": "^6.0.3",
76
+ "tailwindcss": "^4.1.17",
77
+ "typescript": "^5.9.3",
78
+ "vite": "^7.2.4"
79
+ },
80
+ "dependencies": {
81
+ "nanoid": "^5.1.6"
82
+ }
83
+ }
package/dist/index.css DELETED
@@ -1 +0,0 @@
1
- input[type=checkbox].svelte-1ip9uuj:checked:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M2 5L4 7L8 3' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}input[type=checkbox].svelte-zizzig:after{content:"";position:absolute;left:.25rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;border-radius:var(--radius-pill);background:var(--color-text);transition:all .3s var(--ease-luxe)}input[type=checkbox].svelte-zizzig:checked:after{transform:translate(1.25rem,-50%)}input[type=radio].svelte-1vvu266:checked:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:.625rem;height:.625rem;border-radius:var(--radius-pill);background:var(--color-accent);box-shadow:var(--shadow-accent-glow)}input[type=range].svelte-1jab628::-webkit-slider-thumb{appearance:none;width:1.25rem;height:1.25rem;border-radius:var(--radius-pill);background:var(--color-accent);box-shadow:var(--shadow-accent-glow);cursor:pointer;transition:transform .2s var(--ease-luxe)}input[type=range].svelte-1jab628::-webkit-slider-thumb:hover{transform:scale(1.1)}input[type=range].svelte-1jab628::-moz-range-thumb{appearance:none;width:1.25rem;height:1.25rem;border-radius:var(--radius-pill);background:var(--color-accent);box-shadow:var(--shadow-accent-glow);cursor:pointer;transition:transform .2s var(--ease-luxe);border:none}input[type=range].svelte-1jab628::-moz-range-thumb:hover{transform:scale(1.1)}input[type=range].svelte-1jab628:focus::-webkit-slider-thumb{box-shadow:var(--shadow-accent-glow),0 0 0 3px var(--color-base-1),0 0 0 5px var(--color-accent)}input[type=range].svelte-1jab628:focus::-moz-range-thumb{box-shadow:var(--shadow-accent-glow),0 0 0 3px var(--color-base-1),0 0 0 5px var(--color-accent)}input[type=range].svelte-1jab628:disabled::-webkit-slider-thumb{cursor:not-allowed}input[type=range].svelte-1jab628:disabled::-moz-range-thumb{cursor:not-allowed}.sr-only.svelte-1tlg6ol{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skeleton-shimmer.svelte-z940em{position:relative;overflow:hidden}.skeleton-shimmer.svelte-z940em:before{content:"";position:absolute;top:0;left:0;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(127,61,255,.1),transparent);animation:svelte-z940em-shimmer 1.5s ease-in-out infinite}@keyframes svelte-z940em-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}div.svelte-1blwye3::-webkit-scrollbar{width:8px}div.svelte-1blwye3::-webkit-scrollbar-track{background:var(--color-base-3);border-radius:var(--radius-sm)}div.svelte-1blwye3::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:var(--radius-sm)}div.svelte-1blwye3::-webkit-scrollbar-thumb:hover{background:var(--color-accent-soft)}div[role=listbox].svelte-1whui3e::-webkit-scrollbar{width:8px}div[role=listbox].svelte-1whui3e::-webkit-scrollbar-track{background:var(--color-base-3);border-radius:var(--radius-sm)}div[role=listbox].svelte-1whui3e::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:var(--radius-sm)}div[role=listbox].svelte-1whui3e::-webkit-scrollbar-thumb:hover{background:var(--color-accent-soft)}.mrdv-table.svelte-168is8x thead{background:var(--color-base-2);border-bottom:2px solid var(--color-border-strong)}.mrdv-table.svelte-168is8x thead th{color:var(--color-text);font-weight:600;text-transform:uppercase;letter-spacing:.05em;text-align:left}.mrdv-table.compact.svelte-168is8x th,.mrdv-table.compact.svelte-168is8x td{padding:.5rem 1rem}.mrdv-table.svelte-168is8x:not(.compact) th,.mrdv-table.svelte-168is8x:not(.compact) td{padding:1rem 1.5rem}.mrdv-table.svelte-168is8x tbody{position:relative;z-index:1}.mrdv-table.svelte-168is8x tbody tr{border-bottom:1px solid var(--color-border);transition:all var(--ease-luxe)}.mrdv-table.hoverable.svelte-168is8x tbody tr:hover{background:#7f3dff0d;transform:translateY(-1px);box-shadow:0 2px 8px #0003,var(--shadow-accent-glow)}.mrdv-table.striped.svelte-168is8x tbody tr:nth-child(2n){background:#ffffff05}.mrdv-table.striped.hoverable.svelte-168is8x tbody tr:nth-child(2n):hover{background:#7f3dff0d;transform:translateY(-1px);box-shadow:0 2px 8px #0003,var(--shadow-accent-glow)}.mrdv-table.svelte-168is8x th,.mrdv-table.svelte-168is8x td{text-align:left}button.active.svelte-1800ptl{background:var(--color-accent);color:var(--color-text);cursor:default}button.active.svelte-1800ptl{box-shadow:0 0 20px #7f3dff80}button.inactive.svelte-1800ptl{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}button.inactive.svelte-1800ptl:hover{background:#7f3dff1a;border-color:var(--color-accent)}ul.svelte-18do019{margin:0;padding:0;color:var(--color-text);font-family:var(--font-body)}ul.plain>li{padding:.5rem 0}ul.bordered>li{padding:.75rem 1rem}ul.divided>li{padding:.75rem 1rem;border-bottom:1px solid var(--color-border)}ul.divided>li:last-child{border-bottom:none}ul.hoverable>li{transition:all var(--ease-luxe);cursor:pointer}ul.hoverable>li:hover{background:#7f3dff0d}div.svelte-x44t5r::-webkit-scrollbar{height:8px}div.svelte-x44t5r::-webkit-scrollbar-track{background:var(--color-base-1)}div.svelte-x44t5r::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:var(--radius-sm)}div.svelte-x44t5r::-webkit-scrollbar-thumb:hover{background:var(--color-accent-soft)}.highlighted.svelte-x44t5r{background:#7f3dff1a}.line.highlighted{background:#7f3dff1a;display:inline-block;width:100%}