@una-ui/preset 0.11.0-beta.1 → 0.12.0-beta.1

package/README.md

@@ -14,6 +14,14 @@
 
 Visit https://www.unaui.com for full documentation.
 
+## 🌠 Star History
+
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/svg?repos=una-ui/una-ui&type=Date&theme=dark" />
+  <source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/svg?repos=una-ui/una-ui&type=Date" />
+  <img alt="Star History Chart" src="https://api.star-history.com/svg?repos=una-ui/una-ui&type=Date" />
+</picture>
+
 ## 🌻 Sponsors
 
 <p align="center">

package/dist/prefixes.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const prefixes = ["accordion", "alert", "avatar", "avatar-group", "badge", "button", "icon", "indicator", "kbd", "link", "progress", "separator", "skeleton", "checkbox", "form-group", "input", "radio", "slider", "switch", "theme-switcher", "nav-link", "nav-link-group", "card", "card-content", "card-description", "card-footer", "card-header", "card-title", "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"];
+const prefixes = ["theme-switcher", "accordion", "alert", "avatar", "avatar-group", "badge", "button", "icon", "indicator", "kbd", "link", "progress", "separator", "skeleton", "checkbox", "form-group", "input", "radio", "slider", "switch", "nav-link", "nav-link-group", "card", "card-about", "card-content", "card-description", "card-footer", "card-header", "card-title", "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", "table", "table-body", "table-caption", "table-cell", "table-empty", "table-footer", "table-head", "table-header", "table-loading", "table-root", "table-row", "resize", "size", "btn"];
 
 module.exports = prefixes;

package/dist/prefixes.mjs

@@ -1,3 +1,3 @@
-const prefixes = ["accordion", "alert", "avatar", "avatar-group", "badge", "button", "icon", "indicator", "kbd", "link", "progress", "separator", "skeleton", "checkbox", "form-group", "input", "radio", "slider", "switch", "theme-switcher", "nav-link", "nav-link-group", "card", "card-content", "card-description", "card-footer", "card-header", "card-title", "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"];
+const prefixes = ["theme-switcher", "accordion", "alert", "avatar", "avatar-group", "badge", "button", "icon", "indicator", "kbd", "link", "progress", "separator", "skeleton", "checkbox", "form-group", "input", "radio", "slider", "switch", "nav-link", "nav-link-group", "card", "card-about", "card-content", "card-description", "card-footer", "card-header", "card-title", "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", "table", "table-body", "table-caption", "table-cell", "table-empty", "table-footer", "table-head", "table-header", "table-loading", "table-root", "table-row", "resize", "size", "btn"];
 
 export { prefixes as default };

package/dist/shortcuts.cjs

