@kushagradhawan/kookie-ui 0.1.7 → 0.1.8

package/components.css

@@ -580,6 +580,7 @@
     }
 }
 .rt-Text {
+    font-family: var(--default-font-family);
     line-height: var(--line-height, var(--default-line-height));
     letter-spacing: var(--letter-spacing, inherit);
 }
@@ -5970,6 +5971,45 @@
         --icon-button-ghost-padding: var(--space-3);
     }
 }
+.rt-Image {
+    display: block;
+    object-fit: var(--object-fit);
+    box-shadow: var(--box-shadow);
+    border-radius: max(var(--radius-3), var(--radius-full));
+}
+.rt-r-fit-cover {
+    --object-fit: cover;
+}
+.rt-r-fit-contain {
+    --object-fit: contain;
+}
+.rt-r-fit-fill {
+    --object-fit: fill;
+}
+.rt-r-fit-scale-down {
+    --object-fit: scale-down;
+}
+.rt-r-fit-none {
+    --object-fit: none;
+}
+.rt-r-shadow-1 {
+    --box-shadow: var(--shadow-1);
+}
+.rt-r-shadow-2 {
+    --box-shadow: var(--shadow-2);
+}
+.rt-r-shadow-3 {
+    --box-shadow: var(--shadow-3);
+}
+.rt-r-shadow-4 {
+    --box-shadow: var(--shadow-4);
+}
+.rt-r-shadow-5 {
+    --box-shadow: var(--shadow-5);
+}
+.rt-r-shadow-6 {
+    --box-shadow: var(--shadow-6);
+}
 .rt-Inset {
     box-sizing: border-box;
     --margin-top: 0px;

package/dist/cjs/components/image.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { imagePropDefs } from './image.props.js';
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
+import type { MarginProps } from '../props/margin.props.js';
+import type { WidthProps } from '../props/width.props.js';
+import type { HeightProps } from '../props/height.props.js';
+import type { GetPropDefTypes } from '../props/prop-def.js';
+type ImageOwnProps = GetPropDefTypes<typeof imagePropDefs> & {
+    loading?: 'eager' | 'lazy';
+};
+interface ImageProps extends ComponentPropsWithout<'img', RemovedProps | 'color' | 'width' | 'height' | 'alt'>, MarginProps, WidthProps, HeightProps, ImageOwnProps {
+    /**
+     * The alt attribute provides alternative information for an image if a user for some reason cannot view it.
+     * Required for accessibility.
+     */
+    alt: string;
+}
+declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLImageElement>>;
+export { Image };
+export type { ImageProps };
+//# sourceMappingURL=image.d.ts.map

package/dist/cjs/components/image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/components/image.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAMjD,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,GAAG;IAC3D,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC5B,CAAC;AAEF,UAAU,UACR,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC,EACvF,WAAW,EACX,UAAU,EACV,WAAW,EACX,aAAa;IACf;;;OAGG;IACH,GAAG,EAAE,MAAM,CAAC;CACb;AAED,QAAA,MAAM,KAAK,qFAqBT,CAAC;AAIH,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/dist/cjs/components/image.js

@@ -0,0 +1,2 @@
+"use strict";"use client";var D=Object.create;var s=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var j=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var x=(o,r)=>{for(var e in r)s(o,e,{get:r[e],enumerable:!0})},a=(o,r,e,t)=>{if(r&&typeof r=="object"||typeof r=="function")for(let p of w(r))!R.call(o,p)&&p!==e&&s(o,p,{get:()=>r[p],enumerable:!(t=u(r,p))||t.enumerable});return o};var i=(o,r,e)=>(e=o!=null?D(j(o)):{},a(r||!o||!o.__esModule?s(e,"default",{value:o,enumerable:!0}):e,o)),N=o=>a(s({},"__esModule",{value:!0}),o);var W={};x(W,{Image:()=>m});module.exports=N(W);var g=i(require("react")),f=i(require("classnames")),n=require("./image.props.js"),P=require("../helpers/extract-props.js"),l=require("../props/margin.props.js"),d=require("../props/width.props.js"),h=require("../props/height.props.js");const m=g.forwardRef((o,r)=>{const{className:e,radius:t,style:p,loading:y="lazy",alt:c,...I}=(0,P.extractProps)(o,n.imagePropDefs,l.marginPropDefs,d.widthPropDefs,h.heightPropDefs);return g.createElement("img",{"data-radius":t,loading:y,style:p,className:(0,f.default)("rt-Image",e),alt:c,...I,ref:r})});m.displayName="Image";
+//# sourceMappingURL=image.js.map

package/dist/cjs/components/image.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/image.tsx"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\n\nimport { imagePropDefs } from './image.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { widthPropDefs } from '../props/width.props.js';\nimport { heightPropDefs } from '../props/height.props.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { WidthProps } from '../props/width.props.js';\nimport type { HeightProps } from '../props/height.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype ImageElement = React.ElementRef<'img'>;\ntype ImageOwnProps = GetPropDefTypes<typeof imagePropDefs> & {\n  loading?: 'eager' | 'lazy';\n};\n\ninterface ImageProps\n  extends ComponentPropsWithout<'img', RemovedProps | 'color' | 'width' | 'height' | 'alt'>,\n    MarginProps,\n    WidthProps,\n    HeightProps,\n    ImageOwnProps {\n  /**\n   * The alt attribute provides alternative information for an image if a user for some reason cannot view it.\n   * Required for accessibility.\n   */\n  alt: string;\n}\n\nconst Image = React.forwardRef<ImageElement, ImageProps>((props, forwardedRef) => {\n  const {\n    className,\n    radius,\n    style,\n    loading = 'lazy',\n    alt,\n    ...imgProps\n  } = extractProps(props, imagePropDefs, marginPropDefs, widthPropDefs, heightPropDefs);\n\n  return (\n    <img\n      data-radius={radius}\n      loading={loading}\n      style={style}\n      className={classNames('rt-Image', className)}\n      alt={alt}\n      {...imgProps}\n      ref={forwardedRef}\n    />\n  );\n});\n\nImage.displayName = 'Image';\n\nexport { Image };\nexport type { ImageProps };\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,IAAA,eAAAC,EAAAH,GAEA,IAAAI,EAAuB,oBACvBC,EAAuB,yBAEvBC,EAA8B,4BAC9BC,EAA6B,uCAC7BC,EAA+B,oCAC/BC,EAA8B,mCAC9BC,EAA+B,oCA0B/B,MAAMR,EAAQE,EAAM,WAAqC,CAACO,EAAOC,IAAiB,CAChF,KAAM,CACJ,UAAAC,EACA,OAAAC,EACA,MAAAC,EACA,QAAAC,EAAU,OACV,IAAAC,EACA,GAAGC,CACL,KAAI,gBAAaP,EAAO,gBAAe,iBAAgB,gBAAe,gBAAc,EAEpF,OACEP,EAAA,cAAC,OACC,cAAaU,EACb,QAASE,EACT,MAAOD,EACP,aAAW,EAAAI,SAAW,WAAYN,CAAS,EAC3C,IAAKI,EACJ,GAAGC,EACJ,IAAKN,EACP,CAEJ,CAAC,EAEDV,EAAM,YAAc",
+  "names": ["image_exports", "__export", "Image", "__toCommonJS", "React", "import_classnames", "import_image_props", "import_extract_props", "import_margin_props", "import_width_props", "import_height_props", "props", "forwardedRef", "className", "radius", "style", "loading", "alt", "imgProps", "classNames"]
+}

package/dist/cjs/components/image.props.d.ts

@@ -0,0 +1,33 @@
+declare const imagePropDefs: {
+    shadow: {
+        type: "enum";
+        className: string;
+        values: readonly ["1", "2", "3", "4", "5", "6"];
+        responsive: true;
+    };
+    radius: {
+        type: "enum";
+        values: readonly ["none", "small", "medium", "large", "full"];
+        default: undefined;
+    };
+    /**
+     * Sets the CSS **object-fit** property.
+     * Controls how the image should be resized to fit its container.
+     *
+     * @example
+     * fit="cover"
+     * fit="contain"
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit
+     */
+    fit: {
+        type: "enum";
+        className: string;
+        values: readonly ["cover", "contain", "fill", "scale-down", "none"];
+        default: "cover";
+        responsive: true;
+    };
+};
+export { imagePropDefs };
+//# sourceMappingURL=image.props.d.ts.map

package/dist/cjs/components/image.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.props.d.ts","sourceRoot":"","sources":["../../../src/components/image.props.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,aAAa;;;;;;;;;;;;IACjB;;;;;;;;;;OAUG;;;;;;;;CAYJ,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/cjs/components/image.props.js

@@ -0,0 +1,2 @@
+"use strict";var s=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var l=(o,e)=>{for(var t in e)s(o,t,{get:e[t],enumerable:!0})},u=(o,e,t,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of c(e))!m.call(o,r)&&r!==t&&s(o,r,{get:()=>e[r],enumerable:!(p=n(e,r))||p.enumerable});return o};var d=o=>u(s({},"__esModule",{value:!0}),o);var P={};l(P,{imagePropDefs:()=>a});module.exports=d(P);var f=require("../props/radius.prop.js"),i=require("../props/shadow.props.js");const D=["cover","contain","fill","scale-down","none"],a={fit:{type:"enum",className:"rt-r-fit",values:D,default:"cover",responsive:!0},...f.radiusPropDef,...i.shadowPropDefs};
+//# sourceMappingURL=image.props.js.map

package/dist/cjs/components/image.props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/image.props.ts"],
+  "sourcesContent": ["import { radiusPropDef } from '../props/radius.prop.js';\nimport { shadowPropDefs } from '../props/shadow.props.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst objectFitValues = ['cover', 'contain', 'fill', 'scale-down', 'none'] as const;\n\nconst imagePropDefs = {\n  /**\n   * Sets the CSS **object-fit** property.\n   * Controls how the image should be resized to fit its container.\n   *\n   * @example\n   * fit=\"cover\"\n   * fit=\"contain\"\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit\n   */\n  fit: {\n    type: 'enum',\n    className: 'rt-r-fit',\n    values: objectFitValues,\n    default: 'cover',\n    responsive: true,\n  },\n  ...radiusPropDef,\n  ...shadowPropDefs,\n} satisfies {\n  fit: PropDef<(typeof objectFitValues)[number]>;\n};\n\nexport { imagePropDefs };\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA8B,mCAC9BC,EAA+B,oCAI/B,MAAMC,EAAkB,CAAC,QAAS,UAAW,OAAQ,aAAc,MAAM,EAEnEJ,EAAgB,CAYpB,IAAK,CACH,KAAM,OACN,UAAW,WACX,OAAQI,EACR,QAAS,QACT,WAAY,EACd,EACA,GAAG,gBACH,GAAG,gBACL",
+  "names": ["image_props_exports", "__export", "imagePropDefs", "__toCommonJS", "import_radius_prop", "import_shadow_props", "objectFitValues"]
+}

package/dist/cjs/components/index.d.ts

@@ -24,6 +24,7 @@ export { Heading, type HeadingProps } from './heading.js';
 export * as HoverCard from './hover-card.js';
 export { IconButton, type IconButtonProps } from './icon-button.js';
 export { type IconProps, ChevronDownIcon, ThickCheckIcon, ThickChevronRightIcon, ThickDividerHorizontalIcon, } from './icons.js';
+export { Image, type ImageProps } from './image.js';
 export { Inset, type InsetProps } from './inset.js';
 export { Kbd, type KbdProps } from './kbd.js';
 export { Link, type LinkProps } from './link.js';

package/dist/cjs/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,KAAK,WAAW,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,KAAK,OAAO,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,KAAK,aAAa,MAAM,qBAAqB,CAAC;AACrD,OAAO,KAAK,aAAa,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,KAAK,WAAW,MAAM,mBAAmB,CAAC;AACjD,OAAO,KAAK,QAAQ,MAAM,gBAAgB,CAAC;AAC3C,OAAO,KAAK,MAAM,MAAM,aAAa,CAAC;AACtC,OAAO,KAAK,YAAY,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,EAAE,EAAE,KAAK,OAAO,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,KAAK,SAAS,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EACL,KAAK,SAAS,EACd,eAAe,EACf,cAAc,EACd,qBAAqB,EACrB,0BAA0B,GAC3B,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,KAAK,OAAO,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,KAAK,UAAU,MAAM,kBAAkB,CAAC;AAC/C,OAAO,KAAK,UAAU,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,KAAK,MAAM,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,KAAK,MAAM,MAAM,cAAc,CAAC;AACvC,OAAO,KAAK,KAAK,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,IAAI,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,KAAK,SAAS,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,UAAU,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AACnF,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AACvF,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/cjs/components/index.js

