@handamade/psi-react 0.3.0 → 0.4.1

package/dist/AspectRatio/AspectRatio.d.ts

@@ -5,5 +5,6 @@ export interface AspectRatioProps extends HTMLAttributes<HTMLDivElement> {
     /** Forwarded ref to the frame element. */
     ref?: Ref<HTMLDivElement>;
 }
+/** Fixed-aspect-ratio box that sizes its child media. */
 export declare function AspectRatio({ ratio, className, style, children, ref, ...rest }: AspectRatioProps): import("react").JSX.Element;
 //# sourceMappingURL=AspectRatio.d.ts.map

package/dist/AspectRatio/AspectRatio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AspectRatio.d.ts","sourceRoot":"","sources":["../../src/AspectRatio/AspectRatio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,+BAOhG"}
+{"version":3,"file":"AspectRatio.d.ts","sourceRoot":"","sources":["../../src/AspectRatio/AspectRatio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,yDAAyD;AACzD,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,+BAOhG"}

package/dist/Button/Button.d.ts

@@ -16,6 +16,8 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /** Forwarded ref to the underlying element. */
     ref?: Ref<HTMLButtonElement | HTMLAnchorElement>;
 }
+/** Action trigger. With `href` renders an anchor with identical styling (D33);
+ * `disabled` then maps to `aria-disabled`. */
 export declare function Button({ variant, size, href, target, rel, disabled, className, onClick, ref, ...rest }: ButtonProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=Button.d.ts.map

package/dist/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,oBAAoB,EAEpB,GAAG,EACJ,MAAM,OAAO,CAAC;AAGf,KAAK,OAAO,GACR,QAAQ,GACR,eAAe,GACf,SAAS,GACT,gBAAgB,GAChB,OAAO,GACP,QAAQ,GACR,eAAe,GACf,SAAS,CAAC;AAEd,KAAK,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAE9B,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oDAAoD;IACpD,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ;kDAC8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uCAAuC;IACvC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+CAA+C;IAC/C,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;CAClD;AAoBD,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAS,EACT,IAAI,EACJ,MAAM,EACN,GAAG,EACH,QAAQ,EACR,SAAS,EACT,OAAO,EACP,GAAG,EACH,GAAG,IAAI,EACR,EAAE,WAAW,+BA0Cb"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,oBAAoB,EAEpB,GAAG,EACJ,MAAM,OAAO,CAAC;AAGf,KAAK,OAAO,GACR,QAAQ,GACR,eAAe,GACf,SAAS,GACT,gBAAgB,GAChB,OAAO,GACP,QAAQ,GACR,eAAe,GACf,SAAS,CAAC;AAEd,KAAK,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAE9B,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oDAAoD;IACpD,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ;kDAC8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uCAAuC;IACvC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+CAA+C;IAC/C,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;CAClD;AAoBD;8CAC8C;AAC9C,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAS,EACT,IAAI,EACJ,MAAM,EACN,GAAG,EACH,QAAQ,EACR,SAAS,EACT,OAAO,EACP,GAAG,EACH,GAAG,IAAI,EACR,EAAE,WAAW,+BA0Cb"}

package/dist/Card/Card.d.ts

@@ -9,5 +9,7 @@ export interface CardProps extends HTMLAttributes<HTMLDivElement> {
     /** Forwarded ref to the root element. */
     ref?: Ref<HTMLDivElement>;
 }
+/** Content container with an optional edge-to-edge media slot; `stacked`
+ * (media above body) or `featured` (media beside body) layout. */
 export declare function Card({ variant, media, hoverLift, className, children, ref, ...rest }: CardProps): import("react").JSX.Element;
 //# sourceMappingURL=Card.d.ts.map

package/dist/Card/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG5D,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,iHAAiH;IACjH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC,8DAA8D;IAC9D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yCAAyC;IACzC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,wBAAgB,IAAI,CAAC,EACnB,OAAmB,EACnB,KAAK,EACL,SAAiB,EACjB,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,IAAI,EACR,EAAE,SAAS,+BAgBX"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG5D,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,iHAAiH;IACjH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC,8DAA8D;IAC9D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yCAAyC;IACzC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED;kEACkE;AAClE,wBAAgB,IAAI,CAAC,EACnB,OAAmB,EACnB,KAAK,EACL,SAAiB,EACjB,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,IAAI,EACR,EAAE,SAAS,+BAgBX"}

package/dist/Checkbox/Checkbox.d.ts

@@ -5,5 +5,6 @@ export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement
     /** Forwarded ref to the underlying `<input type="checkbox">` element. */
     ref?: Ref<HTMLInputElement>;
 }
+/** Native checkbox with a built-in label; for independent binary choices. */
 export declare function Checkbox({ children, className, disabled, ref, ...rest }: CheckboxProps): import("react").JSX.Element;
 //# sourceMappingURL=Checkbox.d.ts.map

package/dist/Checkbox/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGtD,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC3D,kBAAkB;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yEAAyE;IACzE,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC7B;AAED,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,IAAI,EACR,EAAE,aAAa,+BAkBf"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGtD,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC3D,kBAAkB;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yEAAyE;IACzE,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC7B;AAED,6EAA6E;AAC7E,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,IAAI,EACR,EAAE,aAAa,+BAkBf"}

package/dist/IconButton/IconButton.d.ts

@@ -16,6 +16,8 @@ export interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>
     /** Forwarded ref to the underlying element. */
     ref?: Ref<HTMLButtonElement | HTMLAnchorElement>;
 }
+/** Square icon-only button; same variant/size/href contract as Button.
+ * Give it an accessible name (`aria-label`). */
 export declare function IconButton({ variant, size, href, target, rel, disabled, className, onClick, ref, ...rest }: IconButtonProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=IconButton.d.ts.map

package/dist/IconButton/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../src/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,oBAAoB,EAEpB,GAAG,EACJ,MAAM,OAAO,CAAC;AAGf,KAAK,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AACzD,KAAK,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAE9B,MAAM,WAAW,eACf,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC/C,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yDAAyD;IACzD,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ;kDAC8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uCAAuC;IACvC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+CAA+C;IAC/C,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;CAClD;AAgBD,wBAAgB,UAAU,CAAC,EACzB,OAAmB,EACnB,IAAS,EACT,IAAI,EACJ,MAAM,EACN,GAAG,EACH,QAAQ,EACR,SAAS,EACT,OAAO,EACP,GAAG,EACH,GAAG,IAAI,EACR,EAAE,eAAe,+BA0CjB"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../src/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,oBAAoB,EAEpB,GAAG,EACJ,MAAM,OAAO,CAAC;AAGf,KAAK,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AACzD,KAAK,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAE9B,MAAM,WAAW,eACf,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC/C,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yDAAyD;IACzD,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ;kDAC8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uCAAuC;IACvC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+CAA+C;IAC/C,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;CAClD;AAgBD;gDACgD;AAChD,wBAAgB,UAAU,CAAC,EACzB,OAAmB,EACnB,IAAS,EACT,IAAI,EACJ,MAAM,EACN,GAAG,EACH,QAAQ,EACR,SAAS,EACT,OAAO,EACP,GAAG,EACH,GAAG,IAAI,EACR,EAAE,eAAe,+BA0CjB"}

package/dist/Input/Input.d.ts

@@ -8,6 +8,7 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     /** Forwarded ref to the underlying `<input>` element. */
     ref?: Ref<HTMLInputElement>;
 }
+/** Single-line text input with pixel-true heights (24–48) and an error state. */
 export declare function Input({ size, error, className, ref, ...rest }: InputProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=Input.d.ts.map

package/dist/Input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGtD,KAAK,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAE9B,MAAM,WAAW,UAAW,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IACvE,oDAAoD;IACpD,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yDAAyD;IACzD,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC7B;AASD,wBAAgB,KAAK,CAAC,EACpB,IAAS,EACT,KAAa,EACb,SAAS,EACT,GAAG,EACH,GAAG,IAAI,EACR,EAAE,UAAU,+BAWZ"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGtD,KAAK,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAE9B,MAAM,WAAW,UAAW,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IACvE,oDAAoD;IACpD,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yDAAyD;IACzD,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC7B;AASD,iFAAiF;AACjF,wBAAgB,KAAK,CAAC,EACpB,IAAS,EACT,KAAa,EACb,SAAS,EACT,GAAG,EACH,GAAG,IAAI,EACR,EAAE,UAAU,+BAWZ"}

package/dist/NavBar/NavBar.d.ts

@@ -9,5 +9,6 @@ export interface NavBarProps extends HTMLAttributes<HTMLElement> {
     /** Forwarded ref to the header element. */
     ref?: Ref<HTMLElement>;
 }
+/** Top navigation bar with brand, nav-link, and trailing-action slots. */
 export declare function NavBar({ brand, actions, children, className, ref, ...rest }: NavBarProps): import("react").JSX.Element;
 //# sourceMappingURL=NavBar.d.ts.map

package/dist/NavBar/NavBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../src/NavBar/NavBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG5D,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC9D,uDAAuD;IACvD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,iDAAiD;IACjD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,iBAAiB;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2CAA2C;IAC3C,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;CACxB;AAED,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,+BAWxF"}
+{"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../src/NavBar/NavBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG5D,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC9D,uDAAuD;IACvD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,iDAAiD;IACjD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,iBAAiB;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2CAA2C;IAC3C,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;CACxB;AAED,0EAA0E;AAC1E,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,+BAWxF"}

