@aracreate/arm-ui 3.7.1 → 3.8.1

package/dist/style.css

@@ -59,7 +59,7 @@
 @property --un-border-style{syntax:"*";inherits:false;initial-value:solid;}
 @property --un-divide-y-reverse{syntax:"*";inherits:false;initial-value:0;}
 /* layer: theme */
-:root, :host { --spacing: 0.25rem; --radius-xl: 0.75rem; --radius-lg: 0.5rem; --default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1); --default-transition-duration: 150ms; --fontWeight-medium: 500; --colors-black: #000; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --fontWeight-semibold: 600; --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --radius-md: 0.375rem; --leading-none: 1; --colors-white: #fff; --radius-DEFAULT: 0.25rem; --colors-red-500: oklch(63.7% 0.237 25.331); --colors-red-600: oklch(57.7% 0.245 27.325); --colors-neutral-400: oklch(70.8% 0 0); --colors-neutral-800: oklch(26.9% 0 0); --colors-neutral-200: oklch(92.2% 0 0); --colors-neutral-600: oklch(43.9% 0 0); --colors-neutral-50: oklch(98.5% 0 0); --text-xs-fontSize: 0.75rem; --text-xs-lineHeight: 1rem; --text-base-fontSize: 1rem; --text-base-lineHeight: 1.5rem; --text-lg-fontSize: 1.125rem; --text-lg-lineHeight: 1.75rem; --text-sm-fontSize: 0.875rem; --text-sm-lineHeight: 1.25rem; --colors-neutral-300: oklch(87% 0 0); --ease-out: cubic-bezier(0, 0, 0.2, 1); --ease-in: cubic-bezier(0.4, 0, 1, 1); --radius-2xl: 1rem; --colors-info-9: var(--info-9); --colors-primary-9: var(--primary-9); --colors-amber-DEFAULT: oklch(82.8% 0.189 84.429); --colors-red-DEFAULT: oklch(70.4% 0.191 22.216); --colors-gray-DEFAULT: oklch(70.7% 0.022 261.325); --ease-DEFAULT: cubic-bezier(0.4, 0, 0.2, 1); --radius-none: 0; --radius-xs: 0.125rem; --radius-sm: 0.25rem; --radius-3xl: 1.5rem; --ease-linear: linear; --colors-secondary-500: #64748b; --colors-secondary-300: #cbd5e1; --colors-secondary-700: #334155; --colors-secondary-100: #f1f5f9; --colors-secondary-800: #1e293b; --text-xl-fontSize: 1.25rem; --text-xl-lineHeight: 1.75rem; --text-2xl-fontSize: 1.5rem; --text-2xl-lineHeight: 2rem; --text-3xl-fontSize: 1.875rem; --text-3xl-lineHeight: 2.25rem; --colors-secondary-600: #475569; --colors-secondary-50: #f8fafc; --colors-secondary-400: #94a3b8; --colors-secondary-200: #e2e8f0; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --leading-tight: 1.25; --container-4xl: 56rem; --fontWeight-bold: 700; --font-sans: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --default-font-family: var(--font-sans); --default-monoFont-family: var(--font-mono); }
+:root, :host { --spacing: 0.25rem; --radius-xl: 0.75rem; --radius-lg: 0.5rem; --default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1); --default-transition-duration: 150ms; --fontWeight-medium: 500; --colors-black: #000; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --fontWeight-semibold: 600; --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --radius-md: 0.375rem; --leading-none: 1; --colors-white: #fff; --radius-DEFAULT: 0.25rem; --colors-red-500: oklch(63.7% 0.237 25.331); --colors-red-600: oklch(57.7% 0.245 27.325); --colors-neutral-400: oklch(70.8% 0 0); --colors-neutral-800: oklch(26.9% 0 0); --colors-neutral-200: oklch(92.2% 0 0); --colors-neutral-600: oklch(43.9% 0 0); --colors-neutral-50: oklch(98.5% 0 0); --text-xs-fontSize: 0.75rem; --text-xs-lineHeight: 1rem; --text-base-fontSize: 1rem; --text-base-lineHeight: 1.5rem; --text-lg-fontSize: 1.125rem; --text-lg-lineHeight: 1.75rem; --text-sm-fontSize: 0.875rem; --text-sm-lineHeight: 1.25rem; --colors-neutral-300: oklch(87% 0 0); --ease-out: cubic-bezier(0, 0, 0.2, 1); --ease-in: cubic-bezier(0.4, 0, 1, 1); --radius-2xl: 1rem; --colors-info-9: var(--info-9); --colors-primary-9: var(--primary-9); --colors-amber-DEFAULT: oklch(82.8% 0.189 84.429); --colors-red-DEFAULT: oklch(70.4% 0.191 22.216); --colors-gray-DEFAULT: oklch(70.7% 0.022 261.325); --ease-DEFAULT: cubic-bezier(0.4, 0, 0.2, 1); --radius-none: 0; --radius-xs: 0.125rem; --radius-sm: 0.25rem; --radius-3xl: 1.5rem; --ease-linear: linear; --colors-secondary-500: #64748b; --colors-secondary-300: #cbd5e1; --colors-secondary-700: #334155; --colors-secondary-100: #f1f5f9; --colors-secondary-800: #1e293b; --text-xl-fontSize: 1.25rem; --text-xl-lineHeight: 1.75rem; --text-2xl-fontSize: 1.5rem; --text-2xl-lineHeight: 2rem; --text-3xl-fontSize: 1.875rem; --text-3xl-lineHeight: 2.25rem; --colors-secondary-600: #475569; --colors-secondary-50: #f8fafc; --colors-secondary-400: #94a3b8; --colors-secondary-200: #e2e8f0; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --leading-tight: 1.25; --container-4xl: 56rem; --fontWeight-bold: 700; --colors-green-DEFAULT: oklch(79.2% 0.209 151.711); --font-sans: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --default-font-family: var(--font-sans); --default-monoFont-family: var(--font-mono); }
 /* layer: base */
  *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box;  margin: 0;  padding: 0;  border: 0 solid;  }  html, :host { line-height: 1.5;  -webkit-text-size-adjust: 100%;  tab-size: 4;  font-family: var( --default-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' );  font-feature-settings: var(--default-font-featureSettings, normal);  font-variation-settings: var(--default-font-variationSettings, normal);  -webkit-tap-highlight-color: transparent;  }  hr { height: 0;  color: inherit;  border-top-width: 1px;  }  abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }  h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }  a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; }  b, strong { font-weight: bolder; }  code, kbd, samp, pre { font-family: var( --default-monoFont-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace );  font-feature-settings: var(--default-monoFont-featureSettings, normal);  font-variation-settings: var(--default-monoFont-variationSettings, normal);  font-size: 1em;  }  small { font-size: 80%; }  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; }  table { text-indent: 0;  border-color: inherit;  border-collapse: collapse;  }  :-moz-focusring:where(:not(iframe)) { outline: auto; }  progress { vertical-align: baseline; }  summary { display: list-item; }  ol, ul, menu { list-style: none; }  img, svg, video, canvas, audio, iframe, embed, object { display: block;  vertical-align: middle;  }  img, video { max-width: 100%; height: auto; }  button, input, select, optgroup, textarea, ::file-selector-button { font: inherit;  font-feature-settings: inherit;  font-variation-settings: inherit;  letter-spacing: inherit;  color: inherit;  border-radius: 0;  background-color: transparent;  opacity: 1;  }  :where(select:is([multiple], [size])) optgroup { font-weight: bolder; }  :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; }  ::file-selector-button { margin-inline-end: 4px; }  ::placeholder { opacity: 1; }  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px)  { ::placeholder { color: color-mix(in oklab, currentcolor 50%, transparent); } }  textarea { resize: vertical; }  ::-webkit-search-decoration { -webkit-appearance: none; }  ::-webkit-date-and-time-value { min-height: 1lh;  text-align: inherit;  }  ::-webkit-datetime-edit { display: inline-flex; }  ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; }  ::-webkit-calendar-picker-indicator { line-height: 1; }  :-moz-ui-invalid { box-shadow: none; }  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button { appearance: button; }  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }  [hidden]:where(:not([hidden~='until-found'])) { display: none !important; }
 /* layer: preflights */
@@ -432,6 +432,7 @@
 [color~="\#2563eb"]{color:color-mix(in oklab, #2563eb var(--un-text-opacity), transparent);}
 [color~="amber"]{color:color-mix(in srgb, var(--colors-amber-DEFAULT) var(--un-text-opacity), transparent);}
 [color~="gray"]{color:color-mix(in srgb, var(--colors-gray-DEFAULT) var(--un-text-opacity), transparent);}
+[color~="green"]{color:color-mix(in srgb, var(--colors-green-DEFAULT) var(--un-text-opacity), transparent);}
 [color~="red"]{color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-text-opacity), transparent);}
 .leading-10{--un-leading:calc(var(--spacing) * 10);line-height:calc(var(--spacing) * 10);}
 .leading-4{--un-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4);}
@@ -466,6 +467,7 @@
 [mb~="\33 "]{margin-bottom:calc(var(--spacing) * 3);}
 .mb-8,
 [mb~="\38 "]{margin-bottom:calc(var(--spacing) * 8);}
+.me{margin-inline-end:calc(var(--spacing) * 4);}
 .ml-2{margin-left:calc(var(--spacing) * 2);}
 .mr-2{margin-right:calc(var(--spacing) * 2);}
 .mt-0\.5{margin-top:calc(var(--spacing) * 0.5);}
@@ -977,6 +979,7 @@
 .hover\:text-secondary-800:hover{color:color-mix(in oklab, var(--colors-secondary-800) var(--un-text-opacity), transparent);}
 [color~="amber"]{color:color-mix(in oklab, var(--colors-amber-DEFAULT) var(--un-text-opacity), transparent);}
 [color~="gray"]{color:color-mix(in oklab, var(--colors-gray-DEFAULT) var(--un-text-opacity), transparent);}
+[color~="green"]{color:color-mix(in oklab, var(--colors-green-DEFAULT) var(--un-text-opacity), transparent);}
 [color~="red"]{color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-text-opacity), transparent);}
 .border-red-500{border-color:color-mix(in oklab, var(--colors-red-500) var(--un-border-opacity), transparent);}
 .border-secondary-300{border-color:color-mix(in oklab, var(--colors-secondary-300) var(--un-border-opacity), transparent);}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aracreate/arm-ui",
