sigma-ui 1.0.13 → 1.0.14

package/README.md

@@ -15,16 +15,17 @@ It takes away the burden of recreating the same components from scratch for ever
 <br/>**NPM**: https://www.npmjs.com/package/sigma-ui
 
 - **Supported frameworks**: Vue, Nuxt, Laravel, Astro.
-- **Supported languages**: TS (all components are typed, JS is not supported, move on).
+- **Supported languages**: TS (all components are typed, JS projects are not supported).
 - **Supported vue versions**: 3 and above.
 - **Supported style systems**: CSS, Tailwind 4.
 - **Is open-source**: Yes, MIT licensed.
 - **Accessibility**: Supported.
 - **Based upon**: Radix Vue primitives.
 - **Installation method**: GOAT (Git Obtained As Template) via npx commands. Unlike NPM modules, these components are copied from git repository directly into your project's components directory and give you full control over customization, instead of using just props and css overrides.
-- **Main problem it solves**: You are a developer, you create a new project, it needs 20+ components like dialogs, selects, skeletons, etc, and they all need to follow your companies' / your own design system.
-  - **Beta devs** - spend half a year creating every component from scratch for every new project they work in and end up with a broken buggy mess, or use Vuetify / Quasar like library and monkey patch components' css with `!important`, trying to make them look like components in their design system.
-  - **Sigma devs** - have GOAT in their stack, use well designed customizable components, easily modify design and functionality to their needs. Profit.
+- **Main problem it solves**: You are a developer, you create a new project, it needs 20+ components like dialogs, selects, skeletons, etc, and they all need to follow your companies' / your own design system:
+  - **What sad devs do:** spend a year creating every component from scratch for every new project they work on, end up with a broken buggy mess of components without any basic keyboard navigation support, modals that you cannot close with Esc, and no accessibility at all.
+  - **What Beta devs do:** use a conventional library (e.g Vuetify, Quasar) and monkey patch components' css with `!important`, trying to make their components follow their design system, and failing to modify baked-in Material design and animations.
+  - **What Sigma devs do:** add these GOAT components directly to your main (or uikit) project "components" dir, spend a little time modifying their design and functionality as needed. Profit.
 
 ## Community links
 [Discord](https://discord.gg/jH2X4VGBA4) | [YouTube](https://www.youtube.com/@sigma-dev) | [X (Twitter)](https://twitter.com/sigma__dev) | [Telegram](https://t.me/sigma_devs)

package/__generated/registry-schemes/colors/blue.json

@@ -89,7 +89,6 @@
   },
   "templates": {
     "tailwind": {
-      "withoutVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";",
       "withVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";\n\n@layer base {\n  /* Override Tailwind 4 default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n  }\n \n  :root {\n    --background: 0 0% 100%;\n    --foreground: 226.2 57% 21%;\n    --muted: 214.3 94.6% 92.7%;\n    --muted-foreground: 217.2 91.2% 59.8%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 226.2 57% 21%;\n    --card: 0 0% 100%;\n    --card-foreground: 226.2 57% 21%;\n    --border: 213.3 96.9% 87.3%;\n    --input: 213.3 96.9% 87.3%;\n    --primary: 224.4 64.3% 32.9%;\n    --primary-foreground: 213.8 100% 96.9%;\n    --secondary: 214.3 94.6% 92.7%;\n    --secondary-foreground: 224.4 64.3% 32.9%;\n    --accent: 214.3 94.6% 92.7%;\n    --accent-foreground: 224.4 64.3% 32.9%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 213.8 100% 96.9%;\n    --ring: 226.2 57% 21%;\n  }\n \n  .dark {\n    --background: 226.2 57% 21%;\n    --foreground: 213.8 100% 96.9%;\n    --muted: 225.9 70.7% 40.2%;\n    --muted-foreground: 213.1 93.9% 67.8%;\n    --popover: 226.2 57% 21%;\n    --popover-foreground: 213.8 100% 96.9%;\n    --card: 226.2 57% 21%;\n    --card-foreground: 213.8 100% 96.9%;\n    --border: 225.9 70.7% 40.2%;\n    --input: 225.9 70.7% 40.2%;\n    --primary: 213.8 100% 96.9%;\n    --primary-foreground: 224.4 64.3% 32.9%;\n    --secondary: 225.9 70.7% 40.2%;\n    --secondary-foreground: 213.8 100% 96.9%;\n    --accent: 225.9 70.7% 40.2%;\n    --accent-foreground: 213.8 100% 96.9%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 213.8 100% 96.9%;\n    --ring: 211.7 96.4% 78.4%;\n  }\n\n  * {\n    @apply border-border;\n  }\n\n  body {\n    @apply bg-background text-foreground;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
     },
     "css": {

package/__generated/registry-schemes/colors/gray.json

@@ -89,7 +89,6 @@
   },
   "templates": {
     "tailwind": {
-      "withoutVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";",
       "withVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";\n\n@layer base {\n  /* Override Tailwind 4 default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n  }\n \n  :root {\n    --background: 0 0% 100%;\n    --foreground: 224 71.4% 4.1%;\n    --muted: 220 14.3% 95.9%;\n    --muted-foreground: 220 8.9% 46.1%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 224 71.4% 4.1%;\n    --card: 0 0% 100%;\n    --card-foreground: 224 71.4% 4.1%;\n    --border: 220 13% 91%;\n    --input: 220 13% 91%;\n    --primary: 220.9 39.3% 11%;\n    --primary-foreground: 210 20% 98%;\n    --secondary: 220 14.3% 95.9%;\n    --secondary-foreground: 220.9 39.3% 11%;\n    --accent: 220 14.3% 95.9%;\n    --accent-foreground: 220.9 39.3% 11%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 210 20% 98%;\n    --ring: 224 71.4% 4.1%;\n  }\n \n  .dark {\n    --background: 224 71.4% 4.1%;\n    --foreground: 210 20% 98%;\n    --muted: 215 27.9% 16.9%;\n    --muted-foreground: 217.9 10.6% 64.9%;\n    --popover: 224 71.4% 4.1%;\n    --popover-foreground: 210 20% 98%;\n    --card: 224 71.4% 4.1%;\n    --card-foreground: 210 20% 98%;\n    --border: 215 27.9% 16.9%;\n    --input: 215 27.9% 16.9%;\n    --primary: 210 20% 98%;\n    --primary-foreground: 220.9 39.3% 11%;\n    --secondary: 215 27.9% 16.9%;\n    --secondary-foreground: 210 20% 98%;\n    --accent: 215 27.9% 16.9%;\n    --accent-foreground: 210 20% 98%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 210 20% 98%;\n    --ring: 216 12.2% 83.9%;\n  }\n\n  * {\n    @apply border-border;\n  }\n\n  body {\n    @apply bg-background text-foreground;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
     },
     "css": {

package/__generated/registry-schemes/colors/green.json

@@ -89,7 +89,6 @@
   },
   "templates": {
     "tailwind": {
-      "withoutVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";",
       "withVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";\n\n@layer base {\n  /* Override Tailwind 4 default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n  }\n \n  :root {\n    --background: 0 0% 100%;\n    --foreground: 144.9 80.4% 10%;\n    --muted: 140.6 84.2% 92.5%;\n    --muted-foreground: 142.1 70.6% 45.3%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 144.9 80.4% 10%;\n    --card: 0 0% 100%;\n    --card-foreground: 144.9 80.4% 10%;\n    --border: 141 78.9% 85.1%;\n    --input: 141 78.9% 85.1%;\n    --primary: 143.8 61.2% 20.2%;\n    --primary-foreground: 138.5 76.5% 96.7%;\n    --secondary: 140.6 84.2% 92.5%;\n    --secondary-foreground: 143.8 61.2% 20.2%;\n    --accent: 140.6 84.2% 92.5%;\n    --accent-foreground: 143.8 61.2% 20.2%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 138.5 76.5% 96.7%;\n    --ring: 144.9 80.4% 10%;\n  }\n \n  .dark {\n    --background: 144.9 80.4% 10%;\n    --foreground: 138.5 76.5% 96.7%;\n    --muted: 142.8 64.2% 24.1%;\n    --muted-foreground: 141.9 69.2% 58%;\n    --popover: 144.9 80.4% 10%;\n    --popover-foreground: 138.5 76.5% 96.7%;\n    --card: 144.9 80.4% 10%;\n    --card-foreground: 138.5 76.5% 96.7%;\n    --border: 142.8 64.2% 24.1%;\n    --input: 142.8 64.2% 24.1%;\n    --primary: 138.5 76.5% 96.7%;\n    --primary-foreground: 143.8 61.2% 20.2%;\n    --secondary: 142.8 64.2% 24.1%;\n    --secondary-foreground: 138.5 76.5% 96.7%;\n    --accent: 142.8 64.2% 24.1%;\n    --accent-foreground: 138.5 76.5% 96.7%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 138.5 76.5% 96.7%;\n    --ring: 141.7 76.6% 73.1%;\n  }\n\n  * {\n    @apply border-border;\n  }\n\n  body {\n    @apply bg-background text-foreground;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
     },
     "css": {