package/dist/Select/Select.d.ts

@@ -13,6 +13,7 @@ export interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
     /** Forwarded ref to the underlying `<select>` element. */
     ref?: Ref<HTMLSelectElement>;
 }
+/** Styled native `<select>` with pixel-true heights (24–48) and an error state. */
 export declare function Select({ size, error, className, ref, children, ...rest }: SelectProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=Select.d.ts.map

package/dist/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGvD,KAAK,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAE9B,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E;;;;;OAKG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,0DAA0D;IAC1D,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CAC9B;AASD,wBAAgB,MAAM,CAAC,EACrB,IAAS,EACT,KAAa,EACb,SAAS,EACT,GAAG,EACH,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,WAAW,+BAeb"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGvD,KAAK,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAE9B,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E;;;;;OAKG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,0DAA0D;IAC1D,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CAC9B;AASD,mFAAmF;AACnF,wBAAgB,MAAM,CAAC,EACrB,IAAS,EACT,KAAa,EACb,SAAS,EACT,GAAG,EACH,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,WAAW,+BAeb"}

package/dist/Switch/Switch.d.ts

@@ -5,5 +5,7 @@ export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
     /** Forwarded ref to the underlying `<input type="checkbox" role="switch">` element. */
     ref?: Ref<HTMLInputElement>;
 }
+/** On/off toggle (`role="switch"`) with a built-in label; for settings that
+ * take effect immediately. */
 export declare function Switch({ children, className, disabled, ref, ...rest }: SwitchProps): import("react").JSX.Element;
 //# sourceMappingURL=Switch.d.ts.map

package/dist/Switch/Switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGtD,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpE,kBAAkB;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,uFAAuF;IACvF,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC7B;AAED,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,IAAI,EACR,EAAE,WAAW,+BAqBb"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGtD,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpE,kBAAkB;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,uFAAuF;IACvF,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC7B;AAED;8BAC8B;AAC9B,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,IAAI,EACR,EAAE,WAAW,+BAqBb"}

package/dist/Tag/Tag.d.ts

@@ -10,6 +10,8 @@ export interface TagProps extends HTMLAttributes<HTMLSpanElement> {
     /** Forwarded ref to the underlying `<span>` element. */
     ref?: Ref<HTMLSpanElement>;
 }