-  "version": "3.7.1",
+  "version": "3.8.1",
   "description": "A modern, lightweight, and customizable React UI library built with TypeScript, UnoCSS, and Storybook",
   "private": false,
   "publishConfig": {
@@ -44,7 +44,8 @@
     "test:watch": "vitest --config vitest.components.config.ts",
     "test:storybook": "vitest run --config vitest.config.ts",
     "test:storybook:watch": "vitest --config vitest.config.ts",
-    "prepublishOnly": "npm run clean && npm run build",
+    "prepublishOnly": "npm run clean && npm run build && npm run check:dist",
+    "check:dist": "node scripts/check-dist-exports.mjs",
     "release": "semantic-release",
     "storybook": "npm run build:css && storybook dev -p 6006",
     "build-storybook": "storybook build"
@@ -54,6 +55,7 @@
     "src/styles/**"
   ],
   "dependencies": {
+    "@radix-ui/react-icons": "^1.3.2",
     "@radix-ui/themes": "^3.3.0",
     "clsx": "^2.1.1",
     "dayjs": "^1.11.23",
@@ -61,7 +63,6 @@
     "tailwind-merge": "^3.6.0"
   },
   "peerDependencies": {
-    "@radix-ui/react-icons": ">=1.0.0",
     "@unocss/preset-attributify": ">=0.60.0",
     "@unocss/preset-wind4": ">=0.60.0",
     "react": ">=18.0.0",
@@ -99,7 +100,6 @@
     "@radix-ui/react-dropdown-menu": "^2.1.24",
     "@radix-ui/react-form": "^0.1.16",
     "@radix-ui/react-hover-card": "^1.1.23",
-    "@radix-ui/react-icons": "^1.3.2",
     "@radix-ui/react-label": "^2.1.15",
     "@radix-ui/react-menubar": "^1.1.24",
     "@radix-ui/react-navigation-menu": "^1.2.22",