@@ -1,2 +1,2 @@
-"use strict";var Y=Object.create;var m=Object.defineProperty;var Z=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames;var $=Object.getPrototypeOf,oo=Object.prototype.hasOwnProperty;var ro=(r,e)=>{for(var t in e)m(r,t,{get:e[t],enumerable:!0})},n=(r,e,t,f)=>{if(e&&typeof e=="object"||typeof e=="function")for(let x of _(e))!oo.call(r,x)&&x!==t&&m(r,x,{get:()=>e[x],enumerable:!(f=Z(e,x))||f.enumerable});return r};var o=(r,e,t)=>(t=r!=null?Y($(r)):{},n(e||!r||!r.__esModule?m(t,"default",{value:r,enumerable:!0}):t,r)),eo=r=>n(m({},"__esModule",{value:!0}),r);var to={};ro(to,{AccessibleIcon:()=>P.AccessibleIcon,AlertDialog:()=>po,AspectRatio:()=>y.AspectRatio,Avatar:()=>i.Avatar,Badge:()=>l.Badge,Blockquote:()=>c.Blockquote,Box:()=>d.Box,Button:()=>T.Button,Callout:()=>so,Card:()=>C.Card,Checkbox:()=>g.Checkbox,CheckboxCards:()=>xo,CheckboxGroup:()=>mo,ChevronDownIcon:()=>p.ChevronDownIcon,Code:()=>u.Code,Container:()=>S.Container,ContextMenu:()=>ao,DataList:()=>fo,Dialog:()=>no,DropdownMenu:()=>Po,Em:()=>h.Em,Flex:()=>k.Flex,Grid:()=>B.Grid,Heading:()=>I.Heading,HoverCard:()=>yo,IconButton:()=>b.IconButton,Inset:()=>A.Inset,Kbd:()=>R.Kbd,Link:()=>v.Link,Popover:()=>io,Portal:()=>D.Portal,Progress:()=>H.Progress,Quote:()=>w.Quote,Radio:()=>G.Radio,RadioCards:()=>lo,RadioGroup:()=>co,Reset:()=>F.Reset,ScrollArea:()=>L.ScrollArea,Section:()=>q.Section,SegmentedControl:()=>To,Select:()=>Co,Separator:()=>E.Separator,Skeleton:()=>K.Skeleton,Slider:()=>M.Slider,Slot:()=>a.Slot,Slottable:()=>a.Slottable,Spinner:()=>Q.Spinner,Strong:()=>V.Strong,Switch:()=>z.Switch,TabNav:()=>go,Table:()=>uo,Tabs:()=>So,Text:()=>j.Text,TextArea:()=>N.TextArea,TextField:()=>ho,Theme:()=>s.Theme,ThemeContext:()=>s.ThemeContext,ThemePanel:()=>J.ThemePanel,ThickCheckIcon:()=>p.ThickCheckIcon,ThickChevronRightIcon:()=>p.ThickChevronRightIcon,ThickDividerHorizontalIcon:()=>p.ThickDividerHorizontalIcon,ToggleButton:()=>O.ToggleButton,ToggleIconButton:()=>U.ToggleIconButton,Tooltip:()=>W.Tooltip,VisuallyHidden:()=>X.VisuallyHidden,useThemeContext:()=>s.useThemeContext});module.exports=eo(to);var P=require("./accessible-icon.js"),po=o(require("./alert-dialog.js")),y=require("./aspect-ratio.js"),i=require("./avatar.js"),l=require("./badge.js"),c=require("./blockquote.js"),d=require("./box.js"),T=require("./button.js"),so=o(require("./callout.js")),C=require("./card.js"),xo=o(require("./checkbox-cards.js")),mo=o(require("./checkbox-group.js")),g=require("./checkbox.js"),u=require("./code.js"),S=require("./container.js"),ao=o(require("./context-menu.js")),fo=o(require("./data-list.js")),no=o(require("./dialog.js")),Po=o(require("./dropdown-menu.js")),h=require("./em.js"),k=require("./flex.js"),B=require("./grid.js"),I=require("./heading.js"),yo=o(require("./hover-card.js")),b=require("./icon-button.js"),p=require("./icons.js"),A=require("./inset.js"),R=require("./kbd.js"),v=require("./link.js"),io=o(require("./popover.js")),D=require("./portal.js"),H=require("./progress.js"),w=require("./quote.js"),lo=o(require("./radio-cards.js")),co=o(require("./radio-group.js")),G=require("./radio.js"),F=require("./reset.js"),L=require("./scroll-area.js"),To=o(require("./segmented-control.js")),q=require("./section.js"),Co=o(require("./select.js")),E=require("./separator.js"),K=require("./skeleton.js"),M=require("./slider.js"),a=require("./slot.js"),Q=require("./spinner.js"),V=require("./strong.js"),z=require("./switch.js"),go=o(require("./tab-nav.js")),uo=o(require("./table.js")),So=o(require("./tabs.js")),N=require("./text-area.js"),ho=o(require("./text-field.js")),j=require("./text.js"),J=require("./theme-panel.js"),s=require("./theme.js"),O=require("./toggle-button.js"),U=require("./toggle-icon-button.js"),W=require("./tooltip.js"),X=require("./visually-hidden.js");
+"use strict";var Z=Object.create;var m=Object.defineProperty;var _=Object.getOwnPropertyDescriptor;var $=Object.getOwnPropertyNames;var oo=Object.getPrototypeOf,ro=Object.prototype.hasOwnProperty;var eo=(r,e)=>{for(var t in e)m(r,t,{get:e[t],enumerable:!0})},n=(r,e,t,f)=>{if(e&&typeof e=="object"||typeof e=="function")for(let x of $(e))!ro.call(r,x)&&x!==t&&m(r,x,{get:()=>e[x],enumerable:!(f=_(e,x))||f.enumerable});return r};var o=(r,e,t)=>(t=r!=null?Z(oo(r)):{},n(e||!r||!r.__esModule?m(t,"default",{value:r,enumerable:!0}):t,r)),to=r=>n(m({},"__esModule",{value:!0}),r);var po={};eo(po,{AccessibleIcon:()=>P.AccessibleIcon,AlertDialog:()=>so,AspectRatio:()=>y.AspectRatio,Avatar:()=>i.Avatar,Badge:()=>l.Badge,Blockquote:()=>c.Blockquote,Box:()=>d.Box,Button:()=>T.Button,Callout:()=>xo,Card:()=>g.Card,Checkbox:()=>C.Checkbox,CheckboxCards:()=>mo,CheckboxGroup:()=>ao,ChevronDownIcon:()=>p.ChevronDownIcon,Code:()=>u.Code,Container:()=>S.Container,ContextMenu:()=>fo,DataList:()=>no,Dialog:()=>Po,DropdownMenu:()=>yo,Em:()=>h.Em,Flex:()=>I.Flex,Grid:()=>k.Grid,Heading:()=>B.Heading,HoverCard:()=>io,IconButton:()=>b.IconButton,Image:()=>A.Image,Inset:()=>R.Inset,Kbd:()=>v.Kbd,Link:()=>D.Link,Popover:()=>lo,Portal:()=>H.Portal,Progress:()=>w.Progress,Quote:()=>G.Quote,Radio:()=>F.Radio,RadioCards:()=>co,RadioGroup:()=>To,Reset:()=>L.Reset,ScrollArea:()=>q.ScrollArea,Section:()=>E.Section,SegmentedControl:()=>go,Select:()=>Co,Separator:()=>K.Separator,Skeleton:()=>M.Skeleton,Slider:()=>Q.Slider,Slot:()=>a.Slot,Slottable:()=>a.Slottable,Spinner:()=>V.Spinner,Strong:()=>z.Strong,Switch:()=>N.Switch,TabNav:()=>uo,Table:()=>So,Tabs:()=>ho,Text:()=>J.Text,TextArea:()=>j.TextArea,TextField:()=>Io,Theme:()=>s.Theme,ThemeContext:()=>s.ThemeContext,ThemePanel:()=>O.ThemePanel,ThickCheckIcon:()=>p.ThickCheckIcon,ThickChevronRightIcon:()=>p.ThickChevronRightIcon,ThickDividerHorizontalIcon:()=>p.ThickDividerHorizontalIcon,ToggleButton:()=>U.ToggleButton,ToggleIconButton:()=>W.ToggleIconButton,Tooltip:()=>X.Tooltip,VisuallyHidden:()=>Y.VisuallyHidden,useThemeContext:()=>s.useThemeContext});module.exports=to(po);var P=require("./accessible-icon.js"),so=o(require("./alert-dialog.js")),y=require("./aspect-ratio.js"),i=require("./avatar.js"),l=require("./badge.js"),c=require("./blockquote.js"),d=require("./box.js"),T=require("./button.js"),xo=o(require("./callout.js")),g=require("./card.js"),mo=o(require("./checkbox-cards.js")),ao=o(require("./checkbox-group.js")),C=require("./checkbox.js"),u=require("./code.js"),S=require("./container.js"),fo=o(require("./context-menu.js")),no=o(require("./data-list.js")),Po=o(require("./dialog.js")),yo=o(require("./dropdown-menu.js")),h=require("./em.js"),I=require("./flex.js"),k=require("./grid.js"),B=require("./heading.js"),io=o(require("./hover-card.js")),b=require("./icon-button.js"),p=require("./icons.js"),A=require("./image.js"),R=require("./inset.js"),v=require("./kbd.js"),D=require("./link.js"),lo=o(require("./popover.js")),H=require("./portal.js"),w=require("./progress.js"),G=require("./quote.js"),co=o(require("./radio-cards.js")),To=o(require("./radio-group.js")),F=require("./radio.js"),L=require("./reset.js"),q=require("./scroll-area.js"),go=o(require("./segmented-control.js")),E=require("./section.js"),Co=o(require("./select.js")),K=require("./separator.js"),M=require("./skeleton.js"),Q=require("./slider.js"),a=require("./slot.js"),V=require("./spinner.js"),z=require("./strong.js"),N=require("./switch.js"),uo=o(require("./tab-nav.js")),So=o(require("./table.js")),ho=o(require("./tabs.js")),j=require("./text-area.js"),Io=o(require("./text-field.js")),J=require("./text.js"),O=require("./theme-panel.js"),s=require("./theme.js"),U=require("./toggle-button.js"),W=require("./toggle-icon-button.js"),X=require("./tooltip.js"),Y=require("./visually-hidden.js");
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/index.tsx"],
-  "sourcesContent": ["export { AccessibleIcon, type AccessibleIconProps } from './accessible-icon.js';\nexport * as AlertDialog from './alert-dialog.js';\nexport { AspectRatio, type AspectRatioProps } from './aspect-ratio.js';\nexport { Avatar, type AvatarProps } from './avatar.js';\nexport { Badge, type BadgeProps } from './badge.js';\nexport { Blockquote, type BlockquoteProps } from './blockquote.js';\nexport { Box, type BoxProps } from './box.js';\nexport { Button, type ButtonProps } from './button.js';\nexport * as Callout from './callout.js';\nexport { Card, type CardProps } from './card.js';\nexport * as CheckboxCards from './checkbox-cards.js';\nexport * as CheckboxGroup from './checkbox-group.js';\nexport { Checkbox, type CheckboxProps } from './checkbox.js';\nexport { Code, type CodeProps } from './code.js';\nexport { Container, type ContainerProps } from './container.js';\nexport * as ContextMenu from './context-menu.js';\nexport * as DataList from './data-list.js';\nexport * as Dialog from './dialog.js';\nexport * as DropdownMenu from './dropdown-menu.js';\nexport { Em, type EmProps } from './em.js';\nexport { Flex, type FlexProps } from './flex.js';\nexport { Grid, type GridProps } from './grid.js';\nexport { Heading, type HeadingProps } from './heading.js';\nexport * as HoverCard from './hover-card.js';\nexport { IconButton, type IconButtonProps } from './icon-button.js';\nexport {\n  type IconProps,\n  ChevronDownIcon,\n  ThickCheckIcon,\n  ThickChevronRightIcon,\n  ThickDividerHorizontalIcon,\n} from './icons.js';\nexport { Inset, type InsetProps } from './inset.js';\nexport { Kbd, type KbdProps } from './kbd.js';\nexport { Link, type LinkProps } from './link.js';\nexport * as Popover from './popover.js';\nexport { Portal, type PortalProps } from './portal.js';\nexport { Progress, type ProgressProps } from './progress.js';\nexport { Quote, type QuoteProps } from './quote.js';\nexport * as RadioCards from './radio-cards.js';\nexport * as RadioGroup from './radio-group.js';\nexport { Radio, type RadioProps } from './radio.js';\nexport { Reset, type ResetProps } from './reset.js';\nexport { ScrollArea, type ScrollAreaProps } from './scroll-area.js';\nexport * as SegmentedControl from './segmented-control.js';\nexport { Section, type SectionProps } from './section.js';\nexport * as Select from './select.js';\nexport { Separator, type SeparatorProps } from './separator.js';\nexport { Skeleton, type SkeletonProps } from './skeleton.js';\nexport { Slider, type SliderProps } from './slider.js';\nexport { Slot, Slottable } from './slot.js';\nexport { Spinner, type SpinnerProps } from './spinner.js';\nexport { Strong, type StrongProps } from './strong.js';\nexport { Switch, type SwitchProps } from './switch.js';\nexport * as TabNav from './tab-nav.js';\nexport * as Table from './table.js';\nexport * as Tabs from './tabs.js';\nexport { TextArea, type TextAreaProps } from './text-area.js';\nexport * as TextField from './text-field.js';\nexport { Text, type TextProps } from './text.js';\nexport { ThemePanel, type ThemePanelProps } from './theme-panel.js';\nexport { Theme, ThemeContext, type ThemeProps, useThemeContext } from './theme.js';\nexport { ToggleButton, type ToggleButtonProps } from './toggle-button.js';\nexport { ToggleIconButton, type ToggleIconButtonProps } from './toggle-icon-button.js';\nexport { Tooltip, type TooltipProps } from './tooltip.js';\nexport { VisuallyHidden, type VisuallyHiddenProps } from './visually-hidden.js';\n"],
-  "mappings": "8jBAAA,IAAAA,GAAA,GAAAC,GAAAD,GAAA,qDAAAE,GAAA,8IAAAC,GAAA,0DAAAC,GAAA,kBAAAC,GAAA,gGAAAC,GAAA,aAAAC,GAAA,WAAAC,GAAA,iBAAAC,GAAA,gFAAAC,GAAA,wFAAAC,GAAA,+FAAAC,GAAA,eAAAC,GAAA,yFAAAC,GAAA,WAAAC,GAAA,yLAAAC,GAAA,UAAAC,GAAA,SAAAC,GAAA,sDAAAC,GAAA,yZAAAC,GAAApB,IAAA,IAAAqB,EAAyD,gCACzDnB,GAA6B,gCAC7BoB,EAAmD,6BACnDC,EAAyC,uBACzCC,EAAuC,sBACvCC,EAAiD,2BACjDC,EAAmC,oBACnCC,EAAyC,uBACzCxB,GAAyB,2BACzByB,EAAqC,qBACrCxB,GAA+B,kCAC/BC,GAA+B,kCAC/BwB,EAA6C,yBAC7CC,EAAqC,qBACrCC,EAA+C,0BAC/CzB,GAA6B,gCAC7BC,GAA0B,6BAC1BC,GAAwB,0BACxBC,GAA8B,iCAC9BuB,EAAiC,mBACjCC,EAAqC,qBACrCC,EAAqC,qBACrCC,EAA2C,wBAC3CzB,GAA2B,8BAC3B0B,EAAiD,4BACjDC,EAMO,sBACPC,EAAuC,sBACvCC,EAAmC,oBACnCC,EAAqC,qBACrC7B,GAAyB,2BACzB8B,EAAyC,uBACzCC,EAA6C,yBAC7CC,EAAuC,sBACvC/B,GAA4B,+BAC5BC,GAA4B,+BAC5B+B,EAAuC,sBACvCC,EAAuC,sBACvCC,EAAiD,4BACjDhC,GAAkC,qCAClCiC,EAA2C,wBAC3ChC,GAAwB,0BACxBiC,EAA+C,0BAC/CC,EAA6C,yBAC7CC,EAAyC,uBACzCC,EAAgC,qBAChCC,EAA2C,wBAC3CC,EAAyC,uBACzCC,EAAyC,uBACzCtC,GAAwB,2BACxBC,GAAuB,yBACvBC,GAAsB,wBACtBqC,EAA6C,0BAC7CpC,GAA2B,8BAC3BqC,EAAqC,qBACrCC,EAAiD,4BACjDC,EAAsE,sBACtEC,EAAqD,8BACrDC,EAA6D,mCAC7DC,EAA2C,wBAC3CC,EAAyD",
-  "names": ["components_exports", "__export", "AlertDialog", "Callout", "CheckboxCards", "CheckboxGroup", "ContextMenu", "DataList", "Dialog", "DropdownMenu", "HoverCard", "Popover", "RadioCards", "RadioGroup", "SegmentedControl", "Select", "TabNav", "Table", "Tabs", "TextField", "__toCommonJS", "import_accessible_icon", "import_aspect_ratio", "import_avatar", "import_badge", "import_blockquote", "import_box", "import_button", "import_card", "import_checkbox", "import_code", "import_container", "import_em", "import_flex", "import_grid", "import_heading", "import_icon_button", "import_icons", "import_inset", "import_kbd", "import_link", "import_portal", "import_progress", "import_quote", "import_radio", "import_reset", "import_scroll_area", "import_section", "import_separator", "import_skeleton", "import_slider", "import_slot", "import_spinner", "import_strong", "import_switch", "import_text_area", "import_text", "import_theme_panel", "import_theme", "import_toggle_button", "import_toggle_icon_button", "import_tooltip", "import_visually_hidden"]
+  "sourcesContent": ["export { AccessibleIcon, type AccessibleIconProps } from './accessible-icon.js';\nexport * as AlertDialog from './alert-dialog.js';\nexport { AspectRatio, type AspectRatioProps } from './aspect-ratio.js';\nexport { Avatar, type AvatarProps } from './avatar.js';\nexport { Badge, type BadgeProps } from './badge.js';\nexport { Blockquote, type BlockquoteProps } from './blockquote.js';\nexport { Box, type BoxProps } from './box.js';\nexport { Button, type ButtonProps } from './button.js';\nexport * as Callout from './callout.js';\nexport { Card, type CardProps } from './card.js';\nexport * as CheckboxCards from './checkbox-cards.js';\nexport * as CheckboxGroup from './checkbox-group.js';\nexport { Checkbox, type CheckboxProps } from './checkbox.js';\nexport { Code, type CodeProps } from './code.js';\nexport { Container, type ContainerProps } from './container.js';\nexport * as ContextMenu from './context-menu.js';\nexport * as DataList from './data-list.js';\nexport * as Dialog from './dialog.js';\nexport * as DropdownMenu from './dropdown-menu.js';\nexport { Em, type EmProps } from './em.js';\nexport { Flex, type FlexProps } from './flex.js';\nexport { Grid, type GridProps } from './grid.js';\nexport { Heading, type HeadingProps } from './heading.js';\nexport * as HoverCard from './hover-card.js';\nexport { IconButton, type IconButtonProps } from './icon-button.js';\nexport {\n  type IconProps,\n  ChevronDownIcon,\n  ThickCheckIcon,\n  ThickChevronRightIcon,\n  ThickDividerHorizontalIcon,\n} from './icons.js';\nexport { Image, type ImageProps } from './image.js';\nexport { Inset, type InsetProps } from './inset.js';\nexport { Kbd, type KbdProps } from './kbd.js';\nexport { Link, type LinkProps } from './link.js';\nexport * as Popover from './popover.js';\nexport { Portal, type PortalProps } from './portal.js';\nexport { Progress, type ProgressProps } from './progress.js';\nexport { Quote, type QuoteProps } from './quote.js';\nexport * as RadioCards from './radio-cards.js';\nexport * as RadioGroup from './radio-group.js';\nexport { Radio, type RadioProps } from './radio.js';\nexport { Reset, type ResetProps } from './reset.js';\nexport { ScrollArea, type ScrollAreaProps } from './scroll-area.js';\nexport * as SegmentedControl from './segmented-control.js';\nexport { Section, type SectionProps } from './section.js';\nexport * as Select from './select.js';\nexport { Separator, type SeparatorProps } from './separator.js';\nexport { Skeleton, type SkeletonProps } from './skeleton.js';\nexport { Slider, type SliderProps } from './slider.js';\nexport { Slot, Slottable } from './slot.js';\nexport { Spinner, type SpinnerProps } from './spinner.js';\nexport { Strong, type StrongProps } from './strong.js';\nexport { Switch, type SwitchProps } from './switch.js';\nexport * as TabNav from './tab-nav.js';\nexport * as Table from './table.js';\nexport * as Tabs from './tabs.js';\nexport { TextArea, type TextAreaProps } from './text-area.js';\nexport * as TextField from './text-field.js';\nexport { Text, type TextProps } from './text.js';\nexport { ThemePanel, type ThemePanelProps } from './theme-panel.js';\nexport { Theme, ThemeContext, type ThemeProps, useThemeContext } from './theme.js';\nexport { ToggleButton, type ToggleButtonProps } from './toggle-button.js';\nexport { ToggleIconButton, type ToggleIconButtonProps } from './toggle-icon-button.js';\nexport { Tooltip, type TooltipProps } from './tooltip.js';\nexport { VisuallyHidden, type VisuallyHiddenProps } from './visually-hidden.js';\n"],
+  "mappings": "gkBAAA,IAAAA,GAAA,GAAAC,GAAAD,GAAA,qDAAAE,GAAA,8IAAAC,GAAA,0DAAAC,GAAA,kBAAAC,GAAA,gGAAAC,GAAA,aAAAC,GAAA,WAAAC,GAAA,iBAAAC,GAAA,gFAAAC,GAAA,0GAAAC,GAAA,+FAAAC,GAAA,eAAAC,GAAA,yFAAAC,GAAA,WAAAC,GAAA,yLAAAC,GAAA,UAAAC,GAAA,SAAAC,GAAA,sDAAAC,GAAA,yZAAAC,GAAApB,IAAA,IAAAqB,EAAyD,gCACzDnB,GAA6B,gCAC7BoB,EAAmD,6BACnDC,EAAyC,uBACzCC,EAAuC,sBACvCC,EAAiD,2BACjDC,EAAmC,oBACnCC,EAAyC,uBACzCxB,GAAyB,2BACzByB,EAAqC,qBACrCxB,GAA+B,kCAC/BC,GAA+B,kCAC/BwB,EAA6C,yBAC7CC,EAAqC,qBACrCC,EAA+C,0BAC/CzB,GAA6B,gCAC7BC,GAA0B,6BAC1BC,GAAwB,0BACxBC,GAA8B,iCAC9BuB,EAAiC,mBACjCC,EAAqC,qBACrCC,EAAqC,qBACrCC,EAA2C,wBAC3CzB,GAA2B,8BAC3B0B,EAAiD,4BACjDC,EAMO,sBACPC,EAAuC,sBACvCC,EAAuC,sBACvCC,EAAmC,oBACnCC,EAAqC,qBACrC9B,GAAyB,2BACzB+B,EAAyC,uBACzCC,EAA6C,yBAC7CC,EAAuC,sBACvChC,GAA4B,+BAC5BC,GAA4B,+BAC5BgC,EAAuC,sBACvCC,EAAuC,sBACvCC,EAAiD,4BACjDjC,GAAkC,qCAClCkC,EAA2C,wBAC3CjC,GAAwB,0BACxBkC,EAA+C,0BAC/CC,EAA6C,yBAC7CC,EAAyC,uBACzCC,EAAgC,qBAChCC,EAA2C,wBAC3CC,EAAyC,uBACzCC,EAAyC,uBACzCvC,GAAwB,2BACxBC,GAAuB,yBACvBC,GAAsB,wBACtBsC,EAA6C,0BAC7CrC,GAA2B,8BAC3BsC,EAAqC,qBACrCC,EAAiD,4BACjDC,EAAsE,sBACtEC,EAAqD,8BACrDC,EAA6D,mCAC7DC,EAA2C,wBAC3CC,EAAyD",
+  "names": ["components_exports", "__export", "AlertDialog", "Callout", "CheckboxCards", "CheckboxGroup", "ContextMenu", "DataList", "Dialog", "DropdownMenu", "HoverCard", "Popover", "RadioCards", "RadioGroup", "SegmentedControl", "Select", "TabNav", "Table", "Tabs", "TextField", "__toCommonJS", "import_accessible_icon", "import_aspect_ratio", "import_avatar", "import_badge", "import_blockquote", "import_box", "import_button", "import_card", "import_checkbox", "import_code", "import_container", "import_em", "import_flex", "import_grid", "import_heading", "import_icon_button", "import_icons", "import_image", "import_inset", "import_kbd", "import_link", "import_portal", "import_progress", "import_quote", "import_radio", "import_reset", "import_scroll_area", "import_section", "import_separator", "import_skeleton", "import_slider", "import_slot", "import_spinner", "import_strong", "import_switch", "import_text_area", "import_text", "import_theme_panel", "import_theme", "import_toggle_button", "import_toggle_icon_button", "import_tooltip", "import_visually_hidden"]
 }

