@ryanhelsing/ry-ui 1.0.2 → 1.0.4

package/dist/components/ry-feature.d.ts

@@ -0,0 +1,21 @@
+/**
+ * <ry-feature> + <ry-feature-grid>
+ *
+ * Feature card with icon + responsive grid.
+ *
+ * Usage:
+ * <ry-feature-grid cols="3">
+ *   <ry-feature icon="settings">
+ *     <h3>Easy Setup</h3>
+ *     <p>One line to get started.</p>
+ *   </ry-feature>
+ * </ry-feature-grid>
+ */
+import { RyElement } from '../core/ry-element.js';
+export declare class RyFeature extends RyElement {
+    #private;
+    setup(): void;
+}
+export declare class RyFeatureGrid extends RyElement {
+}
+//# sourceMappingURL=ry-feature.d.ts.map

package/dist/components/ry-feature.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ry-feature.d.ts","sourceRoot":"","sources":["../../src/ts/components/ry-feature.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGlD,qBAAa,SAAU,SAAQ,SAAS;;IACtC,KAAK,IAAI,IAAI;CAmBd;AAED,qBAAa,aAAc,SAAQ,SAAS;CAAG"}

package/dist/components/ry-field.d.ts

@@ -1,18 +1,24 @@
 /**
  * <ry-field>
  *
- * Form field wrapper with label.
+ * Form field wrapper with label, error, and hint.
  *
  * Usage:
  * <ry-field label="Email">
  *   <input type="email" placeholder="you@example.com">
  * </ry-field>
  *
+ * <ry-field label="Password" hint="Min 8 characters" error="Too short">
+ *   <input type="password">
+ * </ry-field>
+ *
  * JS uses data-ry-target for queries, CSS uses classes for styling.
  */
 import { RyElement } from '../core/ry-element.js';
 export declare class RyField extends RyElement {
     #private;
+    static get observedAttributes(): string[];
     setup(): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
 }
 //# sourceMappingURL=ry-field.d.ts.map