+/** Compact label for status or category; semantic variants, optional subtle
+ * tint and dismiss button. */
 export declare function Tag({ variant, subtle, onDismiss, className, children, ref, ...rest }: TagProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=Tag.d.ts.map

package/dist/Tag/Tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../src/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjD,KAAK,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEvE,MAAM,WAAW,QAAS,SAAQ,cAAc,CAAC,eAAe,CAAC;IAC/D,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qEAAqE;IACrE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,wDAAwD;IACxD,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAC;CAC5B;AAkBD,wBAAgB,GAAG,CAAC,EAClB,OAAmB,EACnB,MAAc,EACd,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,IAAI,EACR,EAAE,QAAQ,+BAkCV"}
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../src/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjD,KAAK,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEvE,MAAM,WAAW,QAAS,SAAQ,cAAc,CAAC,eAAe,CAAC;IAC/D,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qEAAqE;IACrE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,wDAAwD;IACxD,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAC;CAC5B;AAkBD;8BAC8B;AAC9B,wBAAgB,GAAG,CAAC,EAClB,OAAmB,EACnB,MAAc,EACd,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,IAAI,EACR,EAAE,QAAQ,+BAkCV"}

package/dist/Tooltip/Tooltip.d.ts

@@ -8,6 +8,7 @@ export interface TooltipProps {
     /** Preferred placement. @default "top" */
     placement?: Placement;
 }
+/** Short hover/focus hint attached to a single trigger element. */
 export declare function Tooltip({ content, children, placement, }: TooltipProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=Tooltip.d.ts.map

package/dist/Tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,KAAK,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAErD,MAAM,WAAW,YAAY;IAC3B,uBAAuB;IACvB,OAAO,EAAE,SAAS,CAAC;IACnB,+EAA+E;IAC/E,QAAQ,EAAE,YAAY,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAChD,0CAA0C;IAC1C,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAYD,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,SAAiB,GAClB,EAAE,YAAY,+BAiFd"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,KAAK,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAErD,MAAM,WAAW,YAAY;IAC3B,uBAAuB;IACvB,OAAO,EAAE,SAAS,CAAC;IACnB,+EAA+E;IAC/E,QAAQ,EAAE,YAAY,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAChD,0CAA0C;IAC1C,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAYD,mEAAmE;AACnE,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,SAAiB,GAClB,EAAE,YAAY,+BAiFd"}

package/dist/index.js

@@ -33,8 +33,8 @@ const N = "_button_m8fis_3", I = "_disabled_m8fis_31", M = "_size24_m8fis_39", W
 function fn({
   variant: e = "neutral",
   size: t = 32,
-  href: i,
-  target: r,
+  href: r,
+  target: i,
   rel: s,
   disabled: o,
   className: a,
@@ -42,20 +42,20 @@ function fn({
   ref: h,
   ...f
 }) {
-  const p = [
+  const k = [
     d.button,
     F[e],
     G[t],
-    i !== void 0 && o ? d.disabled : void 0,
+    r !== void 0 && o ? d.disabled : void 0,
     a
   ].filter(Boolean).join(" ");
-  return i !== void 0 ? /* @__PURE__ */ n(
+  return r !== void 0 ? /* @__PURE__ */ n(
     "a",
     {
       ref: h,
-      className: p,
-      href: o ? void 0 : i,
-      target: r,
+      className: k,
+      href: o ? void 0 : r,
+      target: i,
       rel: s,
       "aria-disabled": o || void 0,
       onClick: o ? void 0 : u,
@@ -65,14 +65,14 @@ function fn({
     "button",
     {
       ref: h,
-      className: p,
+      className: k,
       disabled: o,
       onClick: u,
       ...f
     }
   );
 }
-const K = "_iconButton_1dldx_3", P = "_disabled_1dldx_29", X = "_size24_1dldx_37", Y = "_size32_1dldx_42", J = "_size40_1dldx_47", Q = "_size48_1dldx_52", O = "_accent_1dldx_60", ee = "_neutral_1dldx_72", ne = "_ghost_1dldx_84", te = "_danger_1dldx_96", k = {
+const K = "_iconButton_1dldx_3", P = "_disabled_1dldx_29", X = "_size24_1dldx_37", Y = "_size32_1dldx_42", J = "_size40_1dldx_47", Q = "_size48_1dldx_52", O = "_accent_1dldx_60", ee = "_neutral_1dldx_72", ne = "_ghost_1dldx_84", te = "_danger_1dldx_96", p = {
   iconButton: K,
   disabled: P,
   size24: X,
@@ -84,21 +84,21 @@ const K = "_iconButton_1dldx_3", P = "_disabled_1dldx_29", X = "_size24_1dldx_37
   ghost: ne,
   danger: te
 }, oe = {
-  accent: k.accent,
-  neutral: k.neutral,
-  ghost: k.ghost,
-  danger: k.danger
-}, ie = {
-  24: k.size24,
-  32: k.size32,
-  40: k.size40,
-  48: k.size48
+  accent: p.accent,
+  neutral: p.neutral,
+  ghost: p.ghost,
+  danger: p.danger
+}, re = {
+  24: p.size24,
+  32: p.size32,
+  40: p.size40,
+  48: p.size48
 };
 function gn({
   variant: e = "neutral",
   size: t = 32,
-  href: i,
-  target: r,
+  href: r,
+  target: i,
   rel: s,
   disabled: o,
   className: a,
@@ -106,20 +106,20 @@ function gn({
   ref: h,
   ...f
 }) {
-  const p = [
-    k.iconButton,
+  const k = [
+    p.iconButton,
     oe[e],
-    ie[t],
-    i !== void 0 && o ? k.disabled : void 0,
+    re[t],
+    r !== void 0 && o ? p.disabled : void 0,
     a
   ].filter(Boolean).join(" ");
-  return i !== void 0 ? /* @__PURE__ */ n(
+  return r !== void 0 ? /* @__PURE__ */ n(
     "a",
     {
       ref: h,
-      className: p,
-      href: o ? void 0 : i,
-      target: r,
+      className: k,
+      href: o ? void 0 : r,
+      target: i,
       rel: s,
       "aria-disabled": o || void 0,
       onClick: o ? void 0 : u,
@@ -129,26 +129,26 @@ function gn({
     "button",
     {
       ref: h,
-      className: p,
+      className: k,
       disabled: o,
       onClick: u,
       ...f
     }
   );
 }
-const re = "_card_1btb3_1", se = "_stacked_1btb3_8", ce = "_featured_1btb3_10", ae = "_media_1btb3_22", le = "_body_1btb3_23", ue = "_hoverLift_1btb3_31", v = {
-  card: re,
+const ie = "_card_1btb3_1", se = "_stacked_1btb3_8", ce = "_featured_1btb3_10", ae = "_media_1btb3_22", le = "_body_1btb3_23", ue = "_hoverLift_1btb3_31", v = {
+  card: ie,
   stacked: se,
   featured: ce,
   media: ae,
   body: le,
   hoverLift: ue
 };
-function kn({
+function pn({
   variant: e = "stacked",
   media: t,
-  hoverLift: i = !1,
-  className: r,
+  hoverLift: r = !1,
+  className: i,
   children: s,
   ref: o,
   ...a
@@ -156,65 +156,65 @@ function kn({
   const u = [
     v.card,
     e === "featured" ? v.featured : v.stacked,
-    i ? v.hoverLift : void 0,
-    r
+    r ? v.hoverLift : void 0,
+    i
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ c("div", { ref: o, className: u, ...a, children: [
     t != null && /* @__PURE__ */ n("div", { className: v.media, children: t }),
     /* @__PURE__ */ n("div", { className: v.body, children: s })
   ] });
 }
-const de = "_navbar_1auk1_1", _e = "_inner_1auk1_11", he = "_brand_1auk1_18", fe = "_links_1auk1_19", ge = "_actions_1auk1_25", w = {
+const de = "_navbar_1uory_1", _e = "_inner_1uory_11", he = "_brand_1uory_18", fe = "_links_1uory_19", ge = "_actions_1uory_49", w = {
   navbar: de,
   inner: _e,
   brand: he,
   links: fe,
   actions: ge
 };
-function pn({ brand: e, actions: t, children: i, className: r, ref: s, ...o }) {
-  const a = [w.navbar, r].filter(Boolean).join(" ");
+function kn({ brand: e, actions: t, children: r, className: i, ref: s, ...o }) {
+  const a = [w.navbar, i].filter(Boolean).join(" ");
   return /* @__PURE__ */ n("header", { ref: s, className: a, ...o, children: /* @__PURE__ */ c("div", { className: `ds-container ${w.inner}`, children: [
     e != null && /* @__PURE__ */ n("div", { className: w.brand, children: e }),
-    /* @__PURE__ */ n("nav", { className: w.links, children: i }),
+    /* @__PURE__ */ n("nav", { className: w.links, children: r }),
     t != null && /* @__PURE__ */ n("div", { className: w.actions, children: t })
   ] }) });
 }
-const ke = "_frame_et4fc_1", pe = {
-  frame: ke
+const pe = "_frame_et4fc_1", ke = {
+  frame: pe
 };
-function vn({ ratio: e, className: t, style: i, children: r, ref: s, ...o }) {
-  const a = [pe.frame, t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { ref: s, className: a, style: { aspectRatio: String(e), ...i }, ...o, children: r });
+function vn({ ratio: e, className: t, style: r, children: i, ref: s, ...o }) {
+  const a = [ke.frame, t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { ref: s, className: a, style: { aspectRatio: String(e), ...r }, ...o, children: i });
 }
-const ve = "_input_8tzcf_3", be = "_size24_8tzcf_38", xe = "_size32_8tzcf_43", ye = "_size40_8tzcf_48", me = "_size48_8tzcf_53", we = "_error_8tzcf_60", x = {
+const ve = "_input_8tzcf_3", be = "_size24_8tzcf_38", ye = "_size32_8tzcf_43", xe = "_size40_8tzcf_48", me = "_size48_8tzcf_53", we = "_error_8tzcf_60", y = {
   input: ve,
   size24: be,
-  size32: xe,
-  size40: ye,
+  size32: ye,
+  size40: xe,
   size48: me,
   error: we
 }, ze = {
-  24: x.size24,
-  32: x.size32,
-  40: x.size40,
-  48: x.size48
+  24: y.size24,
+  32: y.size32,
+  40: y.size40,
+  48: y.size48
 };
 function bn({
   size: e = 32,
   error: t = !1,
-  className: i,
-  ref: r,
+  className: r,
+  ref: i,
   ...s
 }) {
   const o = [
-    x.input,
+    y.input,
     ze[e],
-    t && x.error,
-    i
+    t && y.error,
+    r
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("input", { ref: r, className: o, ...s });
+  return /* @__PURE__ */ n("input", { ref: i, className: o, ...s });
 }
-const Le = "_select_140kg_3", Ce = "_size24_140kg_40", $e = "_size32_140kg_45", Be = "_size40_140kg_50", je = "_size48_140kg_55", Se = "_error_140kg_62", y = {
+const Le = "_select_140kg_3", Ce = "_size24_140kg_40", $e = "_size32_140kg_45", Be = "_size40_140kg_50", je = "_size48_140kg_55", Se = "_error_140kg_62", x = {
   select: Le,
   size24: Ce,
   size32: $e,
@@ -222,26 +222,26 @@ const Le = "_select_140kg_3", Ce = "_size24_140kg_40", $e = "_size32_140kg_45",
   size48: je,
   error: Se
 }, Ne = {
-  24: y.size24,
-  32: y.size32,
-  40: y.size40,
-  48: y.size48
+  24: x.size24,
+  32: x.size32,
+  40: x.size40,
+  48: x.size48
 };
-function xn({
+function yn({
   size: e = 32,
   error: t = !1,
-  className: i,
-  ref: r,
+  className: r,
+  ref: i,
   children: s,
   ...o
 }) {
   const a = [
-    y.select,
+    x.select,
     Ne[e],
-    t && y.error,
-    i
+    t && x.error,
+    r
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("select", { ref: r, className: a, ...o, children: s });
+  return /* @__PURE__ */ n("select", { ref: i, className: a, ...o, children: s });
 }
 const Ie = "_label_n457n_3", Me = "_disabled_n457n_13", We = "_input_n457n_20", He = "_indicator_n457n_34", Ae = "_text_n457n_74", z = {
   label: Ie,
@@ -250,22 +250,22 @@ const Ie = "_label_n457n_3", Me = "_disabled_n457n_13", We = "_input_n457n_20",
   indicator: He,
   text: Ae
 };
-function yn({
+function xn({
   children: e,
   className: t,
-  disabled: i,
-  ref: r,
+  disabled: r,
+  ref: i,
   ...s
 }) {
-  const o = [z.label, i && z.disabled, t].filter(Boolean).join(" ");
+  const o = [z.label, r && z.disabled, t].filter(Boolean).join(" ");
   return /* @__PURE__ */ c("label", { className: o, children: [
     /* @__PURE__ */ n(
       "input",
       {
-        ref: r,
+        ref: i,
         type: "checkbox",
         className: z.input,
-        disabled: i,
+        disabled: r,
         ...s
       }
     ),
@@ -284,20 +284,20 @@ const Ee = "_label_jru2c_3", Ve = "_disabled_jru2c_13", Re = "_input_jru2c_20",
 function mn({
   children: e,
   className: t,
-  disabled: i,
-  ref: r,
+  disabled: r,
+  ref: i,
   ...s
 }) {
-  const o = [b.label, i && b.disabled, t].filter(Boolean).join(" ");
+  const o = [b.label, r && b.disabled, t].filter(Boolean).join(" ");
   return /* @__PURE__ */ c("label", { className: o, children: [
     /* @__PURE__ */ n(
       "input",
       {
-        ref: r,
+        ref: i,
         type: "checkbox",
         role: "switch",
         className: b.input,
-        disabled: i,
+        disabled: r,
         ...s
       }
     ),
@@ -334,21 +334,21 @@ const Ue = "_tag_3oysa_3", Ze = "_dismiss_3oysa_17", Fe = "_neutral_3oysa_43", G
 function wn({
   variant: e = "neutral",
   subtle: t = !1,
-  onDismiss: i,
-  className: r,
+  onDismiss: r,
+  className: i,
   children: s,
   ref: o,
   ...a
 }) {
-  const u = t ? tn : nn, h = [_.tag, u[e], r].filter(Boolean).join(" ");
+  const u = t ? tn : nn, h = [_.tag, u[e], i].filter(Boolean).join(" ");
   return /* @__PURE__ */ c("span", { ref: o, className: h, ...a, children: [
     s,
-    i && /* @__PURE__ */ n(
+    r && /* @__PURE__ */ n(
       "button",
       {
         type: "button",
         className: _.dismiss,
-        onClick: i,
+        onClick: r,
         "aria-label": "Dismiss",
         children: /* @__PURE__ */ c(
           "svg",
@@ -388,20 +388,20 @@ const on = "_wrapper_17qua_3", rn = "_tooltip_17qua_10", sn = "_top_17qua_24", c
 function zn({
   content: e,
   children: t,
-  placement: i = "top"
+  placement: r = "top"
 }) {
-  const [r, s] = $(!1), o = B(), a = j(void 0), u = L(() => {
+  const [i, s] = $(!1), o = B(), a = j(void 0), u = L(() => {
     a.current !== void 0 && (window.clearTimeout(a.current), a.current = void 0);
   }, []), h = L(() => s(!0), []), f = L(() => s(!1), []);
   C(() => u, [u]), C(() => {
-    if (!r) return;
+    if (!i) return;
     const g = (l) => {
       l.key === "Escape" && f();
     };
     return document.addEventListener("keydown", g), () => document.removeEventListener("keydown", g);
-  }, [r, f]);
-  const p = S(t, {
-    "aria-describedby": r ? o : void 0,
+  }, [i, f]);
+  const k = S(t, {
+    "aria-describedby": i ? o : void 0,
     onMouseEnter: (g) => {
       u(), a.current = window.setTimeout(h, dn);
       const l = t.props.onMouseEnter;
@@ -424,13 +424,13 @@ function zn({
     }
   });
   return /* @__PURE__ */ c("span", { className: m.wrapper, children: [
-    p,
-    r && /* @__PURE__ */ n(
+    k,
+    i && /* @__PURE__ */ n(
       "span",
       {
         id: o,
         role: "tooltip",
-        className: [m.tooltip, un[i]].filter(Boolean).join(" "),
+        className: [m.tooltip, un[r]].filter(Boolean).join(" "),
         children: e
       }
     )
@@ -560,8 +560,8 @@ function Gn({ size: e = 20, ...t }) {
 export {
   vn as AspectRatio,
   fn as Button,
-  kn as Card,
-  yn as Checkbox,
+  pn as Card,
+  xn as Checkbox,
   Tn as IconArrowDown,
   Dn as IconArrowUpRight,
   gn as IconButton,
@@ -586,8 +586,8 @@ export {
   Mn as IconUser,
   Fn as IconX,
   bn as Input,
-  pn as NavBar,
-  xn as Select,
+  kn as NavBar,
+  yn as Select,
   mn as Switch,
   wn as Tag,
   zn as Tooltip

package/dist/manifest.json

@@ -2,7 +2,7 @@
   "components": [
     {
       "name": "Button",
-      "description": "",
+      "description": "Action trigger. With `href` renders an anchor with identical styling (D33); `disabled` then maps to `aria-disabled`.",
       "props": [
         {
           "name": "variant",
@@ -57,7 +57,7 @@
     },
     {
       "name": "IconButton",
-      "description": "",
+      "description": "Square icon-only button; same variant/size/href contract as Button. Give it an accessible name (`aria-label`).",
       "props": [
         {
           "name": "variant",
@@ -112,7 +112,7 @@
     },
     {
       "name": "Card",
-      "description": "",
+      "description": "Content container with an optional edge-to-edge media slot; `stacked` (media above body) or `featured` (media beside body) layout.",
       "props": [
         {
           "name": "variant",
@@ -153,7 +153,7 @@
     },
     {
       "name": "Input",
-      "description": "",
+      "description": "Single-line text input with pixel-true heights (24–48) and an error state.",
       "props": [
         {
           "name": "size",
@@ -187,7 +187,7 @@
     },
     {
       "name": "Select",
-      "description": "",
+      "description": "Styled native `<select>` with pixel-true heights (24–48) and an error state.",
       "props": [
         {
           "name": "size",
@@ -221,7 +221,7 @@
     },
     {
       "name": "Checkbox",
-      "description": "",
+      "description": "Native checkbox with a built-in label; for independent binary choices.",
       "props": [
         {
           "name": "children",
@@ -248,7 +248,7 @@
     },
     {
       "name": "Switch",
-      "description": "",
+      "description": "On/off toggle (`role=\"switch\"`) with a built-in label; for settings that take effect immediately.",
       "props": [
         {
           "name": "children",
@@ -275,7 +275,7 @@
     },
     {
       "name": "Tag",
-      "description": "",
+      "description": "Compact label for status or category; semantic variants, optional subtle tint and dismiss button.",
       "props": [
         {
           "name": "variant",
@@ -316,7 +316,7 @@
     },
     {
       "name": "Tooltip",
-      "description": "",
+      "description": "Short hover/focus hint attached to a single trigger element.",
       "props": [
         {
           "name": "content",
@@ -343,7 +343,7 @@
     },
     {
       "name": "NavBar",
-      "description": "",
+      "description": "Top navigation bar with brand, nav-link, and trailing-action slots.",
       "props": [
         {
           "name": "brand",
@@ -384,7 +384,7 @@
     },
     {
       "name": "AspectRatio",
-      "description": "",
+      "description": "Fixed-aspect-ratio box that sizes its child media.",
       "props": [
         {
           "name": "ratio",

package/dist/styles.css

@@ -1 +1 @@
-._button_m8fis_3{display:inline-flex;align-items:center;justify-content:center;gap:var(--psi-space-6);border:none;border-radius:var(--psi-radius-8);cursor:pointer;font-family:var(--psi-font-sans);white-space:nowrap;text-decoration:none;-webkit-user-select:none;user-select:none;transition:background-color var(--psi-duration-150) var(--psi-ease-standard),color var(--psi-duration-150) var(--psi-ease-standard)}._button_m8fis_3:focus-visible{outline:2px solid var(--psi-button-focus-ring);outline-offset:2px}._button_m8fis_3:disabled{opacity:.4;cursor:not-allowed}._button_m8fis_3._disabled_m8fis_31{opacity:.4;cursor:not-allowed;pointer-events:none}._size24_m8fis_39{height:var(--psi-size-24);padding-inline:var(--psi-space-8);font:var(--psi-button-font, var(--psi-text-12-16-medium))}._size32_m8fis_45{height:var(--psi-size-32);padding-inline:var(--psi-space-12);font:var(--psi-button-font, var(--psi-text-14-20-medium))}._size40_m8fis_51{height:var(--psi-size-40);padding-inline:var(--psi-space-16);font:var(--psi-button-font, var(--psi-text-16-24-medium))}._size48_m8fis_57{height:var(--psi-size-48);padding-inline:var(--psi-space-20);font:var(--psi-button-font, var(--psi-text-18-28-medium))}._accent_m8fis_66{background:var(--psi-button-accent-bg);color:var(--psi-button-accent-fg)}._accent_m8fis_66:hover:not(:disabled):not(._disabled_m8fis_31){background:var(--psi-button-accent-bg-hover)}._accent_m8fis_66:active:not(:disabled):not(._disabled_m8fis_31){background:var(--psi-button-accent-bg-active)}._accentSubtle_m8fis_78{background:var(--psi-button-accent-subtle-bg);color:var(--psi-button-accent-subtle-fg)}._accentSubtle_m8fis_78:hover:not(:disabled):not(._disabled_m8fis_31){background:var(--psi-button-accent-subtle-bg-hover)}._accentSubtle_m8fis_78:active:not(:disabled):not(._disabled_m8fis_31){background:var(--psi-button-accent-subtle-bg-active)}._neutral_m8fis_90{background:var(--psi-button-neutral-bg);color:var(--psi-button-neutral-fg)}._neutral_m8fis_90:hover:not(:disabled):not(._disabled_m8fis_31){background:var(--psi-button-neutral-bg-hover)}._neutral_m8fis_90:active:not(:disabled):not(._disabled_m8fis_31){background:var(--psi-button-neutral-bg-active)}._neutralSubtle_m8fis_102{background:var(--psi-button-neutral-subtle-bg);color:var(--psi-button-neutral-subtle-fg)}._neutralSubtle_m8fis_102:hover:not(:disabled):not(._disabled_m8fis_31){background:var(--psi-button-neutral-subtle-bg-hover)}._neutralSubtle_m8fis_102:active:not(:disabled):not(._disabled_m8fis_31){background:var(--psi-button-neutral-subtle-bg-active)}._ghost_m8fis_114{background:var(--psi-button-ghost-bg);color:var(--psi-button-ghost-fg)}._ghost_m8fis_114:hover:not(:disabled):not(._disabled_m8fis_31){background:var(--psi-button-ghost-bg-hover)}._ghost_m8fis_114:active:not(:disabled):not(._disabled_m8fis_31){background:var(--psi-button-ghost-bg-active)}._danger_m8fis_126{background:var(--psi-button-danger-bg);color:var(--psi-button-danger-fg)}._danger_m8fis_126:hover:not(:disabled):not(._disabled_m8fis_31){background:var(--psi-button-danger-bg-hover)}._danger_m8fis_126:active:not(:disabled):not(._disabled_m8fis_31){background:var(--psi-button-danger-bg-active)}._dangerSubtle_m8fis_138{background:var(--psi-button-danger-subtle-bg);color:var(--psi-button-danger-subtle-fg)}._dangerSubtle_m8fis_138:hover:not(:disabled):not(._disabled_m8fis_31){background:var(--psi-button-danger-subtle-bg-hover)}._dangerSubtle_m8fis_138:active:not(:disabled):not(._disabled_m8fis_31){background:var(--psi-button-danger-subtle-bg-active)}._outline_m8fis_150{background:var(--psi-button-outline-bg);color:var(--psi-button-outline-fg);border:1px solid var(--psi-button-outline-border)}._outline_m8fis_150:hover:not(:disabled):not(._disabled_m8fis_31){background:var(--psi-button-outline-bg-hover);color:var(--psi-button-outline-fg-hover);border-color:transparent}._outline_m8fis_150:active:not(:disabled):not(._disabled_m8fis_31){background:var(--psi-button-outline-bg-active)}._iconButton_1dldx_3{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--psi-radius-8);cursor:pointer;padding:0;text-decoration:none;-webkit-user-select:none;user-select:none;transition:background-color var(--psi-duration-150) var(--psi-ease-standard),color var(--psi-duration-150) var(--psi-ease-standard)}._iconButton_1dldx_3:focus-visible{outline:2px solid var(--psi-button-focus-ring);outline-offset:2px}._iconButton_1dldx_3:disabled{opacity:.4;cursor:not-allowed}._iconButton_1dldx_3._disabled_1dldx_29{opacity:.4;cursor:not-allowed;pointer-events:none}._size24_1dldx_37{width:var(--psi-size-24);height:var(--psi-size-24)}._size32_1dldx_42{width:var(--psi-size-32);height:var(--psi-size-32)}._size40_1dldx_47{width:var(--psi-size-40);height:var(--psi-size-40)}._size48_1dldx_52{width:var(--psi-size-48);height:var(--psi-size-48)}._accent_1dldx_60{background:var(--psi-button-accent-bg);color:var(--psi-button-accent-fg)}._accent_1dldx_60:hover:not(:disabled):not(._disabled_1dldx_29){background:var(--psi-button-accent-bg-hover)}._accent_1dldx_60:active:not(:disabled):not(._disabled_1dldx_29){background:var(--psi-button-accent-bg-active)}._neutral_1dldx_72{background:var(--psi-button-neutral-bg);color:var(--psi-button-neutral-fg)}._neutral_1dldx_72:hover:not(:disabled):not(._disabled_1dldx_29){background:var(--psi-button-neutral-bg-hover)}._neutral_1dldx_72:active:not(:disabled):not(._disabled_1dldx_29){background:var(--psi-button-neutral-bg-active)}._ghost_1dldx_84{background:var(--psi-button-ghost-bg);color:var(--psi-button-ghost-fg)}._ghost_1dldx_84:hover:not(:disabled):not(._disabled_1dldx_29){background:var(--psi-button-ghost-bg-hover)}._ghost_1dldx_84:active:not(:disabled):not(._disabled_1dldx_29){background:var(--psi-button-ghost-bg-active)}._danger_1dldx_96{background:var(--psi-button-danger-bg);color:var(--psi-button-danger-fg)}._danger_1dldx_96:hover:not(:disabled):not(._disabled_1dldx_29){background:var(--psi-button-danger-bg-hover)}._danger_1dldx_96:active:not(:disabled):not(._disabled_1dldx_29){background:var(--psi-button-danger-bg-active)}._card_1btb3_1{background:var(--psi-card-bg);border:1px solid var(--psi-card-border);border-radius:var(--psi-card-radius);overflow:hidden}._stacked_1btb3_8{display:flex;flex-direction:column;gap:var(--psi-card-gap)}._featured_1btb3_10{display:grid;grid-template-columns:1.6fr 1fr;gap:var(--psi-card-gap);align-items:start}@media(max-width:960px){._featured_1btb3_10{grid-template-columns:1fr}}._media_1btb3_22{min-width:0}._body_1btb3_23{min-width:0;display:flex;flex-direction:column;gap:var(--psi-card-gap);padding:var(--psi-card-gap)}._hoverLift_1btb3_31{transition:transform var(--psi-duration-350) var(--psi-ease-standard)}._hoverLift_1btb3_31:hover{transform:translateY(-6px)}._navbar_1auk1_1{position:sticky;top:0;z-index:var(--psi-z-nav);background:var(--psi-navbar-bg);backdrop-filter:blur(var(--psi-navbar-blur));-webkit-backdrop-filter:blur(var(--psi-navbar-blur));border-bottom:1px solid var(--psi-navbar-border)}._inner_1auk1_11{display:flex;align-items:center;gap:var(--psi-space-24);height:var(--psi-navbar-height)}._brand_1auk1_18{display:flex;align-items:center}._links_1auk1_19{display:flex;align-items:center;gap:var(--psi-space-20);margin-inline-start:auto}._actions_1auk1_25{display:flex;align-items:center;gap:var(--psi-space-8)}._frame_et4fc_1{overflow:hidden}._frame_et4fc_1>img,._frame_et4fc_1>video{width:100%;height:100%;object-fit:cover;display:block}._input_8tzcf_3{display:block;width:100%;border:1px solid var(--psi-input-border);border-radius:var(--psi-radius-8);background:var(--psi-input-bg);color:var(--psi-input-fg);font-family:var(--psi-font-sans);padding-inline:var(--psi-space-8);transition:border-color var(--psi-duration-150) var(--psi-ease-standard),outline var(--psi-duration-150) var(--psi-ease-standard)}._input_8tzcf_3::placeholder{color:var(--psi-input-placeholder)}._input_8tzcf_3:hover:not(:disabled):not(:focus){border-color:var(--psi-input-border-hover)}._input_8tzcf_3:focus{outline:2px solid var(--psi-input-focus-ring);outline-offset:-1px;border-color:transparent}._input_8tzcf_3:disabled{opacity:.4;cursor:not-allowed}._size24_8tzcf_38{height:var(--psi-size-24);font:var(--psi-text-12-16-regular)}._size32_8tzcf_43{height:var(--psi-size-32);font:var(--psi-text-14-20-regular)}._size40_8tzcf_48{height:var(--psi-size-40);font:var(--psi-text-16-24-regular)}._size48_8tzcf_53{height:var(--psi-size-48);font:var(--psi-text-18-28-medium)}._error_8tzcf_60{border-color:var(--psi-input-border-error)}._error_8tzcf_60:hover:not(:disabled):not(:focus){border-color:var(--psi-input-border-error)}._select_140kg_3{display:block;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--psi-select-border);border-radius:var(--psi-radius-8);background-color:var(--psi-select-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--psi-space-8) center;color:var(--psi-select-fg);font-family:var(--psi-font-sans);padding-inline-start:var(--psi-space-8);padding-inline-end:var(--psi-space-24);cursor:pointer;transition:border-color var(--psi-duration-150) var(--psi-ease-standard),outline var(--psi-duration-150) var(--psi-ease-standard)}._select_140kg_3:hover:not(:disabled):not(:focus){border-color:var(--psi-select-border-hover)}._select_140kg_3:focus{outline:2px solid var(--psi-select-focus-ring);outline-offset:-1px;border-color:transparent}._select_140kg_3:disabled{opacity:.4;cursor:not-allowed}._size24_140kg_40{height:var(--psi-size-24);font:var(--psi-text-12-16-regular)}._size32_140kg_45{height:var(--psi-size-32);font:var(--psi-text-14-20-regular)}._size40_140kg_50{height:var(--psi-size-40);font:var(--psi-text-16-24-regular)}._size48_140kg_55{height:var(--psi-size-48);font:var(--psi-text-18-28-medium)}._error_140kg_62{border-color:var(--psi-select-border-error)}._error_140kg_62:hover:not(:disabled):not(:focus){border-color:var(--psi-select-border-error)}._label_n457n_3{display:inline-flex;align-items:center;gap:var(--psi-space-8);cursor:pointer;-webkit-user-select:none;user-select:none;font:var(--psi-text-14-20-regular);color:var(--psi-checkbox-fg)}._disabled_n457n_13{opacity:.4;cursor:not-allowed}._input_n457n_20{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._indicator_n457n_34{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;border:1px solid var(--psi-checkbox-box-border);border-radius:var(--psi-radius-4);background:var(--psi-checkbox-box-bg);transition:background-color var(--psi-duration-150) var(--psi-ease-standard),border-color var(--psi-duration-150) var(--psi-ease-standard)}._input_n457n_20:checked+._indicator_n457n_34{background:var(--psi-checkbox-box-bg-checked);border-color:var(--psi-checkbox-box-border-checked)}._input_n457n_20:checked+._indicator_n457n_34:after{content:"";display:block;width:4px;height:8px;border:solid var(--psi-checkbox-check-fg);border-width:0 2px 2px 0;transform:rotate(45deg) translate(-.5px,-.5px)}._input_n457n_20:focus-visible+._indicator_n457n_34{outline:2px solid var(--psi-checkbox-focus-ring);outline-offset:2px}._text_n457n_74{color:var(--psi-checkbox-fg)}._label_jru2c_3{display:inline-flex;align-items:center;gap:var(--psi-space-8);cursor:pointer;-webkit-user-select:none;user-select:none;font:var(--psi-text-14-20-regular);color:var(--psi-switch-fg)}._disabled_jru2c_13{opacity:.4;cursor:not-allowed}._input_jru2c_20{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._track_jru2c_34{position:relative;display:inline-flex;align-items:center;width:36px;height:20px;flex-shrink:0;border-radius:var(--psi-radius-full);background:var(--psi-switch-track-bg);transition:background-color var(--psi-duration-150) var(--psi-ease-standard)}._input_jru2c_20:checked+._track_jru2c_34{background:var(--psi-switch-track-bg-checked)}._input_jru2c_20:focus-visible+._track_jru2c_34{outline:2px solid var(--psi-switch-focus-ring);outline-offset:2px}._thumb_jru2c_58{position:absolute;width:16px;height:16px;border-radius:var(--psi-radius-full);background:var(--psi-switch-thumb-bg);left:2px;transition:left var(--psi-duration-150) var(--psi-ease-standard);box-shadow:0 1px 2px #00000029}._input_jru2c_20:checked+._track_jru2c_34 ._thumb_jru2c_58{left:18px}._text_jru2c_75{color:var(--psi-switch-fg)}._tag_3oysa_3{display:inline-flex;align-items:center;gap:var(--psi-space-4);height:24px;padding-inline:var(--psi-space-8);border-radius:var(--psi-radius-full);font:var(--psi-text-12-16-medium);white-space:nowrap;-webkit-user-select:none;user-select:none}._dismiss_3oysa_17{display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:none;color:inherit;cursor:pointer;opacity:.7;margin-inline-start:var(--psi-space-2);margin-inline-end:calc(-1 * var(--psi-space-4));border-radius:var(--psi-radius-full)}._dismiss_3oysa_17:hover{opacity:1}._dismiss_3oysa_17:focus-visible{outline:2px solid var(--psi-tag-focus-ring);outline-offset:2px}._neutral_3oysa_43{background:var(--psi-tag-neutral-bg);color:var(--psi-tag-neutral-fg)}._accent_3oysa_48{background:var(--psi-tag-accent-bg);color:var(--psi-tag-accent-fg)}._success_3oysa_53{background:var(--psi-tag-success-bg);color:var(--psi-tag-success-fg)}._warning_3oysa_58{background:var(--psi-tag-warning-bg);color:var(--psi-tag-warning-fg)}._danger_3oysa_63{background:var(--psi-tag-danger-bg);color:var(--psi-tag-danger-fg)}._neutralSubtle_3oysa_70{background:var(--psi-tag-neutral-subtle-bg);color:var(--psi-tag-neutral-subtle-fg)}._accentSubtle_3oysa_75{background:var(--psi-tag-accent-subtle-bg);color:var(--psi-tag-accent-subtle-fg)}._successSubtle_3oysa_80{background:var(--psi-tag-success-subtle-bg);color:var(--psi-tag-success-subtle-fg)}._warningSubtle_3oysa_85{background:var(--psi-tag-warning-subtle-bg);color:var(--psi-tag-warning-subtle-fg)}._dangerSubtle_3oysa_90{background:var(--psi-tag-danger-subtle-bg);color:var(--psi-tag-danger-subtle-fg)}._wrapper_17qua_3{position:relative;display:inline-flex}._tooltip_17qua_10{position:absolute;z-index:var(--psi-z-tooltip);padding:var(--psi-space-4) var(--psi-space-8);border-radius:var(--psi-radius-6);background:var(--psi-tooltip-bg);color:var(--psi-tooltip-fg);font:var(--psi-text-12-16-regular);white-space:nowrap;pointer-events:none}._top_17qua_24{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--psi-space-4)}._bottom_17qua_31{top:100%;left:50%;transform:translate(-50%);margin-top:var(--psi-space-4)}._left_17qua_38{right:100%;top:50%;transform:translateY(-50%);margin-right:var(--psi-space-4)}._right_17qua_45{left:100%;top:50%;transform:translateY(-50%);margin-left:var(--psi-space-4)}
+._button_m8fis_3{display:inline-flex;align-items:center;justify-content:center;gap:var(--psi-space-6);border:none;border-radius:var(--psi-radius-8);cursor:pointer;font-family:var(--psi-font-sans);white-space:nowrap;text-decoration:none;-webkit-user-select:none;user-select:none;transition:background-color var(--psi-duration-150) var(--psi-ease-standard),color var(--psi-duration-150) var(--psi-ease-standard)}._button_m8fis_3:focus-visible{outline:2px solid var(--psi-button-focus-ring);outline-offset:2px}._button_m8fis_3:disabled{opacity:.4;cursor:not-allowed}._button_m8fis_3._disabled_m8fis_31{opacity:.4;cursor:not-allowed;pointer-events:none}._size24_m8fis_39{height:var(--psi-size-24);padding-inline:var(--psi-space-8);font:var(--psi-button-font, var(--psi-text-12-16-medium))}._size32_m8fis_45{height:var(--psi-size-32);padding-inline:var(--psi-space-12);font:var(--psi-button-font, var(--psi-text-14-20-medium))}._size40_m8fis_51{height:var(--psi-size-40);padding-inline:var(--psi-space-16);font:var(--psi-button-font, var(--psi-text-16-24-medium))}._size48_m8fis_57{height:var(--psi-size-48);padding-inline:var(--psi-space-20);font:var(--psi-button-font, var(--psi-text-18-28-medium))}._accent_m8fis_66{background:var(--psi-button-accent-bg);color:var(--psi-button-accent-fg)}._accent_m8fis_66:hover:not(:disabled):not(._disabled_m8fis_31){background:var(--psi-button-accent-bg-hover)}._accent_m8fis_66:active:not(:disabled):not(._disabled_m8fis_31){background:var(--psi-button-accent-bg-active)}._accentSubtle_m8fis_78{background:var(--psi-button-accent-subtle-bg);color:var(--psi-button-accent-subtle-fg)}._accentSubtle_m8fis_78:hover:not(:disabled):not(._disabled_m8fis_31){background:var(--psi-button-accent-subtle-bg-hover)}._accentSubtle_m8fis_78:active:not(:disabled):not(._disabled_m8fis_31){background:var(--psi-button-accent-subtle-bg-active)}._neutral_m8fis_90{background:var(--psi-button-neutral-bg);color:var(--psi-button-neutral-fg)}._neutral_m8fis_90:hover:not(:disabled):not(._disabled_m8fis_31){background:var(--psi-button-neutral-bg-hover)}._neutral_m8fis_90:active:not(:disabled):not(._disabled_m8fis_31){background:var(--psi-button-neutral-bg-active)}._neutralSubtle_m8fis_102{background:var(--psi-button-neutral-subtle-bg);color:var(--psi-button-neutral-subtle-fg)}._neutralSubtle_m8fis_102:hover:not(:disabled):not(._disabled_m8fis_31){background:var(--psi-button-neutral-subtle-bg-hover)}._neutralSubtle_m8fis_102:active:not(:disabled):not(._disabled_m8fis_31){background:var(--psi-button-neutral-subtle-bg-active)}._ghost_m8fis_114{background:var(--psi-button-ghost-bg);color:var(--psi-button-ghost-fg)}._ghost_m8fis_114:hover:not(:disabled):not(._disabled_m8fis_31){background:var(--psi-button-ghost-bg-hover)}._ghost_m8fis_114:active:not(:disabled):not(._disabled_m8fis_31){background:var(--psi-button-ghost-bg-active)}._danger_m8fis_126{background:var(--psi-button-danger-bg);color:var(--psi-button-danger-fg)}._danger_m8fis_126:hover:not(:disabled):not(._disabled_m8fis_31){background:var(--psi-button-danger-bg-hover)}._danger_m8fis_126:active:not(:disabled):not(._disabled_m8fis_31){background:var(--psi-button-danger-bg-active)}._dangerSubtle_m8fis_138{background:var(--psi-button-danger-subtle-bg);color:var(--psi-button-danger-subtle-fg)}._dangerSubtle_m8fis_138:hover:not(:disabled):not(._disabled_m8fis_31){background:var(--psi-button-danger-subtle-bg-hover)}._dangerSubtle_m8fis_138:active:not(:disabled):not(._disabled_m8fis_31){background:var(--psi-button-danger-subtle-bg-active)}._outline_m8fis_150{background:var(--psi-button-outline-bg);color:var(--psi-button-outline-fg);border:1px solid var(--psi-button-outline-border)}._outline_m8fis_150:hover:not(:disabled):not(._disabled_m8fis_31){background:var(--psi-button-outline-bg-hover);color:var(--psi-button-outline-fg-hover);border-color:transparent}._outline_m8fis_150:active:not(:disabled):not(._disabled_m8fis_31){background:var(--psi-button-outline-bg-active)}._iconButton_1dldx_3{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--psi-radius-8);cursor:pointer;padding:0;text-decoration:none;-webkit-user-select:none;user-select:none;transition:background-color var(--psi-duration-150) var(--psi-ease-standard),color var(--psi-duration-150) var(--psi-ease-standard)}._iconButton_1dldx_3:focus-visible{outline:2px solid var(--psi-button-focus-ring);outline-offset:2px}._iconButton_1dldx_3:disabled{opacity:.4;cursor:not-allowed}._iconButton_1dldx_3._disabled_1dldx_29{opacity:.4;cursor:not-allowed;pointer-events:none}._size24_1dldx_37{width:var(--psi-size-24);height:var(--psi-size-24)}._size32_1dldx_42{width:var(--psi-size-32);height:var(--psi-size-32)}._size40_1dldx_47{width:var(--psi-size-40);height:var(--psi-size-40)}._size48_1dldx_52{width:var(--psi-size-48);height:var(--psi-size-48)}._accent_1dldx_60{background:var(--psi-button-accent-bg);color:var(--psi-button-accent-fg)}._accent_1dldx_60:hover:not(:disabled):not(._disabled_1dldx_29){background:var(--psi-button-accent-bg-hover)}._accent_1dldx_60:active:not(:disabled):not(._disabled_1dldx_29){background:var(--psi-button-accent-bg-active)}._neutral_1dldx_72{background:var(--psi-button-neutral-bg);color:var(--psi-button-neutral-fg)}._neutral_1dldx_72:hover:not(:disabled):not(._disabled_1dldx_29){background:var(--psi-button-neutral-bg-hover)}._neutral_1dldx_72:active:not(:disabled):not(._disabled_1dldx_29){background:var(--psi-button-neutral-bg-active)}._ghost_1dldx_84{background:var(--psi-button-ghost-bg);color:var(--psi-button-ghost-fg)}._ghost_1dldx_84:hover:not(:disabled):not(._disabled_1dldx_29){background:var(--psi-button-ghost-bg-hover)}._ghost_1dldx_84:active:not(:disabled):not(._disabled_1dldx_29){background:var(--psi-button-ghost-bg-active)}._danger_1dldx_96{background:var(--psi-button-danger-bg);color:var(--psi-button-danger-fg)}._danger_1dldx_96:hover:not(:disabled):not(._disabled_1dldx_29){background:var(--psi-button-danger-bg-hover)}._danger_1dldx_96:active:not(:disabled):not(._disabled_1dldx_29){background:var(--psi-button-danger-bg-active)}._card_1btb3_1{background:var(--psi-card-bg);border:1px solid var(--psi-card-border);border-radius:var(--psi-card-radius);overflow:hidden}._stacked_1btb3_8{display:flex;flex-direction:column;gap:var(--psi-card-gap)}._featured_1btb3_10{display:grid;grid-template-columns:1.6fr 1fr;gap:var(--psi-card-gap);align-items:start}@media(max-width:960px){._featured_1btb3_10{grid-template-columns:1fr}}._media_1btb3_22{min-width:0}._body_1btb3_23{min-width:0;display:flex;flex-direction:column;gap:var(--psi-card-gap);padding:var(--psi-card-gap)}._hoverLift_1btb3_31{transition:transform var(--psi-duration-350) var(--psi-ease-standard)}._hoverLift_1btb3_31:hover{transform:translateY(-6px)}._navbar_1uory_1{position:sticky;top:0;z-index:var(--psi-z-nav);background:var(--psi-navbar-bg);backdrop-filter:blur(var(--psi-navbar-blur));-webkit-backdrop-filter:blur(var(--psi-navbar-blur));border-bottom:1px solid var(--psi-navbar-border)}._inner_1uory_11{display:flex;align-items:center;gap:var(--psi-space-24);height:var(--psi-navbar-height)}._brand_1uory_18{display:flex;align-items:center}._links_1uory_19{display:flex;align-items:center;gap:var(--psi-space-20);margin-inline-start:auto}._links_1uory_19 a,._brand_1uory_18 a{text-decoration:none;transition:color var(--psi-duration-150) var(--psi-ease-soft)}._links_1uory_19 a{color:var(--psi-navbar-link-fg)}._links_1uory_19 a:hover,._brand_1uory_18 a{color:var(--psi-navbar-link-fg-hover)}._links_1uory_19 a:focus-visible,._brand_1uory_18 a:focus-visible{outline:2px solid var(--psi-navbar-focus-ring);outline-offset:2px}._actions_1uory_49{display:flex;align-items:center;gap:var(--psi-space-8)}._frame_et4fc_1{overflow:hidden}._frame_et4fc_1>img,._frame_et4fc_1>video{width:100%;height:100%;object-fit:cover;display:block}._input_8tzcf_3{display:block;width:100%;border:1px solid var(--psi-input-border);border-radius:var(--psi-radius-8);background:var(--psi-input-bg);color:var(--psi-input-fg);font-family:var(--psi-font-sans);padding-inline:var(--psi-space-8);transition:border-color var(--psi-duration-150) var(--psi-ease-standard),outline var(--psi-duration-150) var(--psi-ease-standard)}._input_8tzcf_3::placeholder{color:var(--psi-input-placeholder)}._input_8tzcf_3:hover:not(:disabled):not(:focus){border-color:var(--psi-input-border-hover)}._input_8tzcf_3:focus{outline:2px solid var(--psi-input-focus-ring);outline-offset:-1px;border-color:transparent}._input_8tzcf_3:disabled{opacity:.4;cursor:not-allowed}._size24_8tzcf_38{height:var(--psi-size-24);font:var(--psi-text-12-16-regular)}._size32_8tzcf_43{height:var(--psi-size-32);font:var(--psi-text-14-20-regular)}._size40_8tzcf_48{height:var(--psi-size-40);font:var(--psi-text-16-24-regular)}._size48_8tzcf_53{height:var(--psi-size-48);font:var(--psi-text-18-28-medium)}._error_8tzcf_60{border-color:var(--psi-input-border-error)}._error_8tzcf_60:hover:not(:disabled):not(:focus){border-color:var(--psi-input-border-error)}._select_140kg_3{display:block;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--psi-select-border);border-radius:var(--psi-radius-8);background-color:var(--psi-select-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--psi-space-8) center;color:var(--psi-select-fg);font-family:var(--psi-font-sans);padding-inline-start:var(--psi-space-8);padding-inline-end:var(--psi-space-24);cursor:pointer;transition:border-color var(--psi-duration-150) var(--psi-ease-standard),outline var(--psi-duration-150) var(--psi-ease-standard)}._select_140kg_3:hover:not(:disabled):not(:focus){border-color:var(--psi-select-border-hover)}._select_140kg_3:focus{outline:2px solid var(--psi-select-focus-ring);outline-offset:-1px;border-color:transparent}._select_140kg_3:disabled{opacity:.4;cursor:not-allowed}._size24_140kg_40{height:var(--psi-size-24);font:var(--psi-text-12-16-regular)}._size32_140kg_45{height:var(--psi-size-32);font:var(--psi-text-14-20-regular)}._size40_140kg_50{height:var(--psi-size-40);font:var(--psi-text-16-24-regular)}._size48_140kg_55{height:var(--psi-size-48);font:var(--psi-text-18-28-medium)}._error_140kg_62{border-color:var(--psi-select-border-error)}._error_140kg_62:hover:not(:disabled):not(:focus){border-color:var(--psi-select-border-error)}._label_n457n_3{display:inline-flex;align-items:center;gap:var(--psi-space-8);cursor:pointer;-webkit-user-select:none;user-select:none;font:var(--psi-text-14-20-regular);color:var(--psi-checkbox-fg)}._disabled_n457n_13{opacity:.4;cursor:not-allowed}._input_n457n_20{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._indicator_n457n_34{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;border:1px solid var(--psi-checkbox-box-border);border-radius:var(--psi-radius-4);background:var(--psi-checkbox-box-bg);transition:background-color var(--psi-duration-150) var(--psi-ease-standard),border-color var(--psi-duration-150) var(--psi-ease-standard)}._input_n457n_20:checked+._indicator_n457n_34{background:var(--psi-checkbox-box-bg-checked);border-color:var(--psi-checkbox-box-border-checked)}._input_n457n_20:checked+._indicator_n457n_34:after{content:"";display:block;width:4px;height:8px;border:solid var(--psi-checkbox-check-fg);border-width:0 2px 2px 0;transform:rotate(45deg) translate(-.5px,-.5px)}._input_n457n_20:focus-visible+._indicator_n457n_34{outline:2px solid var(--psi-checkbox-focus-ring);outline-offset:2px}._text_n457n_74{color:var(--psi-checkbox-fg)}._label_jru2c_3{display:inline-flex;align-items:center;gap:var(--psi-space-8);cursor:pointer;-webkit-user-select:none;user-select:none;font:var(--psi-text-14-20-regular);color:var(--psi-switch-fg)}._disabled_jru2c_13{opacity:.4;cursor:not-allowed}._input_jru2c_20{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._track_jru2c_34{position:relative;display:inline-flex;align-items:center;width:36px;height:20px;flex-shrink:0;border-radius:var(--psi-radius-full);background:var(--psi-switch-track-bg);transition:background-color var(--psi-duration-150) var(--psi-ease-standard)}._input_jru2c_20:checked+._track_jru2c_34{background:var(--psi-switch-track-bg-checked)}._input_jru2c_20:focus-visible+._track_jru2c_34{outline:2px solid var(--psi-switch-focus-ring);outline-offset:2px}._thumb_jru2c_58{position:absolute;width:16px;height:16px;border-radius:var(--psi-radius-full);background:var(--psi-switch-thumb-bg);left:2px;transition:left var(--psi-duration-150) var(--psi-ease-standard);box-shadow:0 1px 2px #00000029}._input_jru2c_20:checked+._track_jru2c_34 ._thumb_jru2c_58{left:18px}._text_jru2c_75{color:var(--psi-switch-fg)}._tag_3oysa_3{display:inline-flex;align-items:center;gap:var(--psi-space-4);height:24px;padding-inline:var(--psi-space-8);border-radius:var(--psi-radius-full);font:var(--psi-text-12-16-medium);white-space:nowrap;-webkit-user-select:none;user-select:none}._dismiss_3oysa_17{display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:none;color:inherit;cursor:pointer;opacity:.7;margin-inline-start:var(--psi-space-2);margin-inline-end:calc(-1 * var(--psi-space-4));border-radius:var(--psi-radius-full)}._dismiss_3oysa_17:hover{opacity:1}._dismiss_3oysa_17:focus-visible{outline:2px solid var(--psi-tag-focus-ring);outline-offset:2px}._neutral_3oysa_43{background:var(--psi-tag-neutral-bg);color:var(--psi-tag-neutral-fg)}._accent_3oysa_48{background:var(--psi-tag-accent-bg);color:var(--psi-tag-accent-fg)}._success_3oysa_53{background:var(--psi-tag-success-bg);color:var(--psi-tag-success-fg)}._warning_3oysa_58{background:var(--psi-tag-warning-bg);color:var(--psi-tag-warning-fg)}._danger_3oysa_63{background:var(--psi-tag-danger-bg);color:var(--psi-tag-danger-fg)}._neutralSubtle_3oysa_70{background:var(--psi-tag-neutral-subtle-bg);color:var(--psi-tag-neutral-subtle-fg)}._accentSubtle_3oysa_75{background:var(--psi-tag-accent-subtle-bg);color:var(--psi-tag-accent-subtle-fg)}._successSubtle_3oysa_80{background:var(--psi-tag-success-subtle-bg);color:var(--psi-tag-success-subtle-fg)}._warningSubtle_3oysa_85{background:var(--psi-tag-warning-subtle-bg);color:var(--psi-tag-warning-subtle-fg)}._dangerSubtle_3oysa_90{background:var(--psi-tag-danger-subtle-bg);color:var(--psi-tag-danger-subtle-fg)}._wrapper_17qua_3{position:relative;display:inline-flex}._tooltip_17qua_10{position:absolute;z-index:var(--psi-z-tooltip);padding:var(--psi-space-4) var(--psi-space-8);border-radius:var(--psi-radius-6);background:var(--psi-tooltip-bg);color:var(--psi-tooltip-fg);font:var(--psi-text-12-16-regular);white-space:nowrap;pointer-events:none}._top_17qua_24{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--psi-space-4)}._bottom_17qua_31{top:100%;left:50%;transform:translate(-50%);margin-top:var(--psi-space-4)}._left_17qua_38{right:100%;top:50%;transform:translateY(-50%);margin-right:var(--psi-space-4)}._right_17qua_45{left:100%;top:50%;transform:translateY(-50%);margin-left:var(--psi-space-4)}

package/docs/AspectRatio.md

@@ -1,7 +1,7 @@
 <!-- Generated by emit-docs.ts — do not edit. -->
 # AspectRatio
 
-
+Fixed-aspect-ratio box that sizes its child media.
 
 ## Props
 

package/docs/Button.md

@@ -1,7 +1,7 @@
 <!-- Generated by emit-docs.ts — do not edit. -->
 # Button
 
-
+Action trigger. With `href` renders an anchor with identical styling (D33); `disabled` then maps to `aria-disabled`.
 
 ## Props
 

package/docs/Card.md

@@ -1,7 +1,7 @@
 <!-- Generated by emit-docs.ts — do not edit. -->
 # Card
 
-
+Content container with an optional edge-to-edge media slot; `stacked` (media above body) or `featured` (media beside body) layout.
 
 ## Props
 

package/docs/Checkbox.md

@@ -1,7 +1,7 @@
 <!-- Generated by emit-docs.ts — do not edit. -->
 # Checkbox
 
-
+Native checkbox with a built-in label; for independent binary choices.
 
 ## Props
 

package/docs/IconButton.md

@@ -1,7 +1,7 @@
 <!-- Generated by emit-docs.ts — do not edit. -->
 # IconButton
 
-
+Square icon-only button; same variant/size/href contract as Button. Give it an accessible name (`aria-label`).
 
 ## Props
 

package/docs/Input.md

@@ -1,7 +1,7 @@
 <!-- Generated by emit-docs.ts — do not edit. -->
 # Input
 
-
+Single-line text input with pixel-true heights (24–48) and an error state.
 
 ## Props
 

package/docs/NavBar.md

@@ -1,7 +1,7 @@
 <!-- Generated by emit-docs.ts — do not edit. -->
 # NavBar
 
-
+Top navigation bar with brand, nav-link, and trailing-action slots.
 
 ## Props
 

package/docs/Select.md

@@ -1,7 +1,7 @@
 <!-- Generated by emit-docs.ts — do not edit. -->
 # Select
 
-
+Styled native `<select>` with pixel-true heights (24–48) and an error state.
 
 ## Props
 

package/docs/Switch.md

@@ -1,7 +1,7 @@
 <!-- Generated by emit-docs.ts — do not edit. -->
 # Switch
 
-
+On/off toggle (`role="switch"`) with a built-in label; for settings that take effect immediately.
 
 ## Props
 

package/docs/Tag.md

@@ -1,7 +1,7 @@
 <!-- Generated by emit-docs.ts — do not edit. -->
 # Tag
 
-
+Compact label for status or category; semantic variants, optional subtle tint and dismiss button.
 
 ## Props
 

package/docs/Tooltip.md

@@ -1,7 +1,7 @@
 <!-- Generated by emit-docs.ts — do not edit. -->
 # Tooltip
 
-
+Short hover/focus hint attached to a single trigger element.
 
 ## Props
 

package/llms.txt

@@ -32,12 +32,14 @@
 
 ## Compositions (recipes for what has no component yet)
 
-- Form field: there is no Field/Label component. Compose: `<label htmlFor>` styled with `.psi-text-14-20-medium`; the control (Input/Select); error text in `.psi-text-12-16-regular` with `color: var(--psi-fg-danger)`, linked via `aria-describedby` on the control plus `aria-invalid` and `error` when invalid. Spacing: `ds-gap-6` label→control, `ds-gap-24` between fields, `ds-gap-12` for toggle groups, `ds-gap-8` for button rows and label+Tag rows.
+- Form field: there is no Field/Label component. Compose: `<label htmlFor>` styled with `.psi-text-14-20-medium`; the control (Input/Select); error text in `.psi-text-12-16-regular` with `color: var(--psi-fg-danger)`, linked via `aria-describedby` on the control plus `aria-invalid` and `error` when invalid. Spacing: `psi-gap-6` label→control, `psi-gap-24` between fields, `psi-gap-12` for toggle groups, `psi-gap-8` for button rows and label+Tag rows.
 - Stacks/rows: `.psi-gap-*` utilities set only the gap — they do not create a flex/grid container. Pair them with `display: flex` (column for stacks, row for button groups).
 - Native pass-through: components spread unlisted props onto their underlying element (Input → `<input>`, Select → `<select>`, Button → `<button>`/`<a>`), so `value`, `onChange`, `type`, `id`, `autoComplete`, `checked` etc. all work even though manifest.json lists only the component-specific props. Exception: Tooltip takes no host props — put handlers/attributes on its trigger child.
-- Theming, programmatic: the standard setup is `data-psi-theme` on `<html>`. From JS, set it once at app init: `document.documentElement.dataset.dsTheme = "dark"` (React: in a root-level effect). Theme CSS does NOT paint the page background — paint `background: var(--psi-bg-primary)` at your app root yourself. For a themed subtree, set `data-psi-theme` on a wrapper and paint its background the same way; brand font combos do not reach nested subtrees (see guidance.fonts.scope).
+- Theming, programmatic: the standard setup is `data-psi-theme` on `<html>`. From JS, set it once at app init: `document.documentElement.dataset.psiTheme = "dark"` (React: in a root-level effect). Theme CSS does NOT paint the page background — paint `background: var(--psi-bg-primary)` at your app root yourself. For a themed subtree, set `data-psi-theme` on a wrapper and paint its background the same way; brand font combos do not reach nested subtrees (see guidance.fonts.scope).
 - Size selection: 32 is the default (compact UI); 40 for comfortable forms and marketing pages; 24 for inline/table-row actions; 48 for hero CTAs.
 - Tags & the accent rule (D40): Tags are passive labels — they do NOT count against "one accent per visual group" (that rule governs buttons/CTAs). Badge mapping: highlight (e.g. a plan badge) → `accent-subtle`; meta → `neutral-subtle`; status → `success`/`warning`/`danger`.
 - CSS import order: all DS stylesheets are order-independent — base.css opens with an explicit `@layer psi.base, psi.theme, psi.components, psi.utilities;` statement. Recommended listing for readability: base → theme → components → utilities → @handamade/psi-react/styles.
 - Widths: content widths are app-level; the system tokenizes the page container only (`--psi-container-max`). Component width tokens arrive with Field/Dialog (next cycle).
 - Full semantic token roster: `@handamade/psi-tokens/resolved/<theme>.json` has every token with resolved values — this file lists only the patterns.
+
+Live MCP access to this data: see packages/mcp/llms.txt (hosted: https://psi.kurkin.de/mcp).

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@handamade/psi-react",
-  "version": "0.3.0",
+  "version": "0.4.1",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -10,6 +10,7 @@
       "types": "./dist/index.d.ts"
     },
     "./styles": "./dist/styles.css",
+    "./styles.css": "./dist/styles.css",
     "./manifest.json": "./dist/manifest.json"
   },
   "files": [
@@ -37,7 +38,7 @@
     "tsx": "^4.22.4",
     "vite": "^6.0.0",
     "vitest": "^3.2.6",
-    "@handamade/psi-tokens": "0.3.0"
+    "@handamade/psi-tokens": "0.4.1"
   },
   "scripts": {
     "build": "vite build && tsc -p tsconfig.build.json && tsx scripts/emit-manifest.ts && tsx scripts/emit-docs.ts",