package/dist/cjs/props/index.d.ts

@@ -9,6 +9,7 @@ export * from './leading-trim.prop.js';
 export * from './margin.props.js';
 export * from './padding.props.js';
 export * from './radius.prop.js';
+export * from './shadow.props.js';
 export * from './text-align.prop.js';
 export * from './text-wrap.prop.js';
 export * from './truncate.prop.js';
@@ -37,6 +38,7 @@ export * from '../components/grid.props.js';
 export * from '../components/heading.props.js';
 export * from '../components/hover-card.props.js';
 export * from '../components/icon-button.props.js';
+export * from '../components/image.props.js';
 export * from '../components/inset.props.js';
 export * from '../components/kbd.props.js';
 export * from '../components/link.props.js';

package/dist/cjs/props/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/props/index.ts"],"names":[],"mappings":"AACA,cAAc,eAAe,CAAC;AAG9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AAGjC,cAAc,qCAAqC,CAAC;AACpD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mCAAmC,CAAC;AAClD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uCAAuC,CAAC;AACtD,cAAc,uCAAuC,CAAC;AACtD,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AACpD,cAAc,kCAAkC,CAAC;AACjD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sCAAsC,CAAC;AACrD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mCAAmC,CAAC;AAClD,cAAc,oCAAoC,CAAC;AACnD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oCAAoC,CAAC;AACnD,cAAc,oCAAoC,CAAC;AACnD,cAAc,oCAAoC,CAAC;AACnD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0CAA0C,CAAC;AACzD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kCAAkC,CAAC;AACjD,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/props/index.ts"],"names":[],"mappings":"AACA,cAAc,eAAe,CAAC;AAG9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AAGjC,cAAc,qCAAqC,CAAC;AACpD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mCAAmC,CAAC;AAClD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uCAAuC,CAAC;AACtD,cAAc,uCAAuC,CAAC;AACtD,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AACpD,cAAc,kCAAkC,CAAC;AACjD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sCAAsC,CAAC;AACrD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mCAAmC,CAAC;AAClD,cAAc,oCAAoC,CAAC;AACnD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oCAAoC,CAAC;AACnD,cAAc,oCAAoC,CAAC;AACnD,cAAc,oCAAoC,CAAC;AACnD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0CAA0C,CAAC;AACzD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kCAAkC,CAAC;AACjD,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC"}

package/dist/cjs/props/index.js