@@ -521,7 +521,8 @@ const staticProgress = {
   "progress": "progress-primary",
   // components
   "progress-root": "progress relative h-0.5em w-full overflow-hidden rounded-full bg-muted",
-  "progress-indicator": "h-full w-full flex-1 bg-brand transition-all"
+  "progress-indicator": "h-full w-full flex-1 bg-brand transition-all",
+  "progress-indeterminate": "absolute bg-brand h-full"
 };
 const dynamicProgress = [
   [/^progress-(.*)$/, ([, body], { theme }) => {
@@ -573,7 +574,7 @@ const tabs = [
 const staticSelect = {
   // configurations
   "select": "",
-  "select-default-variant": "btn-outline-white",
+  "select-default-variant": "btn-solid-white",
   "select-disabled": "n-disabled",
   "select-scroll": "flex cursor-default items-center justify-center py-1",
   "select-trigger-info-icon": "i-info",
@@ -670,6 +671,47 @@ const card = [
   staticCard
 ];
 
+const staticTable = {
+  // config
+  "table-default-variant": "table-solid-gray",
+  "table": "",
+  // table-root
+  "table-root": "w-full caption-bottom text-sm",
+  "table-root-wrapper": "relative w-full overflow-x-auto overflow-y-hidden border border-base rounded-md",
+  "table-body": "[&_tr:last-child]:border-0 border-base",
+  "table-caption": "mt-4 text-sm text-muted",
+  // table-head
+  "table-head": "h-12 px-4 text-left align-middle font-medium text-muted [&:has([role=checkbox])]:pr-0",
+  "table-head-pinned": "sticky bg-base",
+  "table-head-pinned-left": "left-0",
+  "table-head-pinned-right": "right-0",
+  // table-header
+  "table-header": "[&_tr]:border-b border-base relative",
+  // table-row
+  "table-row": "border-b border-base hover:bg-muted data-[filter=true]:hover:bg-base data-[state=selected]:bg-muted",
+  // table-cell
+  "table-cell": "p-4 align-middle [&:has([role=checkbox])]:pr-0",
+  "table-cell-pinned": "sticky z-10 bg-base",
+  "table-cell-pinned-left": "left-0",
+  "table-cell-pinned-right": "right-0",
+  // table-empty
+  "table-empty-row": "",
+  "table-empty-cell": "p-4 whitespace-nowrap align-middle text-sm text-muted hover:bg-base",
+  "table-empty": "flex items-center justify-center py-10",
+  // table-loading
+  "table-loading-icon": "i-lucide-refresh-ccw animate-spin text-lg",
+  "table-loading-row": "data-[loading=true]:border-0",
+  "table-loading-cell": "",
+  "table-loading": "absolute inset-x-0 overflow-hidden p-0",
+  // table-footer
+  "table-footer": "border-t border-base bg-muted font-medium [&>tr]:last:border-b-0"
+};
+const dynamicTable = [];
+const table = [
+  ...dynamicTable,
+  staticTable
+];
+
 const shortcuts = [
   ...general,
   ...accordion,
@@ -695,7 +737,8 @@ const shortcuts = [
   ...tabs,
   ...select,
   ...separator,
-  ...card
+  ...card,
+  ...table
 ];
 
 exports.shortcuts = shortcuts;

package/dist/shortcuts.mjs

@@ -519,7 +519,8 @@ const staticProgress = {
   "progress": "progress-primary",
   // components
   "progress-root": "progress relative h-0.5em w-full overflow-hidden rounded-full bg-muted",
-  "progress-indicator": "h-full w-full flex-1 bg-brand transition-all"
+  "progress-indicator": "h-full w-full flex-1 bg-brand transition-all",
+  "progress-indeterminate": "absolute bg-brand h-full"
 };
 const dynamicProgress = [
   [/^progress-(.*)$/, ([, body], { theme }) => {
@@ -571,7 +572,7 @@ const tabs = [
 const staticSelect = {
   // configurations
   "select": "",
-  "select-default-variant": "btn-outline-white",
+  "select-default-variant": "btn-solid-white",
   "select-disabled": "n-disabled",
   "select-scroll": "flex cursor-default items-center justify-center py-1",
   "select-trigger-info-icon": "i-info",
@@ -668,6 +669,47 @@ const card = [
   staticCard
 ];
 
+const staticTable = {
+  // config
+  "table-default-variant": "table-solid-gray",
+  "table": "",
+  // table-root
+  "table-root": "w-full caption-bottom text-sm",
+  "table-root-wrapper": "relative w-full overflow-x-auto overflow-y-hidden border border-base rounded-md",
+  "table-body": "[&_tr:last-child]:border-0 border-base",
+  "table-caption": "mt-4 text-sm text-muted",
+  // table-head
+  "table-head": "h-12 px-4 text-left align-middle font-medium text-muted [&:has([role=checkbox])]:pr-0",
+  "table-head-pinned": "sticky bg-base",
+  "table-head-pinned-left": "left-0",
+  "table-head-pinned-right": "right-0",
+  // table-header
+  "table-header": "[&_tr]:border-b border-base relative",
+  // table-row
+  "table-row": "border-b border-base hover:bg-muted data-[filter=true]:hover:bg-base data-[state=selected]:bg-muted",
+  // table-cell
+  "table-cell": "p-4 align-middle [&:has([role=checkbox])]:pr-0",
+  "table-cell-pinned": "sticky z-10 bg-base",
+  "table-cell-pinned-left": "left-0",
+  "table-cell-pinned-right": "right-0",
+  // table-empty
+  "table-empty-row": "",
+  "table-empty-cell": "p-4 whitespace-nowrap align-middle text-sm text-muted hover:bg-base",
+  "table-empty": "flex items-center justify-center py-10",
+  // table-loading
+  "table-loading-icon": "i-lucide-refresh-ccw animate-spin text-lg",
+  "table-loading-row": "data-[loading=true]:border-0",
+  "table-loading-cell": "",
+  "table-loading": "absolute inset-x-0 overflow-hidden p-0",
+  // table-footer
+  "table-footer": "border-t border-base bg-muted font-medium [&>tr]:last:border-b-0"
+};
+const dynamicTable = [];
+const table = [
+  ...dynamicTable,
+  staticTable
+];
+
 const shortcuts = [
   ...general,
   ...accordion,
@@ -693,7 +735,8 @@ const shortcuts = [
   ...tabs,
   ...select,
   ...separator,
-  ...card
+  ...card,
+  ...table
 ];
 
 export { shortcuts };

package/package.json

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