@una-ui/preset 0.9.0-beta.4 → 0.10.1-beta.1

package/dist/prefixes.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const prefixes = ["theme-switcher", "checkbox", "form-group", "input", "radio", "slider", "switch", "accordion", "alert", "avatar", "avatar-group", "badge", "button", "icon", "indicator", "kbd", "link", "progress", "separator", "skeleton", "nav-link", "nav-link-group", "select", "select-content", "select-group", "select-item", "select-item-indicator", "select-item-text", "select-label", "select-root", "select-scroll-down-button", "select-scroll-up-button", "select-separator", "select-trigger", "select-value", "resize", "size", "btn"];
+const prefixes = ["accordion", "alert", "avatar", "avatar-group", "badge", "button", "icon", "indicator", "kbd", "link", "progress", "separator", "skeleton", "theme-switcher", "checkbox", "form-group", "input", "radio", "slider", "switch", "nav-link", "nav-link-group", "tabs", "tabs-content", "tabs-list", "tabs-root", "tabs-trigger", "select", "select-content", "select-group", "select-item", "select-item-indicator", "select-item-text", "select-label", "select-root", "select-scroll-down-button", "select-scroll-up-button", "select-separator", "select-trigger", "select-value", "resize", "size", "btn"];
 
 module.exports = prefixes;

package/dist/prefixes.mjs

@@ -1,3 +1,3 @@
-const prefixes = ["theme-switcher", "checkbox", "form-group", "input", "radio", "slider", "switch", "accordion", "alert", "avatar", "avatar-group", "badge", "button", "icon", "indicator", "kbd", "link", "progress", "separator", "skeleton", "nav-link", "nav-link-group", "select", "select-content", "select-group", "select-item", "select-item-indicator", "select-item-text", "select-label", "select-root", "select-scroll-down-button", "select-scroll-up-button", "select-separator", "select-trigger", "select-value", "resize", "size", "btn"];
+const prefixes = ["accordion", "alert", "avatar", "avatar-group", "badge", "button", "icon", "indicator", "kbd", "link", "progress", "separator", "skeleton", "theme-switcher", "checkbox", "form-group", "input", "radio", "slider", "switch", "nav-link", "nav-link-group", "tabs", "tabs-content", "tabs-list", "tabs-root", "tabs-trigger", "select", "select-content", "select-group", "select-item", "select-item-indicator", "select-item-text", "select-label", "select-root", "select-scroll-down-button", "select-scroll-up-button", "select-separator", "select-trigger", "select-value", "resize", "size", "btn"];
 
 export { prefixes as default };

package/dist/shortcuts.cjs

@@ -551,9 +551,29 @@ const skeleton = [
   staticSkeleton
 ];
 