@@ -1,2 +1,2 @@
-"use strict";var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var t=(f,e,p,x)=>{if(e&&typeof e=="object"||typeof e=="function")for(let m of c(e))!d.call(f,m)&&m!==p&&a(f,m,{get:()=>e[m],enumerable:!(x=b(e,m))||x.enumerable});return f},r=(f,e,p)=>(t(f,e,"default"),p&&t(p,e,"default"));var g=f=>t(a({},"__esModule",{value:!0}),f);var o={};module.exports=g(o);r(o,require("./prop-def.js"),module.exports);r(o,require("./as-child.prop.js"),module.exports);r(o,require("./color.prop.js"),module.exports);r(o,require("./gap.props.js"),module.exports);r(o,require("./height.props.js"),module.exports);r(o,require("./high-contrast.prop.js"),module.exports);r(o,require("./layout.props.js"),module.exports);r(o,require("./leading-trim.prop.js"),module.exports);r(o,require("./margin.props.js"),module.exports);r(o,require("./padding.props.js"),module.exports);r(o,require("./radius.prop.js"),module.exports);r(o,require("./text-align.prop.js"),module.exports);r(o,require("./text-wrap.prop.js"),module.exports);r(o,require("./truncate.prop.js"),module.exports);r(o,require("./weight.prop.js"),module.exports);r(o,require("./width.props.js"),module.exports);r(o,require("../components/alert-dialog.props.js"),module.exports);r(o,require("../components/avatar.props.js"),module.exports);r(o,require("../components/badge.props.js"),module.exports);r(o,require("../components/blockquote.props.js"),module.exports);r(o,require("../components/box.props.js"),module.exports);r(o,require("../components/button.props.js"),module.exports);r(o,require("../components/callout.props.js"),module.exports);r(o,require("../components/card.props.js"),module.exports);r(o,require("../components/checkbox-cards.props.js"),module.exports);r(o,require("../components/checkbox-group.props.js"),module.exports);r(o,require("../components/checkbox.props.js"),module.exports);r(o,require("../components/code.props.js"),module.exports);r(o,require("../components/container.props.js"),module.exports);r(o,require("../components/context-menu.props.js"),module.exports);r(o,require("../components/data-list.props.js"),module.exports);r(o,require("../components/dialog.props.js"),module.exports);r(o,require("../components/dropdown-menu.props.js"),module.exports);r(o,require("../components/em.props.js"),module.exports);r(o,require("../components/flex.props.js"),module.exports);r(o,require("../components/grid.props.js"),module.exports);r(o,require("../components/heading.props.js"),module.exports);r(o,require("../components/hover-card.props.js"),module.exports);r(o,require("../components/icon-button.props.js"),module.exports);r(o,require("../components/inset.props.js"),module.exports);r(o,require("../components/kbd.props.js"),module.exports);r(o,require("../components/link.props.js"),module.exports);r(o,require("../components/popover.props.js"),module.exports);r(o,require("../components/progress.props.js"),module.exports);r(o,require("../components/quote.props.js"),module.exports);r(o,require("../components/radio.props.js"),module.exports);r(o,require("../components/radio-cards.props.js"),module.exports);r(o,require("../components/radio-group.props.js"),module.exports);r(o,require("../components/scroll-area.props.js"),module.exports);r(o,require("../components/section.props.js"),module.exports);r(o,require("../components/segmented-control.props.js"),module.exports);r(o,require("../components/select.props.js"),module.exports);r(o,require("../components/separator.props.js"),module.exports);r(o,require("../components/skeleton.props.js"),module.exports);r(o,require("../components/slider.props.js"),module.exports);r(o,require("../components/spinner.props.js"),module.exports);r(o,require("../components/strong.props.js"),module.exports);r(o,require("../components/switch.props.js"),module.exports);r(o,require("../components/tab-nav.props.js"),module.exports);r(o,require("../components/table.props.js"),module.exports);r(o,require("../components/tabs.props.js"),module.exports);r(o,require("../components/text-area.props.js"),module.exports);r(o,require("../components/text-field.props.js"),module.exports);r(o,require("../components/text.props.js"),module.exports);r(o,require("../components/theme.props.js"),module.exports);r(o,require("../components/tooltip.props.js"),module.exports);
+"use strict";var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var t=(f,e,p,x)=>{if(e&&typeof e=="object"||typeof e=="function")for(let m of c(e))!d.call(f,m)&&m!==p&&a(f,m,{get:()=>e[m],enumerable:!(x=b(e,m))||x.enumerable});return f},r=(f,e,p)=>(t(f,e,"default"),p&&t(p,e,"default"));var g=f=>t(a({},"__esModule",{value:!0}),f);var o={};module.exports=g(o);r(o,require("./prop-def.js"),module.exports);r(o,require("./as-child.prop.js"),module.exports);r(o,require("./color.prop.js"),module.exports);r(o,require("./gap.props.js"),module.exports);r(o,require("./height.props.js"),module.exports);r(o,require("./high-contrast.prop.js"),module.exports);r(o,require("./layout.props.js"),module.exports);r(o,require("./leading-trim.prop.js"),module.exports);r(o,require("./margin.props.js"),module.exports);r(o,require("./padding.props.js"),module.exports);r(o,require("./radius.prop.js"),module.exports);r(o,require("./shadow.props.js"),module.exports);r(o,require("./text-align.prop.js"),module.exports);r(o,require("./text-wrap.prop.js"),module.exports);r(o,require("./truncate.prop.js"),module.exports);r(o,require("./weight.prop.js"),module.exports);r(o,require("./width.props.js"),module.exports);r(o,require("../components/alert-dialog.props.js"),module.exports);r(o,require("../components/avatar.props.js"),module.exports);r(o,require("../components/badge.props.js"),module.exports);r(o,require("../components/blockquote.props.js"),module.exports);r(o,require("../components/box.props.js"),module.exports);r(o,require("../components/button.props.js"),module.exports);r(o,require("../components/callout.props.js"),module.exports);r(o,require("../components/card.props.js"),module.exports);r(o,require("../components/checkbox-cards.props.js"),module.exports);r(o,require("../components/checkbox-group.props.js"),module.exports);r(o,require("../components/checkbox.props.js"),module.exports);r(o,require("../components/code.props.js"),module.exports);r(o,require("../components/container.props.js"),module.exports);r(o,require("../components/context-menu.props.js"),module.exports);r(o,require("../components/data-list.props.js"),module.exports);r(o,require("../components/dialog.props.js"),module.exports);r(o,require("../components/dropdown-menu.props.js"),module.exports);r(o,require("../components/em.props.js"),module.exports);r(o,require("../components/flex.props.js"),module.exports);r(o,require("../components/grid.props.js"),module.exports);r(o,require("../components/heading.props.js"),module.exports);r(o,require("../components/hover-card.props.js"),module.exports);r(o,require("../components/icon-button.props.js"),module.exports);r(o,require("../components/image.props.js"),module.exports);r(o,require("../components/inset.props.js"),module.exports);r(o,require("../components/kbd.props.js"),module.exports);r(o,require("../components/link.props.js"),module.exports);r(o,require("../components/popover.props.js"),module.exports);r(o,require("../components/progress.props.js"),module.exports);r(o,require("../components/quote.props.js"),module.exports);r(o,require("../components/radio.props.js"),module.exports);r(o,require("../components/radio-cards.props.js"),module.exports);r(o,require("../components/radio-group.props.js"),module.exports);r(o,require("../components/scroll-area.props.js"),module.exports);r(o,require("../components/section.props.js"),module.exports);r(o,require("../components/segmented-control.props.js"),module.exports);r(o,require("../components/select.props.js"),module.exports);r(o,require("../components/separator.props.js"),module.exports);r(o,require("../components/skeleton.props.js"),module.exports);r(o,require("../components/slider.props.js"),module.exports);r(o,require("../components/spinner.props.js"),module.exports);r(o,require("../components/strong.props.js"),module.exports);r(o,require("../components/switch.props.js"),module.exports);r(o,require("../components/tab-nav.props.js"),module.exports);r(o,require("../components/table.props.js"),module.exports);r(o,require("../components/tabs.props.js"),module.exports);r(o,require("../components/text-area.props.js"),module.exports);r(o,require("../components/text-field.props.js"),module.exports);r(o,require("../components/text.props.js"),module.exports);r(o,require("../components/theme.props.js"),module.exports);r(o,require("../components/tooltip.props.js"),module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/props/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/props/index.ts"],
-  "sourcesContent": ["// Prop definition\nexport * from './prop-def.js';\n\n// Individual props\nexport * from './as-child.prop.js';\nexport * from './color.prop.js';\nexport * from './gap.props.js';\nexport * from './height.props.js';\nexport * from './high-contrast.prop.js';\nexport * from './layout.props.js';\nexport * from './leading-trim.prop.js';\nexport * from './margin.props.js';\nexport * from './padding.props.js';\nexport * from './radius.prop.js';\nexport * from './text-align.prop.js';\nexport * from './text-wrap.prop.js';\nexport * from './truncate.prop.js';\nexport * from './weight.prop.js';\nexport * from './width.props.js';\n\n// Component props\nexport * from '../components/alert-dialog.props.js';\nexport * from '../components/avatar.props.js';\nexport * from '../components/badge.props.js';\nexport * from '../components/blockquote.props.js';\nexport * from '../components/box.props.js';\nexport * from '../components/button.props.js';\nexport * from '../components/callout.props.js';\nexport * from '../components/card.props.js';\nexport * from '../components/checkbox-cards.props.js';\nexport * from '../components/checkbox-group.props.js';\nexport * from '../components/checkbox.props.js';\nexport * from '../components/code.props.js';\nexport * from '../components/container.props.js';\nexport * from '../components/context-menu.props.js';\nexport * from '../components/data-list.props.js';\nexport * from '../components/dialog.props.js';\nexport * from '../components/dropdown-menu.props.js';\nexport * from '../components/em.props.js';\nexport * from '../components/flex.props.js';\nexport * from '../components/grid.props.js';\nexport * from '../components/heading.props.js';\nexport * from '../components/hover-card.props.js';\nexport * from '../components/icon-button.props.js';\nexport * from '../components/inset.props.js';\nexport * from '../components/kbd.props.js';\nexport * from '../components/link.props.js';\nexport * from '../components/popover.props.js';\nexport * from '../components/progress.props.js';\nexport * from '../components/quote.props.js';\nexport * from '../components/radio.props.js';\nexport * from '../components/radio-cards.props.js';\nexport * from '../components/radio-group.props.js';\nexport * from '../components/scroll-area.props.js';\nexport * from '../components/section.props.js';\nexport * from '../components/segmented-control.props.js';\nexport * from '../components/select.props.js';\nexport * from '../components/separator.props.js';\nexport * from '../components/skeleton.props.js';\nexport * from '../components/slider.props.js';\nexport * from '../components/spinner.props.js';\nexport * from '../components/strong.props.js';\nexport * from '../components/switch.props.js';\nexport * from '../components/tab-nav.props.js';\nexport * from '../components/table.props.js';\nexport * from '../components/tabs.props.js';\nexport * from '../components/text-area.props.js';\nexport * from '../components/text-field.props.js';\nexport * from '../components/text.props.js';\nexport * from '../components/theme.props.js';\nexport * from '../components/tooltip.props.js';\n"],
-  "mappings": "iaAAA,IAAAA,EAAA,kBAAAC,EAAAD,GACAE,EAAAF,EAAc,yBADd,gBAIAE,EAAAF,EAAc,8BAJd,gBAKAE,EAAAF,EAAc,2BALd,gBAMAE,EAAAF,EAAc,0BANd,gBAOAE,EAAAF,EAAc,6BAPd,gBAQAE,EAAAF,EAAc,mCARd,gBASAE,EAAAF,EAAc,6BATd,gBAUAE,EAAAF,EAAc,kCAVd,gBAWAE,EAAAF,EAAc,6BAXd,gBAYAE,EAAAF,EAAc,8BAZd,gBAaAE,EAAAF,EAAc,4BAbd,gBAcAE,EAAAF,EAAc,gCAdd,gBAeAE,EAAAF,EAAc,+BAfd,gBAgBAE,EAAAF,EAAc,8BAhBd,gBAiBAE,EAAAF,EAAc,4BAjBd,gBAkBAE,EAAAF,EAAc,4BAlBd,gBAqBAE,EAAAF,EAAc,+CArBd,gBAsBAE,EAAAF,EAAc,yCAtBd,gBAuBAE,EAAAF,EAAc,wCAvBd,gBAwBAE,EAAAF,EAAc,6CAxBd,gBAyBAE,EAAAF,EAAc,sCAzBd,gBA0BAE,EAAAF,EAAc,yCA1Bd,gBA2BAE,EAAAF,EAAc,0CA3Bd,gBA4BAE,EAAAF,EAAc,uCA5Bd,gBA6BAE,EAAAF,EAAc,iDA7Bd,gBA8BAE,EAAAF,EAAc,iDA9Bd,gBA+BAE,EAAAF,EAAc,2CA/Bd,gBAgCAE,EAAAF,EAAc,uCAhCd,gBAiCAE,EAAAF,EAAc,4CAjCd,gBAkCAE,EAAAF,EAAc,+CAlCd,gBAmCAE,EAAAF,EAAc,4CAnCd,gBAoCAE,EAAAF,EAAc,yCApCd,gBAqCAE,EAAAF,EAAc,gDArCd,gBAsCAE,EAAAF,EAAc,qCAtCd,gBAuCAE,EAAAF,EAAc,uCAvCd,gBAwCAE,EAAAF,EAAc,uCAxCd,gBAyCAE,EAAAF,EAAc,0CAzCd,gBA0CAE,EAAAF,EAAc,6CA1Cd,gBA2CAE,EAAAF,EAAc,8CA3Cd,gBA4CAE,EAAAF,EAAc,wCA5Cd,gBA6CAE,EAAAF,EAAc,sCA7Cd,gBA8CAE,EAAAF,EAAc,uCA9Cd,gBA+CAE,EAAAF,EAAc,0CA/Cd,gBAgDAE,EAAAF,EAAc,2CAhDd,gBAiDAE,EAAAF,EAAc,wCAjDd,gBAkDAE,EAAAF,EAAc,wCAlDd,gBAmDAE,EAAAF,EAAc,8CAnDd,gBAoDAE,EAAAF,EAAc,8CApDd,gBAqDAE,EAAAF,EAAc,8CArDd,gBAsDAE,EAAAF,EAAc,0CAtDd,gBAuDAE,EAAAF,EAAc,oDAvDd,gBAwDAE,EAAAF,EAAc,yCAxDd,gBAyDAE,EAAAF,EAAc,4CAzDd,gBA0DAE,EAAAF,EAAc,2CA1Dd,gBA2DAE,EAAAF,EAAc,yCA3Dd,gBA4DAE,EAAAF,EAAc,0CA5Dd,gBA6DAE,EAAAF,EAAc,yCA7Dd,gBA8DAE,EAAAF,EAAc,yCA9Dd,gBA+DAE,EAAAF,EAAc,0CA/Dd,gBAgEAE,EAAAF,EAAc,wCAhEd,gBAiEAE,EAAAF,EAAc,uCAjEd,gBAkEAE,EAAAF,EAAc,4CAlEd,gBAmEAE,EAAAF,EAAc,6CAnEd,gBAoEAE,EAAAF,EAAc,uCApEd,gBAqEAE,EAAAF,EAAc,wCArEd,gBAsEAE,EAAAF,EAAc,0CAtEd",
+  "sourcesContent": ["// Prop definition\nexport * from './prop-def.js';\n\n// Individual props\nexport * from './as-child.prop.js';\nexport * from './color.prop.js';\nexport * from './gap.props.js';\nexport * from './height.props.js';\nexport * from './high-contrast.prop.js';\nexport * from './layout.props.js';\nexport * from './leading-trim.prop.js';\nexport * from './margin.props.js';\nexport * from './padding.props.js';\nexport * from './radius.prop.js';\nexport * from './shadow.props.js';\nexport * from './text-align.prop.js';\nexport * from './text-wrap.prop.js';\nexport * from './truncate.prop.js';\nexport * from './weight.prop.js';\nexport * from './width.props.js';\n\n// Component props\nexport * from '../components/alert-dialog.props.js';\nexport * from '../components/avatar.props.js';\nexport * from '../components/badge.props.js';\nexport * from '../components/blockquote.props.js';\nexport * from '../components/box.props.js';\nexport * from '../components/button.props.js';\nexport * from '../components/callout.props.js';\nexport * from '../components/card.props.js';\nexport * from '../components/checkbox-cards.props.js';\nexport * from '../components/checkbox-group.props.js';\nexport * from '../components/checkbox.props.js';\nexport * from '../components/code.props.js';\nexport * from '../components/container.props.js';\nexport * from '../components/context-menu.props.js';\nexport * from '../components/data-list.props.js';\nexport * from '../components/dialog.props.js';\nexport * from '../components/dropdown-menu.props.js';\nexport * from '../components/em.props.js';\nexport * from '../components/flex.props.js';\nexport * from '../components/grid.props.js';\nexport * from '../components/heading.props.js';\nexport * from '../components/hover-card.props.js';\nexport * from '../components/icon-button.props.js';\nexport * from '../components/image.props.js';\nexport * from '../components/inset.props.js';\nexport * from '../components/kbd.props.js';\nexport * from '../components/link.props.js';\nexport * from '../components/popover.props.js';\nexport * from '../components/progress.props.js';\nexport * from '../components/quote.props.js';\nexport * from '../components/radio.props.js';\nexport * from '../components/radio-cards.props.js';\nexport * from '../components/radio-group.props.js';\nexport * from '../components/scroll-area.props.js';\nexport * from '../components/section.props.js';\nexport * from '../components/segmented-control.props.js';\nexport * from '../components/select.props.js';\nexport * from '../components/separator.props.js';\nexport * from '../components/skeleton.props.js';\nexport * from '../components/slider.props.js';\nexport * from '../components/spinner.props.js';\nexport * from '../components/strong.props.js';\nexport * from '../components/switch.props.js';\nexport * from '../components/tab-nav.props.js';\nexport * from '../components/table.props.js';\nexport * from '../components/tabs.props.js';\nexport * from '../components/text-area.props.js';\nexport * from '../components/text-field.props.js';\nexport * from '../components/text.props.js';\nexport * from '../components/theme.props.js';\nexport * from '../components/tooltip.props.js';\n"],
+  "mappings": "iaAAA,IAAAA,EAAA,kBAAAC,EAAAD,GACAE,EAAAF,EAAc,yBADd,gBAIAE,EAAAF,EAAc,8BAJd,gBAKAE,EAAAF,EAAc,2BALd,gBAMAE,EAAAF,EAAc,0BANd,gBAOAE,EAAAF,EAAc,6BAPd,gBAQAE,EAAAF,EAAc,mCARd,gBASAE,EAAAF,EAAc,6BATd,gBAUAE,EAAAF,EAAc,kCAVd,gBAWAE,EAAAF,EAAc,6BAXd,gBAYAE,EAAAF,EAAc,8BAZd,gBAaAE,EAAAF,EAAc,4BAbd,gBAcAE,EAAAF,EAAc,6BAdd,gBAeAE,EAAAF,EAAc,gCAfd,gBAgBAE,EAAAF,EAAc,+BAhBd,gBAiBAE,EAAAF,EAAc,8BAjBd,gBAkBAE,EAAAF,EAAc,4BAlBd,gBAmBAE,EAAAF,EAAc,4BAnBd,gBAsBAE,EAAAF,EAAc,+CAtBd,gBAuBAE,EAAAF,EAAc,yCAvBd,gBAwBAE,EAAAF,EAAc,wCAxBd,gBAyBAE,EAAAF,EAAc,6CAzBd,gBA0BAE,EAAAF,EAAc,sCA1Bd,gBA2BAE,EAAAF,EAAc,yCA3Bd,gBA4BAE,EAAAF,EAAc,0CA5Bd,gBA6BAE,EAAAF,EAAc,uCA7Bd,gBA8BAE,EAAAF,EAAc,iDA9Bd,gBA+BAE,EAAAF,EAAc,iDA/Bd,gBAgCAE,EAAAF,EAAc,2CAhCd,gBAiCAE,EAAAF,EAAc,uCAjCd,gBAkCAE,EAAAF,EAAc,4CAlCd,gBAmCAE,EAAAF,EAAc,+CAnCd,gBAoCAE,EAAAF,EAAc,4CApCd,gBAqCAE,EAAAF,EAAc,yCArCd,gBAsCAE,EAAAF,EAAc,gDAtCd,gBAuCAE,EAAAF,EAAc,qCAvCd,gBAwCAE,EAAAF,EAAc,uCAxCd,gBAyCAE,EAAAF,EAAc,uCAzCd,gBA0CAE,EAAAF,EAAc,0CA1Cd,gBA2CAE,EAAAF,EAAc,6CA3Cd,gBA4CAE,EAAAF,EAAc,8CA5Cd,gBA6CAE,EAAAF,EAAc,wCA7Cd,gBA8CAE,EAAAF,EAAc,wCA9Cd,gBA+CAE,EAAAF,EAAc,sCA/Cd,gBAgDAE,EAAAF,EAAc,uCAhDd,gBAiDAE,EAAAF,EAAc,0CAjDd,gBAkDAE,EAAAF,EAAc,2CAlDd,gBAmDAE,EAAAF,EAAc,wCAnDd,gBAoDAE,EAAAF,EAAc,wCApDd,gBAqDAE,EAAAF,EAAc,8CArDd,gBAsDAE,EAAAF,EAAc,8CAtDd,gBAuDAE,EAAAF,EAAc,8CAvDd,gBAwDAE,EAAAF,EAAc,0CAxDd,gBAyDAE,EAAAF,EAAc,oDAzDd,gBA0DAE,EAAAF,EAAc,yCA1Dd,gBA2DAE,EAAAF,EAAc,4CA3Dd,gBA4DAE,EAAAF,EAAc,2CA5Dd,gBA6DAE,EAAAF,EAAc,yCA7Dd,gBA8DAE,EAAAF,EAAc,0CA9Dd,gBA+DAE,EAAAF,EAAc,yCA/Dd,gBAgEAE,EAAAF,EAAc,yCAhEd,gBAiEAE,EAAAF,EAAc,0CAjEd,gBAkEAE,EAAAF,EAAc,wCAlEd,gBAmEAE,EAAAF,EAAc,uCAnEd,gBAoEAE,EAAAF,EAAc,4CApEd,gBAqEAE,EAAAF,EAAc,6CArEd,gBAsEAE,EAAAF,EAAc,uCAtEd,gBAuEAE,EAAAF,EAAc,wCAvEd,gBAwEAE,EAAAF,EAAc,0CAxEd",
   "names": ["props_exports", "__toCommonJS", "__reExport"]
 }

package/dist/cjs/props/shadow.props.d.ts

@@ -0,0 +1,24 @@
+import type { GetPropDefTypes } from './prop-def.js';
+declare const shadowPropDefs: {
+    /**
+     * Sets the CSS **box-shadow** property using design system shadow tokens.
+     * Supports shadow scale values and responsive objects.
+     *
+     * @example
+     * shadow="3"
+     * shadow={{ sm: '2', lg: '4' }}
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow
+     */
+    shadow: {
+        type: "enum";
+        className: string;
+        values: readonly ["1", "2", "3", "4", "5", "6"];
+        responsive: true;
+    };
+};
+type ShadowProps = GetPropDefTypes<typeof shadowPropDefs>;
+export { shadowPropDefs };
+export type { ShadowProps };
+//# sourceMappingURL=shadow.props.d.ts.map

