@ryanhelsing/ry-ui 1.0.3 → 1.0.5

package/dist/css/ry-ui.css

@@ -17,6 +17,9 @@
 @property --ry-color-secondary { syntax: "<color>"; inherits: true; initial-value: oklch(0.554 0.041 257.4); }
 @property --ry-color-secondary-hover { syntax: "<color>"; inherits: true; initial-value: oklch(0.446 0.037 257.3); }
 @property --ry-color-secondary-active { syntax: "<color>"; inherits: true; initial-value: oklch(0.372 0.039 257.3); }
+@property --ry-color-accent { syntax: "<color>"; inherits: true; initial-value: oklch(0.627 0.213 303.9); }
+@property --ry-color-accent-hover { syntax: "<color>"; inherits: true; initial-value: oklch(0.557 0.213 303.9); }
+@property --ry-color-accent-active { syntax: "<color>"; inherits: true; initial-value: oklch(0.497 0.213 303.9); }
 @property --ry-color-success { syntax: "<color>"; inherits: true; initial-value: oklch(0.723 0.192 149.6); }
 @property --ry-color-warning { syntax: "<color>"; inherits: true; initial-value: oklch(0.769 0.165 70.1); }
 @property --ry-color-danger { syntax: "<color>"; inherits: true; initial-value: oklch(0.637 0.208 25.3); }
@@ -64,6 +67,11 @@
   --ry-color-secondary-hover: light-dark(oklch(0.446 0.037 257.3), oklch(0.869 0.02 252.9));
   --ry-color-secondary-active: light-dark(oklch(0.372 0.039 257.3), oklch(0.929 0.013 255.6));
 
+  /* Accent */
+  --ry-color-accent: light-dark(oklch(0.627 0.213 303.9), oklch(0.714 0.183 303.9));
+  --ry-color-accent-hover: light-dark(oklch(0.557 0.213 303.9), oklch(0.627 0.213 303.9));
+  --ry-color-accent-active: light-dark(oklch(0.497 0.213 303.9), oklch(0.557 0.213 303.9));
+
   /* Semantic */
   --ry-color-success: oklch(0.723 0.192 149.6);
   --ry-color-warning: oklch(0.769 0.165 70.1);