+const staticTabs = {
+  // configurations
+  "tabs": "transition-colors duration-200 ease-out",
+  "tabs-default-variant": "tabs-soft-black",
+  "tabs-disabled": "n-disabled",
+  // components
+  "tabs-root": "flex flex-col w-full",
+  "tabs-trigger": "w-full focus-visible:z-10",
+  "tabs-list": "flex bg-muted items-center justify-center rounded-md p-1 w-full",
+  "tabs-content": "mt-4 text-base"
+};
+const dynamicTabs = [
+  [/^tabs-(\S+)-(\S+)$/, ([, v = "solid", c = "primary"]) => `data-[state=active]:btn-${v}-${c}`]
+];
+const tabs = [
+  ...dynamicTabs,
+  staticTabs
+];
+
 const staticSelect = {
   // configurations
   "select": "",
+  "select-default-variant": "btn-outline-white",
   "select-disabled": "n-disabled",
   "select-scroll": "flex cursor-default items-center justify-center py-1",
   "select-trigger-info-icon": "i-info",
@@ -565,7 +585,7 @@ const staticSelect = {
   "select-trigger": "min-h-2.5em w-full",
   // [&>span]:line-clamp-1
   "select-trigger-trailing-icon": "i-lucide-chevrons-up-down !text-1.042em",
-  "select-trigger-trailing": "ml-auto",
+  "select-trigger-trailing": "ml-auto n-disabled",
   "select-trigger-leading": "",
   "select-value": "h-1.5em",
   "select-content": "relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border border-base bg-popover text-popover shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
@@ -586,11 +606,7 @@ const staticSelect = {
   "select-item-selectItem": ""
 };
 const dynamicSelect = [
-  [/^select-(.*)$/, ([, body], { theme }) => {
-    const color = utils.parseColor(body, theme);
-    if ((color?.cssColor?.type === "rgb" || color?.cssColor?.type === "rgba") && color.cssColor.components)
-      return `n-${body}-600 dark:n-${body}-500`;
-  }],
+  [/^select-(\S+)-(\S+)$/, ([, v = "solid", c = "gray"]) => `btn-${v}-${c}`],
   [/^select-item(-(\S+))?$/, ([, , c = "gray"]) => `focus:bg-${c}-100 focus:text-${c}-800 dark:focus:bg-${c}-800 dark:focus:text-${c}-100`]
 ];
 const select = [
@@ -651,6 +667,7 @@ const shortcuts = [
   ...slider,
   ...progress,
   ...skeleton,
+  ...tabs,
   ...select,
   ...separator
 ];

package/dist/shortcuts.mjs

@@ -549,9 +549,29 @@ const skeleton = [
   staticSkeleton
 ];
 
+const staticTabs = {
+  // configurations
+  "tabs": "transition-colors duration-200 ease-out",
+  "tabs-default-variant": "tabs-soft-black",
+  "tabs-disabled": "n-disabled",
+  // components
+  "tabs-root": "flex flex-col w-full",
+  "tabs-trigger": "w-full focus-visible:z-10",
+  "tabs-list": "flex bg-muted items-center justify-center rounded-md p-1 w-full",
+  "tabs-content": "mt-4 text-base"
+};
+const dynamicTabs = [
+  [/^tabs-(\S+)-(\S+)$/, ([, v = "solid", c = "primary"]) => `data-[state=active]:btn-${v}-${c}`]
+];
+const tabs = [
+  ...dynamicTabs,
+  staticTabs
+];
+
 const staticSelect = {
   // configurations
   "select": "",
+  "select-default-variant": "btn-outline-white",
   "select-disabled": "n-disabled",
   "select-scroll": "flex cursor-default items-center justify-center py-1",
   "select-trigger-info-icon": "i-info",
@@ -563,7 +583,7 @@ const staticSelect = {
   "select-trigger": "min-h-2.5em w-full",
   // [&>span]:line-clamp-1
   "select-trigger-trailing-icon": "i-lucide-chevrons-up-down !text-1.042em",
-  "select-trigger-trailing": "ml-auto",
+  "select-trigger-trailing": "ml-auto n-disabled",
   "select-trigger-leading": "",
   "select-value": "h-1.5em",
   "select-content": "relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border border-base bg-popover text-popover shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
@@ -584,11 +604,7 @@ const staticSelect = {
   "select-item-selectItem": ""
 };
 const dynamicSelect = [
-  [/^select-(.*)$/, ([, body], { theme }) => {
-    const color = parseColor(body, theme);
-    if ((color?.cssColor?.type === "rgb" || color?.cssColor?.type === "rgba") && color.cssColor.components)
-      return `n-${body}-600 dark:n-${body}-500`;
-  }],
+  [/^select-(\S+)-(\S+)$/, ([, v = "solid", c = "gray"]) => `btn-${v}-${c}`],
   [/^select-item(-(\S+))?$/, ([, , c = "gray"]) => `focus:bg-${c}-100 focus:text-${c}-800 dark:focus:bg-${c}-800 dark:focus:text-${c}-100`]
 ];
 const select = [
@@ -649,6 +665,7 @@ const shortcuts = [
   ...slider,
   ...progress,
   ...skeleton,
+  ...tabs,
   ...select,
   ...separator
 ];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@una-ui/preset",
-  "version": "0.9.0-beta.4",
+  "version": "0.10.1-beta.1",
   "description": "The default preset for @una-ui",
   "author": "Phojie Rengel <phojrengel@gmail.com>",
   "license": "MIT",