package/dist/cjs/props/shadow.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadow.props.d.ts","sourceRoot":"","sources":["../../../src/props/shadow.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAW,eAAe,EAAE,MAAM,eAAe,CAAC;AAI9D,QAAA,MAAM,cAAc;IAClB;;;;;;;;;;OAUG;;;;;;;CASJ,CAAC;AAEF,KAAK,WAAW,GAAG,eAAe,CAAC,OAAO,cAAc,CAAC,CAAC;AAE1D,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/dist/cjs/props/shadow.props.js

@@ -0,0 +1,2 @@
+"use strict";var r=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var w=(o,e)=>{for(var p in e)r(o,p,{get:e[p],enumerable:!0})},y=(o,e,p,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of d(e))!h.call(o,s)&&s!==p&&r(o,s,{get:()=>e[s],enumerable:!(t=f(e,s))||t.enumerable});return o};var P=o=>y(r({},"__esModule",{value:!0}),o);var u={};w(u,{shadowPropDefs:()=>a});module.exports=P(u);const n=["1","2","3","4","5","6"],a={shadow:{type:"enum",className:"rt-r-shadow",values:n,responsive:!0}};
+//# sourceMappingURL=shadow.props.js.map

package/dist/cjs/props/shadow.props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/props/shadow.props.ts"],
+  "sourcesContent": ["import type { PropDef, GetPropDefTypes } from './prop-def.js';\n\nconst shadowValues = ['1', '2', '3', '4', '5', '6'] as const;\n\nconst shadowPropDefs = {\n  /**\n   * Sets the CSS **box-shadow** property using design system shadow tokens.\n   * Supports shadow scale values and responsive objects.\n   *\n   * @example\n   * shadow=\"3\"\n   * shadow={{ sm: '2', lg: '4' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow\n   */\n  shadow: {\n    type: 'enum',\n    className: 'rt-r-shadow',\n    values: shadowValues,\n    responsive: true,\n  },\n} satisfies {\n  shadow: PropDef<(typeof shadowValues)[number]>;\n};\n\ntype ShadowProps = GetPropDefTypes<typeof shadowPropDefs>;\n\nexport { shadowPropDefs };\nexport type { ShadowProps };\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,oBAAAE,IAAA,eAAAC,EAAAH,GAEA,MAAMI,EAAe,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,GAAG,EAE5CF,EAAiB,CAYrB,OAAQ,CACN,KAAM,OACN,UAAW,cACX,OAAQE,EACR,WAAY,EACd,CACF",
+  "names": ["shadow_props_exports", "__export", "shadowPropDefs", "__toCommonJS", "shadowValues"]
+}

package/dist/esm/components/image.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { imagePropDefs } from './image.props.js';
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
+import type { MarginProps } from '../props/margin.props.js';
+import type { WidthProps } from '../props/width.props.js';
+import type { HeightProps } from '../props/height.props.js';
+import type { GetPropDefTypes } from '../props/prop-def.js';
+type ImageOwnProps = GetPropDefTypes<typeof imagePropDefs> & {
+    loading?: 'eager' | 'lazy';
+};
+interface ImageProps extends ComponentPropsWithout<'img', RemovedProps | 'color' | 'width' | 'height' | 'alt'>, MarginProps, WidthProps, HeightProps, ImageOwnProps {
+    /**
+     * The alt attribute provides alternative information for an image if a user for some reason cannot view it.
+     * Required for accessibility.
+     */
+    alt: string;
+}
+declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLImageElement>>;
+export { Image };
+export type { ImageProps };
+//# sourceMappingURL=image.d.ts.map

package/dist/esm/components/image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/components/image.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAMjD,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,GAAG;IAC3D,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC5B,CAAC;AAEF,UAAU,UACR,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC,EACvF,WAAW,EACX,UAAU,EACV,WAAW,EACX,aAAa;IACf;;;OAGG;IACH,GAAG,EAAE,MAAM,CAAC;CACb;AAED,QAAA,MAAM,KAAK,qFAqBT,CAAC;AAIH,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/dist/esm/components/image.js

@@ -0,0 +1,2 @@
+"use client";import*as o from"react";import f from"classnames";import{imagePropDefs as n}from"./image.props.js";import{extractProps as P}from"../helpers/extract-props.js";import{marginPropDefs as l}from"../props/margin.props.js";import{widthPropDefs as d}from"../props/width.props.js";import{heightPropDefs as h}from"../props/height.props.js";const r=o.forwardRef((e,p)=>{const{className:t,radius:s,style:m,loading:a="lazy",alt:i,...g}=P(e,n,l,d,h);return o.createElement("img",{"data-radius":s,loading:a,style:m,className:f("rt-Image",t),alt:i,...g,ref:p})});r.displayName="Image";export{r as Image};
+//# sourceMappingURL=image.js.map

package/dist/esm/components/image.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/image.tsx"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\n\nimport { imagePropDefs } from './image.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { widthPropDefs } from '../props/width.props.js';\nimport { heightPropDefs } from '../props/height.props.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { WidthProps } from '../props/width.props.js';\nimport type { HeightProps } from '../props/height.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype ImageElement = React.ElementRef<'img'>;\ntype ImageOwnProps = GetPropDefTypes<typeof imagePropDefs> & {\n  loading?: 'eager' | 'lazy';\n};\n\ninterface ImageProps\n  extends ComponentPropsWithout<'img', RemovedProps | 'color' | 'width' | 'height' | 'alt'>,\n    MarginProps,\n    WidthProps,\n    HeightProps,\n    ImageOwnProps {\n  /**\n   * The alt attribute provides alternative information for an image if a user for some reason cannot view it.\n   * Required for accessibility.\n   */\n  alt: string;\n}\n\nconst Image = React.forwardRef<ImageElement, ImageProps>((props, forwardedRef) => {\n  const {\n    className,\n    radius,\n    style,\n    loading = 'lazy',\n    alt,\n    ...imgProps\n  } = extractProps(props, imagePropDefs, marginPropDefs, widthPropDefs, heightPropDefs);\n\n  return (\n    <img\n      data-radius={radius}\n      loading={loading}\n      style={style}\n      className={classNames('rt-Image', className)}\n      alt={alt}\n      {...imgProps}\n      ref={forwardedRef}\n    />\n  );\n});\n\nImage.displayName = 'Image';\n\nexport { Image };\nexport type { ImageProps };\n"],
+  "mappings": "aAEA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aAEvB,OAAS,iBAAAC,MAAqB,mBAC9B,OAAS,gBAAAC,MAAoB,8BAC7B,OAAS,kBAAAC,MAAsB,2BAC/B,OAAS,iBAAAC,MAAqB,0BAC9B,OAAS,kBAAAC,MAAsB,2BA0B/B,MAAMC,EAAQP,EAAM,WAAqC,CAACQ,EAAOC,IAAiB,CAChF,KAAM,CACJ,UAAAC,EACA,OAAAC,EACA,MAAAC,EACA,QAAAC,EAAU,OACV,IAAAC,EACA,GAAGC,CACL,EAAIZ,EAAaK,EAAON,EAAeE,EAAgBC,EAAeC,CAAc,EAEpF,OACEN,EAAA,cAAC,OACC,cAAaW,EACb,QAASE,EACT,MAAOD,EACP,UAAWX,EAAW,WAAYS,CAAS,EAC3C,IAAKI,EACJ,GAAGC,EACJ,IAAKN,EACP,CAEJ,CAAC,EAEDF,EAAM,YAAc",
+  "names": ["React", "classNames", "imagePropDefs", "extractProps", "marginPropDefs", "widthPropDefs", "heightPropDefs", "Image", "props", "forwardedRef", "className", "radius", "style", "loading", "alt", "imgProps"]
+}

package/dist/esm/components/image.props.d.ts

@@ -0,0 +1,33 @@
+declare const imagePropDefs: {
+    shadow: {
+        type: "enum";
+        className: string;
+        values: readonly ["1", "2", "3", "4", "5", "6"];
+        responsive: true;
+    };
+    radius: {
+        type: "enum";
+        values: readonly ["none", "small", "medium", "large", "full"];
+        default: undefined;
+    };
+    /**
+     * Sets the CSS **object-fit** property.
+     * Controls how the image should be resized to fit its container.
+     *
+     * @example
+     * fit="cover"
+     * fit="contain"
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit
+     */
+    fit: {
+        type: "enum";
+        className: string;
+        values: readonly ["cover", "contain", "fill", "scale-down", "none"];
+        default: "cover";
+        responsive: true;
+    };
+};
+export { imagePropDefs };
+//# sourceMappingURL=image.props.d.ts.map

package/dist/esm/components/image.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.props.d.ts","sourceRoot":"","sources":["../../../src/components/image.props.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,aAAa;;;;;;;;;;;;IACjB;;;;;;;;;;OAUG;;;;;;;;CAYJ,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/esm/components/image.props.js

@@ -0,0 +1,2 @@
+import{radiusPropDef as e}from"../props/radius.prop.js";import{shadowPropDefs as o}from"../props/shadow.props.js";const r=["cover","contain","fill","scale-down","none"],t={fit:{type:"enum",className:"rt-r-fit",values:r,default:"cover",responsive:!0},...e,...o};export{t as imagePropDefs};
+//# sourceMappingURL=image.props.js.map

package/dist/esm/components/image.props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/image.props.ts"],
+  "sourcesContent": ["import { radiusPropDef } from '../props/radius.prop.js';\nimport { shadowPropDefs } from '../props/shadow.props.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst objectFitValues = ['cover', 'contain', 'fill', 'scale-down', 'none'] as const;\n\nconst imagePropDefs = {\n  /**\n   * Sets the CSS **object-fit** property.\n   * Controls how the image should be resized to fit its container.\n   *\n   * @example\n   * fit=\"cover\"\n   * fit=\"contain\"\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit\n   */\n  fit: {\n    type: 'enum',\n    className: 'rt-r-fit',\n    values: objectFitValues,\n    default: 'cover',\n    responsive: true,\n  },\n  ...radiusPropDef,\n  ...shadowPropDefs,\n} satisfies {\n  fit: PropDef<(typeof objectFitValues)[number]>;\n};\n\nexport { imagePropDefs };\n"],
+  "mappings": "AAAA,OAAS,iBAAAA,MAAqB,0BAC9B,OAAS,kBAAAC,MAAsB,2BAI/B,MAAMC,EAAkB,CAAC,QAAS,UAAW,OAAQ,aAAc,MAAM,EAEnEC,EAAgB,CAYpB,IAAK,CACH,KAAM,OACN,UAAW,WACX,OAAQD,EACR,QAAS,QACT,WAAY,EACd,EACA,GAAGF,EACH,GAAGC,CACL",
+  "names": ["radiusPropDef", "shadowPropDefs", "objectFitValues", "imagePropDefs"]
+}

package/dist/esm/components/index.d.ts

@@ -24,6 +24,7 @@ export { Heading, type HeadingProps } from './heading.js';
 export * as HoverCard from './hover-card.js';
 export { IconButton, type IconButtonProps } from './icon-button.js';
 export { type IconProps, ChevronDownIcon, ThickCheckIcon, ThickChevronRightIcon, ThickDividerHorizontalIcon, } from './icons.js';
+export { Image, type ImageProps } from './image.js';
 export { Inset, type InsetProps } from './inset.js';
 export { Kbd, type KbdProps } from './kbd.js';
 export { Link, type LinkProps } from './link.js';

package/dist/esm/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/index.js

@@ -1,2 +1,2 @@
-import{AccessibleIcon as e}from"./accessible-icon.js";import*as t from"./alert-dialog.js";import{AspectRatio as s}from"./aspect-ratio.js";import{Avatar as m}from"./avatar.js";import{Badge as f}from"./badge.js";import{Blockquote as P}from"./blockquote.js";import{Box as i}from"./box.js";import{Button as c}from"./button.js";import*as d from"./callout.js";import{Card as C}from"./card.js";import*as g from"./checkbox-cards.js";import*as u from"./checkbox-group.js";import{Checkbox as h}from"./checkbox.js";import{Code as B}from"./code.js";import{Container as b}from"./container.js";import*as A from"./context-menu.js";import*as R from"./data-list.js";import*as v from"./dialog.js";import*as D from"./dropdown-menu.js";import{Em as w}from"./em.js";import{Flex as F}from"./flex.js";import{Grid as q}from"./grid.js";import{Heading as K}from"./heading.js";import*as M from"./hover-card.js";import{IconButton as V}from"./icon-button.js";import{ChevronDownIcon as N,ThickCheckIcon as j,ThickChevronRightIcon as J,ThickDividerHorizontalIcon as O}from"./icons.js";import{Inset as W}from"./inset.js";import{Kbd as Y}from"./kbd.js";import{Link as _}from"./link.js";import*as $ from"./popover.js";import{Portal as ro}from"./portal.js";import{Progress as to}from"./progress.js";import{Quote as so}from"./quote.js";import*as xo from"./radio-cards.js";import*as mo from"./radio-group.js";import{Radio as fo}from"./radio.js";import{Reset as Po}from"./reset.js";import{ScrollArea as io}from"./scroll-area.js";import*as lo from"./segmented-control.js";import{Section as To}from"./section.js";import*as Co from"./select.js";import{Separator as uo}from"./separator.js";import{Skeleton as ho}from"./skeleton.js";import{Slider as Bo}from"./slider.js";import{Slot as bo,Slottable as Ao}from"./slot.js";import{Spinner as vo}from"./spinner.js";import{Strong as Ho}from"./strong.js";import{Switch as Go}from"./switch.js";import*as Fo from"./tab-nav.js";import*as Lo from"./table.js";import*as qo from"./tabs.js";import{TextArea as Ko}from"./text-area.js";import*as Mo from"./text-field.js";import{Text as Vo}from"./text.js";import{ThemePanel as No}from"./theme-panel.js";import{Theme as Jo,ThemeContext as Oo,useThemeContext as Uo}from"./theme.js";import{ToggleButton as Xo}from"./toggle-button.js";import{ToggleIconButton as Zo}from"./toggle-icon-button.js";import{Tooltip as $o}from"./tooltip.js";import{VisuallyHidden as rr}from"./visually-hidden.js";export{e as AccessibleIcon,t as AlertDialog,s as AspectRatio,m as Avatar,f as Badge,P as Blockquote,i as Box,c as Button,d as Callout,C as Card,h as Checkbox,g as CheckboxCards,u as CheckboxGroup,N as ChevronDownIcon,B as Code,b as Container,A as ContextMenu,R as DataList,v as Dialog,D as DropdownMenu,w as Em,F as Flex,q as Grid,K as Heading,M as HoverCard,V as IconButton,W as Inset,Y as Kbd,_ as Link,$ as Popover,ro as Portal,to as Progress,so as Quote,fo as Radio,xo as RadioCards,mo as RadioGroup,Po as Reset,io as ScrollArea,To as Section,lo as SegmentedControl,Co as Select,uo as Separator,ho as Skeleton,Bo as Slider,bo as Slot,Ao as Slottable,vo as Spinner,Ho as Strong,Go as Switch,Fo as TabNav,Lo as Table,qo as Tabs,Vo as Text,Ko as TextArea,Mo as TextField,Jo as Theme,Oo as ThemeContext,No as ThemePanel,j as ThickCheckIcon,J as ThickChevronRightIcon,O as ThickDividerHorizontalIcon,Xo as ToggleButton,Zo as ToggleIconButton,$o as Tooltip,rr as VisuallyHidden,Uo as useThemeContext};
+import{AccessibleIcon as e}from"./accessible-icon.js";import*as t from"./alert-dialog.js";import{AspectRatio as s}from"./aspect-ratio.js";import{Avatar as m}from"./avatar.js";import{Badge as f}from"./badge.js";import{Blockquote as P}from"./blockquote.js";import{Box as i}from"./box.js";import{Button as c}from"./button.js";import*as d from"./callout.js";import{Card as g}from"./card.js";import*as C from"./checkbox-cards.js";import*as u from"./checkbox-group.js";import{Checkbox as h}from"./checkbox.js";import{Code as k}from"./code.js";import{Container as b}from"./container.js";import*as A from"./context-menu.js";import*as R from"./data-list.js";import*as v from"./dialog.js";import*as D from"./dropdown-menu.js";import{Em as w}from"./em.js";import{Flex as F}from"./flex.js";import{Grid as q}from"./grid.js";import{Heading as K}from"./heading.js";import*as M from"./hover-card.js";import{IconButton as V}from"./icon-button.js";import{ChevronDownIcon as N,ThickCheckIcon as j,ThickChevronRightIcon as J,ThickDividerHorizontalIcon as O}from"./icons.js";import{Image as W}from"./image.js";import{Inset as Y}from"./inset.js";import{Kbd as _}from"./kbd.js";import{Link as oo}from"./link.js";import*as ro from"./popover.js";import{Portal as to}from"./portal.js";import{Progress as so}from"./progress.js";import{Quote as mo}from"./quote.js";import*as ao from"./radio-cards.js";import*as fo from"./radio-group.js";import{Radio as Po}from"./radio.js";import{Reset as io}from"./reset.js";import{ScrollArea as co}from"./scroll-area.js";import*as To from"./segmented-control.js";import{Section as Co}from"./section.js";import*as uo from"./select.js";import{Separator as ho}from"./separator.js";import{Skeleton as ko}from"./skeleton.js";import{Slider as bo}from"./slider.js";import{Slot as Ro,Slottable as vo}from"./slot.js";import{Spinner as Ho}from"./spinner.js";import{Strong as Go}from"./strong.js";import{Switch as Lo}from"./switch.js";import*as qo from"./tab-nav.js";import*as Eo from"./table.js";import*as Ko from"./tabs.js";import{TextArea as Qo}from"./text-area.js";import*as Vo from"./text-field.js";import{Text as No}from"./text.js";import{ThemePanel as Jo}from"./theme-panel.js";import{Theme as Uo,ThemeContext as Wo,useThemeContext as Xo}from"./theme.js";import{ToggleButton as Zo}from"./toggle-button.js";import{ToggleIconButton as $o}from"./toggle-icon-button.js";import{Tooltip as rr}from"./tooltip.js";import{VisuallyHidden as tr}from"./visually-hidden.js";export{e as AccessibleIcon,t as AlertDialog,s as AspectRatio,m as Avatar,f as Badge,P as Blockquote,i as Box,c as Button,d as Callout,g as Card,h as Checkbox,C as CheckboxCards,u as CheckboxGroup,N as ChevronDownIcon,k as Code,b as Container,A as ContextMenu,R as DataList,v as Dialog,D as DropdownMenu,w as Em,F as Flex,q as Grid,K as Heading,M as HoverCard,V as IconButton,W as Image,Y as Inset,_ as Kbd,oo as Link,ro as Popover,to as Portal,so as Progress,mo as Quote,Po as Radio,ao as RadioCards,fo as RadioGroup,io as Reset,co as ScrollArea,Co as Section,To as SegmentedControl,uo as Select,ho as Separator,ko as Skeleton,bo as Slider,Ro as Slot,vo as Slottable,Ho as Spinner,Go as Strong,Lo as Switch,qo as TabNav,Eo as Table,Ko as Tabs,No as Text,Qo as TextArea,Vo as TextField,Uo as Theme,Wo as ThemeContext,Jo as ThemePanel,j as ThickCheckIcon,J as ThickChevronRightIcon,O as ThickDividerHorizontalIcon,Zo as ToggleButton,$o as ToggleIconButton,rr as Tooltip,tr as VisuallyHidden,Xo as useThemeContext};
 //# sourceMappingURL=index.js.map

