@una-ui/preset 0.29.0-beta.1 → 0.30.0-beta.1

package/dist/prefixes.cjs

@@ -74,6 +74,8 @@ const prefixes = [
   "popover-content",
   "progress",
   "radio",
+  "radio-group",
+  "radio-group-item",
   "resize",
   "rounded",
   "select",

package/dist/prefixes.mjs

@@ -72,6 +72,8 @@ const prefixes = [
   "popover-content",
   "progress",
   "radio",
+  "radio-group",
+  "radio-group-item",
   "resize",
   "rounded",
   "select",

package/dist/shortcuts.cjs

@@ -676,6 +676,31 @@ const radio = [
   staticRadio
 ];
 
+const staticRadioGroup = {
+  // configurations
+  "radio-group": "gap-2 flex flex-nowrap",
+  "radio-group-orientation-vertical": "flex-col",
+  "radio-group-orientation-horizontal": "flex-row",
+  // components
+  "radio-group-item-wrapper": "flex items-center space-x-2",
+  "radio-group-item": "aspect-square rounded-full border border-brand text-brand shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-base disabled:n-disabled",
+  "radio-group-indicator": "flex items-center justify-center",
+  "radio-group-indicator-icon-base": "h-0.875em w-0.875em fill-brand",
+  "radio-group-indicator-icon": "i-dot",
+  "radio-group-item-label": ""
+};
+const dynamicRadioGroup = [
+  [/^radio-group-(.*)$/, ([, 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`;
+  }]
+];
+const radioGroup = [
+  ...dynamicRadioGroup,
+  staticRadioGroup
+];
+
 const staticSelect = {
   // configurations
   "select": "",
@@ -967,7 +992,8 @@ const shortcuts = [
   ...tooltip,
   ...pagination,
   ...toggle,
-  ...collapsible
+  ...collapsible,
+  ...radioGroup
 ];
 
 exports.shortcuts = shortcuts;

package/dist/shortcuts.mjs

@@ -674,6 +674,31 @@ const radio = [
   staticRadio
 ];
 
+const staticRadioGroup = {
+  // configurations
+  "radio-group": "gap-2 flex flex-nowrap",
+  "radio-group-orientation-vertical": "flex-col",
+  "radio-group-orientation-horizontal": "flex-row",
+  // components
+  "radio-group-item-wrapper": "flex items-center space-x-2",
+  "radio-group-item": "aspect-square rounded-full border border-brand text-brand shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-base disabled:n-disabled",
+  "radio-group-indicator": "flex items-center justify-center",
+  "radio-group-indicator-icon-base": "h-0.875em w-0.875em fill-brand",
+  "radio-group-indicator-icon": "i-dot",
+  "radio-group-item-label": ""
+};
+const dynamicRadioGroup = [
+  [/^radio-group-(.*)$/, ([, 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`;
+  }]
+];
+const radioGroup = [
+  ...dynamicRadioGroup,
+  staticRadioGroup
+];
+
 const staticSelect = {
   // configurations
   "select": "",
@@ -965,7 +990,8 @@ const shortcuts = [
   ...tooltip,
   ...pagination,
   ...toggle,
-  ...collapsible
+  ...collapsible,
+  ...radioGroup
 ];
 
 export { shortcuts };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@una-ui/preset",
-  "version": "0.29.0-beta.1",
+  "version": "0.30.0-beta.1",
   "description": "The default preset for @una-ui",
   "author": "Phojie Rengel <phojrengel@gmail.com>",
   "license": "MIT",
@@ -49,9 +49,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@unocss/core": "^0.63.6",
-    "@unocss/preset-mini": "^0.63.6",
-    "unocss": "^0.63.6"
+    "@unocss/core": "^0.64.1",
+    "@unocss/preset-mini": "^0.64.1",
+    "unocss": "^0.64.1"
   },
   "scripts": {
     "build": "unbuild",