package/dist/components/ry-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ry-field.d.ts","sourceRoot":"","sources":["../../src/ts/components/ry-field.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,qBAAa,OAAQ,SAAQ,SAAS;;IACpC,KAAK,IAAI,IAAI;CA2Bd"}
+{"version":3,"file":"ry-field.d.ts","sourceRoot":"","sources":["../../src/ts/components/ry-field.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,qBAAa,OAAQ,SAAQ,SAAS;;IACpC,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,KAAK,IAAI,IAAI;IAIb,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;CA6G/F"}

package/dist/components/ry-hero.d.ts

@@ -0,0 +1,16 @@
+/**
+ * <ry-hero>
+ *
+ * Hero section component (mostly CSS-only).
+ *
+ * Usage:
+ * <ry-hero align="center">
+ *   <h1>Build apps faster</h1>
+ *   <p>Framework-agnostic components.</p>
+ *   <ry-cluster><ry-button>Get Started</ry-button></ry-cluster>
+ * </ry-hero>
+ */
+import { RyElement } from '../core/ry-element.js';
+export declare class RyHero extends RyElement {
+}
+//# sourceMappingURL=ry-hero.d.ts.map

package/dist/components/ry-hero.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ry-hero.d.ts","sourceRoot":"","sources":["../../src/ts/components/ry-hero.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,qBAAa,MAAO,SAAQ,SAAS;CAAG"}

package/dist/components/ry-number-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ry-number-select.d.ts","sourceRoot":"","sources":["../../src/ts/components/ry-number-select.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAMlD,qBAAa,cAAe,SAAQ,SAAS;;IAgB3C,MAAM,CAAC,kBAAkB,mIAAoI;IAE7J,KAAK,IAAI,IAAI;IAicb,IAAI,KAAK,IAAI,MAAM,CAElB;IACD,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,EAEpB;IAED,IAAI,GAAG,IAAI,MAAM,CAEhB;IACD,IAAI,GAAG,CAAC,GAAG,EAAE,MAAM,EAElB;IAED,IAAI,GAAG,IAAI,MAAM,CAEhB;IACD,IAAI,GAAG,CAAC,GAAG,EAAE,MAAM,EAElB;IAED,IAAI,IAAI,IAAI,MAAM,CAEjB;IACD,IAAI,IAAI,CAAC,GAAG,EAAE,MAAM,EAEnB;IAED,IAAI,IAAI,IAAI,GAAG,GAAG,GAAG,GAAG,MAAM,CAE7B;IACD,IAAI,IAAI,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,MAAM,EAE/B;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,QAAQ,CAAC,GAAG,EAAE,OAAO,EAGxB;IAED,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAO9F,QAAQ,IAAI,IAAI;CAGjB"}
+{"version":3,"file":"ry-number-select.d.ts","sourceRoot":"","sources":["../../src/ts/components/ry-number-select.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAMlD,qBAAa,cAAe,SAAQ,SAAS;;IAgB3C,MAAM,CAAC,kBAAkB,mIAAoI;IAE7J,KAAK,IAAI,IAAI;IA0cb,IAAI,KAAK,IAAI,MAAM,CAElB;IACD,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,EAEpB;IAED,IAAI,GAAG,IAAI,MAAM,CAEhB;IACD,IAAI,GAAG,CAAC,GAAG,EAAE,MAAM,EAElB;IAED,IAAI,GAAG,IAAI,MAAM,CAEhB;IACD,IAAI,GAAG,CAAC,GAAG,EAAE,MAAM,EAElB;IAED,IAAI,IAAI,IAAI,MAAM,CAEjB;IACD,IAAI,IAAI,CAAC,GAAG,EAAE,MAAM,EAEnB;IAED,IAAI,IAAI,IAAI,GAAG,GAAG,GAAG,GAAG,MAAM,CAE7B;IACD,IAAI,IAAI,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,MAAM,EAE/B;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,QAAQ,CAAC,GAAG,EAAE,OAAO,EAGxB;IAED,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAO9F,QAAQ,IAAI,IAAI;CAGjB"}

package/dist/components/ry-pricing.d.ts

@@ -0,0 +1,21 @@
+/**
+ * <ry-pricing> + <ry-pricing-card>
+ *
+ * Pricing section with featured card variant.
+ *
+ * Usage:
+ * <ry-pricing>
+ *   <ry-pricing-card featured>
+ *     <h3>Pro</h3>
+ *     <div slot="price">$29<span>/mo</span></div>
+ *     <ul><li>Feature 1</li></ul>
+ *     <ry-button>Choose Pro</ry-button>
+ *   </ry-pricing-card>
+ * </ry-pricing>
+ */
+import { RyElement } from '../core/ry-element.js';
+export declare class RyPricing extends RyElement {
+}
+export declare class RyPricingCard extends RyElement {
+}
+//# sourceMappingURL=ry-pricing.d.ts.map

package/dist/components/ry-pricing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ry-pricing.d.ts","sourceRoot":"","sources":["../../src/ts/components/ry-pricing.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,qBAAa,SAAU,SAAQ,SAAS;CAAG;AAC3C,qBAAa,aAAc,SAAQ,SAAS;CAAG"}

package/dist/components/ry-select.d.ts

@@ -1,7 +1,7 @@
 /**
  * <ry-select>
  *
- * Custom select dropdown component.
+ * Custom select dropdown component with optional multi-select.
  *
  * Usage:
  * <ry-select placeholder="Choose country" name="country">
@@ -10,6 +10,12 @@
  *   <ry-option value="ca" disabled>Canada</ry-option>
  * </ry-select>
  *
+ * Multi-select:
+ * <ry-select multiple clearable placeholder="Choose...">
+ *   <ry-option value="us">United States</ry-option>
+ *   <ry-option value="uk">United Kingdom</ry-option>
+ * </ry-select>
+ *
  * JS uses data-ry-target for queries, CSS uses classes for styling.
  */
 import { RyElement } from '../core/ry-element.js';
@@ -24,6 +30,7 @@ export declare class RySelect extends RyElement {
     toggle(): void;
     get value(): string;
     set value(val: string);
+    get values(): string[];
     teardown(): void;
 }
 //# sourceMappingURL=ry-select.d.ts.map

package/dist/components/ry-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ry-select.d.ts","sourceRoot":"","sources":["../../src/ts/components/ry-select.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAgB,MAAM,aAAa,CAAC;AAI9D,qBAAa,QAAS,SAAQ,SAAS;;IAOrC,QAAQ,EAAE,YAAY,EAAE,CAAM;IAE9B,MAAM,CAAC,kBAAkB,iCAAkC;IAE3D,KAAK,IAAI,IAAI;IA6Qb,IAAI,IAAI,IAAI;IA+CZ,KAAK,IAAI,IAAI;IAmBb,MAAM,IAAI,IAAI;IAQd,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,EAKpB;IAED,QAAQ,IAAI,IAAI;CAKjB"}
+{"version":3,"file":"ry-select.d.ts","sourceRoot":"","sources":["../../src/ts/components/ry-select.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,KAAK,EAAE,YAAY,EAAgB,MAAM,aAAa,CAAC;AAI9D,qBAAa,QAAS,SAAQ,SAAS;;IAQrC,QAAQ,EAAE,YAAY,EAAE,CAAM;IAM9B,MAAM,CAAC,kBAAkB,iCAAkC;IAE3D,KAAK,IAAI,IAAI;IA0Zb,IAAI,IAAI,IAAI;IAmDZ,KAAK,IAAI,IAAI;IAmBb,MAAM,IAAI,IAAI;IAQd,IAAI,KAAK,IAAI,MAAM,CAKlB;IAED,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,EAgBpB;IAED,IAAI,MAAM,IAAI,MAAM,EAAE,CAErB;IAED,QAAQ,IAAI,IAAI;CAKjB"}

package/dist/components/ry-split.d.ts

@@ -0,0 +1,28 @@
+/**
+ * <ry-split>
+ *
+ * Two-column split layout with optional resizable divider and persistence.
+ *
+ * Usage:
+ * <ry-split>
+ *   <div>Main content</div>
+ *   <div>Sidebar</div>
+ * </ry-split>
+ *
+ * Resizable with persistence:
+ * <ry-split resizable persist="my-panel">
+ *   <div>Main</div>
+ *   <div>Panel</div>
+ * </ry-split>
+ *
+ * CSS custom properties:
+ *   --ry-split-width:     Sidebar width (default 300px)
+ *   --ry-split-min-width: Sidebar minimum during resize (default 100px)
+ *   --ry-split-max-width: Sidebar maximum during resize (default 80% of container)
+ */
+import { RyElement } from '../core/ry-element.js';
+export declare class RySplit extends RyElement {
+    #private;
+    setup(): void;
+}
+//# sourceMappingURL=ry-split.d.ts.map

package/dist/components/ry-split.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ry-split.d.ts","sourceRoot":"","sources":["../../src/ts/components/ry-split.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,qBAAa,OAAQ,SAAQ,SAAS;;IAMpC,KAAK,IAAI,IAAI;CA6Kd"}

package/dist/components/ry-stat.d.ts

@@ -0,0 +1,17 @@
+/**
+ * <ry-stat>
+ *
+ * KPI / statistic display with optional trend arrow.
+ *
+ * Usage:
+ * <ry-stat trend="up">
+ *   <span slot="value">2,847</span>
+ *   <span slot="label">Active Users</span>
+ * </ry-stat>
+ */
+import { RyElement } from '../core/ry-element.js';
+export declare class RyStat extends RyElement {
+    #private;
+    setup(): void;
+}
+//# sourceMappingURL=ry-stat.d.ts.map

package/dist/components/ry-stat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ry-stat.d.ts","sourceRoot":"","sources":["../../src/ts/components/ry-stat.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGlD,qBAAa,MAAO,SAAQ,SAAS;;IACnC,KAAK,IAAI,IAAI;CAyBd"}

package/dist/components/ry-tag-input.d.ts

@@ -0,0 +1,18 @@
+/**
+ * <ry-tag-input>
+ *
+ * Free-form tag entry with delimiter splitting and paste support.
+ *
+ * Usage:
+ * <ry-tag-input placeholder="Add tags..." delimiter="," max-tags="5" name="tags" value="js,ts,css"></ry-tag-input>
+ *
+ * Events: ry:change, ry:add, ry:remove
+ */
+import { RyElement } from '../core/ry-element.js';
+export declare class RyTagInput extends RyElement {
+    #private;
+    setup(): void;
+    get value(): string;
+    get values(): string[];
+}
+//# sourceMappingURL=ry-tag-input.d.ts.map

package/dist/components/ry-tag-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ry-tag-input.d.ts","sourceRoot":"","sources":["../../src/ts/components/ry-tag-input.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,qBAAa,UAAW,SAAQ,SAAS;;IAGvC,KAAK,IAAI,IAAI;IAmIb,IAAI,KAAK,IAAI,MAAM,CAGlB;IAED,IAAI,MAAM,IAAI,MAAM,EAAE,CAErB;CACF"}

package/dist/components/ry-tag.d.ts

@@ -0,0 +1,19 @@
+/**
+ * <ry-tag>
+ *
+ * Removable pill/tag component.
+ *
+ * Usage:
+ * <ry-tag>Default</ry-tag>
+ * <ry-tag variant="primary" removable>Removable</ry-tag>
+ * <ry-tag size="sm" removable data-value="js">JavaScript</ry-tag>
+ *
+ * JS uses data-ry-target for queries, CSS uses classes for styling.
+ */
+import { RyElement } from '../core/ry-element.js';
+export declare class RyTag extends RyElement {
+    #private;
+    setup(): void;
+    get label(): string;
+}
+//# sourceMappingURL=ry-tag.d.ts.map

package/dist/components/ry-tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ry-tag.d.ts","sourceRoot":"","sources":["../../src/ts/components/ry-tag.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGlD,qBAAa,KAAM,SAAQ,SAAS;;IAClC,KAAK,IAAI,IAAI;IA+Bb,IAAI,KAAK,IAAI,MAAM,CAElB;CACF"}

package/dist/core/ry-transform.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ry-transform.d.ts","sourceRoot":"","sources":["../../src/ts/core/ry-transform.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AA4CH;;GAEG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE9C;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,IAAI,CAgBxC"}
+{"version":3,"file":"ry-transform.d.ts","sourceRoot":"","sources":["../../src/ts/core/ry-transform.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAsDH;;GAEG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE9C;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,IAAI,CAgBxC"}