@@ -276,7 +284,7 @@ ry {
   ry-page, ry-header, ry-main, ry-footer, ry-section, ry-aside,
   ry-grid, ry-stack, ry-cluster, ry-split, ry-center,
   ry-card, ry-accordion, ry-modal, ry-tabs, ry-dropdown,
-  ry-button, ry-badge, ry-alert, ry-field, ry-nav, ry-logo, ry-actions,
+  ry-button, ry-button-group, ry-badge, ry-alert, ry-field, ry-nav, ry-logo, ry-actions,
   ry-accordion-item, ry-tab, ry-menu, ry-menu-item, ry-divider,
   ry-theme-toggle, ry-select, ry-switch, ry-tooltip, ry-drawer, ry-toast,
   ry-toggle-button, ry-knob, ry-slider, ry-number-select, ry-color-picker, ry-color-input,
@@ -414,6 +422,16 @@ ry-grid[cols="4"] { grid-template-columns: repeat(4, 1fr); }
 ry-grid[cols="5"] { grid-template-columns: repeat(5, 1fr); }
 ry-grid[cols="6"] { grid-template-columns: repeat(6, 1fr); }
 
+/* Auto-fit mode: fluid columns based on min-width */
+ry-grid[cols="auto-fit"] {
+  grid-template-columns: repeat(auto-fit, minmax(var(--ry-grid-min, 280px), 1fr));
+}
+
+ry-grid[cols="auto-fill"] {
+  grid-template-columns: repeat(auto-fill, minmax(var(--ry-grid-min, 280px), 1fr));
+}
+
+/* Default responsive behavior */
 @container (max-width: 640px) {
   :is(ry-grid[cols="2"], ry-grid[cols="3"], ry-grid[cols="4"],
       ry-grid[cols="5"], ry-grid[cols="6"]) {
@@ -428,6 +446,28 @@ ry-grid[cols="6"] { grid-template-columns: repeat(6, 1fr); }
   }
 }
 
+/* Per-breakpoint column overrides: cols-sm, cols-md, cols-lg */
+@container (max-width: 640px) {
+  ry-grid[cols-sm="1"] { grid-template-columns: 1fr; }
+  ry-grid[cols-sm="2"] { grid-template-columns: repeat(2, 1fr); }
+  ry-grid[cols-sm="3"] { grid-template-columns: repeat(3, 1fr); }
+}
+
+@container (min-width: 641px) and (max-width: 1024px) {
+  ry-grid[cols-md="1"] { grid-template-columns: 1fr; }
+  ry-grid[cols-md="2"] { grid-template-columns: repeat(2, 1fr); }
+  ry-grid[cols-md="3"] { grid-template-columns: repeat(3, 1fr); }
+  ry-grid[cols-md="4"] { grid-template-columns: repeat(4, 1fr); }
+}
+
+@container (min-width: 1025px) {
+  ry-grid[cols-lg="2"] { grid-template-columns: repeat(2, 1fr); }
+  ry-grid[cols-lg="3"] { grid-template-columns: repeat(3, 1fr); }
+  ry-grid[cols-lg="4"] { grid-template-columns: repeat(4, 1fr); }
+  ry-grid[cols-lg="5"] { grid-template-columns: repeat(5, 1fr); }
+  ry-grid[cols-lg="6"] { grid-template-columns: repeat(6, 1fr); }
+}
+
 /* ═══════════════════════════════════════════════════════════════
    STACK (vertical)
    ═══════════════════════════════════════════════════════════════ */
@@ -473,7 +513,46 @@ ry-split > :first-child {
 
 ry-split > :last-child {
   flex-shrink: 0;
-  width: 300px;
+  width: var(--ry-split-width, 300px);
+  min-width: var(--ry-split-min-width, 0);
+}
+
+/* Resize handle */
+ry-split [data-ry-target="handle"] {
+  flex-shrink: 0;
+  width: 8px;
+  margin-inline: -4px;
+  cursor: col-resize;
+  position: relative;
+  z-index: 1;
+  touch-action: none;
+}
+
+/* Larger hit area via pseudo-element */
+ry-split [data-ry-target="handle"]::before {
+  content: '';
+  position: absolute;
+  inset-block: 0;
+  inset-inline: -4px;
+}
+
+/* Visible drag indicator */
+ry-split [data-ry-target="handle"]::after {
+  content: '';
+  position: absolute;
+  inset-block-start: 50%;
+  inset-inline-start: 50%;
+  width: 4px;
+  height: 32px;
+  transform: translate(-50%, -50%);
+  border-radius: 2px;
+  opacity: 0;
+  transition: opacity var(--ry-duration-fast, 100ms);
+}
+
+ry-split [data-ry-target="handle"]:hover::after,
+ry-split[data-ry-resizing] [data-ry-target="handle"]::after {
+  opacity: 1;
 }
 
 @container (max-width: 768px) {
@@ -483,6 +562,9 @@ ry-split > :last-child {
   ry-split > :last-child {
     width: 100%;
   }
+  ry-split [data-ry-target="handle"] {
+    display: none;
+  }
 }
 
 /* ═══════════════════════════════════════════════════════════════
@@ -578,6 +660,37 @@ ry-button[size="lg"] {
   padding: var(--ry-space-3, 0.75rem) var(--ry-space-6, 1.5rem);
 }
 
+/* Icon-only button */
+ry-button[icon]:empty {
+  padding: var(--ry-space-2, 0.5rem);
+}
+
+ry-button[icon][size="sm"]:empty {
+  padding: var(--ry-space-1, 0.25rem);
+}
+
+/* ═══════════════════════════════════════════════════════════════
+   BUTTON GROUP
+   ═══════════════════════════════════════════════════════════════ */
+
+ry-button-group {
+  display: inline-flex;
+}
+
+ry-button-group > :is(ry-button, ry-toggle-button) {
+  border-radius: 0;
+}
+
+ry-button-group > :is(ry-button, ry-toggle-button):first-child {
+  border-start-start-radius: var(--ry-radius-md, 0.375rem);
+  border-end-start-radius: var(--ry-radius-md, 0.375rem);
+}
+
+ry-button-group > :is(ry-button, ry-toggle-button):last-child {
+  border-start-end-radius: var(--ry-radius-md, 0.375rem);
+  border-end-end-radius: var(--ry-radius-md, 0.375rem);
+}
+
 /* ═══════════════════════════════════════════════════════════════
    TOGGLE BUTTON
    ═══════════════════════════════════════════════════════════════ */
@@ -952,6 +1065,23 @@ ry-card {
   display: block;
   padding: var(--ry-space-6, 1.5rem);
   container-type: inline-size;
+  transition: transform var(--ry-duration-fast, 100ms) var(--ry-ease, ease);
+}
+
+ry-card:hover {
+  transform: translateY(-2px);
+}
+
+ry-card[interactive] {
+  cursor: pointer;
+}
+
+ry-card[interactive]:hover {
+  transform: translateY(-3px);
+}
+
+ry-card[interactive]:active {
+  transform: translateY(0);
 }
 
 ry-card h3 {
@@ -1020,6 +1150,19 @@ ry-field {
   margin-block-end: var(--ry-space-4, 1rem);
 }
 
+ry-field [data-ry-target="error"]:empty,
+ry-field [data-ry-target="hint"]:empty {
+  display: none;
+}
+
+ry-field [data-ry-target="error"]:not(:empty) ~ [data-ry-target="hint"] {
+  display: none;
+}
+
+ry-field :is([data-ry-target="error"], [data-ry-target="hint"]) {
+  margin-block-start: var(--ry-space-1, 0.25rem);
+}
+
 /* ═══════════════════════════════════════════════════════════════
    ACCORDION
    ═══════════════════════════════════════════════════════════════ */
@@ -3045,6 +3188,28 @@ ry-divider {
   background-color: var(--ry-color-border);
 }
 
+/* ═══════════════════════════════════════════════════════════════
+   SPLIT HANDLE
+   ═══════════════════════════════════════════════════════════════ */
+
+ry-split [data-ry-target="handle"]::after {
+  background-color: var(--ry-color-border-strong);
+}
+
+ry-split[data-ry-resizing] [data-ry-target="handle"]::after {
+  background-color: var(--ry-color-primary);
+}
+
+ry-split [data-ry-target="handle"]:focus-visible {
+  outline: none;
+}
+
+ry-split [data-ry-target="handle"]:focus-visible::after {
+  opacity: 1;
+  background-color: var(--ry-color-primary);
+  box-shadow: var(--ry-focus-ring);
+}
+
 /* ═══════════════════════════════════════════════════════════════
    BUTTONS
    ═══════════════════════════════════════════════════════════════ */
@@ -3111,6 +3276,47 @@ ry-divider {
   background-color: var(--ry-color-danger-hover);
 }
 
+:is(.ry-btn--accent, ry-button[variant="accent"]) {
+  background-color: var(--ry-color-accent);
+}
+:is(.ry-btn--accent, ry-button[variant="accent"]):hover {
+  background-color: var(--ry-color-accent-hover);
+}
+
+/* Pressed/active toggle state */
+:is(.ry-btn[aria-pressed="true"], ry-button[pressed]) {
+  background-color: var(--ry-color-primary);
+  color: var(--ry-color-text-inverse);
+  border-color: var(--ry-color-primary);
+}
+:is(.ry-btn[aria-pressed="true"], ry-button[pressed]):hover {
+  background-color: var(--ry-color-primary-hover);
+  border-color: var(--ry-color-primary-hover);
+}
+
+/* ═══════════════════════════════════════════════════════════════
+   BUTTON GROUP
+   ═══════════════════════════════════════════════════════════════ */
+
+ry-button-group > :is(ry-button, ry-toggle-button) {
+  border-color: var(--ry-color-border);
+}
+
+ry-button-group > :is(ry-button, ry-toggle-button):not(:first-child) {
+  border-inline-start-color: transparent;
+}
+
+/* Default children to outline style for segmented look */
+ry-button-group:not([variant]) > :is(ry-button, ry-toggle-button):not([pressed]) {
+  background-color: var(--ry-color-bg);
+  color: var(--ry-color-text);
+  border-color: var(--ry-color-border);
+}
+
+ry-button-group:not([variant]) > :is(ry-button, ry-toggle-button):not([pressed]):hover {
+  background-color: var(--ry-color-bg-muted);
+}
+
 /* Button sizes (typography only - padding is structural) */
 :is(.ry-btn--sm, ry-button[size="sm"]) {
   font-size: var(--ry-text-xs);
@@ -3544,6 +3750,18 @@ ry-card {
   border: var(--ry-border-width) solid var(--ry-color-border);
   border-radius: var(--ry-radius-lg);
   box-shadow: var(--ry-shadow-sm);
+  transition: border-color var(--ry-duration-fast) var(--ry-ease),
+              box-shadow var(--ry-duration-fast) var(--ry-ease);
+}
+
+ry-card:hover {
+  border-color: var(--ry-color-border-strong);
+  box-shadow: var(--ry-shadow-md);
+}
+
+ry-card[interactive]:hover {
+  border-color: var(--ry-color-primary);
+  box-shadow: var(--ry-shadow-lg);
 }
 
 ry-card h3 {
@@ -3587,6 +3805,17 @@ ry-card p {
   color: var(--ry-color-text-inverse);
 }
 
+:is(.ry-badge--accent, ry-badge[variant="accent"]) {
+  background-color: var(--ry-color-accent);
+  color: var(--ry-color-text-inverse);
+}
+
+/* Arbitrary color via style="--ry-badge-color: ..." */
+ry-badge[style*="--ry-badge-color"] {
+  background-color: var(--ry-badge-color);
+  color: var(--ry-badge-text, var(--ry-color-text-inverse));
+}
+
 /* ═══════════════════════════════════════════════════════════════
    ALERTS
    ═══════════════════════════════════════════════════════════════ */
@@ -3668,6 +3897,25 @@ ry-card p {
   color: var(--ry-color-text);
 }
 
+.ry-field__error {
+  font-size: var(--ry-text-sm);
+  color: var(--ry-color-danger);
+}
+
+.ry-field__hint {
+  font-size: var(--ry-text-sm);
+  color: var(--ry-color-text-muted);
+}
+
+/* Error state on input */
+ry-field:has([data-ry-target="error"]:not(:empty)) :is(input, textarea, select) {
+  border-color: var(--ry-color-danger);
+}
+
+ry-field:has([data-ry-target="error"]:not(:empty)) :is(input, textarea, select):focus {
+  box-shadow: 0 0 0 3px light-dark(oklch(0.637 0.208 25.3 / 0.3), oklch(0.637 0.208 25.3 / 0.3));
+}
+
 /* ═══════════════════════════════════════════════════════════════
    ACCORDION
    ═══════════════════════════════════════════════════════════════ */
@@ -4836,6 +5084,13 @@ ry-tag[disabled] {
   font-size: var(--ry-text-sm);
   color: var(--ry-color-text);
   background: transparent;
+  border: none;
+}
+
+.ry-tag-input__input:focus,
+.ry-tag-input__input:focus-visible {
+  outline: none;
+  box-shadow: none;
 }
 
 .ry-tag-input__input::placeholder {
@@ -4998,4 +5253,29 @@ ry-pricing-card ul li:last-child {
   background-color: var(--ry-color-primary-hover);
 }
 
+/* ═══════════════════════════════════════════════════════════════
+   CHECK LIST
+   ═══════════════════════════════════════════════════════════════ */
+
+.ry-check-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.ry-check-list li {
+  padding-inline-start: var(--ry-space-6);
+  position: relative;
+  margin-block-end: var(--ry-space-2);
+  color: var(--ry-color-text);
+}
+
+.ry-check-list li::before {
+  content: '\2713';
+  position: absolute;
+  inset-inline-start: 0;
+  color: var(--ry-color-success);
+  font-weight: var(--ry-font-bold);
+}
+
 } /* @layer ry-theme */

package/dist/ry-ui.d.ts

@@ -27,7 +27,10 @@ export { RyModal } from './components/ry-modal.js';
 export { RyTabs } from './components/ry-tabs.js';
 export { RyDropdown } from './components/ry-dropdown.js';
 export { RyButton } from './components/ry-button.js';
+export { RyButtonGroup } from './components/ry-button-group.js';
+export { RySplit } from './components/ry-split.js';
 export { RyThemeToggle } from './components/ry-theme-toggle.js';
+export { RyCard } from './components/ry-card.js';
 export { RyAlert } from './components/ry-alert.js';
 export { RyField } from './components/ry-field.js';
 export { RySwitch } from './components/ry-switch.js';

package/dist/ry-ui.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ry-ui.d.ts","sourceRoot":"","sources":["../src/ts/ry-ui.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAGH,YAAY,EACV,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,YAAY,EACb,MAAM,YAAY,CAAC;AAGpB,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAGtE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,YAAY,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AACtE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAClG,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC7D,YAAY,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAGzD,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGxF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAE/D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,OAAO,EAAE,OAAO,QAAQ,CAAC;KAC1B;CACF"}
+{"version":3,"file":"ry-ui.d.ts","sourceRoot":"","sources":["../src/ts/ry-ui.ts"],"names":[],"mappings":"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"}