package/dist/esm/components/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/index.tsx"],
-  "sourcesContent": ["export { AccessibleIcon, type AccessibleIconProps } from './accessible-icon.js';\nexport * as AlertDialog from './alert-dialog.js';\nexport { AspectRatio, type AspectRatioProps } from './aspect-ratio.js';\nexport { Avatar, type AvatarProps } from './avatar.js';\nexport { Badge, type BadgeProps } from './badge.js';\nexport { Blockquote, type BlockquoteProps } from './blockquote.js';\nexport { Box, type BoxProps } from './box.js';\nexport { Button, type ButtonProps } from './button.js';\nexport * as Callout from './callout.js';\nexport { Card, type CardProps } from './card.js';\nexport * as CheckboxCards from './checkbox-cards.js';\nexport * as CheckboxGroup from './checkbox-group.js';\nexport { Checkbox, type CheckboxProps } from './checkbox.js';\nexport { Code, type CodeProps } from './code.js';\nexport { Container, type ContainerProps } from './container.js';\nexport * as ContextMenu from './context-menu.js';\nexport * as DataList from './data-list.js';\nexport * as Dialog from './dialog.js';\nexport * as DropdownMenu from './dropdown-menu.js';\nexport { Em, type EmProps } from './em.js';\nexport { Flex, type FlexProps } from './flex.js';\nexport { Grid, type GridProps } from './grid.js';\nexport { Heading, type HeadingProps } from './heading.js';\nexport * as HoverCard from './hover-card.js';\nexport { IconButton, type IconButtonProps } from './icon-button.js';\nexport {\n  type IconProps,\n  ChevronDownIcon,\n  ThickCheckIcon,\n  ThickChevronRightIcon,\n  ThickDividerHorizontalIcon,\n} from './icons.js';\nexport { Inset, type InsetProps } from './inset.js';\nexport { Kbd, type KbdProps } from './kbd.js';\nexport { Link, type LinkProps } from './link.js';\nexport * as Popover from './popover.js';\nexport { Portal, type PortalProps } from './portal.js';\nexport { Progress, type ProgressProps } from './progress.js';\nexport { Quote, type QuoteProps } from './quote.js';\nexport * as RadioCards from './radio-cards.js';\nexport * as RadioGroup from './radio-group.js';\nexport { Radio, type RadioProps } from './radio.js';\nexport { Reset, type ResetProps } from './reset.js';\nexport { ScrollArea, type ScrollAreaProps } from './scroll-area.js';\nexport * as SegmentedControl from './segmented-control.js';\nexport { Section, type SectionProps } from './section.js';\nexport * as Select from './select.js';\nexport { Separator, type SeparatorProps } from './separator.js';\nexport { Skeleton, type SkeletonProps } from './skeleton.js';\nexport { Slider, type SliderProps } from './slider.js';\nexport { Slot, Slottable } from './slot.js';\nexport { Spinner, type SpinnerProps } from './spinner.js';\nexport { Strong, type StrongProps } from './strong.js';\nexport { Switch, type SwitchProps } from './switch.js';\nexport * as TabNav from './tab-nav.js';\nexport * as Table from './table.js';\nexport * as Tabs from './tabs.js';\nexport { TextArea, type TextAreaProps } from './text-area.js';\nexport * as TextField from './text-field.js';\nexport { Text, type TextProps } from './text.js';\nexport { ThemePanel, type ThemePanelProps } from './theme-panel.js';\nexport { Theme, ThemeContext, type ThemeProps, useThemeContext } from './theme.js';\nexport { ToggleButton, type ToggleButtonProps } from './toggle-button.js';\nexport { ToggleIconButton, type ToggleIconButtonProps } from './toggle-icon-button.js';\nexport { Tooltip, type TooltipProps } from './tooltip.js';\nexport { VisuallyHidden, type VisuallyHiddenProps } from './visually-hidden.js';\n"],
-  "mappings": "AAAA,OAAS,kBAAAA,MAAgD,uBACzD,UAAYC,MAAiB,oBAC7B,OAAS,eAAAC,MAA0C,oBACnD,OAAS,UAAAC,MAAgC,cACzC,OAAS,SAAAC,MAA8B,aACvC,OAAS,cAAAC,MAAwC,kBACjD,OAAS,OAAAC,MAA0B,WACnC,OAAS,UAAAC,MAAgC,cACzC,UAAYC,MAAa,eACzB,OAAS,QAAAC,MAA4B,YACrC,UAAYC,MAAmB,sBAC/B,UAAYC,MAAmB,sBAC/B,OAAS,YAAAC,MAAoC,gBAC7C,OAAS,QAAAC,MAA4B,YACrC,OAAS,aAAAC,MAAsC,iBAC/C,UAAYC,MAAiB,oBAC7B,UAAYC,MAAc,iBAC1B,UAAYC,MAAY,cACxB,UAAYC,MAAkB,qBAC9B,OAAS,MAAAC,MAAwB,UACjC,OAAS,QAAAC,MAA4B,YACrC,OAAS,QAAAC,MAA4B,YACrC,OAAS,WAAAC,MAAkC,eAC3C,UAAYC,MAAe,kBAC3B,OAAS,cAAAC,MAAwC,mBACjD,OAEE,mBAAAC,EACA,kBAAAC,EACA,yBAAAC,EACA,8BAAAC,MACK,aACP,OAAS,SAAAC,MAA8B,aACvC,OAAS,OAAAC,MAA0B,WACnC,OAAS,QAAAC,MAA4B,YACrC,UAAYC,MAAa,eACzB,OAAS,UAAAC,OAAgC,cACzC,OAAS,YAAAC,OAAoC,gBAC7C,OAAS,SAAAC,OAA8B,aACvC,UAAYC,OAAgB,mBAC5B,UAAYC,OAAgB,mBAC5B,OAAS,SAAAC,OAA8B,aACvC,OAAS,SAAAC,OAA8B,aACvC,OAAS,cAAAC,OAAwC,mBACjD,UAAYC,OAAsB,yBAClC,OAAS,WAAAC,OAAkC,eAC3C,UAAYC,OAAY,cACxB,OAAS,aAAAC,OAAsC,iBAC/C,OAAS,YAAAC,OAAoC,gBAC7C,OAAS,UAAAC,OAAgC,cACzC,OAAS,QAAAC,GAAM,aAAAC,OAAiB,YAChC,OAAS,WAAAC,OAAkC,eAC3C,OAAS,UAAAC,OAAgC,cACzC,OAAS,UAAAC,OAAgC,cACzC,UAAYC,OAAY,eACxB,UAAYC,OAAW,aACvB,UAAYC,OAAU,YACtB,OAAS,YAAAC,OAAoC,iBAC7C,UAAYC,OAAe,kBAC3B,OAAS,QAAAC,OAA4B,YACrC,OAAS,cAAAC,OAAwC,mBACjD,OAAS,SAAAC,GAAO,gBAAAC,GAA+B,mBAAAC,OAAuB,aACtE,OAAS,gBAAAC,OAA4C,qBACrD,OAAS,oBAAAC,OAAoD,0BAC7D,OAAS,WAAAC,OAAkC,eAC3C,OAAS,kBAAAC,OAAgD",
-  "names": ["AccessibleIcon", "AlertDialog", "AspectRatio", "Avatar", "Badge", "Blockquote", "Box", "Button", "Callout", "Card", "CheckboxCards", "CheckboxGroup", "Checkbox", "Code", "Container", "ContextMenu", "DataList", "Dialog", "DropdownMenu", "Em", "Flex", "Grid", "Heading", "HoverCard", "IconButton", "ChevronDownIcon", "ThickCheckIcon", "ThickChevronRightIcon", "ThickDividerHorizontalIcon", "Inset", "Kbd", "Link", "Popover", "Portal", "Progress", "Quote", "RadioCards", "RadioGroup", "Radio", "Reset", "ScrollArea", "SegmentedControl", "Section", "Select", "Separator", "Skeleton", "Slider", "Slot", "Slottable", "Spinner", "Strong", "Switch", "TabNav", "Table", "Tabs", "TextArea", "TextField", "Text", "ThemePanel", "Theme", "ThemeContext", "useThemeContext", "ToggleButton", "ToggleIconButton", "Tooltip", "VisuallyHidden"]
+  "sourcesContent": ["export { AccessibleIcon, type AccessibleIconProps } from './accessible-icon.js';\nexport * as AlertDialog from './alert-dialog.js';\nexport { AspectRatio, type AspectRatioProps } from './aspect-ratio.js';\nexport { Avatar, type AvatarProps } from './avatar.js';\nexport { Badge, type BadgeProps } from './badge.js';\nexport { Blockquote, type BlockquoteProps } from './blockquote.js';\nexport { Box, type BoxProps } from './box.js';\nexport { Button, type ButtonProps } from './button.js';\nexport * as Callout from './callout.js';\nexport { Card, type CardProps } from './card.js';\nexport * as CheckboxCards from './checkbox-cards.js';\nexport * as CheckboxGroup from './checkbox-group.js';\nexport { Checkbox, type CheckboxProps } from './checkbox.js';\nexport { Code, type CodeProps } from './code.js';\nexport { Container, type ContainerProps } from './container.js';\nexport * as ContextMenu from './context-menu.js';\nexport * as DataList from './data-list.js';\nexport * as Dialog from './dialog.js';\nexport * as DropdownMenu from './dropdown-menu.js';\nexport { Em, type EmProps } from './em.js';\nexport { Flex, type FlexProps } from './flex.js';\nexport { Grid, type GridProps } from './grid.js';\nexport { Heading, type HeadingProps } from './heading.js';\nexport * as HoverCard from './hover-card.js';\nexport { IconButton, type IconButtonProps } from './icon-button.js';\nexport {\n  type IconProps,\n  ChevronDownIcon,\n  ThickCheckIcon,\n  ThickChevronRightIcon,\n  ThickDividerHorizontalIcon,\n} from './icons.js';\nexport { Image, type ImageProps } from './image.js';\nexport { Inset, type InsetProps } from './inset.js';\nexport { Kbd, type KbdProps } from './kbd.js';\nexport { Link, type LinkProps } from './link.js';\nexport * as Popover from './popover.js';\nexport { Portal, type PortalProps } from './portal.js';\nexport { Progress, type ProgressProps } from './progress.js';\nexport { Quote, type QuoteProps } from './quote.js';\nexport * as RadioCards from './radio-cards.js';\nexport * as RadioGroup from './radio-group.js';\nexport { Radio, type RadioProps } from './radio.js';\nexport { Reset, type ResetProps } from './reset.js';\nexport { ScrollArea, type ScrollAreaProps } from './scroll-area.js';\nexport * as SegmentedControl from './segmented-control.js';\nexport { Section, type SectionProps } from './section.js';\nexport * as Select from './select.js';\nexport { Separator, type SeparatorProps } from './separator.js';\nexport { Skeleton, type SkeletonProps } from './skeleton.js';\nexport { Slider, type SliderProps } from './slider.js';\nexport { Slot, Slottable } from './slot.js';\nexport { Spinner, type SpinnerProps } from './spinner.js';\nexport { Strong, type StrongProps } from './strong.js';\nexport { Switch, type SwitchProps } from './switch.js';\nexport * as TabNav from './tab-nav.js';\nexport * as Table from './table.js';\nexport * as Tabs from './tabs.js';\nexport { TextArea, type TextAreaProps } from './text-area.js';\nexport * as TextField from './text-field.js';\nexport { Text, type TextProps } from './text.js';\nexport { ThemePanel, type ThemePanelProps } from './theme-panel.js';\nexport { Theme, ThemeContext, type ThemeProps, useThemeContext } from './theme.js';\nexport { ToggleButton, type ToggleButtonProps } from './toggle-button.js';\nexport { ToggleIconButton, type ToggleIconButtonProps } from './toggle-icon-button.js';\nexport { Tooltip, type TooltipProps } from './tooltip.js';\nexport { VisuallyHidden, type VisuallyHiddenProps } from './visually-hidden.js';\n"],
+  "mappings": "AAAA,OAAS,kBAAAA,MAAgD,uBACzD,UAAYC,MAAiB,oBAC7B,OAAS,eAAAC,MAA0C,oBACnD,OAAS,UAAAC,MAAgC,cACzC,OAAS,SAAAC,MAA8B,aACvC,OAAS,cAAAC,MAAwC,kBACjD,OAAS,OAAAC,MAA0B,WACnC,OAAS,UAAAC,MAAgC,cACzC,UAAYC,MAAa,eACzB,OAAS,QAAAC,MAA4B,YACrC,UAAYC,MAAmB,sBAC/B,UAAYC,MAAmB,sBAC/B,OAAS,YAAAC,MAAoC,gBAC7C,OAAS,QAAAC,MAA4B,YACrC,OAAS,aAAAC,MAAsC,iBAC/C,UAAYC,MAAiB,oBAC7B,UAAYC,MAAc,iBAC1B,UAAYC,MAAY,cACxB,UAAYC,MAAkB,qBAC9B,OAAS,MAAAC,MAAwB,UACjC,OAAS,QAAAC,MAA4B,YACrC,OAAS,QAAAC,MAA4B,YACrC,OAAS,WAAAC,MAAkC,eAC3C,UAAYC,MAAe,kBAC3B,OAAS,cAAAC,MAAwC,mBACjD,OAEE,mBAAAC,EACA,kBAAAC,EACA,yBAAAC,EACA,8BAAAC,MACK,aACP,OAAS,SAAAC,MAA8B,aACvC,OAAS,SAAAC,MAA8B,aACvC,OAAS,OAAAC,MAA0B,WACnC,OAAS,QAAAC,OAA4B,YACrC,UAAYC,OAAa,eACzB,OAAS,UAAAC,OAAgC,cACzC,OAAS,YAAAC,OAAoC,gBAC7C,OAAS,SAAAC,OAA8B,aACvC,UAAYC,OAAgB,mBAC5B,UAAYC,OAAgB,mBAC5B,OAAS,SAAAC,OAA8B,aACvC,OAAS,SAAAC,OAA8B,aACvC,OAAS,cAAAC,OAAwC,mBACjD,UAAYC,OAAsB,yBAClC,OAAS,WAAAC,OAAkC,eAC3C,UAAYC,OAAY,cACxB,OAAS,aAAAC,OAAsC,iBAC/C,OAAS,YAAAC,OAAoC,gBAC7C,OAAS,UAAAC,OAAgC,cACzC,OAAS,QAAAC,GAAM,aAAAC,OAAiB,YAChC,OAAS,WAAAC,OAAkC,eAC3C,OAAS,UAAAC,OAAgC,cACzC,OAAS,UAAAC,OAAgC,cACzC,UAAYC,OAAY,eACxB,UAAYC,OAAW,aACvB,UAAYC,OAAU,YACtB,OAAS,YAAAC,OAAoC,iBAC7C,UAAYC,OAAe,kBAC3B,OAAS,QAAAC,OAA4B,YACrC,OAAS,cAAAC,OAAwC,mBACjD,OAAS,SAAAC,GAAO,gBAAAC,GAA+B,mBAAAC,OAAuB,aACtE,OAAS,gBAAAC,OAA4C,qBACrD,OAAS,oBAAAC,OAAoD,0BAC7D,OAAS,WAAAC,OAAkC,eAC3C,OAAS,kBAAAC,OAAgD",
+  "names": ["AccessibleIcon", "AlertDialog", "AspectRatio", "Avatar", "Badge", "Blockquote", "Box", "Button", "Callout", "Card", "CheckboxCards", "CheckboxGroup", "Checkbox", "Code", "Container", "ContextMenu", "DataList", "Dialog", "DropdownMenu", "Em", "Flex", "Grid", "Heading", "HoverCard", "IconButton", "ChevronDownIcon", "ThickCheckIcon", "ThickChevronRightIcon", "ThickDividerHorizontalIcon", "Image", "Inset", "Kbd", "Link", "Popover", "Portal", "Progress", "Quote", "RadioCards", "RadioGroup", "Radio", "Reset", "ScrollArea", "SegmentedControl", "Section", "Select", "Separator", "Skeleton", "Slider", "Slot", "Slottable", "Spinner", "Strong", "Switch", "TabNav", "Table", "Tabs", "TextArea", "TextField", "Text", "ThemePanel", "Theme", "ThemeContext", "useThemeContext", "ToggleButton", "ToggleIconButton", "Tooltip", "VisuallyHidden"]
 }

package/dist/esm/props/index.d.ts

@@ -9,6 +9,7 @@ export * from './leading-trim.prop.js';
 export * from './margin.props.js';
 export * from './padding.props.js';
 export * from './radius.prop.js';
+export * from './shadow.props.js';
 export * from './text-align.prop.js';
 export * from './text-wrap.prop.js';
 export * from './truncate.prop.js';
@@ -37,6 +38,7 @@ export * from '../components/grid.props.js';
 export * from '../components/heading.props.js';
 export * from '../components/hover-card.props.js';
 export * from '../components/icon-button.props.js';
+export * from '../components/image.props.js';
 export * from '../components/inset.props.js';
 export * from '../components/kbd.props.js';
 export * from '../components/link.props.js';

package/dist/esm/props/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/props/index.ts"],"names":[],"mappings":"AACA,cAAc,eAAe,CAAC;AAG9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AAGjC,cAAc,qCAAqC,CAAC;AACpD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mCAAmC,CAAC;AAClD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uCAAuC,CAAC;AACtD,cAAc,uCAAuC,CAAC;AACtD,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AACpD,cAAc,kCAAkC,CAAC;AACjD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sCAAsC,CAAC;AACrD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mCAAmC,CAAC;AAClD,cAAc,oCAAoC,CAAC;AACnD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oCAAoC,CAAC;AACnD,cAAc,oCAAoC,CAAC;AACnD,cAAc,oCAAoC,CAAC;AACnD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0CAA0C,CAAC;AACzD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kCAAkC,CAAC;AACjD,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/props/index.ts"],"names":[],"mappings":"AACA,cAAc,eAAe,CAAC;AAG9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AAGjC,cAAc,qCAAqC,CAAC;AACpD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mCAAmC,CAAC;AAClD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uCAAuC,CAAC;AACtD,cAAc,uCAAuC,CAAC;AACtD,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AACpD,cAAc,kCAAkC,CAAC;AACjD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sCAAsC,CAAC;AACrD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mCAAmC,CAAC;AAClD,cAAc,oCAAoC,CAAC;AACnD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oCAAoC,CAAC;AACnD,cAAc,oCAAoC,CAAC;AACnD,cAAc,oCAAoC,CAAC;AACnD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0CAA0C,CAAC;AACzD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kCAAkC,CAAC;AACjD,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC"}

package/dist/esm/props/index.js

@@ -1,2 +1,2 @@
-export*from"./prop-def.js";export*from"./as-child.prop.js";export*from"./color.prop.js";export*from"./gap.props.js";export*from"./height.props.js";export*from"./high-contrast.prop.js";export*from"./layout.props.js";export*from"./leading-trim.prop.js";export*from"./margin.props.js";export*from"./padding.props.js";export*from"./radius.prop.js";export*from"./text-align.prop.js";export*from"./text-wrap.prop.js";export*from"./truncate.prop.js";export*from"./weight.prop.js";export*from"./width.props.js";export*from"../components/alert-dialog.props.js";export*from"../components/avatar.props.js";export*from"../components/badge.props.js";export*from"../components/blockquote.props.js";export*from"../components/box.props.js";export*from"../components/button.props.js";export*from"../components/callout.props.js";export*from"../components/card.props.js";export*from"../components/checkbox-cards.props.js";export*from"../components/checkbox-group.props.js";export*from"../components/checkbox.props.js";export*from"../components/code.props.js";export*from"../components/container.props.js";export*from"../components/context-menu.props.js";export*from"../components/data-list.props.js";export*from"../components/dialog.props.js";export*from"../components/dropdown-menu.props.js";export*from"../components/em.props.js";export*from"../components/flex.props.js";export*from"../components/grid.props.js";export*from"../components/heading.props.js";export*from"../components/hover-card.props.js";export*from"../components/icon-button.props.js";export*from"../components/inset.props.js";export*from"../components/kbd.props.js";export*from"../components/link.props.js";export*from"../components/popover.props.js";export*from"../components/progress.props.js";export*from"../components/quote.props.js";export*from"../components/radio.props.js";export*from"../components/radio-cards.props.js";export*from"../components/radio-group.props.js";export*from"../components/scroll-area.props.js";export*from"../components/section.props.js";export*from"../components/segmented-control.props.js";export*from"../components/select.props.js";export*from"../components/separator.props.js";export*from"../components/skeleton.props.js";export*from"../components/slider.props.js";export*from"../components/spinner.props.js";export*from"../components/strong.props.js";export*from"../components/switch.props.js";export*from"../components/tab-nav.props.js";export*from"../components/table.props.js";export*from"../components/tabs.props.js";export*from"../components/text-area.props.js";export*from"../components/text-field.props.js";export*from"../components/text.props.js";export*from"../components/theme.props.js";export*from"../components/tooltip.props.js";
+export*from"./prop-def.js";export*from"./as-child.prop.js";export*from"./color.prop.js";export*from"./gap.props.js";export*from"./height.props.js";export*from"./high-contrast.prop.js";export*from"./layout.props.js";export*from"./leading-trim.prop.js";export*from"./margin.props.js";export*from"./padding.props.js";export*from"./radius.prop.js";export*from"./shadow.props.js";export*from"./text-align.prop.js";export*from"./text-wrap.prop.js";export*from"./truncate.prop.js";export*from"./weight.prop.js";export*from"./width.props.js";export*from"../components/alert-dialog.props.js";export*from"../components/avatar.props.js";export*from"../components/badge.props.js";export*from"../components/blockquote.props.js";export*from"../components/box.props.js";export*from"../components/button.props.js";export*from"../components/callout.props.js";export*from"../components/card.props.js";export*from"../components/checkbox-cards.props.js";export*from"../components/checkbox-group.props.js";export*from"../components/checkbox.props.js";export*from"../components/code.props.js";export*from"../components/container.props.js";export*from"../components/context-menu.props.js";export*from"../components/data-list.props.js";export*from"../components/dialog.props.js";export*from"../components/dropdown-menu.props.js";export*from"../components/em.props.js";export*from"../components/flex.props.js";export*from"../components/grid.props.js";export*from"../components/heading.props.js";export*from"../components/hover-card.props.js";export*from"../components/icon-button.props.js";export*from"../components/image.props.js";export*from"../components/inset.props.js";export*from"../components/kbd.props.js";export*from"../components/link.props.js";export*from"../components/popover.props.js";export*from"../components/progress.props.js";export*from"../components/quote.props.js";export*from"../components/radio.props.js";export*from"../components/radio-cards.props.js";export*from"../components/radio-group.props.js";export*from"../components/scroll-area.props.js";export*from"../components/section.props.js";export*from"../components/segmented-control.props.js";export*from"../components/select.props.js";export*from"../components/separator.props.js";export*from"../components/skeleton.props.js";export*from"../components/slider.props.js";export*from"../components/spinner.props.js";export*from"../components/strong.props.js";export*from"../components/switch.props.js";export*from"../components/tab-nav.props.js";export*from"../components/table.props.js";export*from"../components/tabs.props.js";export*from"../components/text-area.props.js";export*from"../components/text-field.props.js";export*from"../components/text.props.js";export*from"../components/theme.props.js";export*from"../components/tooltip.props.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/props/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/props/index.ts"],
-  "sourcesContent": ["// Prop definition\nexport * from './prop-def.js';\n\n// Individual props\nexport * from './as-child.prop.js';\nexport * from './color.prop.js';\nexport * from './gap.props.js';\nexport * from './height.props.js';\nexport * from './high-contrast.prop.js';\nexport * from './layout.props.js';\nexport * from './leading-trim.prop.js';\nexport * from './margin.props.js';\nexport * from './padding.props.js';\nexport * from './radius.prop.js';\nexport * from './text-align.prop.js';\nexport * from './text-wrap.prop.js';\nexport * from './truncate.prop.js';\nexport * from './weight.prop.js';\nexport * from './width.props.js';\n\n// Component props\nexport * from '../components/alert-dialog.props.js';\nexport * from '../components/avatar.props.js';\nexport * from '../components/badge.props.js';\nexport * from '../components/blockquote.props.js';\nexport * from '../components/box.props.js';\nexport * from '../components/button.props.js';\nexport * from '../components/callout.props.js';\nexport * from '../components/card.props.js';\nexport * from '../components/checkbox-cards.props.js';\nexport * from '../components/checkbox-group.props.js';\nexport * from '../components/checkbox.props.js';\nexport * from '../components/code.props.js';\nexport * from '../components/container.props.js';\nexport * from '../components/context-menu.props.js';\nexport * from '../components/data-list.props.js';\nexport * from '../components/dialog.props.js';\nexport * from '../components/dropdown-menu.props.js';\nexport * from '../components/em.props.js';\nexport * from '../components/flex.props.js';\nexport * from '../components/grid.props.js';\nexport * from '../components/heading.props.js';\nexport * from '../components/hover-card.props.js';\nexport * from '../components/icon-button.props.js';\nexport * from '../components/inset.props.js';\nexport * from '../components/kbd.props.js';\nexport * from '../components/link.props.js';\nexport * from '../components/popover.props.js';\nexport * from '../components/progress.props.js';\nexport * from '../components/quote.props.js';\nexport * from '../components/radio.props.js';\nexport * from '../components/radio-cards.props.js';\nexport * from '../components/radio-group.props.js';\nexport * from '../components/scroll-area.props.js';\nexport * from '../components/section.props.js';\nexport * from '../components/segmented-control.props.js';\nexport * from '../components/select.props.js';\nexport * from '../components/separator.props.js';\nexport * from '../components/skeleton.props.js';\nexport * from '../components/slider.props.js';\nexport * from '../components/spinner.props.js';\nexport * from '../components/strong.props.js';\nexport * from '../components/switch.props.js';\nexport * from '../components/tab-nav.props.js';\nexport * from '../components/table.props.js';\nexport * from '../components/tabs.props.js';\nexport * from '../components/text-area.props.js';\nexport * from '../components/text-field.props.js';\nexport * from '../components/text.props.js';\nexport * from '../components/theme.props.js';\nexport * from '../components/tooltip.props.js';\n"],
-  "mappings": "AACA,WAAc,gBAGd,WAAc,qBACd,WAAc,kBACd,WAAc,iBACd,WAAc,oBACd,WAAc,0BACd,WAAc,oBACd,WAAc,yBACd,WAAc,oBACd,WAAc,qBACd,WAAc,mBACd,WAAc,uBACd,WAAc,sBACd,WAAc,qBACd,WAAc,mBACd,WAAc,mBAGd,WAAc,sCACd,WAAc,gCACd,WAAc,+BACd,WAAc,oCACd,WAAc,6BACd,WAAc,gCACd,WAAc,iCACd,WAAc,8BACd,WAAc,wCACd,WAAc,wCACd,WAAc,kCACd,WAAc,8BACd,WAAc,mCACd,WAAc,sCACd,WAAc,mCACd,WAAc,gCACd,WAAc,uCACd,WAAc,4BACd,WAAc,8BACd,WAAc,8BACd,WAAc,iCACd,WAAc,oCACd,WAAc,qCACd,WAAc,+BACd,WAAc,6BACd,WAAc,8BACd,WAAc,iCACd,WAAc,kCACd,WAAc,+BACd,WAAc,+BACd,WAAc,qCACd,WAAc,qCACd,WAAc,qCACd,WAAc,iCACd,WAAc,2CACd,WAAc,gCACd,WAAc,mCACd,WAAc,kCACd,WAAc,gCACd,WAAc,iCACd,WAAc,gCACd,WAAc,gCACd,WAAc,iCACd,WAAc,+BACd,WAAc,8BACd,WAAc,mCACd,WAAc,oCACd,WAAc,8BACd,WAAc,+BACd,WAAc",
+  "sourcesContent": ["// Prop definition\nexport * from './prop-def.js';\n\n// Individual props\nexport * from './as-child.prop.js';\nexport * from './color.prop.js';\nexport * from './gap.props.js';\nexport * from './height.props.js';\nexport * from './high-contrast.prop.js';\nexport * from './layout.props.js';\nexport * from './leading-trim.prop.js';\nexport * from './margin.props.js';\nexport * from './padding.props.js';\nexport * from './radius.prop.js';\nexport * from './shadow.props.js';\nexport * from './text-align.prop.js';\nexport * from './text-wrap.prop.js';\nexport * from './truncate.prop.js';\nexport * from './weight.prop.js';\nexport * from './width.props.js';\n\n// Component props\nexport * from '../components/alert-dialog.props.js';\nexport * from '../components/avatar.props.js';\nexport * from '../components/badge.props.js';\nexport * from '../components/blockquote.props.js';\nexport * from '../components/box.props.js';\nexport * from '../components/button.props.js';\nexport * from '../components/callout.props.js';\nexport * from '../components/card.props.js';\nexport * from '../components/checkbox-cards.props.js';\nexport * from '../components/checkbox-group.props.js';\nexport * from '../components/checkbox.props.js';\nexport * from '../components/code.props.js';\nexport * from '../components/container.props.js';\nexport * from '../components/context-menu.props.js';\nexport * from '../components/data-list.props.js';\nexport * from '../components/dialog.props.js';\nexport * from '../components/dropdown-menu.props.js';\nexport * from '../components/em.props.js';\nexport * from '../components/flex.props.js';\nexport * from '../components/grid.props.js';\nexport * from '../components/heading.props.js';\nexport * from '../components/hover-card.props.js';\nexport * from '../components/icon-button.props.js';\nexport * from '../components/image.props.js';\nexport * from '../components/inset.props.js';\nexport * from '../components/kbd.props.js';\nexport * from '../components/link.props.js';\nexport * from '../components/popover.props.js';\nexport * from '../components/progress.props.js';\nexport * from '../components/quote.props.js';\nexport * from '../components/radio.props.js';\nexport * from '../components/radio-cards.props.js';\nexport * from '../components/radio-group.props.js';\nexport * from '../components/scroll-area.props.js';\nexport * from '../components/section.props.js';\nexport * from '../components/segmented-control.props.js';\nexport * from '../components/select.props.js';\nexport * from '../components/separator.props.js';\nexport * from '../components/skeleton.props.js';\nexport * from '../components/slider.props.js';\nexport * from '../components/spinner.props.js';\nexport * from '../components/strong.props.js';\nexport * from '../components/switch.props.js';\nexport * from '../components/tab-nav.props.js';\nexport * from '../components/table.props.js';\nexport * from '../components/tabs.props.js';\nexport * from '../components/text-area.props.js';\nexport * from '../components/text-field.props.js';\nexport * from '../components/text.props.js';\nexport * from '../components/theme.props.js';\nexport * from '../components/tooltip.props.js';\n"],
+  "mappings": "AACA,WAAc,gBAGd,WAAc,qBACd,WAAc,kBACd,WAAc,iBACd,WAAc,oBACd,WAAc,0BACd,WAAc,oBACd,WAAc,yBACd,WAAc,oBACd,WAAc,qBACd,WAAc,mBACd,WAAc,oBACd,WAAc,uBACd,WAAc,sBACd,WAAc,qBACd,WAAc,mBACd,WAAc,mBAGd,WAAc,sCACd,WAAc,gCACd,WAAc,+BACd,WAAc,oCACd,WAAc,6BACd,WAAc,gCACd,WAAc,iCACd,WAAc,8BACd,WAAc,wCACd,WAAc,wCACd,WAAc,kCACd,WAAc,8BACd,WAAc,mCACd,WAAc,sCACd,WAAc,mCACd,WAAc,gCACd,WAAc,uCACd,WAAc,4BACd,WAAc,8BACd,WAAc,8BACd,WAAc,iCACd,WAAc,oCACd,WAAc,qCACd,WAAc,+BACd,WAAc,+BACd,WAAc,6BACd,WAAc,8BACd,WAAc,iCACd,WAAc,kCACd,WAAc,+BACd,WAAc,+BACd,WAAc,qCACd,WAAc,qCACd,WAAc,qCACd,WAAc,iCACd,WAAc,2CACd,WAAc,gCACd,WAAc,mCACd,WAAc,kCACd,WAAc,gCACd,WAAc,iCACd,WAAc,gCACd,WAAc,gCACd,WAAc,iCACd,WAAc,+BACd,WAAc,8BACd,WAAc,mCACd,WAAc,oCACd,WAAc,8BACd,WAAc,+BACd,WAAc",
   "names": []
 }

package/dist/esm/props/shadow.props.d.ts

@@ -0,0 +1,24 @@
+import type { GetPropDefTypes } from './prop-def.js';
+declare const shadowPropDefs: {
+    /**
+     * Sets the CSS **box-shadow** property using design system shadow tokens.
+     * Supports shadow scale values and responsive objects.
+     *
+     * @example
+     * shadow="3"
+     * shadow={{ sm: '2', lg: '4' }}
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow
+     */
+    shadow: {
+        type: "enum";
+        className: string;
+        values: readonly ["1", "2", "3", "4", "5", "6"];
+        responsive: true;
+    };
+};
+type ShadowProps = GetPropDefTypes<typeof shadowPropDefs>;
+export { shadowPropDefs };
+export type { ShadowProps };
+//# sourceMappingURL=shadow.props.d.ts.map

package/dist/esm/props/shadow.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadow.props.d.ts","sourceRoot":"","sources":["../../../src/props/shadow.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAW,eAAe,EAAE,MAAM,eAAe,CAAC;AAI9D,QAAA,MAAM,cAAc;IAClB;;;;;;;;;;OAUG;;;;;;;CASJ,CAAC;AAEF,KAAK,WAAW,GAAG,eAAe,CAAC,OAAO,cAAc,CAAC,CAAC;AAE1D,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/dist/esm/props/shadow.props.js

@@ -0,0 +1,2 @@
+const e=["1","2","3","4","5","6"],o={shadow:{type:"enum",className:"rt-r-shadow",values:e,responsive:!0}};export{o as shadowPropDefs};
+//# sourceMappingURL=shadow.props.js.map

package/dist/esm/props/shadow.props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/props/shadow.props.ts"],
+  "sourcesContent": ["import type { PropDef, GetPropDefTypes } from './prop-def.js';\n\nconst shadowValues = ['1', '2', '3', '4', '5', '6'] as const;\n\nconst shadowPropDefs = {\n  /**\n   * Sets the CSS **box-shadow** property using design system shadow tokens.\n   * Supports shadow scale values and responsive objects.\n   *\n   * @example\n   * shadow=\"3\"\n   * shadow={{ sm: '2', lg: '4' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow\n   */\n  shadow: {\n    type: 'enum',\n    className: 'rt-r-shadow',\n    values: shadowValues,\n    responsive: true,\n  },\n} satisfies {\n  shadow: PropDef<(typeof shadowValues)[number]>;\n};\n\ntype ShadowProps = GetPropDefTypes<typeof shadowPropDefs>;\n\nexport { shadowPropDefs };\nexport type { ShadowProps };\n"],
+  "mappings": "AAEA,MAAMA,EAAe,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,GAAG,EAE5CC,EAAiB,CAYrB,OAAQ,CACN,KAAM,OACN,UAAW,cACX,OAAQD,EACR,WAAY,EACd,CACF",
+  "names": ["shadowValues", "shadowPropDefs"]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kushagradhawan/kookie-ui",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "description": "A modern React component library with beautiful design tokens and flexible theming",
   "keywords": [
     "react",

package/src/components/image.css

@@ -0,0 +1,52 @@
+.rt-Image {
+  display: block;
+  object-fit: var(--object-fit);
+  box-shadow: var(--box-shadow);
+  border-radius: max(var(--radius-3), var(--radius-full));
+}
+
+/* Object fit variants */
+.rt-r-fit-cover {
+  --object-fit: cover;
+}
+
+.rt-r-fit-contain {
+  --object-fit: contain;
+}
+
+.rt-r-fit-fill {
+  --object-fit: fill;
+}
+
+.rt-r-fit-scale-down {
+  --object-fit: scale-down;
+}
+
+.rt-r-fit-none {
+  --object-fit: none;
+}
+
+/* Shadow variants */
+.rt-r-shadow-1 {
+  --box-shadow: var(--shadow-1);
+}
+
+.rt-r-shadow-2 {
+  --box-shadow: var(--shadow-2);
+}
+
+.rt-r-shadow-3 {
+  --box-shadow: var(--shadow-3);
+}
+
+.rt-r-shadow-4 {
+  --box-shadow: var(--shadow-4);
+}
+
+.rt-r-shadow-5 {
+  --box-shadow: var(--shadow-5);
+}
+
+.rt-r-shadow-6 {
+  --box-shadow: var(--shadow-6);
+}

package/src/components/image.props.ts

@@ -0,0 +1,33 @@
+import { radiusPropDef } from '../props/radius.prop.js';
+import { shadowPropDefs } from '../props/shadow.props.js';
+
+import type { PropDef } from '../props/prop-def.js';
+
+const objectFitValues = ['cover', 'contain', 'fill', 'scale-down', 'none'] as const;
+
+const imagePropDefs = {
+  /**
+   * Sets the CSS **object-fit** property.
+   * Controls how the image should be resized to fit its container.
+   *
+   * @example
+   * fit="cover"
+   * fit="contain"
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit
+   */
+  fit: {
+    type: 'enum',
+    className: 'rt-r-fit',
+    values: objectFitValues,
+    default: 'cover',
+    responsive: true,
+  },
+  ...radiusPropDef,
+  ...shadowPropDefs,
+} satisfies {
+  fit: PropDef<(typeof objectFitValues)[number]>;
+};
+
+export { imagePropDefs };

package/src/components/image.tsx

@@ -0,0 +1,62 @@
+'use client';
+
+import * as React from 'react';
+import classNames from 'classnames';
+
+import { imagePropDefs } from './image.props.js';
+import { extractProps } from '../helpers/extract-props.js';
+import { marginPropDefs } from '../props/margin.props.js';
+import { widthPropDefs } from '../props/width.props.js';
+import { heightPropDefs } from '../props/height.props.js';
+
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
+import type { MarginProps } from '../props/margin.props.js';
+import type { WidthProps } from '../props/width.props.js';
+import type { HeightProps } from '../props/height.props.js';
+import type { GetPropDefTypes } from '../props/prop-def.js';
+
+type ImageElement = React.ElementRef<'img'>;
+type ImageOwnProps = GetPropDefTypes<typeof imagePropDefs> & {
+  loading?: 'eager' | 'lazy';
+};
+
+interface ImageProps
+  extends ComponentPropsWithout<'img', RemovedProps | 'color' | 'width' | 'height' | 'alt'>,
+    MarginProps,
+    WidthProps,
+    HeightProps,
+    ImageOwnProps {
+  /**
+   * The alt attribute provides alternative information for an image if a user for some reason cannot view it.
+   * Required for accessibility.
+   */
+  alt: string;
+}
+
+const Image = React.forwardRef<ImageElement, ImageProps>((props, forwardedRef) => {
+  const {
+    className,
+    radius,
+    style,
+    loading = 'lazy',
+    alt,
+    ...imgProps
+  } = extractProps(props, imagePropDefs, marginPropDefs, widthPropDefs, heightPropDefs);
+
+  return (
+    <img
+      data-radius={radius}
+      loading={loading}
+      style={style}
+      className={classNames('rt-Image', className)}
+      alt={alt}
+      {...imgProps}
+      ref={forwardedRef}
+    />
+  );
+});
+
+Image.displayName = 'Image';
+
+export { Image };
+export type { ImageProps };

package/src/components/index.css

@@ -27,6 +27,7 @@
 @import './heading.css';
 @import './hover-card.css';
 @import './icon-button.css';
+@import './image.css';
 @import './inset.css';
 @import './kbd.css';
 @import './link.css';

package/src/components/index.tsx

@@ -30,6 +30,7 @@ export {
   ThickChevronRightIcon,
   ThickDividerHorizontalIcon,
 } from './icons.js';
+export { Image, type ImageProps } from './image.js';
 export { Inset, type InsetProps } from './inset.js';
 export { Kbd, type KbdProps } from './kbd.js';
 export { Link, type LinkProps } from './link.js';

package/src/components/text.css

@@ -1,4 +1,5 @@
 .rt-Text {
+  font-family: var(--default-font-family);
   line-height: var(--line-height, var(--default-line-height));
   letter-spacing: var(--letter-spacing, inherit);
 

package/src/props/index.ts

@@ -12,6 +12,7 @@ export * from './leading-trim.prop.js';
 export * from './margin.props.js';
 export * from './padding.props.js';
 export * from './radius.prop.js';
+export * from './shadow.props.js';
 export * from './text-align.prop.js';
 export * from './text-wrap.prop.js';
 export * from './truncate.prop.js';
@@ -42,6 +43,7 @@ export * from '../components/grid.props.js';
 export * from '../components/heading.props.js';
 export * from '../components/hover-card.props.js';
 export * from '../components/icon-button.props.js';
+export * from '../components/image.props.js';
 export * from '../components/inset.props.js';
 export * from '../components/kbd.props.js';
 export * from '../components/link.props.js';

package/src/props/shadow.props.ts

@@ -0,0 +1,30 @@
+import type { PropDef, GetPropDefTypes } from './prop-def.js';
+
+const shadowValues = ['1', '2', '3', '4', '5', '6'] as const;
+
+const shadowPropDefs = {
+  /**
+   * Sets the CSS **box-shadow** property using design system shadow tokens.
+   * Supports shadow scale values and responsive objects.
+   *
+   * @example
+   * shadow="3"
+   * shadow={{ sm: '2', lg: '4' }}
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow
+   */
+  shadow: {
+    type: 'enum',
+    className: 'rt-r-shadow',
+    values: shadowValues,
+    responsive: true,
+  },
+} satisfies {
+  shadow: PropDef<(typeof shadowValues)[number]>;
+};
+
+type ShadowProps = GetPropDefTypes<typeof shadowPropDefs>;
+
+export { shadowPropDefs };
+export type { ShadowProps };

package/styles.css

@@ -5375,6 +5375,7 @@
   }
 }
 .rt-Text {
+  font-family: var(--default-font-family);
   line-height: var(--line-height, var(--default-line-height));
   letter-spacing: var(--letter-spacing, inherit);
 }
@@ -10697,6 +10698,45 @@
     --icon-button-ghost-padding: var(--space-3);
   }
 }
+.rt-Image {
+  display: block;
+  object-fit: var(--object-fit);
+  box-shadow: var(--box-shadow);
+  border-radius: max(var(--radius-3), var(--radius-full));
+}
+.rt-r-fit-cover {
+  --object-fit: cover;
+}
+.rt-r-fit-contain {
+  --object-fit: contain;
+}
+.rt-r-fit-fill {
+  --object-fit: fill;
+}
+.rt-r-fit-scale-down {
+  --object-fit: scale-down;
+}
+.rt-r-fit-none {
+  --object-fit: none;
+}
+.rt-r-shadow-1 {
+  --box-shadow: var(--shadow-1);
+}
+.rt-r-shadow-2 {
+  --box-shadow: var(--shadow-2);
+}
+.rt-r-shadow-3 {
+  --box-shadow: var(--shadow-3);
+}
+.rt-r-shadow-4 {
+  --box-shadow: var(--shadow-4);
+}
+.rt-r-shadow-5 {
+  --box-shadow: var(--shadow-5);
+}
+.rt-r-shadow-6 {
+  --box-shadow: var(--shadow-6);
+}
 .rt-Inset {
   box-sizing: border-box;
   --margin-top: 0px;